:root{--danger-text:#9e1f28;--digit:#4a2db8;--casual-shadow:3px 3px 0 #1b1726}@media (prefers-color-scheme:dark){:root{--danger-text:#ffc7c2;--digit:#e4dcff;--casual-shadow:3px 3px 0 #07060c}}.casual-preview[data-scheme=light]{--bg:#fff8ee;--surface:#fff;--ink:#1b1726;--muted:#6b6478;--primary:#ff5a36;--secondary:#7b5cff;--lime:#c6f432;--sun:#ffd23f;--sky:#4da8ff;--danger:#e5383b;--on-accent:#1b1726;--stage-bg:#12101c;--danger-text:#9e1f28;--digit:#4a2db8;--casual-shadow:3px 3px 0 #1b1726;--cell-peer:#e1f0ff;--cell-same:#c9e4ff;--cell-selected:#a2d1ff;--cell-conflict:#ffe2df;background:var(--bg);color:var(--ink)}.casual-preview[data-scheme=dark]{--bg:#15121f;--surface:#211d2e;--ink:#f4efe6;--muted:#a59fb2;--primary:#ff6b4a;--secondary:#9580ff;--lime:#c6f432;--sun:#ffd23f;--sky:#6bb8ff;--danger:#ff5c5f;--on-accent:#1b1726;--stage-bg:#12101c;--danger-text:#ffc7c2;--digit:#e4dcff;--casual-shadow:3px 3px 0 #07060c;--cell-peer:#323b57;--cell-same:#3e5376;--cell-selected:#40567a;--cell-conflict:#4a2a36;background:var(--bg);color:var(--ink)}.casual-shell{width:100%;max-width:440px;box-shadow:var(--casual-shadow);border-radius:16px;margin-inline:auto}.casual-stage{border:2px solid var(--ink);background:var(--bg);color:var(--ink);overflow-wrap:break-word;border-radius:16px;overflow:hidden}.casual-stage-body{flex-direction:column;gap:12px;padding:12px;display:flex}.casual-band{background:var(--game-accent,var(--primary));height:8px}.casual-shell-responsive{width:100%;min-width:0;max-width:none;height:100%;min-height:0;display:flex;container-type:size}.casual-shell-responsive .casual-stage{flex-direction:column;flex:1;width:100%;min-width:0;height:100%;min-height:0;display:flex}.casual-stage-layout{flex:1;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"hud""board""controls";min-width:0;height:100%;min-height:0;display:grid}.casual-stage-hud{grid-area:hud}.casual-shell-responsive .casual-stage-body{grid-area:board;min-width:0;min-height:0;padding:0;overflow:auto;container-type:size}.casual-stage-content{--stage-w:100cqw;--stage-h:100cqh;--cell:min(var(--stage-w), var(--stage-h));flex-direction:column;gap:12px;width:100%;min-width:0;height:100%;min-height:100%;padding:8px;display:flex}.casual-control-bar{min-width:0;padding:8px max(12px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));border-top:2px solid color-mix(in srgb, var(--ink) 16%, transparent);grid-area:controls;justify-content:center;align-items:center;gap:8px;display:flex}.casual-touch-only{display:none}@media (pointer:coarse){.casual-touch-only{display:revert}.casual-mouse-only{display:none!important}.casual-control-bar button,.casual-control-bar [role=button]{min-width:48px;min-height:48px}}@media (hover:hover) and (pointer:fine){.casual-control-bar :is(button,[role=button]):not(:disabled):hover{box-shadow:var(--casual-shadow);transform:translate(-1px,-1px)}}@media (min-width:640px){.casual-stage-layout{grid-template:"hud hud""board controls"minmax(0,1fr)/minmax(0,1fr) auto}.casual-control-bar{border-top:0;border-left:2px solid color-mix(in srgb, var(--ink) 16%, transparent);min-width:64px;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));flex-direction:column}}@media (max-width:639px){.casual-shell{box-shadow:none;border-radius:0}.casual-stage{background:0 0;border:none;border-radius:0}.casual-band{display:none}.casual-stage-body{padding:8px 16px}}.casual-playfield{background:var(--stage-bg);color:#f4efe6;border:2px solid #1b1726;border-radius:16px}.casual-card{border:2px solid var(--ink);background:var(--surface);color:var(--ink);box-shadow:var(--casual-shadow);border-radius:16px}.casual-card[data-kind=error],.casual-card[data-kind=save-failed]{border-color:var(--danger)}.casual-btn,.casual-pill,.casual-tool,.casual-kbd{border:2px solid var(--ink);background:var(--surface);color:var(--ink);box-shadow:var(--casual-shadow)}.casual-btn{min-height:44px;font:inherit;cursor:pointer;transition:transform var(--dur-fast) var(--ease-bounce), box-shadow var(--dur-fast) var(--ease-bounce);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:800;display:inline-flex}.casual-btn.casual-block{width:100%}.casual-btn.casual-mode{flex-direction:column;align-items:stretch;width:100%;height:auto}.casual-btn:active:not(:disabled){box-shadow:none;transform:translate(1px,1px)}.casual-btn:disabled{cursor:not-allowed;opacity:.5}.casual-btn:focus-visible,.casual-tool:focus-visible{outline:3px solid var(--game-accent,var(--secondary));outline-offset:2px}.casual-btn-primary{background:var(--game-accent,var(--primary));color:var(--on-accent)}.casual-btn-reward,.casual-pill-reward{background:var(--sun);color:var(--on-accent)}.casual-pill{border-radius:14px;flex-direction:column;justify-content:center;min-width:0;min-height:52px;padding:8px 10px;line-height:1.2;display:flex}.casual-pill span{font-size:.75rem;font-weight:600}.casual-pill b{font-variant-numeric:tabular-nums;font-size:1rem;font-weight:800}.casual-pill-reward span{color:#3a3428}.casual-pill-accent{background:var(--game-accent,var(--primary));color:var(--on-accent)}.casual-pill-success{background:var(--lime);color:var(--on-accent)}.casual-pill-danger b,.casual-rank-error,.casual-save-failed{color:var(--danger-text)}.casual-mark{background:var(--game-accent,var(--primary));width:44px;height:44px;color:var(--on-accent);border-radius:12px;flex:none;place-items:center;font-weight:800;display:grid}.casual-mark svg{width:22px;height:22px}.casual-mark-danger{background:var(--surface);color:var(--danger);box-shadow:inset 0 0 0 2px var(--danger)}.casual-danger-shape{background:var(--danger);clip-path:polygon(50% 0,100% 100%,0 100%);flex:none;width:14px;height:12px;display:inline-block}.casual-tool{min-width:44px;min-height:44px;font:inherit;cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 12px;font-weight:800;display:inline-flex}.casual-tool[aria-pressed=true]{background:var(--game-accent,var(--primary));color:var(--on-accent)}.casual-medal{color:#1b1726;border:2px solid #1b1726;border-radius:999px;flex:none;place-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:grid}.casual-kbd{border-radius:8px;place-items:center;min-width:44px;min-height:44px;padding:0 8px;font-weight:800;display:inline-grid}.casual-focus:focus-within{outline:3px solid var(--game-accent,var(--secondary));outline-offset:2px;border-radius:12px}.casual-rank{align-items:center;gap:8px;min-height:44px;display:flex}.casual-sheet{flex-direction:column;gap:12px;padding:12px;display:flex}.casual-hero b{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:900}.casual-toast{align-items:center;gap:8px;padding:10px 12px;font-weight:800;display:flex}