:root{--bg:#060a17;--ink:#e9f7ff;--soft:#a8bed7;--cyan:#68e6ff;--blue:#467aff;--pink:#ff4d8d;--gold:#ffc86b;--panel:rgba(10,18,42,.91);--line:#315e91;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--ink);font:14px/1.4 Inter,Segoe UI,system-ui,sans-serif;touch-action:none}button,input,select{font:inherit}button{color:var(--ink);letter-spacing:.08em;padding:11px 14px;border:1px solid #3a6894;background:#13254a;border-radius:5px;cursor:pointer;transition:transform .16s,background .16s,box-shadow .16s}button:hover,button:focus-visible{background:#1b4170;box-shadow:0 0 18px #3de9ff66;outline:none}button:active{transform:scale(.97)}button.primary{background:linear-gradient(110deg,#0b91a9,#3956bb);font-weight:800;border-color:#78edff}button.danger{color:#ffbdcf;border-color:#8b3159;background:#321528}.hidden{display:none!important}#game{position:fixed;inset:0;width:100%;height:100%;display:block}.overlay{position:fixed;inset:0;z-index:5;display:grid;place-items:center;padding:max(20px,var(--safe-t)) max(20px,var(--safe-r)) max(20px,var(--safe-b)) max(20px,var(--safe-l));pointer-events:none}.screen{pointer-events:auto;width:min(690px,94vw);max-height:min(90vh,820px);overflow:auto;padding:clamp(20px,5vw,42px);border:1px solid var(--line);background:var(--panel);box-shadow:0 0 70px #102967,0 20px 60px #000a;backdrop-filter:blur(12px);text-align:center;scrollbar-color:#4777ac #091426}.menu-screen{width:min(540px,92vw)}.kicker{margin:0;color:#88a9ca;letter-spacing:.21em;font-size:11px}h1{margin:2px 0 -7px;font-size:clamp(50px,12vw,94px);letter-spacing:.1em;line-height:1;color:var(--cyan);text-shadow:0 0 25px #17c7ed}h2{margin:8px 0 18px;letter-spacing:.13em;font-size:clamp(22px,4vw,33px)}h3{letter-spacing:.1em;color:var(--cyan);margin-top:26px}.lead,.brief-text{color:#c6d7e7;font-size:16px;line-height:1.65}.menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:25px 0}.menu-actions button:first-child,.menu-actions button:nth-child(2),.menu-actions button:nth-child(3),.menu-actions button:last-child{grid-column:span 2}.resume-info{color:#81a3c6;font-size:12px}.back{float:left;margin:-7px 0 16px;padding:7px 10px}.card-grid{clear:both;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;text-align:left}.card{position:relative;min-height:118px;padding:14px;border:1px solid #254b77;background:linear-gradient(145deg,#111e3e,#0d1530)}.card b{display:block;color:var(--cyan);letter-spacing:.05em}.card small,.card p{display:block;color:var(--soft);margin:7px 0}.card button{width:100%;padding:7px;margin-top:4px;font-size:11px}.card.locked{filter:saturate(.25);opacity:.48}.card.selected{border-color:var(--cyan);box-shadow:inset 0 0 20px #44d8ff26}.card .tag{position:absolute;right:8px;top:8px;font-size:9px;color:var(--gold)}.tree .card{min-height:135px}.compact{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));font-size:11px}.compact .card{min-height:95px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat-grid>div{padding:12px;background:#101c39;border:1px solid #294e79}.stat-grid b{display:block;color:var(--cyan);font-size:18px}.leaderboards{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;text-align:left}.board{background:#0e1933;border:1px solid #284a73;padding:10px}.board b{color:var(--gold)}.board ol{padding-left:22px;margin:7px 0;color:#b8cce1;font-size:11px}.log-list{display:grid;gap:7px;text-align:left}.log{padding:11px;border-left:3px solid #4e98cb;background:#101c36;color:#c6d6e8}.settings-form{display:grid;gap:10px;text-align:left}.setting{display:grid;grid-template-columns:1fr minmax(120px,48%);gap:12px;align-items:center;padding:9px;background:#101b36}.setting input[type=range]{width:100%;accent-color:var(--cyan)}.setting select{background:#162849;color:var(--ink);border:1px solid var(--line);padding:5px}.setting input[type=checkbox]{justify-self:start;accent-color:var(--cyan);width:18px;height:18px}.file-button{display:block;margin:10px auto;padding:11px 14px;width:max-content;border:1px solid #3a6894;background:#13254a;border-radius:5px;cursor:pointer}.file-button input{display:none}.control-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.key-bind{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#101b36;text-align:left}.key-bind button{padding:6px 9px;min-width:76px}.control-help{color:var(--soft);margin-top:20px}.brief-meta{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:16px 0}.brief-meta span{padding:6px 9px;border:1px solid #315a84;color:#b6d3eb;font-size:11px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:left}.choice{min-height:230px;background:#101d3d;border:1px solid #32608d;padding:14px;cursor:pointer;transition:.15s}.choice:hover{transform:translateY(-4px);box-shadow:0 8px 25px #41dbff33}.choice .rarity{font-size:10px;letter-spacing:.12em}.rarity.common{color:#c8d9e4}.rarity.rare{color:#6bd9ff}.rarity.epic{color:#c48aff}.rarity.legendary{color:#ffc86b}.rarity.experimental{color:#ff6ea8}.result-details{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.result-details div{padding:10px;background:#101c39}.result-details b{display:block;color:var(--cyan);font-size:18px}.hud{position:fixed;z-index:4;inset:0;padding:calc(13px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));pointer-events:none;text-shadow:0 2px 4px #000}.hud-top{display:flex;justify-content:space-between;align-items:start}.hud-top strong{letter-spacing:.14em}.hud-top span{display:block;color:#a8c7df;font-size:12px}.score{text-align:right;margin-left:auto;margin-right:12px}.score span{display:block;font-weight:bold;color:var(--cyan);font-size:19px;letter-spacing:.1em}.score small{color:var(--gold);font-size:10px}.icon-button{pointer-events:auto;padding:4px 10px;font-size:18px}.hud-bottom{position:absolute;left:calc(16px + var(--safe-l));bottom:calc(14px + var(--safe-b));display:flex;gap:16px;align-items:end}.vitals{display:grid;gap:5px}.vitals label{display:grid;grid-template-columns:55px minmax(130px,22vw) 31px;align-items:center;gap:6px;font-size:10px}.meter{height:8px;border:1px solid #6887a7;background:#07111f;overflow:hidden}.meter i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#25dfb7,#75ecff);transition:width .12s}.shield i{background:linear-gradient(90deg,#3978ff,#78d5ff)}.energy i{background:linear-gradient(90deg,#8a6dff,#f091ff)}.heat i{background:linear-gradient(90deg,#ffbf55,#ff426e)}.xp i{background:linear-gradient(90deg,#fff09b,#ff9e5a)}.boss-panel{position:absolute;top:58px;left:24%;width:52%;text-align:center}.boss-panel b{letter-spacing:.15em;color:#ffb9c8}.boss-meter{width:100%;margin:5px 0}.boss-meter i{background:linear-gradient(90deg,#ef3e71,#ffb65c)}.boss-panel span{font-size:10px;color:#ffbfd0}.hud-stats{min-width:130px}.hud-stats b,.hud-stats span{display:block;font-size:11px;color:#c7dcf2}.status-strip{position:absolute;bottom:calc(17px + var(--safe-b));right:calc(18px + var(--safe-r));color:#d3e6fa;font-size:11px;max-width:300px;text-align:right}.status-chip{display:inline-block;margin:2px;padding:3px 5px;border:1px solid #42749d;background:#0e2441}.touch-controls{position:fixed;inset:0;z-index:6;pointer-events:none}.joystick{position:absolute;bottom:calc(22px + var(--safe-b));width:124px;height:124px;border:2px solid #70dafa80;border-radius:50%;background:#17467644;pointer-events:auto;touch-action:none}.joystick i{position:absolute;left:38px;top:38px;width:44px;height:44px;border-radius:50%;background:#96edff99;box-shadow:0 0 15px #6ce5ff}.joystick.left{left:calc(18px + var(--safe-l))}.joystick.right{right:calc(18px + var(--safe-r));bottom:calc(157px + var(--safe-b))}.round{position:absolute;display:grid;place-items:center;width:64px;height:64px;padding:0;border-radius:50%;pointer-events:auto;touch-action:none;font-size:10px;font-weight:bold;background:#163d6dcc}.round.fire{right:calc(35px + var(--safe-r));bottom:calc(73px + var(--safe-b));background:#a82259cc}.round.alt{right:calc(110px + var(--safe-r));bottom:calc(55px + var(--safe-b))}.round.boost{right:calc(188px + var(--safe-r));bottom:calc(66px + var(--safe-b))}.round.dash{right:calc(184px + var(--safe-r));bottom:calc(140px + var(--safe-b));width:54px;height:54px}.round.special{right:calc(110px + var(--safe-r));bottom:calc(132px + var(--safe-b));width:55px;height:55px;background:#4a3196cc}.round.ultimate{right:calc(35px + var(--safe-r));bottom:calc(147px + var(--safe-b));width:55px;height:55px;background:#8e6530cc}.round.pause{top:calc(13px + var(--safe-t));right:calc(15px + var(--safe-r));width:42px;height:42px}.orientation{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:30px;text-align:center;background:#070b18ee;color:#d9f5ff;font-size:20px}@media (pointer:coarse){.touch-controls{display:block}.hud-top{padding-right:42px}.hud-bottom{bottom:calc(148px + var(--safe-b))}.status-strip{bottom:calc(153px + var(--safe-b));font-size:9px;max-width:170px}.vitals label{grid-template-columns:42px minmax(90px,26vw) 25px;font-size:9px}.hud-stats{display:none}}@media (max-width:560px){.menu-actions{grid-template-columns:1fr}.menu-actions button,.menu-actions button:first-child,.menu-actions button:nth-child(2),.menu-actions button:nth-child(3),.menu-actions button:last-child{grid-column:auto}.screen{padding:22px 17px}.choice-grid{grid-template-columns:1fr}.choice{min-height:120px}.stat-grid{grid-template-columns:repeat(2,1fr)}.leaderboards{grid-template-columns:1fr}.boss-panel{left:14%;width:72%}}@media (orientation:portrait) and (pointer:coarse) and (max-width:700px){.orientation:not(.hidden){display:grid}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}