:root{--ink:#eff3ff;--muted:#8690aa;--line:#a5b1da26;--bg:#10131e}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button{font:inherit;color:inherit;cursor:pointer}.game-shell{background:radial-gradient(circle at 50% 17%,#222845 0,#131724 38%,#10131e 78%);width:min(100%,460px);min-height:100dvh;margin:auto;padding:25px 18px 28px;overflow:hidden}.topbar{justify-content:space-between;align-items:flex-start;display:flex}.eyebrow{color:#aeb8dc;letter-spacing:.3em;font-size:9px;font-weight:800}h1{letter-spacing:-.05em;margin:7px 0 0;font-size:28px;font-weight:900;line-height:1}h1 em{color:#8d98ff;font-style:normal}.icon-button,.reset-button{border:1px solid var(--line);color:#aab5da;background:#ffffff0a;border-radius:50%;width:34px;height:34px;font-weight:800}.stats{gap:14px;margin:27px 0 15px;display:flex}.stats div{border:1px solid var(--line);background:#ffffff09;border-radius:12px;flex:1;padding:11px 12px 10px}.stats span,.next-caption{color:var(--muted);letter-spacing:.2em;font-size:8px;font-weight:800;display:block}.stats strong{letter-spacing:.08em;margin-top:4px;font-size:17px;display:block}.play-card{background:#1c2237b8;border:1px solid #a1acda38;border-radius:21px;padding:10px;box-shadow:0 18px 60px #00000047}.arena{aspect-ratio:360/520;touch-action:none;-webkit-user-select:none;user-select:none;background:#171c30;border-radius:15px;width:100%;max-width:360px;margin:0 auto;position:relative;overflow:hidden}.arena-canvas{aspect-ratio:360/520;width:100%;height:auto;display:block}.arena-grid{opacity:.22;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:30px 30px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 85%);mask-image:radial-gradient(circle,#000,#0000 85%)}.danger-ring{color:#ff82829e;letter-spacing:.25em;border:1px dashed #ff6b6b80;border-radius:50%;place-items:center;width:110px;height:110px;font-size:8px;display:grid;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.danger-ring:before{content:"";border:1px solid #ff6b6b2b;border-radius:50%;position:absolute;inset:15px}.spawn-label{color:#65708e;letter-spacing:.25em;font-size:8px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.orb{border:2px solid #ffffff80;border-radius:50%;place-items:center;transition:width .18s,height .18s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:inset -6px -8px 12px #00000024,inset 5px 6px 10px #ffffff38,0 6px 15px #00000047}.orb:after{content:"";filter:blur(2px);background:#ffffff8c;border-radius:50%;width:25%;height:25%;position:absolute;top:17%;left:20%}.orb small{z-index:1;color:#161a3094;font-size:12px;font-weight:900;position:relative}.orb-ready{animation:1.6s ease-in-out infinite breathe;box-shadow:0 0 0 5px #ffffff0f,inset -6px -8px 12px #00000024,0 0 25px #ffe06640}@keyframes breathe{50%{transform:translate(-50%,-50%)scale(1.08)}}.aim-line{transform-origin:50% 0;z-index:5;pointer-events:none;background:linear-gradient(#f4f0ff,#8d98ff26);width:2px;position:absolute;top:62px;left:50%;box-shadow:0 0 10px #8d98ff}.aim-line:after{content:"";border:6px solid #0000;border-top:10px solid #aab3ff;position:absolute;bottom:-1px;left:50%;transform:translate(-50%,90%)}.aim-line span{border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;left:50%;transform:translate(-50%)}.gesture-hint{text-align:center;color:#aab4d1;pointer-events:none;opacity:.8;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.gesture-hint span{color:#8d98ff;font-size:33px;line-height:27px;display:block}.gesture-hint p{letter-spacing:.18em;margin:12px 0 0;font-size:9px;line-height:1.8}.gesture-hint b{color:#f0f3ff}.play-footer{align-items:center;gap:13px;padding:14px 5px 2px;display:flex}.play-footer p{color:var(--muted);flex:1;margin:0;font-size:10px;line-height:1.55}.play-footer p b{color:#dfe4fb;font-weight:600}.next-orb{border:2px solid #ffffff6b;border-radius:50%;width:26px;height:26px;margin-top:5px;box-shadow:inset -4px -5px 6px #00000024,0 3px 8px #00000040}.reset-button{flex:none;font-size:22px}.game-over{z-index:10;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0a0c16d1;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.game-over span{color:#ff929a;letter-spacing:.25em;font-size:9px;font-weight:800}.game-over strong{letter-spacing:.08em;margin:9px 0 22px;font-size:31px}.game-over button{color:#121527;letter-spacing:.08em;background:#8d98ff;border:0;border-radius:99px;padding:12px 22px;font-size:11px;font-weight:900}.tip{color:#737d99;margin:15px 8px 0;font-size:10px}.tip span{color:#8d98ff;letter-spacing:.18em;margin-right:7px;font-size:8px;font-weight:900}@media (width<=380px){.game-shell{padding:19px 12px 22px}h1{font-size:25px}.stats{gap:7px}}