:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#eaf1ff;background:#0a1230;-webkit-text-size-adjust:100%;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0a1230;touch-action:none;overscroll-behavior:none}#game{position:fixed;inset:0;display:block;touch-action:none}button{font:inherit;border:0;border-radius:12px;font-weight:800;cursor:pointer;touch-action:manipulation;transition:transform .1s ease,filter .1s ease}button:active{transform:translateY(1px);filter:brightness(1.08)}button:focus-visible{outline:3px solid #ffd23f;outline-offset:2px}.hud{position:fixed;top:calc(var(--safe-top) + 10px);left:calc(var(--safe-left) + 10px);right:calc(var(--safe-right) + 10px);z-index:5;display:flex;gap:8px;align-items:flex-start;justify-content:space-between;pointer-events:none}.hud.is-hidden{display:none}.stat-tiles{display:flex;gap:8px}.tile{min-width:66px;padding:6px 12px;border-radius:12px;background:#081028a8;border:1px solid rgba(140,170,240,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tile span{display:block;font-size:.6rem;letter-spacing:.08em;color:#9fb2e0;font-weight:800}.tile strong{font-size:1.15rem;line-height:1.15}.board{min-width:150px;padding:8px 10px;border-radius:12px;background:#081028a8;border:1px solid rgba(140,170,240,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin-top:74px}.board-row{display:grid;grid-template-columns:18px 1fr auto;gap:6px;font-size:.78rem;padding:1px 0;color:#c7d4f2}.board-row.me{color:#8ecaff;font-weight:800}.board-row.dead{opacity:.4;text-decoration:line-through}.board-rank{color:#ffd23f;font-weight:800}.board-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-size{font-variant-numeric:tabular-nums}.boost{position:fixed;right:calc(var(--safe-right) + 20px);bottom:calc(var(--safe-bottom) + 26px);z-index:6;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffe07a,#ff9d2f);color:#3a1e00;font-size:.92rem;box-shadow:0 10px 30px #ff8c2866;user-select:none;-webkit-user-select:none}.boost.is-hidden{display:none}.overlay{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:calc(var(--safe-top) + 16px) 16px calc(var(--safe-bottom) + 16px);background:radial-gradient(120% 90% at 50% 0%,#1e3c8c66,#060c1edb);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.overlay.is-hidden{display:none}.panel{width:min(440px,100%);max-height:100%;overflow:auto;display:grid;gap:14px;padding:26px 24px;text-align:center;border-radius:20px;background:linear-gradient(180deg,#16244ef5,#0c1634f5);border:1px solid rgba(140,170,240,.24);box-shadow:0 30px 80px #00000080}.panel h1{margin:0;font-size:clamp(2.4rem,10vw,3.6rem);line-height:.92;font-weight:900;letter-spacing:-.01em}.panel h1 span{color:#ffd23f}.panel h1.end{font-size:clamp(1.8rem,8vw,2.6rem)}.tag{margin:0;color:#b6c6ec;font-size:.92rem;line-height:1.5}.help{margin:0;color:#8496c4;font-size:.76rem;line-height:1.45}.stat{display:grid;gap:2px;padding:8px 12px;border-radius:12px;background:#08102899;border:1px solid rgba(140,170,240,.18)}.stat span{font-size:.62rem;letter-spacing:.1em;color:#9fb2e0;font-weight:800}.stat strong{font-size:1.5rem}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.btn{width:100%;min-height:54px;padding:0 18px;font-size:1.1rem}.btn.primary{background:linear-gradient(180deg,#7ee081,#33c06a);color:#06210f}.btn.ghost{background:#8caaf024;color:#dbe6ff;border:1px solid rgba(140,170,240,.28);min-height:46px;font-size:.95rem}.opt-row{display:grid}.toast{position:fixed;left:50%;top:calc(var(--safe-top) + 96px);z-index:8;transform:translate(-50%,-8px);padding:10px 18px;border-radius:999px;background:#081028d9;border:1px solid rgba(140,170,240,.3);font-weight:800;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.toast.show{opacity:1;transform:translate(-50%)}@media(max-width:560px){.board{min-width:118px;margin-top:66px}.tile{min-width:54px;padding:5px 9px}.tile strong{font-size:1rem}}