:root{font-family:Inter,ui-rounded,SF Pro Rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eef7ff;background:#07111f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{touch-action:none;overscroll-behavior:none}button{font:inherit}.game-shell{position:relative;width:100%;height:100%;min-height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% -10%,rgba(37,99,235,.28),transparent 36%),radial-gradient(circle at 95% 20%,rgba(139,92,246,.13),transparent 30%),linear-gradient(180deg,#091727,#07111f 58%,#040b14)}.game-shell:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 72%);mask-image:linear-gradient(to bottom,black,transparent 72%)}.topbar{position:absolute;z-index:4;top:max(14px,env(safe-area-inset-top));left:14px;right:14px;display:flex;align-items:stretch;gap:10px}.brand-card,.stat-card{border:1px solid rgba(255,255,255,.09);background:#081220b8;box-shadow:0 16px 40px #0000002e,inset 0 1px #ffffff0d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.brand-card{flex:1;min-width:0;border-radius:18px;padding:10px 13px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.18em;color:#7dd3fc;text-transform:uppercase}.title-row{margin-top:2px;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(19px,5.5vw,25px);font-weight:900;letter-spacing:-.04em}.level-pill{flex:none;padding:4px 8px;border-radius:999px;background:#38bdf81c;color:#bae6fd;font-size:11px;font-weight:800;border:1px solid rgba(125,211,252,.15)}.stat-card{width:84px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 6px}.stat-label{font-size:9px;font-weight:800;letter-spacing:.15em;color:#7f93aa}.stat-value{margin-top:2px;font-size:23px;line-height:1;font-weight:950;font-variant-numeric:tabular-nums}.stat-value.danger{color:#fb7185}.stat-value.good{color:#5eead4}.board-wrap{position:absolute;inset:90px 0 92px;display:grid;place-items:center}canvas{display:block;width:100%;height:100%;touch-action:none}.tip{position:absolute;z-index:3;left:50%;bottom:99px;transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);padding:8px 12px;border-radius:999px;color:#90a4ba;background:#040b149e;border:1px solid rgba(255,255,255,.06);font-size:11px;font-weight:650;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:opacity .25s ease,transform .25s ease}.tip.hidden{opacity:0;transform:translate(-50%,8px);pointer-events:none}.bottombar{position:absolute;z-index:5;left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:9px}.control{min-height:56px;border:1px solid rgba(255,255,255,.08);border-radius:18px;color:#dbeafe;background:#0b1829d1;box-shadow:0 12px 32px #00000038,inset 0 1px #ffffff0d;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:850;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.control:active{transform:scale(.96)}.control.primary{background:linear-gradient(145deg,#0ea5e9,#2563eb 70%,#4f46e5);border-color:#bae6fd38;color:#fff}.control:disabled{opacity:.35;pointer-events:none}.control .icon{font-size:18px;line-height:1}.control .label{font-size:13px}.toast{position:absolute;z-index:8;top:104px;left:50%;transform:translate(-50%,-8px);padding:10px 14px;border-radius:14px;color:#dff7ff;background:#07121ee8;border:1px solid rgba(125,211,252,.17);box-shadow:0 18px 42px #00000047;font-size:12px;font-weight:800;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.toast.show{opacity:1;transform:translate(-50%)}.complete-overlay{position:absolute;z-index:9;inset:0;display:grid;place-items:center;padding:24px;background:#0208127a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .26s ease}.complete-overlay.show{opacity:1;pointer-events:auto}.complete-card{width:min(370px,100%);padding:24px;border-radius:28px;background:linear-gradient(180deg,#0e233af7,#06111ffa);border:1px solid rgba(125,211,252,.17);box-shadow:0 32px 80px #0000006b,inset 0 1px #ffffff12;text-align:center;transform:translateY(12px) scale(.97);transition:transform .28s cubic-bezier(.2,.9,.2,1.1)}.complete-overlay.show .complete-card{transform:translateY(0) scale(1)}.badge{width:68px;height:68px;margin:0 auto 14px;display:grid;place-items:center;border-radius:22px;background:radial-gradient(circle at 35% 25%,#99f6e4,#14b8a6 48%,#0f766e);box-shadow:0 15px 40px #14b8a652,inset 0 2px #ffffff59;color:#042f2e;font-size:33px;font-weight:950}.complete-title{font-size:29px;font-weight:950;letter-spacing:-.04em}.complete-sub{margin-top:5px;color:#8fa6bd;font-size:13px}.result-grid{margin:20px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.result-box{padding:12px 6px;border-radius:16px;background:#ffffff09;border:1px solid rgba(255,255,255,.055)}.result-box strong{display:block;font-size:20px;font-weight:950}.result-box span{margin-top:3px;display:block;color:#788da4;font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.next-btn{width:100%;min-height:56px;border:0;border-radius:18px;color:#fff;font-weight:900;font-size:15px;background:linear-gradient(145deg,#14b8a6,#0ea5e9 60%,#2563eb);box-shadow:0 14px 32px #0ea5e933;cursor:pointer}@media(min-width:700px){.game-shell{max-width:520px;margin:0 auto;box-shadow:0 0 0 1px #ffffff0a,0 0 100px #020817bf}body{background:#020711}}