:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#070a1c;--ink-soft:#070a1cc7;--cyan:#63f3ff;--magenta:#fb3fbf;--lime:#c5ff52;--paper:#f0fbff;--muted:#93a5ce;font-family:Arial Narrow,Rajdhani,Noto Sans JP,system-ui,sans-serif}*{box-sizing:border-box}html,body,#game,#ui{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--ink);color:var(--paper)}button{font:inherit}#game{touch-action:none;display:block;position:fixed;inset:0}#ui{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.screen{opacity:0;visibility:hidden;transition:opacity .32s,visibility 0s linear .32s;position:absolute;inset:0}.screen.is-active{opacity:1;visibility:visible;transition:opacity .32s}.screen button{pointer-events:auto}.title-screen{padding:max(34px, env(safe-area-inset-top)) clamp(26px, 7vw, 106px);background:linear-gradient(90deg,#070a1ce0 0%,#070a1c8c 39%,#0000 73%)}.scanlines{opacity:.13;pointer-events:none;mix-blend-mode:screen;background:repeating-linear-gradient(#0000 0 3px,#63f3ff38 4px 5px);position:absolute;inset:0}.title-topline{color:var(--cyan);letter-spacing:.34em;text-shadow:0 0 14px var(--cyan);margin-bottom:clamp(42px,9vh,104px);font-size:11px;font-weight:800;position:relative}.brand-lockup{align-items:flex-start;gap:17px;display:flex;position:relative}.brand-mark{width:58px;height:66px;color:var(--ink);background:var(--cyan);box-shadow:0 0 0 5px #63f3ff38, 0 0 26px var(--cyan);place-items:center;margin-top:9px;font-size:35px;font-style:italic;font-weight:1000;display:grid;transform:skewY(-10deg)}.brand-lockup h1{letter-spacing:-.075em;text-shadow:8px 8px #11193b,0 0 30px #63f3ff3d;margin:0;font-size:clamp(67px,10vw,142px);font-style:italic;font-weight:1000;line-height:.69;transform:skewY(-5deg)}.brand-lockup h1 span{color:var(--magenta);text-shadow:8px 8px #32103e,0 0 28px #fb3fbf66}.title-copy{color:#d5eaff;letter-spacing:.06em;text-shadow:0 2px 10px #000;margin:35px 0 25px 76px;font-size:clamp(15px,1.9vw,20px);font-weight:700;line-height:1.6;position:relative}.action-button{border:2px solid var(--cyan);min-width:255px;color:var(--ink);background:var(--cyan);box-shadow:7px 7px 0 var(--magenta), 0 0 22px #63f3ff8f;cursor:pointer;letter-spacing:.09em;margin-left:76px;padding:15px 26px;font-size:18px;font-weight:1000;transition:transform .14s,box-shadow .14s,background .14s;position:relative}.action-button:hover,.action-button:focus-visible{background:var(--lime);box-shadow:3px 3px 0 var(--magenta), 0 0 30px #c5ff52a6;outline:0;transform:translate(4px,4px)}.action-button span{margin-right:10px}.control-card{gap:14px;margin:36px 0 0 76px;display:flex;position:relative}.control-card div{border-left:2px solid var(--magenta);background:#080d2894;padding:9px 13px}.control-card b,.control-card small{display:block}.control-card b{color:var(--lime);letter-spacing:.08em;font-size:12px}.control-card small{color:var(--muted);margin-top:4px;font-size:10px}.title-bestline{right:clamp(25px,5vw,80px);bottom:max(28px, env(safe-area-inset-bottom));color:var(--muted);letter-spacing:.16em;font-size:11px;font-weight:800;position:absolute}.title-bestline strong{color:var(--lime);text-shadow:0 0 10px var(--lime);margin-left:9px;font-size:19px}.hud-header{padding:max(18px, env(safe-area-inset-top)) clamp(17px, 3vw, 46px);background:linear-gradient(#050719e6,#0000);align-items:flex-start;gap:clamp(14px,2vw,28px);display:flex}.hud-brand{color:var(--paper);letter-spacing:.16em;white-space:nowrap;flex:1;font-size:clamp(12px,1.5vw,17px);font-weight:1000}.hud-brand i{background:var(--cyan);width:9px;height:9px;box-shadow:0 0 12px var(--cyan);margin-right:7px;display:inline-block;transform:rotate(45deg)}.hud-score,.hud-best{text-align:right;min-width:92px}.hud-score span,.hud-best span,.combo-card span,.speed-card span{color:var(--muted);letter-spacing:.16em;font-family:monospace;font-size:10px;font-weight:800;display:block}.hud-score b{color:var(--cyan);letter-spacing:-.07em;text-shadow:0 0 17px #63f3ff99;font-family:monospace;font-size:clamp(22px,3.4vw,42px);line-height:.94;display:block}.hud-best b{color:var(--lime);font-family:monospace;font-size:clamp(16px,2.1vw,24px)}.hud-bottom{left:clamp(16px,3vw,46px);bottom:max(22px, calc(env(safe-area-inset-bottom) + 14px));align-items:end;gap:12px;display:flex;position:absolute}.combo-card,.speed-card{background:var(--ink-soft);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);clip-path:polygon(0 0,100% 0,100% 78%,86% 100%,0 100%);border:1px solid #63f3ff5e;min-width:104px;padding:9px 12px 8px}.combo-card b{color:var(--cyan);font-family:monospace;font-size:25px;line-height:1;transition:color .15s,text-shadow .15s}.combo-card.hot b{color:var(--lime);text-shadow:0 0 16px var(--lime)}.combo-card i{background:linear-gradient(90deg, var(--cyan), var(--magenta));width:100%;height:2px;margin-top:7px;display:block}.speed-card b{color:var(--paper);font-family:monospace;font-size:24px}.speed-card em{color:var(--muted);margin-left:4px;font-size:9px;font-style:normal}.event-callout{color:var(--lime);letter-spacing:.14em;text-shadow:0 0 18px var(--lime), 2px 2px #172b0c;opacity:0;margin:0;font-size:clamp(17px,2.4vw,29px);font-weight:1000;position:absolute;top:24%;left:50%;transform:translate(-50%)translateY(-8px)}.event-callout.show{animation:.8s ease-out both callout}@keyframes callout{0%{opacity:0;transform:translate(-50%)translateY(8px)scale(.8)}22%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-26px)scale(1.08)}}.gameover-screen{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(circle,#5c105f52,#040614db 66%);place-items:center;padding:22px;display:grid}.gameover-panel{text-align:center;background:#0a0820e6;border:1px solid #fb3fbfa6;width:min(455px,100%);padding:28px clamp(26px,5vw,42px) 32px;box-shadow:9px 9px #63f3ff54,0 0 45px #fb3fbf3b}.crash-tag{color:var(--magenta);letter-spacing:.32em;font:800 10px monospace}.gameover-panel h2{letter-spacing:-.06em;text-shadow:5px 5px #301039;margin:15px 0 19px;font-size:clamp(51px,10vw,78px);font-style:italic;font-weight:1000;line-height:.69}.gameover-panel h2 span{color:var(--cyan)}.result-grid{background:#63f3ff33;grid-template-columns:1fr 1fr;gap:1px;margin-bottom:25px;display:grid}.result-grid div{background:#0a0d27;padding:14px 8px}.result-grid span{color:var(--muted);letter-spacing:.14em;font:800 9px monospace;display:block}.result-grid b{color:var(--paper);margin-top:6px;font:800 26px monospace;display:block}.gameover-panel .action-button{width:100%;margin:0}.gameover-panel .reward-button{border-color:var(--lime);color:var(--ink);background:var(--lime);box-shadow:7px 7px 0 var(--cyan), 0 0 22px #c5ff5259;margin-top:12px}.gameover-panel .reward-button:hover,.gameover-panel .reward-button:focus-visible{background:var(--cyan);box-shadow:3px 3px 0 var(--magenta), 0 0 30px #63f3ffa6}.sub-button{width:100%;color:var(--muted);cursor:pointer;letter-spacing:.12em;background:0 0;border:0;margin-top:13px;padding:10px;font-size:12px;font-weight:800}.sub-button:hover,.sub-button:focus-visible{color:var(--cyan);outline:none}.privacy-link{color:var(--muted);letter-spacing:.06em;margin-top:6px;font:10px monospace;text-decoration:underline;display:inline-block}.privacy-link:hover,.privacy-link:focus-visible{color:var(--cyan)}.result-hint{color:var(--muted);letter-spacing:.06em;margin:13px 0 0;font:10px monospace}.touch-controls{right:max(16px, env(safe-area-inset-right));bottom:max(17px, calc(env(safe-area-inset-bottom) + 8px));align-items:center;gap:7px;display:none;position:absolute}.touch-button{min-width:54px;height:54px;color:var(--cyan);background:#070a1cb8;border:1px solid #63f3ffa6;border-radius:50%;font-size:22px;font-weight:900;box-shadow:0 0 15px #63f3ff26}.touch-button.jump{border-color:var(--lime);min-width:78px;height:65px;color:var(--lime);letter-spacing:.08em;border-radius:10px;font-size:12px}.touch-button:active{color:var(--ink);background:var(--cyan);transform:scale(.94)}@media (pointer:coarse),(width<=700px){.touch-controls{display:flex}.hud-bottom{bottom:max(17px, calc(env(safe-area-inset-bottom) + 7px))}.title-screen{background:linear-gradient(90deg,#070a1cdb,#070a1c59 85%)}.title-topline{margin-bottom:15vh}.brand-mark{width:42px;height:50px;font-size:27px}.title-copy,.title-screen .action-button,.control-card{margin-left:0}.title-copy{margin-top:27px}.control-card{gap:7px;margin-top:29px}.control-card div{padding:7px 8px}.hud-brand{font-size:11px}.hud-best{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}#arcade-hub{z-index:20;color:var(--paper);background:radial-gradient(circle at 74% 17%, #fb3fbf26, transparent 31%), radial-gradient(circle at 17% 87%, #63f3ff1f, transparent 32%), var(--ink);pointer-events:auto;position:fixed;inset:0;overflow:auto}.arcade-home{min-height:100%;padding:max(35px, env(safe-area-inset-top)) clamp(20px, 7vw, 105px) max(26px, env(safe-area-inset-bottom));background:repeating-linear-gradient(#0000 0 4px,#63f3ff06 5px 6px)}.arcade-kicker,.mini-kicker{color:var(--cyan);letter-spacing:.28em;text-shadow:0 0 12px var(--cyan);font:800 11px monospace}.arcade-heading{align-items:center;gap:16px;margin:clamp(35px,8vh,84px) 0 18px;display:flex}.arcade-n{width:58px;height:70px;color:var(--ink);background:var(--cyan);box-shadow:0 0 0 5px #63f3ff33, 0 0 28px var(--cyan);place-items:center;font-size:39px;font-style:italic;font-weight:1000;display:grid;transform:skewY(-10deg)}.arcade-heading b,.arcade-heading strong{letter-spacing:-.08em;font-style:italic;line-height:.78;display:block}.arcade-heading b{text-shadow:6px 6px #11193b;font-size:clamp(48px,8vw,108px)}.arcade-heading strong{color:var(--magenta);text-shadow:5px 5px #32103e;font-size:clamp(33px,5.2vw,70px)}.arcade-lede{color:#d5eaff;letter-spacing:.08em;margin:0 0 28px 75px;font-size:clamp(14px,1.8vw,20px);font-weight:700}.game-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;max-width:1050px;display:grid}.game-card{min-height:205px;color:var(--paper);cursor:pointer;text-align:left;background:#080d28c7;border:1px solid #63f3ff7a;padding:21px;transition:transform .16s,box-shadow .16s,background .16s;position:relative;box-shadow:7px 7px #fb3fbfb3}.game-card:hover,.game-card:focus-visible{box-shadow:3px 3px 0 var(--lime), 0 0 32px #63f3ff33;background:#121c48eb;outline:none;transform:translate(4px,4px)}.game-card-pulse{border-color:#c5ff5294;box-shadow:7px 7px #c5ff52b8}.game-card-grid{border-color:#fb3fbfa3}.card-number{color:var(--muted);letter-spacing:.14em;font:800 11px monospace}.card-glyph{color:var(--cyan);text-shadow:0 0 16px var(--cyan);font-size:34px;position:absolute;top:17px;right:20px}.game-card-pulse .card-glyph{color:var(--lime);text-shadow:0 0 16px var(--lime)}.game-card-grid .card-glyph{color:var(--magenta);text-shadow:0 0 16px var(--magenta)}.game-card b,.game-card small,.game-card em{display:block}.game-card b{letter-spacing:-.04em;margin-top:53px;font-size:clamp(18px,2vw,27px);font-style:italic}.game-card small{color:#c3d6f3;margin-top:6px;font-size:11px;font-weight:700}.game-card em{color:var(--lime);letter-spacing:.1em;margin-top:18px;font:800 10px monospace}.arcade-footer{max-width:1050px;color:var(--muted);letter-spacing:.1em;justify-content:space-between;margin-top:35px;font:10px monospace;display:flex}.arcade-footer a{color:var(--cyan)}.arcade-back{top:max(16px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));z-index:4;color:var(--cyan);cursor:pointer;letter-spacing:.1em;background:#070a1cc7;border:1px solid #63f3ff99;padding:9px 13px;font:800 11px monospace;position:fixed}.arcade-back:hover,.arcade-back:focus-visible{color:var(--ink);background:var(--cyan);outline:none}#arcade-hub.arcade-runner-mode{pointer-events:none;background:0 0}.arcade-runner-mode .arcade-back{pointer-events:auto}.mini-game{min-height:100%;padding:max(72px, calc(env(safe-area-inset-top) + 58px)) clamp(20px, 7vw, 105px) 35px;background:linear-gradient(135deg,#070a1cf2,#0a0f30b8)}.mini-header{justify-content:space-between;align-items:end;gap:20px;max-width:1100px;display:flex}.mini-header h1{letter-spacing:-.08em;text-shadow:6px 6px #11193b;margin:9px 0 0;font-size:clamp(43px,8vw,100px);font-style:italic;line-height:.72}.mini-header h1 b{color:var(--magenta)}.mini-stats{gap:14px;padding-bottom:4px;display:flex}.mini-stats span{min-width:65px;color:var(--muted);letter-spacing:.13em;font:800 9px monospace}.mini-stats b{color:var(--lime);margin-top:4px;font-size:20px;display:block}.mini-copy{color:#cbdcf7;letter-spacing:.06em;max-width:620px;margin:28px 0 15px;font-size:14px;font-weight:700}.pulse-field{background:radial-gradient(circle,#63f3ff1c,#0000 27%),repeating-linear-gradient(90deg,#63f3ff14 0 1px,#0000 1px 70px),repeating-linear-gradient(0deg,#63f3ff0f 0 1px,#0000 1px 70px);border:1px solid #63f3ff61;width:min(100%,1100px);height:min(62vh,500px);min-height:300px;position:relative;overflow:hidden;box-shadow:inset 0 0 55px #63f3ff1c}.pulse-target{border:2px solid var(--lime);width:82px;height:82px;color:var(--ink);background:var(--lime);box-shadow:0 0 0 7px #c5ff5226, 0 0 38px var(--lime);cursor:crosshair;border-radius:50%;font-size:31px;font-weight:1000;transition:left .12s,top .12s;position:absolute}.pulse-target:active{transform:scale(.88)}.pulse-target.pulse-pop{animation:.28s ease-out pulse-pop}@keyframes pulse-pop{0%{opacity:.4;transform:scale(.65)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.mini-result,.grid-result{border:1px solid var(--magenta);text-align:center;background:#070a1cf0;width:min(330px,100% - 35px);padding:28px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:8px 8px #63f3ff8f}.mini-result span,.grid-result span{color:var(--cyan);letter-spacing:.12em;font:800 10px monospace;display:block}.mini-result b{color:var(--lime);margin:12px 0;font:1000 54px monospace;display:block}.mini-result small{color:var(--muted);font:800 10px monospace;display:block}.mini-action{border:1px solid var(--cyan);color:var(--ink);background:var(--cyan);cursor:pointer;margin-top:20px;padding:12px 22px;font-weight:1000}.mini-result .reward-button{border-color:var(--lime);background:var(--lime);margin-top:12px;box-shadow:0 0 16px #c5ff5240}.mini-action:hover,.mini-action:focus-visible{background:var(--lime);outline:none}.grid-layout{align-items:center;gap:clamp(30px,8vw,110px);display:flex}.escape-grid{background:#080d28c7;border:1px solid #63f3ff66;grid-template-columns:repeat(5,minmax(45px,78px));gap:6px;padding:9px;display:grid;box-shadow:0 0 38px #63f3ff21}.grid-cell{aspect-ratio:1;color:#0000;cursor:pointer;background:#0c1435;border:1px solid #63f3ff33;transition:background .12s,transform .12s}.grid-cell.player{border-color:var(--lime);background:var(--lime);box-shadow:0 0 17px var(--lime);transform:scale(.82)}.grid-cell.danger{background:#fb3fbf59;box-shadow:inset 0 0 12px #fb3fbf57}.grid-cell.exit{border-color:var(--cyan);background:#63f3ff80;box-shadow:0 0 15px #63f3ff8c}.grid-side{min-width:150px}.grid-legend span{color:var(--muted);letter-spacing:.1em;margin:11px 0;font:800 10px monospace;display:block}.grid-legend i{vertical-align:-2px;background:var(--lime);width:12px;height:12px;margin-right:8px;display:inline-block}.grid-legend .legend-danger{background:var(--magenta)}.grid-legend .legend-exit{background:var(--cyan)}.d-pad{text-align:center;margin-top:28px}.d-pad>button,.d-pad div button{width:42px;height:38px;color:var(--cyan);cursor:pointer;background:#070a1ccc;border:1px solid #63f3ff8c;margin:2px;font-size:18px}.d-pad button:active{color:var(--ink);background:var(--cyan)}.grid-result b{color:var(--magenta);margin-bottom:9px;font-size:28px;font-style:italic;display:block}.grid-result.won b{color:var(--lime)}@media (width<=760px){.game-cards{grid-template-columns:1fr;gap:11px}.game-card{min-height:125px;padding:15px}.game-card b{margin-top:25px;font-size:20px}.game-card em{margin-top:9px}.arcade-heading{margin-top:42px}.arcade-n{width:42px;height:52px;font-size:28px}.arcade-lede{margin-left:0}.arcade-footer{margin-top:20px}.mini-header{flex-direction:column;align-items:start}.mini-stats{justify-content:space-between;width:100%}.mini-stats span{flex:1}.grid-layout{flex-direction:column;align-items:start;gap:26px}.grid-side{justify-content:space-between;align-items:start;width:100%;display:flex}.grid-legend span{margin:5px 0}.d-pad{margin-top:0}}
