:root{--deep: #ffffff;--deeper: #f2f5fd;--wall: #cfd6ec;--ink: #131735;--dim: #5f6a95;--gold: #f5b400;--gold-ink: #8c6100;--you: #35d6ff;--you-ink: #0782a6;--panel: #eef1fa;--edge: rgba(19, 23, 53, .11);--shade: rgba(19, 23, 53, .06);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html,body{overflow:hidden;overscroll-behavior:none}body{background:var(--deep);color:var(--ink);-webkit-tap-highlight-color:transparent}.app{height:100%;max-width:900px;margin:0 auto;padding:max(8px,env(safe-area-inset-top)) 10px calc(10px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px}.app.playing{overflow:hidden}button{font-family:inherit}.btn{border:none;border-radius:14px;padding:11px 15px;font-size:15px;font-weight:800;cursor:pointer;background:var(--panel);color:var(--ink);box-shadow:0 3px 10px var(--edge)}.btn:active{transform:translateY(1px)}.start{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:16px;padding-bottom:24px}.start-head h1{font-size:28px;margin:4px 0 2px;letter-spacing:-.02em}.start-head p{margin:0;color:var(--dim);font-weight:700;font-size:14px}.picker h2{font-size:14px;margin:0 0 8px;text-transform:uppercase;letter-spacing:.08em;opacity:.6}.levels{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.level-card{border:3px solid var(--edge);border-radius:20px;padding:14px 13px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;cursor:pointer;text-align:left;color:var(--ink);background:var(--deeper);box-shadow:0 4px 14px var(--edge)}.level-card.selected{border-color:var(--you);transform:translateY(-2px)}.level-emoji{font-size:30px;line-height:1.1}.level-label{font-size:15px;font-weight:900}.level-who{font-size:11px;font-weight:800;color:var(--gold-ink);letter-spacing:.04em}.level-blurb{font-size:12.5px;opacity:.8;line-height:1.35}.level-best{font-size:11.5px;font-weight:800;color:var(--you-ink);margin-top:4px}.play-btn{border:none;border-radius:18px;padding:15px;cursor:pointer;background:var(--gold);color:#23180a;font-size:19px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 6px 18px #f5b40066}.play-btn small{font-size:12px;font-weight:800;opacity:.7}.play-btn:active{transform:translateY(1px)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:none;border-radius:999px;padding:10px 15px;cursor:pointer;min-width:46px;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--panel);color:var(--dim);font-size:13.5px;font-weight:800}.chip.on{color:var(--ink);box-shadow:inset 0 0 0 2px var(--you)}.chip i{font-style:normal;font-size:15px}.chip-note{margin:8px 0 0;font-size:12px;line-height:1.4;color:var(--dim);font-weight:700}.toggles{display:flex;gap:8px;flex-wrap:wrap}.toggle{border:none;border-radius:999px;padding:9px 14px;cursor:pointer;background:var(--panel);color:var(--dim);font-size:13px;font-weight:800}.toggle.on{color:var(--ink);box-shadow:inset 0 0 0 2px var(--you)}.rules{margin:0;padding:0;list-style:none;display:grid;gap:9px}.rules li{font-size:12.5px;line-height:1.45;background:var(--panel);border-radius:14px;padding:10px 12px}.lobby-note{display:flex;gap:10px;align-items:center;background:#35d6ff24;border:1px solid rgba(53,214,255,.5);border-radius:14px;padding:10px 12px;font-size:12.5px;line-height:1.4}.lobby-note b{color:var(--you-ink)}.roster{display:flex;flex-wrap:wrap;gap:8px}.roster-chip{display:flex;align-items:center;gap:6px;background:var(--panel);border-radius:999px;padding:6px 12px 6px 8px;font-size:12.5px;font-weight:800}.roster-chip i{font-style:normal;font-size:15px}.hud{flex:0 0 auto;display:flex;align-items:center;gap:8px}.hud-btn{border:none;border-radius:12px;width:38px;height:34px;cursor:pointer;background:var(--panel);font-size:16px;font-weight:800;color:var(--ink)}.hud-share{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.hud-share-top{display:flex;align-items:baseline;gap:6px;font-weight:900}.hud-share-top strong{font-size:21px;color:var(--you-ink)}.hud-share-top small{font-size:11px;opacity:.6;font-weight:800}.hud-bar{height:7px;border-radius:999px;background:var(--edge);overflow:hidden;position:relative}.hud-bar i{display:block;height:100%;background:var(--you)}.hud-bar u{position:absolute;top:-2px;width:2px;height:11px;background:var(--gold)}.hud-chip{background:var(--panel);border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:800;white-space:nowrap}.hud-chip.urgent{background:#ff5f9e4d}.hud-hearts{font-size:13px;letter-spacing:-1px}.standings{flex:0 0 auto;display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.standing{display:flex;align-items:center;gap:5px;flex:0 0 auto;border-radius:999px;padding:4px 10px 4px 6px;background:var(--panel);font-size:12px;font-weight:800;border:2px solid var(--edge)}.standing.me{border-color:var(--you)}.standing.down{opacity:.4}.standing i{font-style:normal;font-size:14px}.standing b{font-variant-numeric:tabular-nums}.board{flex:1 1 auto;min-height:0;position:relative;border-radius:18px;overflow:hidden;box-shadow:0 6px 20px var(--edge),inset 0 0 0 2px var(--edge);touch-action:none}.board canvas{display:block}.feed{position:absolute;left:8px;right:8px;top:8px;z-index:5;display:flex;flex-direction:column;gap:4px;pointer-events:none}.feed span{align-self:flex-start;background:#131735db;color:#f4f7ff;border-radius:10px;padding:5px 10px;font-size:12px;font-weight:800;animation:feed-in .18s ease-out}@keyframes feed-in{0%{opacity:0;transform:translate(-6px)}}.pause-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;border:none;cursor:pointer;background:#ffffffd6;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:800;font-family:inherit}.pause-veil span{font-size:40px}.pad{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:14px}.pad-dirs{display:grid;gap:6px;grid-template-areas:". up ." "left down right"}.pad-btn{border:none;border-radius:16px;width:62px;height:52px;cursor:pointer;background:var(--panel);color:var(--ink);font-size:22px;font-weight:900;box-shadow:0 4px 0 var(--edge);touch-action:none;-webkit-user-select:none;user-select:none}.pad-btn:active,.pad-btn.on{transform:translateY(2px);box-shadow:0 2px 0 var(--edge)}.pad-btn.on{background:var(--you);color:#06202a}.pad-up{grid-area:up}.pad-left{grid-area:left}.pad-down{grid-area:down}.pad-right{grid-area:right}.pad-hint{font-size:11.5px;font-weight:800;color:var(--dim);max-width:140px;line-height:1.35}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:16px;background:#13173573;animation:sheet-in .22s ease-out}.sheet-card{background:linear-gradient(165deg,#ffffff,var(--deeper));color:var(--ink);border:2px solid rgba(53,214,255,.55);border-radius:24px;padding:22px 20px;width:min(440px,100%);max-height:100%;overflow-y:auto;text-align:center;box-shadow:0 18px 50px #13173547}.sheet-art{font-size:46px;display:block;line-height:1.1}.sheet-card h2{margin:6px 0 10px;font-size:20px}@keyframes sheet-in{0%{opacity:0}}.table{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:5px}.table li{display:flex;align-items:center;gap:8px;background:var(--shade);border-radius:12px;padding:8px 11px;font-size:14px;font-weight:800;text-align:left}.table li.me{background:#35d6ff38}.table li i{font-style:normal;font-size:17px}.table li em{font-style:normal;flex:1}.table li b{font-variant-numeric:tabular-nums}.table li s{opacity:.55;font-size:12px;text-decoration:none}.win-stats{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:6px}.win-stats li{font-size:14.5px;font-weight:700}.win-actions{display:grid;gap:8px}@media(max-height:720px){.pad-btn{width:54px;height:44px;font-size:19px}.start-head h1{font-size:24px}}@media(prefers-reduced-motion:reduce){.sheet,.feed span{animation:none}}