:root{color-scheme:dark;--cyan:#65e7ff;--pink:#ff5ecf;--yellow:#ffe66d;--green:#7cffb2}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#02040d;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none}body{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;-webkit-tap-highlight-color:transparent}button,a{font:inherit;-webkit-tap-highlight-color:transparent}
#app{position:relative;width:100%;height:100dvh;max-width:640px;margin:auto;overflow:hidden;background:radial-gradient(circle at 50% 12%,#17265e,#070c25 46%,#02040d 100%)}
#hud{position:absolute;z-index:8;top:calc(env(safe-area-inset-top) + 7px);left:9px;right:9px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;pointer-events:none}#hud>div{padding:6px 8px;border:1px solid rgba(101,231,255,.2);border-radius:10px;background:rgba(2,5,18,.68);backdrop-filter:blur(8px)}#hud>div:nth-child(2){text-align:center}#hud>div:nth-child(3){text-align:right}#hud span{display:block;color:#7193b5;font-size:7px;letter-spacing:.16em}#hud strong{display:block;margin-top:2px;color:#f4fbff;font-size:14px}
#topbar{position:absolute;z-index:10;top:calc(env(safe-area-inset-top) + 53px);left:9px;right:9px;display:flex;justify-content:space-between;pointer-events:none}#topbar> *{pointer-events:auto}.icon-btn{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(3,8,28,.72);color:#eafaff;text-decoration:none;font-weight:900;backdrop-filter:blur(7px)}#topbar button:last-child{margin-left:auto}.icon-btn+ .icon-btn{margin-left:6px}
#bossHud{position:absolute;z-index:9;top:calc(env(safe-area-inset-top) + 58px);left:56px;right:95px;padding:5px 8px;border:1px solid rgba(255,94,207,.25);border-radius:9px;background:rgba(9,3,26,.74);pointer-events:none}#bossHud[hidden]{display:none}.boss-copy{display:flex;justify-content:space-between;gap:8px;color:#f7e9ff;font-size:7px;font-weight:900}.boss-track{height:5px;margin-top:4px;border-radius:999px;background:rgba(255,255,255,.11);overflow:hidden}.boss-track i{display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,#65e7ff,#ff5ecf,#ffe66d);box-shadow:0 0 10px #ff5ecf;transition:transform .08s linear}#bossHud.danger .boss-track i{background:#ff6680}
#gameWrap{position:absolute;z-index:2;inset:0}#game{display:block;width:100%;height:100%;touch-action:none}#statusPill{position:absolute;z-index:4;left:50%;top:calc(env(safe-area-inset-top) + 96px);transform:translate(-50%,-8px);padding:5px 9px;border:1px solid rgba(101,231,255,.2);border-radius:999px;background:rgba(2,6,22,.82);color:#dffbff;font-size:8px;font-weight:900;letter-spacing:.1em;opacity:0;transition:.16s ease;pointer-events:none;white-space:nowrap}#statusPill.show{opacity:1;transform:translate(-50%,0)}
.gesture-hint{position:absolute;z-index:5;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 7px);margin:0;text-align:center;color:#526b88;font-size:7px;pointer-events:none}
#overlay{position:absolute;z-index:20;inset:0;display:none;align-items:center;justify-content:center;padding:22px;background:radial-gradient(circle at 50% 30%,rgba(101,231,255,.09),transparent 35%),rgba(2,4,15,.9);backdrop-filter:blur(7px)}#overlay.visible{display:flex}.panel{width:min(100%,420px);text-align:center}.eyebrow{margin:0;color:#7f9dbd;font-size:9px;letter-spacing:.2em}.panel h1{margin:10px 0 17px;font:900 clamp(48px,15vw,76px)/.78 ui-monospace,monospace;letter-spacing:-.075em;color:#f6fbff;text-shadow:0 0 28px rgba(101,231,255,.2)}.panel h1 span{color:var(--pink);text-shadow:0 0 22px rgba(255,94,207,.42)}#overlayText{max-width:38ch;margin:0 auto 14px;color:#aebdd2;font-size:11px;line-height:1.48}.stats-line{margin:0 auto 10px;color:#6f89a8;font-size:8px;letter-spacing:.13em}.stats-line strong{color:#fff0a8;font-size:13px}.rules{display:flex;justify-content:center;gap:6px;margin-bottom:12px}.rules span{padding:5px 7px;border:1px solid rgba(101,231,255,.13);border-radius:999px;background:rgba(255,255,255,.04);color:#a9cde0;font-size:7px;font-weight:900}.primary-btn{display:flex;width:min(100%,300px);min-height:46px;margin:8px auto 0;padding:12px 18px;align-items:center;justify-content:center;border:0;border-radius:13px;text-decoration:none;color:#04101c;background:linear-gradient(135deg,#65e7ff,#bdf8ff);font-weight:900;letter-spacing:.13em;box-shadow:0 9px 30px rgba(101,231,255,.16)}.hint{margin:11px 0 0;color:#526b88;font-size:8px}
@media(max-height:650px){#overlayText{font-size:9px;margin-bottom:8px}.panel h1{margin:7px 0 11px}.rules{margin-bottom:7px}.hint,.gesture-hint{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}