.dg-stage{-webkit-user-select:none;user-select:none;justify-items:center;gap:12px;width:100%;display:grid}.dg-turn{justify-content:space-between;align-items:baseline;gap:12px;width:min(100%,720px);margin:0;font-weight:800;display:flex}.dg-turn b{min-width:3ch;font-family:var(--font-display), var(--font-ui), sans-serif;font-variant-numeric:tabular-nums;text-align:end;font-size:1.6rem}.dg-turn b[data-up]{color:#ff8787}.dg-board{aspect-ratio:4/3;border-radius:18px;width:min(100%,720px);position:relative;overflow:hidden;box-shadow:0 18px 40px #00000047,inset 0 0 0 1px #0000000f}.dg-canvas{cursor:crosshair;touch-action:none;background:#fff;width:100%;height:100%;display:block}.dg-canvas[data-readonly]{cursor:default}.dg-word{color:#fff1c2;font-family:var(--font-display), var(--font-ui), sans-serif;text-align:center;pointer-events:none;background:#1f1755;border-radius:14px;margin:0;padding:12px 18px;font-size:clamp(1.2rem,3.6vw,1.8rem);font-weight:900;position:absolute;inset:auto 12px 12px}.dg-tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:min(100%,720px);display:flex}.dg-peek{border:2px dashed color-mix(in srgb, currentColor 40%, transparent);color:inherit;font:inherit;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-weight:800;display:inline-flex}.dg-colours,.dg-widths{gap:6px;display:flex}.dg-colours button,.dg-widths button,.dg-icon{border:2px solid color-mix(in srgb, currentColor 20%, transparent);width:34px;height:34px;color:inherit;cursor:pointer;border-radius:50%;place-items:center;display:grid}.dg-colours button[aria-checked=true],.dg-widths button[aria-checked=true]{box-shadow:0 0 0 3px color-mix(in srgb, currentColor 25%, transparent);border-color:currentColor}.dg-eraser,.dg-widths button,.dg-icon{background:color-mix(in srgb, currentColor 7%, transparent)}.dg-widths i{background:currentColor;border-radius:50%;display:block}.dg-icon:disabled{opacity:.4;cursor:default}.dg-hint{color:color-mix(in srgb, currentColor 70%, transparent);margin:0}.dg-scores{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.dg-scores li{border:1px solid color-mix(in srgb, currentColor 16%, transparent);background:color-mix(in srgb, currentColor 6%, transparent);border-radius:999px;align-items:baseline;gap:10px;padding:8px 14px;font-weight:700;display:flex}.dg-scores li[data-active]{border-color:#f2c25b;box-shadow:0 0 0 3px #f2c25b40}.dg-scores b{font-family:var(--font-display), var(--font-ui), sans-serif;font-variant-numeric:tabular-nums}.dg-ready,.dg-won{text-align:center;justify-items:center;gap:10px;max-width:40ch;padding:28px 22px;display:grid}.dg-ready strong,.dg-won strong{font-family:var(--font-display), var(--font-ui), sans-serif;font-size:clamp(1.5rem,4vw,2.2rem)}.dg-ready p{color:color-mix(in srgb, currentColor 72%, transparent);margin:0}.dg-won svg{color:#f2c25b}