:root{--paper:#f7f3e8;--ink:#1c1f1a;--line:#9db8d9;--accent:#d9707a;--hand:"Segoe Print", "Bradley Hand", "Chalkboard SE", "Comic Neue", cursive}*{box-sizing:border-box}html,body{background:var(--paper);height:100%;color:var(--ink);font-family:var(--hand);-webkit-user-select:none;user-select:none;overscroll-behavior:none;margin:0;overflow:hidden}#view{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;border:2px solid var(--ink);min-height:44px;box-shadow:2px 2px 0 var(--ink);background:#fffdf6;border-radius:10px 14px 9px 13px;padding:6px 12px}button:active{box-shadow:1px 1px 0 var(--ink);transform:translate(1px,1px)}button[aria-pressed=true]{background:#ffe58a}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}#hud{pointer-events:none;position:fixed;inset:0}#hud[hidden]{display:none}#hud button,#mini{pointer-events:auto}#teams{top:calc(6px + env(safe-area-inset-top));grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-width:720px;margin:0 auto;display:grid;position:absolute;left:8px;right:8px}.chip{border:2px solid var(--team);background:#fffdf6eb;border-radius:9px 12px 8px 11px;min-width:0;padding:2px 6px 4px;font-size:13px;line-height:1.25}.chip.me{box-shadow:3px 3px 0 var(--team);background:#fff3c4}.chip.out{opacity:.45;text-decoration:line-through}.chip b{white-space:nowrap;text-overflow:ellipsis;color:var(--team);font-size:11.5px;display:block;overflow:hidden}.chip .fort{border:1px solid var(--ink);border-radius:3px;height:5px;margin-top:2px;overflow:hidden}.chip .fort i{background:var(--team);height:100%;display:block}#hint{left:8px;right:8px;top:calc(70px + env(safe-area-inset-top));text-align:center;text-shadow:0 0 4px var(--paper), 0 0 4px var(--paper), 0 0 8px var(--paper);margin:0;font-size:15px;position:absolute}#bar{left:8px;bottom:calc(8px + env(safe-area-inset-bottom));flex-wrap:wrap;align-items:flex-end;gap:6px;display:flex;position:absolute;right:132px}#bar button{padding:4px 10px;font-size:15px}#mini{right:8px;bottom:calc(8px + env(safe-area-inset-bottom));border:2px solid var(--ink);touch-action:none;background:#fffdf6;border-radius:8px;width:116px;height:116px;position:absolute}@media (width>=800px){#mini{width:170px;height:170px}#bar{right:190px}}.sheet{background-color:var(--paper);-webkit-overflow-scrolling:touch;background-image:repeating-linear-gradient(#0000 0 31px,#9db8d98c 31px 32px);padding:16px;position:fixed;inset:0;overflow-y:auto}.sheet[hidden]{display:none}#over{background:#f7f3e8d1;place-items:center;display:grid}#over[hidden]{display:none}.card{max-width:640px;margin:0 auto}.title-art{width:100%;height:auto;display:block}.card.small{text-align:center;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fffdf6;border-radius:16px 20px 14px 18px;padding:20px}h1{margin:8px 0;font-size:clamp(34px,10vw,56px);line-height:1.05;transform:rotate(-1deg)}h2{margin:18px 0 8px;font-size:20px}.lead{margin:6px 0 12px;font-size:18px}.how{margin:0;padding-left:24px;font-size:16px;line-height:1.5}.keys{margin:14px 0 4px;font-size:13px;line-height:1.5}.back{margin:6px 0 20px;font-size:14px}a{color:inherit}#picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width>=620px){#picker{grid-template-columns:repeat(4,minmax(0,1fr))}}.pick{text-align:left;min-width:0;padding:8px;display:block}.pick[aria-pressed=true]{border-color:var(--team);box-shadow:3px 3px 0 var(--team);background:#fff3c4}.pick canvas{width:56px;height:56px;margin:0 auto;display:block}.pick strong{color:var(--team);font-size:16px;display:block}.pick small{min-height:2.5em;font-size:12px;line-height:1.25;display:block}.stat{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:4px;font-size:11px;display:grid}.stat span{border:1px solid var(--ink);border-radius:3px;height:6px;overflow:hidden}.stat i{background:var(--team);height:100%;display:block}#levels{gap:8px;display:flex}#levels button{flex:1 1 0;min-width:0}.big{background:#ffe58a;width:100%;margin-top:18px;padding:10px;font-size:24px;display:block}.big.alt{background:#fffdf6;margin-top:10px}button[hidden],p[hidden]{display:none}button:disabled{opacity:.55;cursor:default}input[type=text]{font:inherit;width:100%;min-height:44px;color:inherit;border:2px solid var(--ink);-webkit-user-select:text;user-select:text;background:#fffdf6;border-radius:9px 12px 8px 11px;padding:6px 10px}.field{margin-top:10px;font-size:18px;display:block}.field input{margin-top:4px}.check{align-items:center;gap:8px;min-height:44px;font-size:16px;display:flex}.check input{width:22px;height:22px}.note{margin:6px 0;font-size:14px;line-height:1.4}.error{color:#b3261e;min-height:1.4em;margin:6px 0;font-size:16px}.row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.row input{text-transform:uppercase;letter-spacing:.15em}.code{letter-spacing:.12em;font-size:28px}.open-game{text-align:left;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-bottom:8px;display:flex}.open-game strong{overflow-wrap:anywhere;min-width:0}.open-game span{font-size:14px}.seat{border:2px solid var(--team);background:#fffdf6;border-radius:9px 12px 8px 11px;justify-content:space-between;align-items:center;gap:8px;min-height:56px;margin-bottom:6px;padding:6px 10px;display:flex}.seat>div{min-width:0}.seat strong{color:var(--team);font-size:14px;display:block}.seat span{overflow-wrap:anywhere;font-size:16px;display:block}.seat button{flex:none;font-size:14px}.levels{gap:8px;display:flex}.levels button{flex:1 1 0;min-width:0}#scores-list{min-height:44px;margin-top:10px}.score{border:2px solid var(--team);background:#fffdf6;border-radius:9px 12px 8px 11px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:40px;margin-bottom:4px;padding:4px 10px;display:grid}.score strong{overflow-wrap:anywhere}