:root{--red: #d81e04;--red-2: #d32116;--red-dark: #951907;--text: #333333;--muted: #696969;--paper: #ffffff;--paper-2: #f7f3f1;--line: #e7dfdc;--good: #25b24b;--teal: #1db6a8;--gold: #f6c22d;--radius: 18px;--shadow: 0 6px 24px rgba(0, 0, 0, .22);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#1c2a58;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text);overscroll-behavior:none}body{user-select:none;-webkit-user-select:none;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}input{font:inherit}#app{position:fixed;inset:0}#scene{position:absolute;inset:0}#hud,#sheet-layer,#fx,#modal-layer,#toasts{position:absolute;inset:0;pointer-events:none}#fx{z-index:30;overflow:hidden}#toasts{z-index:80}#modal-layer{z-index:60}#sheet-layer{z-index:40}#hud{z-index:20}#boot{position:absolute;inset:0;z-index:100;background:linear-gradient(160deg,var(--red) 0%,var(--red-dark) 100%);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;transition:opacity .5s}#boot.hide{opacity:0;pointer-events:none}.boot-logo{width:min(260px,60vw);border-radius:8px;box-shadow:var(--shadow)}.boot-title{font-weight:900;font-size:30px;letter-spacing:1px;text-shadow:0 2px 8px rgba(0,0,0,.3)}.boot-bar{width:min(260px,60vw);height:8px;border-radius:6px;background:#ffffff4d;overflow:hidden}.boot-bar span{display:block;width:40%;height:100%;background:#fff;border-radius:6px;animation:bootbar 1.2s infinite ease-in-out}.boot-text{font-size:14px;opacity:.85}@keyframes bootbar{0%{transform:translate(-100%)}to{transform:translate(260%)}}.hud-top{position:absolute;top:calc(8px + var(--safe-top));left:calc(8px + var(--safe-left));right:calc(8px + var(--safe-right));display:flex;flex-direction:column;gap:6px;pointer-events:none}.hud-row{display:flex;gap:8px;align-items:stretch}.pill{pointer-events:auto;background:#fffffff5;border-radius:16px;box-shadow:var(--shadow);padding:6px 12px;display:flex;flex-direction:column;justify-content:center;min-width:0}.pill.red{background:var(--red);color:#fff}.logo-chip{pointer-events:auto;background:var(--red);border-radius:14px;box-shadow:var(--shadow);padding:4px;display:flex;align-items:center;cursor:pointer}.logo-chip img{height:38px;width:auto;border-radius:8px;display:block}.money-pill{flex:1;align-items:flex-start}.money{font-size:22px;font-weight:900;line-height:1.1;font-variant-numeric:tabular-nums}.rate{font-size:12px;color:var(--muted);font-weight:700;font-variant-numeric:tabular-nums}.rate b{color:var(--good)}.icon-btn{pointer-events:auto;background:#fffffff5;border:0;border-radius:16px;min-width:48px;box-shadow:var(--shadow);font-size:20px;display:flex;align-items:center;justify-content:center;gap:4px;padding:0 12px;font-weight:800}img.ic3d{width:44px;height:44px;object-fit:contain;pointer-events:none;user-select:none;display:block}img.ic3d.sm{width:22px;height:22px}img.ic3d.lg{width:72px;height:72px;margin:0 auto}.stat-ico{display:flex;align-items:center;gap:6px}.btn.iconed{display:inline-flex;align-items:center;justify-content:center;gap:6px}.icon-btn:active,.nav-btn:active,.btn:active{transform:scale(.96)}.points-btn{color:var(--red-dark);font-size:15px}.station-chip{pointer-events:auto;background:#fffffff5;border-radius:16px;box-shadow:var(--shadow);padding:7px 12px;cursor:pointer;position:relative}.station-chip.claimable:after{content:"";position:absolute;top:8px;right:10px;width:10px;height:10px;background:var(--good);border:2px solid #fff;border-radius:50%}.station-name{font-weight:800;font-size:14px;display:flex;justify-content:space-between;gap:8px}.station-name span:last-child{color:var(--red);white-space:nowrap}.goal-text{font-size:12px;color:var(--muted);margin:2px 0 5px}.bar{height:7px;background:var(--line);border-radius:5px;overflow:hidden}.bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--red),#ff6a3c);border-radius:5px;transition:width .4s}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{pointer-events:auto;background:var(--red);color:#fff;font-weight:800;font-size:12px;padding:4px 10px;border-radius:999px;box-shadow:var(--shadow);animation:chip 1.6s infinite ease-in-out;display:inline-flex;align-items:center;gap:4px}.chip .ic3d{width:18px;height:18px}.chip.teal{background:var(--teal)}@keyframes chip{50%{transform:scale(1.06)}}.nav{position:absolute;left:calc(8px + var(--safe-left));right:calc(8px + var(--safe-right));bottom:calc(8px + var(--safe-bottom));display:flex;gap:6px;pointer-events:none;justify-content:center}.nav-btn{pointer-events:auto;flex:1;max-width:120px;background:#fffffff7;border:0;border-radius:16px;box-shadow:var(--shadow);padding:7px 2px 6px;display:flex;flex-direction:column;align-items:center;gap:1px;font-size:10px;font-weight:800;color:var(--text);position:relative}.nav-btn .ic{width:36px;height:36px;display:flex;align-items:center;justify-content:center}.nav-btn .ic .ic3d{width:36px;height:36px}.nav-btn.active{background:var(--red);color:#fff}.nav-btn .dot{position:absolute;top:4px;right:22%;width:11px;height:11px;background:var(--good);border:2px solid #fff;border-radius:50%;display:none}.nav-btn .dot.on{display:block}.nav-btn.tut-hl{z-index:6;box-shadow:0 0 0 3px #fff,0 0 0 7px var(--red);animation:tutpulse 1.15s ease-in-out infinite}@keyframes tutpulse{50%{box-shadow:0 0 0 3px #fff,0 0 0 11px var(--red);transform:scale(1.06)}}.coach{position:absolute;left:50%;transform:translate(-50%);bottom:calc(86px + var(--safe-bottom));width:min(420px,calc(100% - 24px));background:#1c1e22;color:#fff;border-radius:16px;padding:12px 14px;font-size:14px;font-weight:600;box-shadow:var(--shadow);pointer-events:auto;display:flex;gap:10px;align-items:center;animation:pop .35s}.coach .step{background:var(--red);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:800;white-space:nowrap}.coach button{background:transparent;border:0;color:#fffa;font-size:18px;padding:0 4px}@keyframes pop{0%{opacity:0;transform:translate(-50%) translateY(14px) scale(.96)}to{opacity:1;transform:translate(-50%)}}.sheet-backdrop{position:absolute;inset:0;pointer-events:none}.sheet-backdrop.dim{background:#00000059;pointer-events:auto}.sheet{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:min(560px,100%);max-height:82%;background:var(--paper);border-radius:22px 22px 0 0;box-shadow:0 -8px 30px #0000004d;display:flex;flex-direction:column;pointer-events:auto;animation:slideup .28s ease-out;padding-bottom:var(--safe-bottom)}.sheet.compact{max-height:60%}@keyframes slideup{0%{transform:translate(-50%,40px);opacity:0}to{transform:translate(-50%);opacity:1}}.sheet-head{display:flex;align-items:center;gap:10px;padding:14px 16px 10px;border-bottom:1px solid var(--line)}.sheet-head .t{flex:1;font-size:18px;font-weight:900}.sheet-head .sub{font-size:12px;color:var(--muted);font-weight:600}.close{background:var(--paper-2);border:0;border-radius:12px;width:38px;height:38px;font-size:18px;font-weight:800}.sheet-body{overflow-y:auto;padding:12px 16px 16px;display:flex;flex-direction:column;gap:10px;-webkit-overflow-scrolling:touch}@media (min-width: 760px){.sheet{bottom:50%;transform:translate(-50%,50%);border-radius:22px;max-height:80%;animation:fadein .2s}.sheet.compact{max-height:70%}@keyframes fadein{0%{opacity:0}to{opacity:1}}}.card{background:var(--paper-2);border-radius:14px;padding:12px;display:flex;gap:12px;align-items:center;border:1px solid transparent}.card.locked{opacity:.6}.card.owned{background:#eaf7ee;border-color:#bfe6c9}.card.tut-hl{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--red);animation:tutpulse 1.15s ease-in-out infinite}.card .ic{font-size:30px;width:44px;text-align:center;flex:none;line-height:1}.sheet-head .ic{font-size:26px;line-height:1}.card .main{flex:1;min-width:0}.card .name{font-weight:800;font-size:15px}.card .desc{font-size:12.5px;color:var(--muted);margin-top:2px}.card .meta{font-size:12px;font-weight:700;color:var(--red-dark);margin-top:3px}.btn{background:var(--red);color:#fff;border:0;border-radius:14px;padding:10px 16px;font-weight:800;font-size:14px;box-shadow:0 3px 0 var(--red-dark);white-space:nowrap}.btn.small{padding:8px 12px;font-size:13px}.btn.block{width:100%;padding:13px;font-size:16px}.btn.disabled,.btn:disabled{background:#b9b2af;box-shadow:0 3px #8f8885;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--red);box-shadow:none;border:2px solid var(--red)}.btn.green{background:var(--good);box-shadow:0 3px #177a32}.btn.green.disabled{background:#b9b2af;box-shadow:0 3px #8f8885}.btn.dark{background:#1c1e22;box-shadow:0 3px #000}.btn .sub{display:block;font-size:11px;font-weight:700;opacity:.9}.badge{display:inline-block;background:var(--red);color:#fff;border-radius:999px;font-size:11px;font-weight:800;padding:2px 8px;margin-left:6px;vertical-align:middle}.badge.gray{background:#8b929a}.badge.green{background:var(--good)}.section-title{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;color:var(--red-dark);margin:6px 0 -2px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.stat{background:var(--paper-2);border-radius:12px;padding:8px 10px}.stat b{display:block;font-size:16px;font-variant-numeric:tabular-nums}.stat span{font-size:11px;color:var(--muted);font-weight:700}.levels{display:flex;gap:4px;margin:6px 0 2px}.levels i{flex:1;height:8px;border-radius:4px;background:var(--line)}.levels i.on{background:var(--red)}.hint{font-size:12.5px;color:var(--muted);line-height:1.4}.hint.warn{color:var(--red-dark);font-weight:700}.row{display:flex;gap:8px}.row>*{flex:1}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:12px;font-weight:800;color:var(--muted)}.field input{border:2px solid var(--line);border-radius:12px;padding:12px;font-size:16px;background:#fff;outline:none;user-select:text;-webkit-user-select:text}.field input:focus{border-color:var(--red)}.error-text{color:var(--red-dark);font-weight:700;font-size:13px;min-height:1.2em}.code-input{text-transform:uppercase;letter-spacing:1.5px;font-weight:800;text-align:center}.tabs{display:flex;gap:6px}.tab{flex:1;background:var(--paper-2);border:0;border-radius:12px;padding:9px 4px;font-weight:800;font-size:13px}.tab.active{background:var(--red);color:#fff}.voucher-code{font-family:Consolas,monospace;font-weight:800;font-size:17px;background:#fff;border:2px dashed var(--red);border-radius:10px;padding:8px;text-align:center;user-select:text;-webkit-user-select:text}.map-wrap{background:linear-gradient(180deg,#bfe3f7,#e6f4fb);border-radius:16px;position:relative;overflow:hidden;flex:none}.map-wrap svg{width:100%;height:auto;max-height:50vh;display:block}.map-land{fill:#cfe3b4;stroke:#8fb07a;stroke-width:1.5}.pin{cursor:pointer}.pin circle.o{fill:#fff;stroke:var(--red);stroke-width:3}.pin.locked circle.o{stroke:#8b929a;fill:#e5e5e5}.pin.owned circle.i{fill:var(--red)}.pin.owned.active circle.o{stroke-width:5}.pin text{font-size:11px;font-weight:800;fill:#222;paint-order:stroke;stroke:#fff;stroke-width:3px}.modal-backdrop{position:absolute;inset:0;background:#0a0e1e9e;display:flex;align-items:center;justify-content:center;padding:16px;pointer-events:auto;animation:fadein .2s}.modal{background:#fff;border-radius:22px;width:min(420px,100%);max-height:92%;overflow-y:auto;padding:22px 20px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;animation:pop2 .3s}@keyframes pop2{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.modal h2{margin:0;font-size:22px;font-weight:900;text-align:center}.modal .lead{text-align:center;color:var(--muted);font-size:14px;margin:-4px 0 0}.modal .big{text-align:center;font-size:42px;margin:0}.modal .amount{text-align:center;font-size:30px;font-weight:900;color:var(--good);margin:0}.login-hero{background:linear-gradient(160deg,var(--red),var(--red-dark));margin:-22px -20px 4px;border-radius:22px 22px 0 0;padding:22px 16px 16px;text-align:center;color:#fff}.login-hero img{width:180px;max-width:60%;border-radius:8px;box-shadow:var(--shadow)}.login-hero h1{margin:10px 0 2px;font-size:26px;font-weight:900}.login-hero p{margin:0;font-size:13.5px;opacity:.92}.link-btn{background:none;border:0;color:var(--red);font-weight:800;padding:6px;text-decoration:underline}.legal{font-size:11.5px;color:var(--muted);text-align:center;line-height:1.4}.float-text{position:absolute;transform:translate(-50%,-50%);font-weight:900;font-size:20px;color:#fff;text-shadow:0 2px 0 #177a32,0 0 8px rgba(0,0,0,.4);pointer-events:none;animation:floatup 1.3s ease-out forwards;white-space:nowrap}.float-text.bonus{color:#ffe27a;text-shadow:0 2px 0 #8a6a00,0 0 8px rgba(0,0,0,.4);font-size:24px}.float-text.info{color:#fff;text-shadow:0 2px 0 var(--red-dark)}@keyframes floatup{0%{opacity:0;transform:translate(-50%,-30%) scale(.7)}15%{opacity:1;transform:translate(-50%,-60%) scale(1.15)}to{opacity:0;transform:translate(-50%,-190%) scale(1)}}.coin-particle{position:absolute;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff4b0,#f0b81a);border:2px solid #b38400;transform:translate(-50%,-50%);animation:coin .85s ease-out forwards;pointer-events:none}@keyframes coin{to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.4);opacity:0}}.confetti{position:fixed;inset:0;z-index:90;pointer-events:none}.tier-banner{position:absolute;top:22%;left:50%;transform:translate(-50%);z-index:70;background:linear-gradient(160deg,var(--red),var(--red-dark));color:#fff;border-radius:22px;padding:16px 26px;text-align:center;box-shadow:var(--shadow);animation:tier 3.6s ease-out forwards;pointer-events:none;border:3px solid #fff}.tier-banner small{display:block;font-weight:800;letter-spacing:1px;opacity:.9}.tier-banner b{font-size:22px;display:block;margin-top:2px}@keyframes tier{0%{opacity:0;transform:translate(-50%,30px) scale(.8)}12%{opacity:1;transform:translate(-50%) scale(1.05)}20%{transform:translate(-50%) scale(1)}85%{opacity:1}to{opacity:0;transform:translate(-50%,-20px)}}.toast{position:absolute;left:50%;top:calc(150px + var(--safe-top));transform:translate(-50%);background:#1c1e22;color:#fff;padding:10px 16px;border-radius:14px;font-weight:700;font-size:14px;box-shadow:var(--shadow);animation:toast 3.2s ease-out forwards;max-width:min(92%,480px);text-align:center;pointer-events:none}.toast.good{background:#177a32}.toast.bad{background:var(--red-dark)}@keyframes toast{0%{opacity:0;transform:translate(-50%,-10px)}8%{opacity:1;transform:translate(-50%)}85%{opacity:1}to{opacity:0}}.status-dot{position:absolute;left:calc(14px + var(--safe-left));bottom:calc(76px + var(--safe-bottom));font-size:11px;font-weight:800;color:#fff;background:#00000073;padding:3px 9px;border-radius:999px;pointer-events:none;opacity:0;transition:opacity .3s}.status-dot.show{opacity:1}.status-dot.err{background:var(--red-dark)}@media (max-height: 520px) and (orientation: landscape){.hud-top{flex-direction:row;flex-wrap:wrap}.station-chip{display:none}.nav-btn{padding:4px 2px}.nav-btn .ic,.nav-btn .ic .ic3d{width:28px;height:28px}}@media (min-width: 900px){.hud-top{max-width:560px}.money{font-size:26px}.nav{max-width:640px;left:50%;right:auto;transform:translate(-50%);width:100%}}.price-row{display:flex;align-items:center;gap:10px;background:var(--paper-2);border-radius:14px;padding:10px 12px}.price-ctrl{display:flex;align-items:center;gap:6px;flex:none}.price-val{min-width:4.4em;text-align:center;font-variant-numeric:tabular-nums;font-size:16px}.price-input{width:4.8em;min-height:40px;font-weight:800;font-size:16px;text-align:center;border:2px solid var(--line);border-radius:10px;padding:4px 6px;font-variant-numeric:tabular-nums;background:#fff}.price-input:focus{border-color:var(--red);outline:none}.price-unit{font-weight:800;color:var(--muted)}.rival-row{display:grid;grid-template-columns:1.4fr repeat(3,.9fr);gap:6px;font-size:12px;align-items:center;padding:6px 4px;border-bottom:1px solid var(--line)}.rival-row.head{font-weight:800;color:var(--muted);text-transform:uppercase;font-size:10px;letter-spacing:.4px}.rival-row.you{font-weight:800;background:#fde8e4;border-radius:8px;border:0;padding:8px 6px}.rival-row small{color:var(--muted);font-weight:600}