:root{color:#f1fbff;background:#05070f;font-family:Arial Narrow,Roboto Condensed,Noto Sans SC,system-ui,sans-serif;font-synthesis:none;--cyan: #5af5ed;--red: #ff3f6a;--pink: #ff8db7;--ink: #07101d;--panel: rgb(8 16 31 / 88%);--line: rgb(90 245 237 / 34%);--ui-scale: 1}*{box-sizing:border-box}html,body,#app,#game-shell{width:100%;height:100%;margin:0;overflow:hidden}body{position:fixed;inset:0;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit}#game-shell{position:relative;isolation:isolate;touch-action:none;background:#05070f;cursor:crosshair}#game-canvas,#game-canvas canvas{position:absolute;inset:0;display:block;width:100%!important;height:100%!important}.screen-print{position:absolute;z-index:5;inset:0;pointer-events:none;opacity:.32;background-image:repeating-linear-gradient(0deg,rgb(255 255 255 / 2%) 0 1px,transparent 1px 4px),radial-gradient(circle at 50% 60%,transparent 0 48%,rgb(0 0 0 / 52%) 100%);mix-blend-mode:screen}#hud{position:absolute;z-index:10;top:env(safe-area-inset-top,0);left:env(safe-area-inset-left,0);right:env(safe-area-inset-right,0);display:grid;grid-template-columns:minmax(200px,1fr) auto minmax(200px,1fr);align-items:start;gap:22px;padding:calc(15px * var(--ui-scale)) calc(19px * var(--ui-scale));pointer-events:none;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 2px 12px #000}#hud:before{position:absolute;z-index:-1;inset:0 0 auto;height:150%;content:"";background:linear-gradient(180deg,rgb(3 7 15 / 80%),transparent);pointer-events:none}.hud-cluster{display:flex;align-items:flex-start;gap:calc(13px * var(--ui-scale));min-width:0}.hud-right{justify-content:flex-end;text-align:right}.brand-mark{padding-top:1px;color:#dffcff;font-size:calc(14px * var(--ui-scale));font-weight:900;white-space:nowrap}.brand-slash{color:var(--cyan);text-shadow:0 0 14px var(--cyan)}.hud-label{display:block;margin-bottom:3px;color:#7797ad;font-size:calc(8px * var(--ui-scale));font-weight:800;letter-spacing:.18em}.echo-readout,.style-score{min-width:92px}.echo-readout strong,.style-score strong{display:block;color:var(--cyan);font-family:ui-monospace,Cascadia Mono,monospace;font-size:calc(14px * var(--ui-scale));line-height:1}.echo-pips{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;width:72px;margin-top:6px}.echo-pips i{height:2px;background:var(--cyan);box-shadow:0 0 7px var(--cyan)}.echo-pips i:nth-child(3),.echo-pips i:nth-child(4){opacity:.3}.echo-density{align-self:flex-end;padding-bottom:1px;color:#7891a3;font-size:calc(8px * var(--ui-scale));white-space:nowrap}#echo-count{color:var(--pink);font-weight:900}.hud-center{position:relative;min-width:calc(178px * var(--ui-scale));padding:calc(8px * var(--ui-scale)) calc(22px * var(--ui-scale));border-top:1px solid var(--line);text-align:center;background:linear-gradient(90deg,transparent,rgb(6 13 25 / 68%) 18% 82%,transparent);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}.hud-center:before,.hud-center:after{position:absolute;top:-1px;width:18px;height:1px;content:"";background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.hud-center:before{left:14px}.hud-center:after{right:14px}#time-value{display:block;color:#fff;font-family:ui-monospace,Cascadia Mono,monospace;font-size:calc(23px * var(--ui-scale));font-weight:850;letter-spacing:.015em;line-height:1}.best-line{display:block;margin-top:5px;color:#7791a6;font-size:calc(8px * var(--ui-scale))}.best-line b{color:#a9c6d6;font-family:ui-monospace,monospace}.multiplier{min-width:calc(46px * var(--ui-scale));padding:7px 8px 5px;border:1px solid rgb(255 63 106 / 55%);color:var(--pink);font-family:ui-monospace,monospace;font-size:calc(17px * var(--ui-scale));font-weight:900;text-align:center;transform:skew(-7deg);background:#ff3f6a14;box-shadow:inset 0 0 15px #ff3f6a14}.hud-actions{display:flex;gap:6px;pointer-events:auto}.icon-button{display:grid;width:calc(34px * var(--ui-scale));height:calc(34px * var(--ui-scale));padding:0;place-items:center;border:1px solid rgb(90 245 237 / 32%);color:#d9fbff;font-weight:900;background:#050c18c7;cursor:pointer;touch-action:manipulation}.icon-button:hover,.icon-button:focus-visible{border-color:var(--cyan);outline:none;box-shadow:0 0 14px #5af5ed47}.tutorial-message{position:absolute;z-index:9;top:23%;left:50%;max-width:min(88vw,560px);padding:calc(9px * var(--ui-scale)) calc(18px * var(--ui-scale));border-inline:2px solid var(--cyan);color:#eaffff;font-size:calc(14px * var(--ui-scale));font-weight:800;letter-spacing:.08em;text-align:center;opacity:0;transform:translate(-50%,8px);transition:opacity .18s ease,transform .18s ease;background:linear-gradient(90deg,transparent,rgb(4 12 23 / 82%) 12% 88%,transparent);pointer-events:none}.tutorial-message.is-visible{opacity:1;transform:translate(-50%)}.audio-hint{position:absolute;z-index:10;right:max(18px,env(safe-area-inset-right));bottom:max(13px,env(safe-area-inset-bottom));color:#c5e6ed8c;font-size:9px;letter-spacing:.12em;transition:opacity .3s ease;pointer-events:none}.audio-hint.is-hidden{opacity:0}.center-overlay{position:absolute;z-index:20;top:50%;left:50%;min-width:min(80vw,330px);padding:calc(18px * var(--ui-scale)) calc(34px * var(--ui-scale));border-block:1px solid rgb(90 245 237 / 42%);text-align:center;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent,rgb(4 10 22 / 93%) 10% 90%,transparent);transition:opacity 90ms linear;pointer-events:none}.center-overlay:before,.center-overlay:after{position:absolute;top:-1px;width:22%;height:2px;content:"";background:var(--cyan);box-shadow:0 0 16px var(--cyan)}.center-overlay:before{left:15%}.center-overlay:after{right:15%}.center-overlay.is-death{border-color:#ff3f6a94}.center-overlay.is-death:before,.center-overlay.is-death:after{background:var(--red);box-shadow:0 0 16px var(--red)}.center-overlay.is-hidden,.settings-panel.is-hidden{display:none}.overlay-kicker{margin:0 0 6px;color:var(--pink);font-size:calc(9px * var(--ui-scale));font-weight:900;letter-spacing:.25em;text-transform:uppercase}.center-overlay h1{margin:0;color:#fff;font-family:ui-monospace,monospace;font-size:calc(38px * var(--ui-scale));line-height:1}.center-overlay p:last-child{margin:10px 0 0;color:#9bb5c4;font-size:calc(10px * var(--ui-scale));letter-spacing:.08em}.settings-panel{position:absolute;z-index:30;top:50%;right:max(22px,env(safe-area-inset-right));width:min(92vw,calc(360px * var(--ui-scale)));max-height:calc(100% - 28px);padding:calc(18px * var(--ui-scale));overflow-y:auto;border:1px solid rgb(90 245 237 / 35%);transform:translateY(-50%);background:var(--panel);box-shadow:0 22px 80px #000,inset 0 0 40px #5af5ed08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:default;touch-action:pan-y}.settings-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgb(90 245 237 / 18%)}.settings-heading h2{margin:0;font-size:calc(19px * var(--ui-scale));letter-spacing:.04em}.settings-panel>label{display:flex;min-height:calc(43px * var(--ui-scale));align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid rgb(122 157 175 / 11%);color:#dcecf2;font-size:calc(12px * var(--ui-scale));font-weight:750;letter-spacing:.03em}.settings-panel small{display:block;margin-top:2px;color:#668296;font-size:calc(8px * var(--ui-scale));font-weight:500}.settings-panel input[type=checkbox]{width:30px;height:17px;flex:0 0 auto;accent-color:var(--cyan)}.range-setting input{width:120px;accent-color:var(--cyan)}.control-legend{margin:14px 0 0;color:#6f8da0;font-size:calc(8px * var(--ui-scale));line-height:1.6}.control-legend b{color:var(--cyan)}.touch-guides{display:none;position:absolute;z-index:8;inset:auto 0 max(18px,env(safe-area-inset-bottom));justify-content:space-between;padding-inline:max(7vw,env(safe-area-inset-left)) max(7vw,env(safe-area-inset-right));color:#d9fcff57;pointer-events:none}.touch-guides>div{display:grid;width:72px;height:44px;place-content:center;border:1px solid rgb(90 245 237 / 15%);text-align:center;transform:skew(-8deg)}.touch-guides span{font-size:7px;letter-spacing:.16em}.touch-guides b{color:#5af5ed6b;font-size:14px}.rotate-overlay{display:none;position:absolute;z-index:100;inset:0;padding:25px;place-content:center;text-align:center;background:#05070f}.rotate-overlay h1{margin:20px 0 7px;color:#eefeff;font-size:22px}.rotate-overlay p{margin:0;color:#7895a6;font-size:11px}.phone-icon{width:40px;height:70px;margin:auto;padding:5px;border:2px solid var(--cyan);border-radius:6px;animation:rotate-device 1.8s ease-in-out infinite}.phone-icon span{display:block;width:100%;height:100%;border:1px solid rgb(90 245 237 / 25%);background:repeating-linear-gradient(135deg,rgb(90 245 237 / 13%) 0 4px,transparent 4px 8px)}.high-contrast{--line: rgb(255 255 255 / 64%)}.high-contrast .hud-label,.high-contrast .best-line,.high-contrast .echo-density{color:#c8dce6}.high-contrast .screen-print{opacity:.18}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}@keyframes rotate-device{0%,18%{transform:rotate(0)}58%,to{transform:rotate(90deg)}}@media(pointer:coarse){.touch-guides{display:flex}#game-shell{cursor:default}}@media(orientation:portrait)and (max-width:900px){.rotate-overlay{display:grid}}@media(max-height:500px){#hud{padding-top:max(8px,env(safe-area-inset-top))}.brand-mark,.echo-density{display:none}.tutorial-message{top:19%}.settings-panel{padding-block:10px}.settings-panel>label{min-height:34px}.settings-panel small{display:none}}@media(max-width:720px){#hud{grid-template-columns:1fr auto 1fr;gap:7px;padding-inline:max(9px,env(safe-area-inset-left)) max(9px,env(safe-area-inset-right))}.echo-density,.style-score .hud-label,.brand-mark{display:none}.hud-cluster{gap:5px}.echo-readout{min-width:62px}.echo-pips{width:56px}.hud-center{min-width:130px;padding-inline:10px}.style-score{min-width:62px}.multiplier{min-width:34px;padding-inline:4px}.icon-button{width:29px;height:29px}}@media(prefers-reduced-motion:reduce){.phone-icon{animation:none;transform:rotate(90deg)}}