:root{--bg:#060d1f;--pn:#0b1a33;--cd:#10244a;--bd:#1f3a6b;--tx:#e8f0ff;--mu:#8fa7cf;--gd:#ffd166;--bad:#ff6b7a;--ok:#5bd66f;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]){--bg:#eaf1fb;--pn:#fff;--cd:#fff;--bd:#c3d3ea;--tx:#10244a;--mu:#52698f;--gd:#d99a00;--bad:#d63b4b;--ok:#1f9d3a}}
:root[data-theme="dark"]{--bg:#060d1f;--pn:#0b1a33;--cd:#10244a;--bd:#1f3a6b;--tx:#e8f0ff;--mu:#8fa7cf;--gd:#ffd166;--bad:#ff6b7a;--ok:#5bd66f}
html{scroll-padding-top:env(safe-area-inset-top,0px)}*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font:500 17px/1.4 Rajdhani,system-ui,sans-serif}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--pn);z-index:10}
h1,h2,.or{font-family:Orbitron,system-ui,sans-serif;letter-spacing:.12em}
main{max-width:640px;margin:0 auto}.pad{padding:16px}
.top{position:sticky;top:env(safe-area-inset-top,0px);background:var(--pn);border-bottom:2px solid var(--gd);padding:6px 12px;z-index:5;font-size:.95rem;line-height:1.2}
.top #yr{font-size:1.05rem}.top .go{padding:6px 14px;font-size:.8rem;border-radius:8px}.top .sm{padding:4px 10px;font-size:.85rem}
.r{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.t{font-size:1.25rem;font-weight:800;margin:0}.era{color:var(--gd);font-size:.95rem}
.dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--gd);box-shadow:0 0 6px var(--gd);margin-left:4px;vertical-align:middle}
.dot.off{background:var(--bd);box-shadow:none}
button{font:inherit;color:var(--tx);cursor:pointer}
.go{background:var(--gd);color:#241a00;border:0;border-radius:12px;padding:12px 20px;font-weight:700;font-size:1.1rem;letter-spacing:.12em;font-family:Orbitron,sans-serif}
.sm{background:var(--cd);border:1px solid var(--bd);border-radius:8px;padding:6px 12px;font-weight:700}
.globe{width:200px;height:200px;border-radius:50%;margin:24px auto;position:relative;transition:box-shadow .6s}.globe img{width:100%;height:100%;display:block;border-radius:50%;transition:filter .6s}

.bars{padding:0 16px}.b{margin:12px 0}.bl{display:flex;justify-content:space-between;font-weight:700;font-size:1.15rem}
.tr{height:14px;border:1px solid var(--bd);border-radius:8px;position:relative;background:var(--pn);overflow:hidden}
.tr span{position:absolute;inset:0 auto 0 0;transition:width .5s}.tr b{position:absolute;left:80%;top:0;bottom:0;width:2px;background:var(--tx);opacity:.7}
.news{margin:8px 16px;padding:8px 12px;border-left:4px solid var(--gd);font-weight:700;letter-spacing:.04em}
.news.bad{border-color:var(--bad)}.news.good{border-color:var(--ok)}
.card{background:var(--cd);border:1px solid var(--bd);border-radius:16px;padding:14px 16px;margin:14px 16px;width:calc(100% - 32px);text-align:left;display:block}
.card:disabled{opacity:.45;cursor:default}.card:hover:not(:disabled){border-color:var(--gd)}
.card h3{margin:0;font-size:1.4rem;display:flex;justify-content:space-between}.card p{margin:4px 0 8px;color:var(--mu)}
.ch{display:inline-block;border-radius:999px;padding:2px 12px;margin:2px 4px 2px 0;font-weight:700;background:var(--pn)}
.up{color:var(--ok)}.dn{color:var(--bad)}
.hide{display:none!important}
.ov{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;padding:16px;z-index:20}
.ov .card{max-width:420px;text-align:center;margin:0}
#slot{min-height:120px;border:2px dashed var(--bd);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--mu);margin:12px 0}
.mb{display:block;width:100%;margin:12px 0}

:root,:root:not([data-theme="dark"]),:root[data-theme="dark"]{--bg:#140902;--pn:#2b1406;--cd:#3d1d0a;--bd:#8c4a1a;--tx:#fff6ee;--mu:#e6bf9a;--gd:#ff9a3d;--bad:#ff9aa5;--ok:#6dffa8;color-scheme:dark}
body{background:radial-gradient(circle at 50% -10%,#5a2a0e,#140902 70%) fixed,var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 66L0 50V16L28 0l28 16v34zM28 100L0 84V66m56 18L28 100' fill='none' stroke='%23ff7a1a' stroke-opacity='.13'/%3E%3C/svg%3E"),radial-gradient(circle at 50% -10%,#5a2a0e,#140902 70%);background-attachment:fixed}
.top{background:linear-gradient(#3d1d0a,#1d0d04);border-bottom:2px solid #ff7a1a;box-shadow:0 4px 16px rgba(0,0,0,.5)}
.go{color:#2a1000;background:linear-gradient(#ff9a2e,#c95a08);box-shadow:0 0 12px rgba(255,122,26,.4)}.go:disabled{opacity:.4;box-shadow:none;cursor:default}
.sm{background:#2b1406;border-color:#8c4a1a}
.dot{background:#ffd166;box-shadow:0 0 6px #ffd166}.dot.off{background:#5a2c12;box-shadow:none}
#menu .card{text-align:center;background:rgba(61,29,10,.75);border:1px solid #8c4a1a;border-radius:10px}#menu .card h3{justify-content:center}
#menu h1{text-shadow:0 0 18px #ff7a1a}
.hexes{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 8px;padding:6px 16px}
.hx{width:86px;height:98px;border:0;padding:0;position:relative;background:#8c4a1a;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.hx span{position:absolute;inset:3px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#1d0d04;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.9rem;line-height:1.1;filter:grayscale(.8);opacity:.7}
.hx small{font-size:.85rem;color:#fff;font-weight:700}
.hx.can{background:#ff7a1a}.hx.can span{background:linear-gradient(#c95a08,#6d330b);filter:none;opacity:1}
.hx.sel{background:#fff}
.info{margin:14px 16px;padding:14px 16px;background:linear-gradient(#2b1406,#140902);border:1px solid #8c4a1a;border-top:3px solid #ff7a1a}
.info h3{margin:0;font-size:1.1rem;color:#ff9a3d}.info p{margin:4px 0 8px;color:var(--mu)}.info .ch{background:#140902}

#cb{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:110;background:var(--pn);border:2px solid var(--gd);border-radius:12px;padding:12px;font-size:.95rem;line-height:1.3;max-width:620px;margin:0 auto}
#cb a,.ft a{color:var(--gd)}.ft{text-align:center;margin:8px 0 20px;color:var(--mu);font-size:.9rem}.scr h3{color:var(--gd);margin:16px 0 4px}.scr p,.scr li{color:var(--mu)}
main{padding-bottom:170px}#coach{position:fixed;left:10px;right:70px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:40;background:var(--pn);border:2px solid var(--gd);border-radius:12px;padding:10px 12px;font-size:.95rem;line-height:1.25;box-shadow:0 0 20px rgba(0,0,0,.6)}
.hl{outline:3px solid #fff;outline-offset:2px;animation:pl 1s infinite}@keyframes pl{50%{box-shadow:0 0 0 8px rgba(255,255,255,.35)}}#mt{position:fixed;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:100;font-size:1.2rem}
.r2{display:flex;gap:10px}.r2 .card{flex:1;margin:0;width:auto}
.scr{position:fixed;inset:0;background:var(--bg);overflow:auto;z-index:15;padding:16px;padding-top:calc(16px + env(safe-area-inset-top,0px));max-width:640px;margin:0 auto}
.scr label{display:block;margin:10px 0;font-weight:700}.scr input,.scr select,.scr textarea{display:block;width:100%;margin-top:4px;padding:8px;background:var(--pn);color:var(--tx);border:1px solid var(--bd);border-radius:8px;font:inherit}.scr input[type=range]{padding:0}
#load{background:var(--bg);z-index:99;flex-direction:column;gap:16px;text-align:center}
.lb{width:min(300px,80vw);height:12px;border:1px solid var(--bd);border-radius:8px;overflow:hidden}.lb i{display:block;height:100%;background:var(--gd);animation:ld 5s linear forwards}
@keyframes ld{from{width:0}to{width:100%}}