:root{--bg: #120d26;--panel: rgba(28, 20, 58, .88);--line: #3b2f72;--text: #f1eeff;--muted: #a99fd6;--accent: #3ff2ff;--gold: #ffd84a;--danger: #ff5a6e}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:radial-gradient(ellipse at 70% 110%,#b24f5e 0%,#5a2a6b 35%,var(--bg) 75%);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow:hidden}button{font:600 15px Inter,sans-serif;color:var(--text);background:#2a2056;border:1px solid var(--line);border-radius:10px;padding:12px 18px;cursor:pointer;transition:transform .08s,background .15s}button:hover:not(:disabled){background:#362a6e}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:linear-gradient(90deg,#19b8d6,#6a5cff);border-color:transparent}button.link{background:none;border:none;color:var(--muted);padding:6px 0}input{width:100%;font:500 16px Inter,sans-serif;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:#160f30;color:var(--text);outline:none}input:focus{border-color:var(--accent)}.app{height:100%;overflow-y:auto}.center{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;gap:18px;text-align:center}.logo{font:800 clamp(34px,8vw,64px) Orbitron,sans-serif;letter-spacing:.06em;line-height:1;text-shadow:0 0 24px rgba(63,242,255,.35)}.logo span{display:block;font-size:.42em;letter-spacing:.5em;color:var(--accent);margin-top:8px}.tag{color:var(--muted);max-width:440px;margin:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;width:min(380px,100%);display:flex;flex-direction:column;gap:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel h2{margin:0 0 6px;font:700 20px Orbitron,sans-serif}.who{display:flex;justify-content:space-between;align-items:center;text-align:left;margin-bottom:6px}.coins{color:var(--gold);font:700 18px Orbitron,sans-serif}.muted{color:var(--muted);font-size:13px}.err{color:var(--danger);margin:0;font-size:14px}.help{max-width:560px;line-height:1.6}.stats{margin-top:4px}.page{max-width:900px;margin:0 auto;padding:20px 16px 40px}.page header{display:flex;align-items:center;gap:16px;margin-bottom:12px}.page header h1{flex:1;margin:0;font:700 24px Orbitron,sans-serif}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-top:14px}.card{text-align:left;display:flex;flex-direction:column;gap:6px;padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.card .num{font:800 28px Orbitron,sans-serif;color:var(--accent)}.card .name{font-weight:700;font-size:17px}.card .best{color:var(--gold);font-size:14px;margin-top:4px}.card.locked{filter:grayscale(.8)}.card.owned{border-color:#2e8f7a}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 16px}.tabs button{padding:8px 14px}.tabs button.active{background:var(--accent);color:#111;border-color:transparent}.board{width:100%;border-collapse:collapse;background:var(--panel);border-radius:12px;overflow:hidden}.board th,.board td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);font-size:14px}.board th{color:var(--muted);font-weight:600}.board tr.me td{color:var(--accent);font-weight:700}.game{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none;-webkit-user-select:none;user-select:none}.game canvas{width:100%;height:100%;display:block}.pause-btn{position:absolute;bottom:16px;right:16px;padding:8px 14px;opacity:.8}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a06188c;padding:16px}.result{text-align:center}.result h2.win{color:#5fffb0}.result h2.lose{color:var(--danger)}.result .score{font:800 46px Orbitron,sans-serif}.result .row{display:flex;justify-content:center;gap:16px;color:var(--muted)}.badge{align-self:center;background:var(--gold);color:#222;font-weight:700;font-size:12px;padding:4px 10px;border-radius:99px}@media (max-width: 520px){.board th:nth-child(5),.board td:nth-child(5){display:none}}.who{gap:12px}.who-name{flex:1}.card.outfit .preview{display:flex;justify-content:center;background:radial-gradient(ellipse at 50% 100%,rgba(240,138,93,.35),transparent 70%),#160f30;border-radius:10px;margin-bottom:4px}.mute-btn{padding:8px 12px;font-size:16px;line-height:1;opacity:.85}.mute-btn.corner{position:fixed;bottom:14px;right:14px;z-index:5}.mute-btn.in-game{position:absolute;bottom:16px;right:74px}.music-btn{padding:8px 12px;font-size:16px;line-height:1;opacity:.85}.music-btn.off{opacity:.35;text-decoration:line-through}.music-btn.corner{position:fixed;bottom:14px;right:64px;z-index:5}.music-btn.in-game{position:absolute;bottom:16px;right:124px}.political-toggle{display:flex;flex-direction:column;gap:2px;align-items:center;border-style:dashed}.political-toggle .muted{font-size:11px;font-weight:500}.political-toggle.on{background:linear-gradient(90deg,#f93,#fff2,#138808);border-color:#f93;color:#fff;text-shadow:0 1px 2px #000}.political-toggle.on .muted{color:#fff}.meme-sub{margin:0;color:#ffe14a;font-weight:700;font-size:15px}.meme-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.meme-row{display:flex;gap:12px;align-items:center;justify-content:space-between;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.meme-row.has{border-color:#f93}.meme-info{min-width:0;display:flex;flex-direction:column;gap:2px;text-align:left}.meme-moment{font-size:12px;color:var(--muted)}.meme-caption{font:700 15px Orbitron,sans-serif;color:#ffe14a;overflow-wrap:anywhere}.meme-ok{color:#5fffb0;font-size:13px}.meme-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.meme-actions button{padding:8px 12px}@media (max-width: 520px){.meme-row{flex-direction:column;align-items:stretch}.meme-actions{justify-content:flex-end}}.shop-section{font:700 15px Orbitron,sans-serif;margin:20px 0 0;color:var(--accent)}.char-line{color:#ffe14a;font-weight:700;font-size:13px}.mud-overlay{background:linear-gradient(to bottom,transparent 40%,rgba(30,18,8,.55));align-items:flex-end;justify-content:flex-end;padding:0 24px 28px}.mud-prompt{text-align:center;border-color:#7a5232}.mud-prompt h2{color:#e0a060}.countdown{height:6px;border-radius:3px;background:#0006;overflow:hidden}.countdown div{height:100%;background:linear-gradient(90deg,#f93,#e0a060);transition:width .1s linear}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input{-webkit-user-select:text;user-select:text}button{touch-action:manipulation}.app{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.game{-webkit-user-select:none;user-select:none}@media (pointer: coarse){.game .pause-btn,.game .mute-btn.in-game,.game .music-btn.in-game{display:none}}.toggles{display:flex;gap:8px;justify-content:center}.mute-btn.inline,.music-btn.inline{position:static;flex:1}.rotate-hint{position:absolute;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translate(-50%);background:#140c28d9;border:1px solid var(--line);border-radius:99px;padding:8px 14px;font-size:13px;white-space:nowrap;pointer-events:none;animation:hint-in .3s ease-out}@keyframes hint-in{0%{opacity:0;transform:translate(-50%,10px)}}@media (max-height: 520px){.center{gap:10px;padding:10px 16px;justify-content:flex-start}.logo{font-size:30px}.logo span{font-size:.4em;margin-top:4px}.tag,.help{display:none}.panel{padding:14px;gap:8px}.panel.menu{width:min(560px,100%);display:grid;grid-template-columns:1fr 1fr}.panel.menu .who,.panel.menu .stats,.panel.menu .link,.panel.menu .political-toggle{grid-column:1 / -1}.panel.menu button{padding:10px 12px}.page{padding-top:10px}.mud-overlay{padding-bottom:10px}.result .score{font-size:34px}.overlay .panel{max-height:calc(100vh - 24px);overflow-y:auto}}@media (max-width: 520px){.mud-overlay{justify-content:center;padding:0 12px 16px}}.center{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.account{display:flex;justify-content:center;gap:4px}.save-code{display:flex;flex-direction:column;gap:4px;background:#160f30;border:1px dashed var(--line);border-radius:10px;padding:8px 10px}.save-code code{font-size:11px;word-break:break-all;color:var(--accent);-webkit-user-select:all;user-select:all}button.link.small{font-size:12px}button.link.inline{padding:0;font-size:inherit;text-decoration:underline}button.danger{background:#5a1a2a;border-color:#ff5a6e}.legal section{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-top:12px}.legal h2{font:700 16px Orbitron,sans-serif;margin:0 0 8px}.legal ul{margin:0;padding-left:18px;line-height:1.6}.legal p{line-height:1.6;margin:6px 0}.legal{-webkit-user-select:text;user-select:text}.terms-box{display:flex;flex-direction:column;gap:10px;background:var(--panel);border:1px solid #ff9933;border-radius:12px;padding:14px;margin-top:12px;text-align:left}.terms-box label{display:flex;gap:10px;align-items:flex-start;line-height:1.5;font-size:14px}.terms-box input{width:auto;margin-top:4px}.install-hint{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:6;display:flex;align-items:center;gap:10px;max-width:calc(100% - 140px);background:#140c28eb;border:1px solid var(--line);border-radius:14px;padding:8px 12px;font-size:13px}.install-hint button{padding:6px 12px}.scenery-pick{display:flex;flex-direction:column;gap:6px;align-items:stretch}.scenery-pick>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.scenery-pick button{padding:9px 10px;font-size:14px}.scenery-pick button.on{background:linear-gradient(90deg,#f93,#c84a6a);border-color:transparent;color:#fff}@media (max-height: 520px){.panel.menu .scenery-pick{grid-column:1 / -1}}button.link.on-text{color:var(--accent)}.login{gap:12px}.login-hero{height:104px;margin-top:-4px}.login-panel{width:min(400px,100%);gap:12px}.login-panel form{display:flex;flex-direction:column;gap:10px;text-align:left}.login-panel h2{text-align:center}.login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#160f30;padding:4px;border-radius:12px}.login-tabs button{border:none;background:transparent;padding:10px}.login-tabs button.on{background:linear-gradient(90deg,#19b8d6,#6a5cff)}.field{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600}.field em{font-style:normal;font-weight:400}.pw-wrap{position:relative;display:flex}.pw-wrap input{padding-right:64px}.pw-wrap button{position:absolute;right:6px;top:50%;transform:translateY(-50%);padding:4px 8px;font-size:13px}.login-alt{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;border-top:1px solid var(--line);padding-top:8px}.muted.small,p.small{font-size:12px;margin:0}.account-box{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line);padding-top:10px;margin-top:4px}.account-line{text-align:center}.mini-form{display:flex;flex-direction:column;gap:8px}.mini-form input{padding:10px 12px;font-size:15px}@media (max-height: 520px){.login-hero,.login .tag{display:none}.panel.menu .account-box{grid-column:1 / -1}}:root{--glass: rgba(18, 12, 40, .62);--glass-strong: rgba(16, 10, 34, .82);--glass-line: rgba(255, 255, 255, .09);--saffron: #ff9933;--rose: #ff5f7e;--cta: linear-gradient(100deg, #ff9933 0%, #ff5f7e 55%, #c84aff 100%)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.backdrop canvas{width:100%;height:100%;display:block}.backdrop-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0a0618c7,#0a061859 48%,#0a061826),linear-gradient(180deg,#0a061840,#0a061800 30%,#0a06188c)}.app>:not(.backdrop):not(.corner){position:relative;z-index:1}.app>.corner{z-index:6}.app{background:transparent}.glass,.panel,.card,.board,.terms-box,.meme-row,.legal section{background:var(--glass);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border:1px solid var(--glass-line);box-shadow:0 10px 40px #00000059}.glass{border-radius:18px}.title{margin:0;font:800 clamp(40px,7vw,84px) Orbitron,sans-serif;letter-spacing:.04em;line-height:.95;text-shadow:0 4px 30px rgba(255,120,90,.35)}.title span{display:block;margin-top:10px;font-size:clamp(11px,1.4vw,15px);letter-spacing:.55em;color:var(--saffron);text-shadow:none}.icon-btn{width:40px;height:40px;padding:0;display:inline-grid;place-items:center;border-radius:12px;font-size:18px;background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pill{display:inline-flex;align-items:center;height:34px;padding:0 12px;border-radius:99px;background:var(--glass);border:1px solid var(--glass-line);font:700 15px Orbitron,sans-serif}.pill.coins{color:var(--gold)}.home{min-height:100%;display:flex;flex-direction:column;padding:calc(14px + env(safe-area-inset-top)) clamp(16px,4vw,48px) calc(14px + env(safe-area-inset-bottom));gap:18px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand-mark{font:800 18px Orbitron,sans-serif;letter-spacing:.08em}.topbar-right{display:flex;align-items:center;gap:8px}.runner-chip{display:flex;align-items:center;gap:8px;padding:2px 12px 2px 4px;height:44px;border-radius:99px;background:var(--glass);border:1px solid var(--glass-line);text-align:left}.runner-chip span{display:flex;flex-direction:column;line-height:1.15}.runner-chip small{color:var(--muted);font-weight:500;font-size:11px}.home-main{flex:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:center;max-width:1180px;width:100%;margin:0 auto}.hero{display:flex;flex-direction:column;gap:18px}.hero .tag{max-width:520px;font-size:16px;line-height:1.55;color:#e7defc;margin:0}.cta{display:flex;flex-wrap:wrap;gap:12px}.cta button{display:flex;align-items:center;gap:12px;padding:14px 20px 14px 16px;border-radius:16px;text-align:left;min-width:230px}.cta button b{display:block;font:700 17px Inter,sans-serif}.cta button small{display:block;font-size:12.5px;opacity:.85;margin-top:2px}.cta-icon{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#ffffff29;font-size:18px}.cta-primary{background:var(--cta);border:none;box-shadow:0 10px 30px #ff5f7e59}.cta-primary:hover:not(:disabled){filter:brightness(1.08);background:var(--cta)}.cta-secondary{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.story-progress{display:flex;align-items:center;gap:6px}.story-progress span{flex:0 1 34px;min-width:8px;height:6px;border-radius:3px;background:#ffffff26}.story-progress span:nth-of-type(6){margin-left:6px}.act-head{margin:14px 4px 2px;font:700 13px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--saffron)}.act-head:first-child{margin-top:0}.story-progress span.done{background:#5fffb0}.story-progress span.next{background:var(--saffron);box-shadow:0 0 10px #f939}.story-progress small{margin-left:6px;color:var(--muted);white-space:nowrap}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;min-height:120px;border-radius:18px;text-align:left;background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tile b{font-size:16px}.tile small{color:var(--muted);font-size:12.5px;font-weight:500}.tile-icon{font-size:26px;margin-bottom:auto}.tile-outfit canvas{margin:-6px 0 auto -4px}.tile-political.on{background:linear-gradient(135deg,#ff99338c,#13880873);border-color:#f939}.tile:hover:not(:disabled){background:#281c50b3}.home-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;color:var(--muted);font-size:12.5px;max-width:1180px;width:100%;margin:0 auto}.sheet-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#06031080;display:flex;justify-content:flex-end;animation:fade-in .15s ease-out}.sheet{width:min(420px,100%);height:100%;overflow-y:auto;background:var(--glass-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-left:1px solid var(--glass-line);padding:0 18px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:18px;animation:slide-in .2s ease-out}.sheet-head{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:2;margin:0 -18px;padding:calc(16px + env(safe-area-inset-top)) 18px 10px;background:linear-gradient(180deg,#170f34 75%,#170f3400)}.sheet-head h2{margin:0;font:700 20px Orbitron,sans-serif}.sheet section{display:flex;flex-direction:column;gap:8px}.sheet h3{margin:0 0 2px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.sheet .scenery-pick{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sheet .scenery-pick button{display:flex;flex-direction:column;gap:2px;text-align:left;padding:12px}.sheet .scenery-pick small{font-size:11.5px;opacity:.8;font-weight:500}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:12px 14px}.toggle-row span{display:flex;flex-direction:column;gap:2px}.toggle-row small{color:var(--muted);font-size:12px;font-weight:500}.switch{position:relative;flex-shrink:0;width:42px;height:24px;border-radius:99px;background:#ffffff2e;transition:background .15s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}.toggle-row.on .switch{background:var(--saffron)}.toggle-row.on .switch:after{transform:translate(18px)}.row-link{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:12px 14px}.sheet .account-box{border-top:none;margin-top:0;padding-top:0}.sheet .account-line{display:flex;align-items:center;gap:12px;text-align:left;padding:10px 14px;border-radius:12px;background:#ffffff0d}.sheet .account-line>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}.sheet .account-line small{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis}.account-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ffffff1a;font-size:18px;flex-shrink:0}.row-link.accent{border-color:var(--saffron)}.row-link.logout-row{color:#ff9a9a}div.row-link.save-row{padding:4px 6px;border:1px solid var(--glass-line);border-radius:12px;background:var(--glass)}.save-row .link{padding:8px}@keyframes fade-in{0%{opacity:0}}@keyframes slide-in{0%{transform:translate(30px);opacity:0}}.login{min-height:100%;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,420px);gap:clamp(20px,5vw,72px);align-items:center;padding:calc(24px + env(safe-area-inset-top)) clamp(16px,4vw,48px) calc(70px + env(safe-area-inset-bottom))}.login-hero{display:flex;flex-direction:column;gap:18px;height:auto;margin:0}.login-hero .tag{max-width:480px;font-size:16px;line-height:1.55;color:#e7defc;margin:0}.features{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:8px 10px}.features li{padding:8px 12px;border-radius:12px;background:var(--glass);border:1px solid var(--glass-line);font-size:13.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-panel{width:100%;padding:22px;display:flex;flex-direction:column;gap:12px;position:relative}.login-runner{position:absolute;top:-58px;right:18px}.privacy-link{align-self:center}.page{max-width:960px;margin:0 auto;padding:calc(16px + env(safe-area-inset-top)) 16px calc(80px + env(safe-area-inset-bottom))}.page-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.page-head h1{flex:1;margin:0;font:700 24px Orbitron,sans-serif}.level-route{display:flex;flex-direction:column;gap:10px}.level-card{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px 16px}.level-card.current{border-color:#ff9933b3;box-shadow:0 0 0 1px #ff993359,0 10px 40px #00000059}.level-card.locked>*{opacity:.5}.level-card.locked{background:var(--glass-strong)}.level-num{font:800 30px Orbitron,sans-serif;color:var(--accent);width:56px;text-align:center}.level-card.current .level-num{color:var(--saffron)}.level-body{display:flex;flex-direction:column;gap:3px;min-width:0}.level-body b{font-size:17px}.level-new{color:#ffd9a8;font-size:12.5px}.pips{color:var(--saffron);letter-spacing:1px}.pips i{font-style:normal;color:#ffffff2e}.level-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.level-best{color:var(--gold);font-size:13px}.level-side button{min-width:96px;padding:9px 14px}.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;margin:6px 0 16px}.podium-step{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;min-width:0}.podium-step b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-step small{color:var(--gold);font-weight:700}.podium-step .medal{font-size:28px}.podium-step .step{width:100%;margin-top:6px;border-radius:12px 12px 4px 4px;background:var(--glass);border:1px solid var(--glass-line);font:800 22px Orbitron,sans-serif;display:grid;place-items:center}.podium-step.p1 .step{height:110px;background:linear-gradient(180deg,rgba(255,216,74,.45),var(--glass))}.podium-step.p2 .step{height:80px;background:linear-gradient(180deg,rgba(200,210,230,.35),var(--glass))}.podium-step.p3 .step{height:60px;background:linear-gradient(180deg,rgba(205,127,50,.4),var(--glass))}.podium-step.me b{color:var(--accent)}.board.glass{border-radius:14px;overflow:hidden}@media (max-width: 860px){.home-main,.login{grid-template-columns:1fr}.home-main{align-items:start}.backdrop-shade{background:linear-gradient(180deg,#0a06188c,#0a061859 40%,#0a0618b3)}.login-runner{display:none}.features{grid-template-columns:1fr 1fr}}@media (max-width: 520px){.runner-chip span{display:none}.runner-chip{padding:2px}.cta button{min-width:0;flex:1 1 100%}.tiles{gap:10px}.tile{min-height:104px;padding:14px}.level-card{grid-template-columns:auto 1fr}.level-side{grid-column:1 / -1;flex-direction:row;justify-content:space-between;align-items:center}.features li{font-size:12.5px}.sheet-wrap{align-items:flex-end}.sheet{height:auto;max-height:88%;width:100%;border-left:none;border-top:1px solid var(--glass-line);border-radius:20px 20px 0 0;animation:rise-in .2s ease-out}}@keyframes rise-in{0%{transform:translateY(40px);opacity:0}}@media (max-height: 520px) and (orientation: landscape){.home{gap:8px;padding:calc(8px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.topbar .brand-mark{font-size:14px}.runner-chip{height:38px}.icon-btn{width:38px;height:38px}.home-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:center}.title{font-size:clamp(28px,5.4vw,40px)}.title span{margin-top:6px;font-size:10px;letter-spacing:.45em}.hero{gap:10px}.hero .tag,.login-hero .tag,.features{display:none}.cta{flex-direction:column;gap:8px}.cta button{min-width:0;width:100%;padding:9px 14px 9px 10px;border-radius:14px}.cta button b{font-size:15px}.cta button small{font-size:11.5px}.cta-icon{width:32px;height:32px;border-radius:10px;font-size:15px}.story-progress span{flex-basis:22px}.tiles{gap:8px;align-content:center}.tile{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:1px;align-items:center;min-height:0;padding:10px 12px;border-radius:14px}.tile>.tile-icon,.tile>canvas{grid-row:1 / span 2;margin:0}.tile-icon{font-size:20px}.tile>canvas{width:34px!important;height:34px!important}.tile b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile small{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-foot{font-size:11.5px}.wide-only{display:none}.app:has(>.login)>.mute-btn.corner{right:auto;left:max(14px,env(safe-area-inset-left))}.app:has(>.login)>.music-btn.corner{right:auto;left:calc(max(14px,env(safe-area-inset-left)) + 50px)}.login{grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:20px;align-items:center;padding:calc(10px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.login-runner{display:none}.login-panel{padding:14px 16px;gap:8px}.login-panel form{gap:8px}.login-panel .field input{padding-top:8px;padding-bottom:8px}.login-tabs button{padding-top:7px;padding-bottom:7px}.page{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}@media (prefers-reduced-motion: reduce){.sheet,.sheet-wrap{animation:none}}.rotate-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:calc(24px + env(safe-area-inset-top)) 28px calc(24px + env(safe-area-inset-bottom));text-align:center;background:radial-gradient(120% 80% at 50% 110%,#5a2a6e,#1a1036 55%,#0c0820);color:var(--text);animation:fade-in .2s ease-out}.rotate-gate h2{margin:6px 0 0;font:800 22px Orbitron,sans-serif;letter-spacing:.02em}.rotate-gate p{margin:0;max-width:300px;line-height:1.45;color:#d9d2f2}.rotate-gate button{margin-top:6px;padding:12px 20px}.rotate-phone{width:58px;height:100px;border:4px solid #fff;border-radius:14px;position:relative;animation:rotate-phone 2.4s ease-in-out infinite;box-shadow:0 0 30px #ff993359}.rotate-phone span{position:absolute;left:50%;bottom:6px;width:14px;height:4px;margin-left:-7px;border-radius:4px;background:#fff}.rotate-phone:before{content:"";position:absolute;top:8px;right:6px;bottom:16px;left:6px;border-radius:4px;background:linear-gradient(180deg,#f93,#b45cff);opacity:.85}@keyframes rotate-phone{0%,20%{transform:rotate(0)}50%,80%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion: reduce){.rotate-phone{animation:none;transform:rotate(-90deg)}}