.dg-page{display: flex;flex-direction: column;height: 100dvh}.dg-page > .ww-topbar{flex-shrink: 0}.dg-page > .ww-layout{min-height: 0}.dg-main{flex: 1;min-height: 0;display: flex;flex-direction: column;padding: 0}.dg-room{--dg-hairline: color-mix(in oklch,var(--club-brass) 34%,transparent);--dg-panel: var(--ww-paper-2);--dg-paper: var(--club-travertine);flex: 1;min-height: 0;display: grid;grid-template-columns: minmax(0,1fr);grid-template-rows: auto minmax(0,1fr);gap: 0.75rem;padding: 0.75rem;color: var(--ww-ink)}.dg-seat-0{--dg-seat: var(--ww-sky)}.dg-seat-1{--dg-seat: var(--ww-danger)}.dg-seat-2{--dg-seat: var(--ww-emerald)}.dg-seat-3{--dg-seat: var(--ww-gold)}.dg-seat-4{--dg-seat: var(--ww-violet)}.dg-seat-5{--dg-seat: var(--club-celadon)}.dg-seat-6{--dg-seat: var(--club-brass)}.dg-seat-7{--dg-seat: var(--ww-blue)}.dg-avatar{display: inline-grid;place-items: center;flex: none;width: 2rem;height: 2rem;border-radius: 50%;background: var(--dg-seat,var(--ww-ink-soft));color: var(--ww-navy);font-weight: 800;font-size: 0.9rem}.dg-header{display: grid;grid-template-columns: minmax(8rem,14rem) minmax(0,1fr) minmax(8rem,19rem);align-items: center;gap: 0.75rem;min-height: 5.6rem;padding: 0.6rem 1rem;border: 1px solid var(--dg-hairline);border-radius: var(--ww-radius-sm);background: var(--dg-panel)}.dg-header > div{display: grid;gap: 0.1rem;min-width: 0}.dg-header-word{justify-items: center;text-align: center}.dg-header-clock{justify-items: end}.dg-header-label{font-size: 0.7rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: var(--ww-ink-soft)}.dg-header-round strong{font-family: var(--ww-mono);font-variant-numeric: tabular-nums}.dg-word{font-family: var(--ww-display);font-size: clamp(1.4rem,3vw,2rem);font-weight: 800;letter-spacing: 0.04em;line-height: 1.1}.dg-word--muted{color: var(--ww-ink-soft)}.dg-hint{font-family: var(--ww-mono);font-size: clamp(1.3rem,3vw,1.9rem);font-weight: 600;letter-spacing: 0.12em;white-space: pre-wrap;overflow-wrap: anywhere}.dg-letter-count{color: var(--ww-ink-soft);font-family: var(--ww-mono);font-size: 0.85rem}.dg-clock{font-family: var(--ww-mono);font-variant-numeric: tabular-nums;font-size: 1.6rem;line-height: 1}.dg-room.is-hurrying .dg-clock{color: var(--ww-danger-text)}.dg-clock-bar{width: 100%;height: 0.3rem;border-radius: 999px;background: color-mix(in oklch,var(--ww-ink) 12%,transparent);overflow: hidden}.dg-clock-bar span{display: block;height: 100%;background: var(--club-brass);transform-origin: left center;transition: transform 250ms linear}.dg-room.is-hurrying .dg-clock-bar span{background: var(--ww-danger)}.dg-layout{min-height: 0;display: grid;grid-template-columns: minmax(10rem,14rem) minmax(0,1fr) minmax(16rem,19rem);gap: 0.75rem}.dg-side,.dg-chat{min-height: 0;display: flex;flex-direction: column;gap: 0.6rem}.dg-stage{min-height: 0;display: flex;flex-direction: column;align-items: center;container-type: size}.dg-players{flex: 1;min-height: 0;overflow-y: auto;border: 1px solid var(--dg-hairline);border-radius: var(--ww-radius-sm);background: var(--dg-panel)}.dg-player-list{list-style: none;margin: 0;padding: 0.35rem;display: grid;gap: 0.2rem}.dg-player{display: grid;grid-template-columns: 1.1rem auto minmax(0,1fr) auto;grid-template-areas: "rank avatar name state" "rank avatar score state";align-items: center;column-gap: 0.5rem;padding: 0.4rem 0.45rem;border-radius: calc(var(--ww-radius-sm) - 2px)}.dg-player.is-you{background: color-mix(in oklch,var(--club-brass) 12%,transparent)}.dg-player.is-drawing{box-shadow: inset 3px 0 0 var(--club-brass)}.dg-player.is-solved{background: color-mix(in oklch,var(--ww-emerald) 16%,transparent)}.dg-player.is-gone{opacity: 0.5}.dg-player-rank{grid-area: rank;color: var(--ww-ink-soft);font-family: var(--ww-mono);font-size: 0.75rem}.dg-player .dg-avatar{grid-area: avatar}.dg-player-name{grid-area: name;overflow: hidden;font-weight: 700;font-size: 0.88rem;text-overflow: ellipsis;white-space: nowrap}.dg-player-score{grid-area: score;display: flex;gap: 0.35rem;align-items: baseline;font-family: var(--ww-mono);font-variant-numeric: tabular-nums;font-size: 0.8rem;color: var(--ww-ink-soft)}.dg-player-score strong{color: var(--ww-ink)}.dg-gain{color: var(--ww-success-text);font-weight: 700;animation: dg-pop var(--ww-dur-long) var(--ww-ease-play) both}.dg-player-state{grid-area: state;color: var(--club-brass-lit)}.dg-player.is-solved .dg-player-state{color: var(--ww-success-text)}.dg-badge{margin-left: 0.3rem;padding: 0 0.35rem;border: 1px solid var(--ww-line);border-radius: 999px;color: var(--ww-ink-soft);font-size: 0.65rem;font-weight: 600;vertical-align: middle}.dg-leave{width: 100%;min-height: 2.75rem;border: 1px solid var(--ww-line);border-radius: var(--ww-radius-sm);background: transparent;color: var(--ww-ink-soft);font-weight: 600;transition: color var(--ww-dur-micro) var(--ww-ease-out),border-color var(--ww-dur-micro) var(--ww-ease-out)}@media (hover: hover){.dg-leave:hover{color: var(--ww-ink);border-color: var(--club-brass)}}.dg-leave:active{transform: translateY(1px)}.dg-canvas-wrap{width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;gap: 0.55rem;--dg-tools: 0rem}.dg-canvas-wrap:has(.dg-tools){--dg-tools: 7.6rem}.dg-canvas-frame{position: relative;width: min(100cqw,(100cqh - var(--dg-tools)) * 4 / 3);aspect-ratio: 4 / 3;flex: none;border: 1px solid var(--dg-hairline);border-radius: var(--ww-radius-sm);overflow: hidden;background: var(--dg-paper)}.dg-canvas{display: block;width: 100%;height: 100%;touch-action: none;cursor: default}.dg-canvas[tabindex="0"]{cursor: none}.dg-canvas[data-tool="fill"]{cursor: cell}.dg-canvas:focus-visible{outline-offset: -4px !important}.dg-cursor{position: absolute;left: 0;top: 0;width: var(--dg-cursor-size,10px);height: var(--dg-cursor-size,10px);margin: calc(var(--dg-cursor-size,10px) / -2) 0 0 calc(var(--dg-cursor-size,10px) / -2);border: 1.5px solid var(--ww-navy);border-radius: 50%;box-shadow: 0 0 0 1px var(--dg-paper);pointer-events: none;transform: translate(-100px,-100px)}.dg-canvas[data-tool="fill"] + .dg-cursor{display: none}.dg-phase--choosing .dg-canvas-frame{aspect-ratio: auto}.dg-phase--choosing .dg-canvas{position: absolute;inset: 0}.dg-phase--choosing .dg-overlay{position: relative;min-height: 16rem;background: var(--ww-paper-2);color: var(--ww-ink)}.dg-overlay{position: absolute;inset: 0;display: grid;place-items: center;padding: 1rem;background: color-mix(in oklch,var(--ww-navy) 72%,transparent);color: var(--ww-ink);animation: dg-fade var(--ww-dur-short) var(--ww-ease-out) both}.dg-overlay-title{font-family: var(--ww-display);font-size: clamp(1.6rem,5cqw,3rem);font-weight: 800;text-align: center;line-height: 1.05}.dg-overlay-kicker{text-align: center;font-size: 0.75rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: var(--club-brass-lit)}.dg-overlay-note{display: grid;justify-items: center;gap: 0.7rem;text-align: center;font-size: 1.05rem}.dg-choose{display: grid;gap: 1rem;justify-items: center}.dg-choose-words{display: flex;flex-wrap: wrap;justify-content: center;gap: 0.75rem}.dg-choose-words form{margin: 0}.dg-choose-word{min-width: 9rem;min-height: 3.5rem;padding: 0.75rem 1.25rem;border: 1px solid var(--club-brass);border-radius: var(--ww-radius-sm);background: var(--ww-paper);color: var(--ww-ink);font-family: var(--ww-display);font-size: 1.35rem;font-weight: 700;transition: background-color var(--ww-dur-micro) var(--ww-ease-out),transform var(--ww-dur-micro) var(--ww-ease-out);animation: dg-pop var(--ww-dur-long) var(--ww-ease-play) both}.dg-choose-words form:nth-child(2) .dg-choose-word{animation-delay: 60ms}.dg-choose-words form:nth-child(3) .dg-choose-word{animation-delay: 120ms}@media (hover: hover){.dg-choose-word:hover{background: color-mix(in oklch,var(--club-brass) 22%,var(--ww-paper))}}.dg-choose-word:active{transform: translateY(1px)}.dg-overlay--reveal{background: var(--ww-navy)}.dg-turn-reveal{display: grid;gap: 0.6rem;justify-items: center;width: min(24rem,100%);padding: 1rem 1.25rem;border: 1px solid var(--dg-hairline);border-radius: var(--ww-radius);background: var(--ww-paper-2);animation: dg-pop var(--ww-dur-long) var(--ww-ease-play) both}.dg-turn-thumb{width: min(12rem,60%);aspect-ratio: 4 / 3;border-radius: var(--ww-radius-sm);background: var(--dg-paper)}.dg-turn-points li{animation: dg-fade var(--ww-dur-short) var(--ww-ease-out) both}.dg-turn-points li:nth-child(2){animation-delay: 120ms}.dg-turn-points li:nth-child(3){animation-delay: 240ms}.dg-turn-points li:nth-child(n+4){animation-delay: 360ms}.dg-latest{position: absolute;left: 0.4rem;right: 0.4rem;bottom: 0.4rem;display: none;gap: 0.15rem;pointer-events: none}.dg-latest .dg-line{justify-self: start;max-width: 100%;padding: 0.1rem 0.45rem;border-radius: 0.35rem;background: color-mix(in oklch,var(--ww-navy) 86%,transparent);color: var(--ww-ink);font-size: 0.8rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.dg-line .dg-line-name{color: var(--dg-seat,var(--ww-ink))}.dg-line--correct .dg-line-name{color: inherit}.dg-line--private{color: var(--ww-warning-text)}.dg-player.is-away .dg-avatar{opacity: 0.5}.dg-kick{position: relative}.dg-kick summary{display: grid;place-items: center;width: 2.75rem;height: 2.75rem;cursor: pointer;color: var(--ww-ink-soft);list-style: none}.dg-kick summary::-webkit-details-marker{display: none}.dg-kick form{position: absolute;right: 0;top: 100%;z-index: 5;margin: 0}.dg-kick-button{min-height: 2.75rem;padding: 0 0.9rem;border: 1px solid var(--ww-danger);border-radius: var(--ww-radius-sm);background: var(--ww-paper);color: var(--ww-danger-text);font-weight: 600;white-space: nowrap;transition: background-color var(--ww-dur-micro) var(--ww-ease-out)}@media (hover: hover){.dg-kick-button:hover{background: var(--ww-paper-2)}}.dg-kick-button:active{transform: translateY(1px)}.dg-turn-reveal .dg-overlay-title{animation: dg-stamp var(--ww-dur-long) var(--ww-ease-play) 80ms both}.dg-turn-points{list-style: none;margin: 0;padding: 0;display: grid;gap: 0.25rem;width: 100%}.dg-turn-points li{display: flex;justify-content: space-between;gap: 1.5rem;padding: 0.3rem 0.2rem;border-bottom: 1px solid var(--ww-line)}.dg-turn-points strong{font-family: var(--ww-mono);color: var(--ww-success-text)}.dg-turn-points li.dg-turn-none{justify-content: center;color: var(--ww-ink-soft);border: 0}.dg-tools{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 0.5rem 0.9rem;width: min(100cqw,46rem);padding: 0.45rem 0.6rem;border: 1px solid var(--dg-hairline);border-radius: var(--ww-radius-sm);background: var(--dg-panel)}.dg-tool-group{display: flex;gap: 0.3rem}.dg-tool,.dg-size{display: grid;place-items: center;width: 2.75rem;height: 2.75rem;border: 1px solid var(--ww-line);border-radius: var(--ww-radius-sm);background: var(--ww-paper);color: var(--ww-ink);transition: background-color var(--ww-dur-micro) var(--ww-ease-out),border-color var(--ww-dur-micro) var(--ww-ease-out),transform var(--ww-dur-micro) var(--ww-ease-out)}.dg-size span{width: var(--dg-dot);height: var(--dg-dot);border-radius: 50%;background: var(--ww-ink)}@media (hover: hover){.dg-tool:hover:not(:disabled),.dg-size:hover{border-color: var(--club-brass)}}.dg-tool:active,.dg-size:active{transform: translateY(1px)}.dg-tool:disabled{opacity: 0.45;cursor: not-allowed}.dg-tool[aria-pressed="true"],.dg-size[aria-pressed="true"]{border-color: var(--club-brass);background: color-mix(in oklch,var(--club-brass) 22%,var(--ww-paper));color: var(--club-brass-lit)}.dg-palette{display: grid;grid-template-columns: repeat(10,1.55rem);gap: 0.2rem}.dg-swatch{position: relative;width: 1.55rem;height: 1.55rem;border: 1px solid color-mix(in oklch,var(--ww-ink) 25%,transparent);border-radius: 0.3rem;background: var(--dg-swatch);transition: transform var(--ww-dur-micro) var(--ww-ease-out)}.dg-swatch::before{content: "";position: absolute;inset: -0.2rem}@media (hover: hover){.dg-swatch:hover{transform: scale(1.12)}}.dg-swatch:active{transform: scale(0.95)}.dg-swatch[aria-pressed="true"]{outline: 2px solid var(--club-brass-lit);outline-offset: 2px;z-index: 1}.dg-keys{width: min(100cqw,46rem);font-size: 0.8rem;color: var(--ww-ink-soft)}@media (pointer: coarse) and (hover: none){.dg-keys{display: none}}.dg-keys summary{cursor: pointer;min-height: 2rem;display: flex;align-items: center}.dg-keys kbd{padding: 0 0.3rem;border: 1px solid var(--ww-line);border-radius: 0.25rem;font-family: var(--ww-mono);color: var(--ww-ink)}.dg-chat-panel{flex: 1;min-height: 0;display: flex;flex-direction: column;border: 1px solid var(--dg-hairline);border-radius: var(--ww-radius-sm);background: var(--dg-panel);overflow: hidden}.dg-chat-log{flex: 1;min-height: 0;overflow-y: auto;padding: 0.6rem 0.75rem;display: flex;flex-direction: column;gap: 0.2rem;font-size: 0.9rem;overflow-wrap: anywhere}.dg-line{line-height: 1.35;animation: dg-fade var(--ww-dur-short) var(--ww-ease-out) both}.dg-line strong{margin-right: 0.25rem}.dg-line--system{color: var(--ww-ink-soft);font-style: italic;font-size: 0.82rem}.dg-line--correct{color: var(--ww-success-text);font-weight: 600}.dg-line--correct i{margin-right: 0.25rem}.dg-line--secret{color: var(--club-celadon)}.dg-line--secret i{margin-right: 0.25rem;font-size: 0.75rem}.dg-line.is-close{color: var(--ww-warning-text)}.dg-line-close{margin-left: 0.35rem;font-weight: 700}.dg-line-points{margin-left: 0.35rem;font-family: var(--ww-mono)}.dg-chat-form{display: flex;gap: 0.4rem;padding: 0.5rem;border-top: 1px solid var(--ww-line)}.dg-chat-input{flex: 1;min-width: 0;min-height: 2.75rem;padding: 0 0.8rem;border: 1px solid var(--ww-line);border-radius: var(--ww-radius-sm);background: var(--ww-paper);color: var(--ww-ink);font-size: 1rem}.dg-chat-input[aria-invalid="true"]{border-color: var(--ww-danger)}.dg-chat-send{min-width: 2.75rem;padding-inline: 0.8rem}.dg-chat-error{min-height: 1lh;margin: 0;padding: 0 0.6rem 0.4rem;color: var(--ww-danger-text);font-size: 0.8rem}.dg-card,.dg-waiting{display: grid;gap: 0.9rem;align-content: center;width: min(34rem,100%);margin: auto;padding: clamp(1.25rem,4vw,2rem);border: 1px solid var(--dg-hairline);border-radius: var(--ww-radius);background: var(--dg-panel)}.dg-card--narrow{width: min(30rem,calc(100% - 2rem))}.dg-card p,.dg-waiting p{color: var(--ww-ink-soft)}.dg-card-title{font-family: var(--ww-display);font-size: clamp(1.8rem,4vw,2.6rem);font-weight: 800;line-height: 1.05}.dg-waiting-actions{display: flex;flex-wrap: wrap;gap: 0.6rem;align-items: center}.dg-waiting-actions form{margin: 0}.dg-rules{font-size: 0.88rem}.dg-results{grid-row: 1 / -1;display: grid;gap: 1.5rem;align-content: start;width: min(60rem,100%);margin: 0 auto;padding-block: 1rem 2rem}.dg-results-head{text-align: center;display: grid;gap: 0.25rem}.dg-podium{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(3,minmax(0,12rem));justify-content: center;align-items: end;gap: 0.75rem}.dg-podium-step{display: grid;justify-items: center;gap: 0.3rem;text-align: center}.dg-podium-1{order: 2}.dg-podium-2{order: 1}.dg-podium-3{order: 3}.dg-podium-step .dg-avatar{width: 3rem;height: 3rem;font-size: 1.3rem}.dg-podium-1 .dg-avatar{width: 3.8rem;height: 3.8rem;font-size: 1.6rem}.dg-podium-name{max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.dg-podium-score{font-family: var(--ww-mono);font-variant-numeric: tabular-nums;color: var(--ww-ink-soft)}.dg-podium-block{width: 100%;display: grid;place-items: center;border: 1px solid var(--dg-hairline);border-bottom: 0;border-radius: var(--ww-radius-sm) var(--ww-radius-sm) 0 0;background: color-mix(in oklch,var(--dg-seat) 30%,var(--dg-panel));font-family: var(--ww-display);font-size: 1.6rem;font-weight: 800;animation: dg-rise var(--ww-dur-long) var(--ww-ease-out) both;transform-origin: bottom center}.dg-podium-1 .dg-podium-block{height: 7rem;animation-delay: 240ms}.dg-podium-2 .dg-podium-block{height: 5rem;animation-delay: 120ms}.dg-podium-3 .dg-podium-block{height: 3.6rem}.dg-standings{width: min(24rem,100%);margin: 0 auto;display: grid;gap: 0.3rem}.dg-standings li{display: flex;justify-content: space-between;padding: 0.35rem 0;border-bottom: 1px solid var(--ww-line)}.dg-standings strong{font-family: var(--ww-mono)}.dg-results-actions{display: flex;flex-wrap: wrap;justify-content: center;gap: 0.6rem}.dg-results-actions form{margin: 0}.dg-gallery{display: grid;gap: 0.75rem}.dg-gallery-title{font-family: var(--ww-display);font-size: 1.4rem;font-weight: 700;text-align: center}.dg-gallery-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(13rem,1fr));gap: 0.75rem}.dg-gallery-item{margin: 0;display: grid;gap: 0.35rem}.dg-gallery-canvas{width: 100%;aspect-ratio: 4 / 3;border: 1px solid var(--dg-hairline);border-radius: var(--ww-radius-sm);background: var(--dg-paper)}.dg-gallery-item figcaption{display: grid;font-size: 0.85rem}.dg-gallery-item figcaption span{color: var(--ww-ink-soft)}.dg-lobby{display: grid;gap: 1.5rem}.dg-lobby-head h1{font-family: var(--ww-display);font-size: clamp(2.6rem,7vw,4.2rem);font-weight: 800;line-height: 0.95}.dg-lobby-head p{max-width: 46rem;margin-top: 0.6rem;color: var(--ww-ink-soft);font-size: 1.05rem}.dg-lobby-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 1rem}.dg-lobby-card{display: grid;gap: 0.85rem;align-content: start;padding: clamp(1rem,3vw,1.5rem);border: 1px solid color-mix(in oklch,var(--club-brass) 34%,transparent);border-radius: var(--ww-radius);background: var(--ww-paper-2)}.dg-lobby-card p{color: var(--ww-ink-soft)}.dg-lobby-card > form{margin: 0}.dg-lobby-title{font-family: var(--ww-display);font-size: 1.5rem;font-weight: 700}.dg-create summary{min-height: 2.75rem;display: flex;align-items: center;cursor: pointer;color: var(--club-brass-lit);font-weight: 600}.dg-create-form{display: grid;gap: 0.9rem}.dg-setup-row{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.9rem}.dg-setup-legend{display: block;margin-bottom: 0.4rem;font-size: 0.72rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: var(--ww-ink-soft)}.dg-segment{display: flex;flex-wrap: wrap;gap: 0.35rem;border: 0;padding: 0;margin: 0}.dg-segment legend{width: 100%}.dg-choice-radio{position: absolute;opacity: 0;width: 1px;height: 1px}.dg-segment-option{min-height: 2.75rem;min-width: 3rem;display: grid;place-items: center;padding: 0 0.8rem;border: 1px solid var(--ww-line);border-radius: var(--ww-radius-sm);background: var(--ww-paper);cursor: pointer;font-weight: 600;transition: border-color var(--ww-dur-micro) var(--ww-ease-out),background-color var(--ww-dur-micro) var(--ww-ease-out)}@media (hover: hover){.dg-segment-option:hover{border-color: color-mix(in oklch,var(--club-brass) 50%,transparent)}}.dg-choice-radio:checked + .dg-segment-option{border-color: var(--club-brass);background: color-mix(in oklch,var(--club-brass) 14%,var(--ww-paper))}.dg-choice-radio:focus-visible + .dg-segment-option{outline: 3px solid var(--ww-focus);outline-offset: 2px}.dg-private{display: flex;gap: 0.7rem;align-items: flex-start;cursor: pointer}.dg-private input{width: 1.2rem;height: 1.2rem;margin-top: 0.15rem;flex: none}.dg-private span{display: grid;gap: 0.15rem}.dg-private small{color: var(--ww-ink-soft)}.dg-room-list{display: grid;gap: 0.5rem}.dg-room-row{display: flex;align-items: center;gap: 0.8rem;padding: 0.7rem 0.9rem;border: 1px solid var(--ww-line);border-radius: var(--ww-radius-sm);background: var(--ww-paper-2);color: var(--ww-ink);transition: border-color var(--ww-dur-micro) var(--ww-ease-out)}a.dg-room-row:active{transform: translateY(1px)}@media (hover: hover){a.dg-room-row:hover{border-color: var(--club-brass)}}.dg-room-row form{margin: 0 0 0 auto}.dg-room-avatars{display: flex}.dg-room-avatars .dg-avatar{width: 1.7rem;height: 1.7rem;font-size: 0.75rem;margin-left: -0.35rem;border: 2px solid var(--ww-paper-2)}.dg-room-avatars .dg-avatar:first-child{margin-left: 0}.dg-room-info{display: grid;gap: 0.1rem;min-width: 0}.dg-room-info small{color: var(--ww-ink-soft)}.dg-room-full,.dg-room-open{margin-left: auto;color: var(--club-brass-lit);font-weight: 600;font-size: 0.85rem}.dg-empty p{color: var(--ww-ink-soft)}@keyframes dg-fade{from{opacity: 0}to{opacity: 1}}@keyframes dg-pop{from{opacity: 0;transform: scale(0.85)}to{opacity: 1;transform: none}}@keyframes dg-stamp{from{opacity: 0;transform: scale(1.4) rotate(-4deg)}to{opacity: 1;transform: none}}@keyframes dg-rise{from{transform: scaleY(0)}to{transform: none}}@media (max-width: 70rem){.dg-layout{grid-template-columns: minmax(0,1fr) minmax(15rem,18rem);grid-template-rows: auto minmax(0,1fr)}.dg-side{grid-column: 1 / -1;grid-row: 1}.dg-players{flex: none}.dg-player-list{display: flex;overflow-x: auto}.dg-player{grid-template-columns: auto auto;grid-template-areas: "avatar name" "avatar score";flex: none}.dg-player-rank,.dg-player-state{display: none}.dg-stage{grid-row: 2}.dg-chat{grid-row: 2}.dg-header{grid-template-columns: auto minmax(0,1fr) auto}}.dg-room--completed,.dg-room--waiting{overflow-y: auto}@media (max-width: 47.5rem){.dg-page{height: auto;min-height: 100dvh}.dg-room{flex: none;padding: 0.5rem;gap: 0.5rem}.dg-layout{display: flex;flex-direction: column}.dg-stage{container-type: inline-size}.dg-canvas-wrap{height: auto}.dg-canvas-frame{width: 100%}.dg-tools{width: 100%;justify-content: flex-start}.dg-tools{flex-wrap: nowrap;overflow-x: auto;justify-content: flex-start}.dg-palette{display: flex;gap: 0.25rem;flex: none}.dg-swatch{width: 2rem;height: 2rem;flex: none}.dg-keys{width: 100%}.dg-latest{display: grid}.dg-chat-log{max-height: 34dvh;min-height: 9rem}.dg-header{padding: 0.5rem 0.7rem}.dg-header > .dg-header-round{display: none}.dg-header{grid-template-columns: minmax(0,1fr) auto}.dg-header-word{justify-items: start;text-align: left}.dg-lobby-grid,.dg-setup-row{grid-template-columns: minmax(0,1fr)}.dg-podium{grid-template-columns: repeat(3,minmax(0,1fr))}}