*{box-sizing:border-box}html,body{margin:0;background:#F7F7F2;color:#192648;font-family:system-ui,sans-serif}body{min-height:100dvh;display:grid;place-items:center}#game{position:relative;width:min(100%,480px);height:100dvh;min-height:0;max-height:1040px;padding-top:env(safe-area-inset-top);padding-bottom:var(--safe-area-bottom,env(safe-area-inset-bottom));overflow:hidden}#compose-game,#board-host{width:100%;height:100%;touch-action:manipulation}#board-host{position:relative;height:var(--play-height,100%)!important;background:#F7F7F2}#board{display:block;width:100%;height:calc(100% - 82px);touch-action:none;cursor:grab;outline:none}#board:focus-visible{outline:2px solid #2454D9;outline-offset:-2px}.play-tools{position:absolute;bottom:12px;left:20px;right:20px;display:flex;gap:8px;align-items:center;justify-content:center;height:46px;z-index:2}.round-tool{width:46px;height:46px;border-radius:50%;border:0;background:#fff;color:#192648;box-shadow:0 2px 8px #19264812;display:grid;place-items:center;cursor:pointer;touch-action:manipulation}.round-tool svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.round-tool:disabled{color:#9da4b4;background:#ffffff80;box-shadow:none;cursor:default}.round-tool:active:not(:disabled){background:#e4e9f5}.round-tool:focus-visible{outline:2px solid #2454D9;outline-offset:3px}#status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none}#loading{position:absolute;inset:0;display:grid;place-content:center;background:#F7F7F2;z-index:10;text-align:center;padding:24px;line-height:1.6}#loading.error{font-size:16px}#accessible-board{position:absolute;inset:0;pointer-events:none}.accessible-target{position:absolute;width:32px;height:32px;background:transparent;color:transparent;border:0;padding:0;transform:translate(-50%,-50%);pointer-events:none}.accessible-target:focus-visible{opacity:1;background:#fff;border:2px solid #2454D9} @media(min-width:768px){#game{border:1px solid #e3e4e8;border-radius:28px;height:min(96dvh,980px);box-shadow:0 16px 50px #19264812}} @media(orientation:landscape) and (max-height:600px){body{display:block}#game{margin:auto;height:760px;max-height:none}}



[hidden]{display:none!important}.pill-tool{min-height:44px;border:0;border-radius:24px;padding:0 18px;background:#2454D9;color:white;font:600 14px system-ui;cursor:pointer}.pill-tool:disabled{opacity:.45;cursor:default}.pill-tool.secondary{background:#E8EDF8;color:#192648}.round-panel{position:absolute;top:62%;left:18px;right:18px;text-align:center;background:#F7F7F2e8;border-radius:24px;padding:18px 8px;z-index:2}.round-panel h1,.round-panel h2{font-size:24px;margin:0 0 12px}.round-panel p{font-size:14px;color:#536078}.round-panel button{margin:6px}#received{position:absolute;top:8px;left:0;right:0;text-align:center;font-size:11px;color:#536078}dialog{border:0;border-radius:24px;padding:24px;max-width:min(360px,calc(100vw - 32px));color:#192648;background:#FAFAF6;box-shadow:0 16px 60px #19264844}dialog::backdrop{background:#19264855}dialog h2{font-size:22px;margin:0 0 12px}dialog p{font-size:14px;line-height:1.5}.dialog-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}#share-link{width:100%;font:12px system-ui;padding:12px;border:1px solid #BEC7DB;border-radius:8px}.play-tools .round-tool{flex-shrink:0}.play-tools #gooi{padding:0 14px}

.win-confetti{position:absolute;top:0;left:0;width:100%;pointer-events:none;z-index:3}

.help-tool{position:absolute;top:6px;right:10px;z-index:4;width:44px;height:44px;border:0;border-radius:50%;background:#F7F7F2e8;color:#192648;font:700 19px system-ui;cursor:pointer;touch-action:manipulation}.help-tool:focus-visible{outline:2px solid #2454D9}
.tutorial-panel{position:absolute;bottom:18px;left:18px;right:18px;z-index:4;background:#F7F7F2f5;border-radius:20px;padding:14px 16px;box-shadow:0 4px 22px #19264812}.tutorial-panel.tutorial-over-board{top:18%;bottom:auto}.tutorial-kind{font-size:11px;color:#536078;margin:0 0 6px}.tutorial-panel h2{font-size:20px;line-height:1.2;margin:0 0 8px}.tutorial-panel p:not(.tutorial-kind){font-size:14px;line-height:1.4;margin:0 0 10px}.tutorial-actions{display:flex;gap:8px;align-items:center;justify-content:space-between}.tutorial-actions button{min-height:44px}.play-tools #gooi{white-space:nowrap;padding:0 12px}