:root{--g:#d4a73a;--g2:#8a6a1f;--bg:#0f0f0e;--c:#1b1a18;--c2:#1d2025;--t:#d9dbdf;--m:#7a828d;--r:#b3402f}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 30% 0,#21252b,#0f0f0e 60%) fixed;color:var(--t);font:15px/1.35 Oswald,Arial Narrow,sans-serif;letter-spacing:.02em}
header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:10px 12px;background:linear-gradient(#17191d,#121110);border-bottom:2px solid var(--g2)}
header h1{margin:0;font-size:22px;color:var(--g);letter-spacing:.12em;text-shadow:0 2px 0 #000}#ttl{margin-left:auto;color:var(--m);font-size:13px;text-transform:uppercase}
#burger{background:none;border:1px solid var(--g2);border-radius:6px;padding:6px;cursor:pointer}svg{width:20px;height:20px;fill:none;stroke:var(--g);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
#side{position:fixed;top:0;left:0;bottom:0;width:272px;z-index:30;background:#141311;border-right:2px solid var(--g2);transform:translateX(-100%);transition:.2s;overflow:auto;padding:12px 0}
body.open #side{transform:none}#shade{display:none;position:fixed;inset:0;background:#000a;z-index:25}body.open #shade{display:block}
#side .lg{color:var(--g);font-size:22px;padding:4px 16px 12px;letter-spacing:.12em;border-bottom:1px solid #24282d}
#side a,#side .grp{display:flex;align-items:center;gap:12px;padding:10px 16px;color:var(--t);text-decoration:none;text-transform:uppercase;font-size:15px;cursor:pointer}
#side a:hover,#side .grp:hover{background:#191b1f}#side a.act{color:var(--g);background:#191b1f;border-left:3px solid var(--g)}
#side .sub a{padding-left:48px;font-size:14px;color:#b8bcc2}#side .sub{display:none}#side .sub.on{display:block}#side .chev{margin-left:auto;transition:.2s}#side .grp.on .chev{transform:rotate(90deg)}
.badge{margin-left:auto;background:var(--r);color:#fff;border-radius:10px;padding:0 7px;font-size:12px}
main{padding:12px;max-width:760px;margin:0 auto}
.card{background:linear-gradient(#1f1d1a,#171614);border:1px solid #292d34;border-radius:10px;padding:12px;margin-bottom:12px;box-shadow:0 2px 8px #0008}
.card h2{margin:0 0 8px;font-size:17px;color:var(--g);text-transform:uppercase;letter-spacing:.06em}.card h3{margin:10px 0 6px;font-size:14px;color:#cdb67a;text-transform:uppercase}
.na{border-style:dashed;opacity:.85}.na p{color:var(--m);margin:4px 0}
.mut{color:var(--m);font-size:13px}.tag{background:#212429;border:1px solid var(--g2);color:var(--g);border-radius:4px;padding:0 6px;font-size:12px}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.kv{background:var(--c2);border-radius:6px;padding:6px 8px;color:var(--m);font-size:12px;text-transform:uppercase}.kv b{display:block;color:var(--t);font-size:16px;font-weight:600;text-transform:none}
.cur{background:var(--c2);border-radius:6px;padding:6px;text-align:center;font-size:12px;color:var(--m)}.cur img{width:34px;height:34px;object-fit:contain;display:block;margin:0 auto 2px}.cur b{display:block;color:var(--t);font-size:14px}
.row{display:flex;align-items:center;gap:8px;padding:6px 4px;border-bottom:1px solid #22262c}.row img{width:30px;height:30px;border-radius:50%;object-fit:cover;background:#222}
.row .n{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .pl{width:28px;color:var(--m);text-align:right}.row.me{background:#1c1f24}.row.ours .n{color:var(--g)}
.bar{height:10px;background:#22262c;border-radius:5px;overflow:hidden;margin:6px 0}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--g2),var(--g))}
.big{font-size:24px;font-weight:700}table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:5px 4px;border-bottom:1px solid #22262c;text-align:left}th{color:var(--m);font-weight:400;text-transform:uppercase;font-size:11px}
.prof{display:flex;gap:12px;align-items:center}.prof .av{width:72px;height:72px;border-radius:10px;border:2px solid var(--g2);object-fit:cover}.prof .nick{font-size:20px;color:var(--g)}
.tabs{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}.tabs button{background:#1d2025;color:var(--t);border:1px solid #303439;border-radius:6px;padding:5px 10px;font:inherit;cursor:pointer}.tabs button.on{border-color:var(--g);color:var(--g)}
.btn{background:linear-gradient(#25292f,#16191d);color:var(--g);border:1px solid var(--g2);border-radius:6px;padding:7px 12px;font:inherit;text-transform:uppercase;cursor:pointer}
.pv{display:flex;flex-wrap:wrap;gap:6px}.pv img{width:54px;height:54px;object-fit:contain;background:#1d2025;border-radius:6px}
.chip{display:inline-block;background:#1d2025;border:1px solid #303439;border-radius:12px;padding:1px 8px;margin:2px;font-size:12px}
#modal{position:fixed;inset:0;background:#000c;z-index:40;display:flex;align-items:flex-start;justify-content:center;padding:40px 10px;overflow:auto}#modal[hidden]{display:none}
.mbox{background:#181715;border:2px solid var(--g2);border-radius:10px;padding:12px;width:100%;max-width:560px;position:relative}#mclose{position:absolute;right:8px;top:6px;background:none;border:0;color:var(--g);font-size:20px;cursor:pointer}
.err{color:#e07a6a}
label{display:flex;flex-direction:column;font-size:12px;color:var(--m);gap:3px}
input,select{background:#14161a;color:#eee;border:1px solid #2f3237;border-radius:6px;padding:6px;font:inherit}
.btn{margin:2px 0}.btn.pri{background:linear-gradient(#40444b,#212429)}
html{background:#0f0f0e;min-height:100%}
body{min-height:100vh;background:#0f0f0e radial-gradient(circle at 30% 0,#21252b,#0f0f0e 900px) no-repeat}
/* combo availability */
.cav h4{margin:10px 0 4px;color:var(--m);font-size:13px;font-weight:600}
.cav .r{display:flex;align-items:center;gap:6px;padding:3px 0}.cav .r>span{flex:1}
.mc{width:52px;text-align:center;padding:7px 0;border-radius:6px;font-size:13px;border:1px solid #282c32;color:#4c5159;background:#15171b}
.mc.p.on{background:#1f5a32;border-color:#3ea35f;color:#e8ffe8}.mc.b.on{background:#33363b;border-color:#c9a227;color:#fff6d0}.mc.a.on{background:#3f4349;border-color:#d04545;color:#ffe2e2}
.pill{display:inline-block;padding:3px 9px;border-radius:7px;font-size:13px;border:1px solid}
.pill.p{color:#5fd38a;border-color:#3ea35f;background:#12301c}.pill.b{color:#f2c94c;border-color:#c9a227;background:#212429}.pill.a{color:#ff7a7a;border-color:#d04545;background:#22262c}.pill.x{color:#9ad;border-color:#467;background:#142030}
.pill.au{color:#5fd38a;border-color:#2c7a48;background:#0f2417}
.cseq{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.cseq span{display:flex;align-items:center;gap:4px;background:#181a1e;border:1px solid #2f3237;border-radius:6px;padding:3px 6px;font-size:12px}.cseq img{width:20px;height:20px}
.bx-day,.bx-cur,.bx-cat{background:#1a1916;border:1px solid #2a2f36;border-radius:14px;padding:12px;margin:10px 0}
.bx-cur{border-color:#7a2a24}.bx-hd{display:flex;justify-content:space-between}.bx-t{font-size:20px;font-weight:700}
.bx-sub{margin:6px 0 10px}.bx-box{background:#141311;border:1px solid #24282e;border-radius:10px;padding:10px;margin:8px 0}
.bx-box summary{cursor:pointer}.bx-row{display:flex;justify-content:space-between;gap:8px;margin:4px 0}
.bx-pct{color:#e0a43a;border:1px solid #464b52;border-radius:8px;padding:0 6px}
.bx-bar{position:relative;height:22px;background:#1e2227;border-radius:11px;overflow:hidden;margin:6px 0}
.bx-bar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#8a5a1c,#c48a2c)}
.bx-bar span{position:relative;display:block;text-align:center;font-size:12px;line-height:22px;color:#fff}
.bx-th{height:6px;background:#1e2227;border-radius:3px;overflow:hidden}.bx-th i{display:block;height:100%;background:#e0a43a}
.bx-tp{display:flex;align-items:center;gap:8px;background:#1d1c19;border-radius:8px;padding:6px;margin:5px 0}
.bx-tp img{width:24px;height:24px;border-radius:50%}.bx-nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bx-n{border:1px solid #444;border-radius:6px;padding:1px 6px;font-weight:700}.bx-n.g{background:#e0b030;color:#000}.bx-n.s{background:#aab;color:#000}.bx-n.b{background:#c0602a;color:#000}
.ok{color:#5ccf6a}.bx-tabs{display:flex;background:#141311;border-radius:10px;padding:3px;gap:3px}
.bx-tabs button{flex:1;background:none;border:0;color:#ccc;padding:8px;border-radius:8px}.bx-tabs button.on{background:#000;color:#fff}
.bx-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
.bx-c{border:1px solid #2f6b35;border-radius:10px;padding:8px;background:#141311;min-width:0}.bx-c.lk{opacity:.45;border-color:#333}.bx-c.cur{border-color:#c0402a}
.bx-cn{font-weight:600}.bx-cm{display:flex;flex-direction:column;gap:2px;font-size:12px;margin-top:4px}
/* desktop layout */
main{width:100%;box-sizing:border-box}
@media (min-width:1000px){
 main{max-width:1200px;margin:0 auto;padding:18px 24px}
 body{font-size:16px}
 main table{width:100%}
 .cav{max-width:620px}
 .bx-grid{grid-template-columns:repeat(4,1fr)}
}
.rk-demo{background:#313439;color:#ffd27a;border:1px solid #b07a20;border-radius:8px;padding:8px;margin:6px 0;font-weight:700}
.rk-wait{background:#1d2a1d;border:1px solid #2f6b35;border-radius:8px;padding:8px}
.rk-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin:6px 0}
.rk-tabs button,.rk-btn{background:#141311;border:1px solid #2a2f36;color:#ddd;border-radius:8px;padding:6px 10px;cursor:pointer}.rk-tabs button.on{background:#c49a2c;color:#000}
.rk-t{width:100%;border-collapse:collapse;font-size:13px}.rk-t th,.rk-t td{padding:5px 4px;border-bottom:1px solid #22262c;text-align:left}.rk-t tr:hover td{background:#191b1f;cursor:pointer}
.rk-nm{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ok{color:#5ccf6a}.bad{color:#e0574a}.warn{color:#e0a43a}.sm{font-size:12px}
.rk-recs{display:grid;gap:10px}.rk-ri{padding:5px 0;border-bottom:1px solid #1e2227;cursor:pointer}
.rk-f{display:flex;gap:6px;margin-bottom:6px}.rk-f input,.rk-f select,.rk-ex input{flex:1;background:#141311;border:1px solid #2a2f36;color:#ddd;border-radius:8px;padding:6px}
.rk-lad{display:flex;flex-wrap:wrap;gap:6px}.rk-lad span{border:1px solid #464b52;border-radius:8px;padding:3px 8px;color:#e0c070}
.rk-sum{display:flex;gap:14px;margin:8px 0;flex-wrap:wrap}.rk-ex{display:flex;gap:6px;margin-top:8px;align-items:center;flex-wrap:wrap}
.rk-pb{position:relative;height:16px;background:#1e2227;border-radius:8px;overflow:hidden;min-width:70px}.rk-pb i{position:absolute;inset:0 auto 0 0;background:#8a6a24}.rk-pb span{position:relative;font-size:11px;padding-left:4px}
@media (max-width:600px){.rk-t th:nth-child(3),.rk-t td:nth-child(3),.rk-t th:nth-child(5),.rk-t td:nth-child(5){display:none}}
@media (min-width:1000px){.rk-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rk-recs{grid-template-columns:repeat(3,1fr)}}
img.dmg{width:14px;height:11px;vertical-align:-1px;margin-right:3px;display:inline-block;border-radius:0}
img.ico{width:16px;height:16px;vertical-align:-3px;margin-right:2px;display:inline-block;border-radius:0;object-fit:contain}
.dl-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.dl-d{border:1px solid #333;border-radius:6px;padding:4px;text-align:center;font-size:12px}.dl-d b{display:block}.dl-d.ok{background:#1d3a24}.dl-d.miss{background:#262a31}.dl-d.cur{outline:2px solid #d4a73a}.dl-d.fut{opacity:.6}
.tp-h{text-align:center}.tp-h h2{margin:4px 0}.tp-tabs{display:flex;gap:4px;background:#1a1a1a;border-radius:10px;padding:4px;margin:8px 0}.tp-t{flex:1;background:none;border:0;color:#aaa;padding:8px;border-radius:8px;font:inherit}.tp-t.on{background:#2c2c2c;color:#fff}
.tp-bar{display:flex;gap:8px;margin:8px 0}.tp-sw{display:flex;background:#1a1a1a;border-radius:8px;padding:3px}.tp-sw button{background:none;border:0;color:#aaa;padding:6px 10px;border-radius:6px;font:inherit}.tp-sw button.on{background:#2c2c2c;color:#fff}.tp-q{flex:1;min-width:0;background:#1a1a1a;border:1px solid #333;color:#fff;border-radius:8px;padding:6px 10px;font:inherit}
.tp-r{display:flex;align-items:center;gap:8px;background:#161616;border:1px solid #2a2a2a;border-radius:10px;padding:10px;margin:6px 0}.tp-r.me{border-color:#d4a73a}.tp-pl{width:34px;text-align:center;flex:none}.tp-pl img.ico{width:26px;height:16px}.tp-nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp-m{white-space:nowrap;font-size:.9em}.tp-d{white-space:nowrap}.tp-note{font-size:.85em}

/* ================= REDESIGN v2: спокойный графит ================= */
:root{--bg:#16181b;--bg2:#1d2024;--card:#212429;--line:#2f333a;--tx:#dfe2e6;--mu:#8b929c;--y:#d9b44a;--ink:#16181b;--ok:#6fbf73;--warn:#d9a14a;--bad:#d06a5e;--g:#d9b44a;--g2:#3a3f47;--acc:#c9a54a}
body{background:var(--bg);color:var(--tx);font-family:Inter,'Segoe UI',Roboto,Arial,sans-serif;font-size:15px;line-height:1.45;padding-bottom:72px}
h1,h2,h3,h4{font-family:Oswald,'Segoe UI',sans-serif;font-weight:600;letter-spacing:.02em}
.plate{display:inline-block;color:var(--y);font-family:Oswald,sans-serif;font-weight:700;letter-spacing:.06em}
.plate.sm{font-size:13px;color:var(--mu);text-transform:uppercase}
header{background:var(--bg2);border-bottom:1px solid var(--line);box-shadow:none;justify-content:space-between}
header .plate.hd{font-size:18px}#ttl{color:var(--mu);font-size:14px;margin-left:0}
#burger,#shade{display:none!important}
#tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;background:var(--bg2);border-top:1px solid var(--line);padding:4px 4px calc(4px + env(safe-area-inset-bottom))}
#tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;color:var(--mu);text-decoration:none;font-size:11px;border-radius:10px}
#tabbar a svg{stroke:var(--mu)}#tabbar a.act{color:var(--y);background:#d9b44a14}#tabbar a.act svg{stroke:var(--y)}
#side{transform:none;display:none;background:var(--bg2);border-right:1px solid var(--line);width:240px;padding:0 0 20px}
#side .lg{display:flex;flex-direction:column;gap:2px;padding:18px 16px;border-bottom:1px solid var(--line)}#side .lg .plate{font-size:20px}#side .lg small{color:var(--mu);font-size:12px}
#side .sg{display:flex;align-items:center;gap:8px;margin:14px 14px 4px;color:var(--mu);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}#side .sg svg{width:15px;height:15px;stroke:var(--mu)}
#side a{display:flex;justify-content:space-between;margin:1px 8px;padding:7px 12px 7px 31px;font-size:14px;text-transform:none;color:var(--tx);border-radius:8px;border:0}#side a:hover{background:#ffffff08}#side a.act{background:#d9b44a1a;color:var(--y)}
@media (min-width:1000px){#side{display:block}#tabbar{display:none}body{padding-bottom:0;padding-left:240px}header{display:none}main{max-width:1200px;margin:0 auto;padding:24px}}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:none;padding:16px;margin-bottom:14px}
.card h2{font-size:16px;color:var(--tx);background:none;padding:0;margin:0 0 12px;transform:none;box-shadow:none;font-family:Oswald,sans-serif}
.kv{background:var(--bg2);border:1px solid var(--line);border-radius:10px}.kv b{color:var(--tx)}
.tag{background:#ffffff0d;border:1px solid var(--line);color:var(--mu);font-size:12px;border-radius:999px;padding:1px 8px;transform:none;font-family:inherit}
.btn{background:#2a2e34;color:var(--tx);border:1px solid var(--line);border-radius:8px}.btn.pri{background:var(--y);color:var(--ink);border-color:var(--y)}
input,select,textarea{background:var(--bg2)!important;color:var(--tx)!important;border:1px solid var(--line)!important;border-radius:8px!important}
.row{border-color:var(--line)!important}.row.me,.tp-r.me{background:#d9b44a12;outline:1px solid #d9b44a55;border-radius:8px}
.pill{border-radius:999px}
table{border-collapse:collapse}th,td{border-color:var(--line)!important}
details{border-radius:10px}
.mq{width:100%;margin:4px 0 14px;font-size:16px;padding:10px 12px}
.mg{margin-bottom:16px}.mgh{display:flex;align-items:center;gap:8px;margin-bottom:8px}.mgh svg{stroke:var(--mu);width:16px;height:16px}
.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media(min-width:700px){.tiles{grid-template-columns:repeat(4,1fr)}}
.tile{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:10px 14px;background:var(--card);border:1px solid var(--line);color:var(--tx);text-decoration:none;font-size:14px;border-radius:10px}
.tile:hover,.tile:active{border-color:#d9b44a66}
.bx-bar{height:30px!important;border-radius:8px!important;border:1px solid var(--line);background:var(--bg2)!important}
.bx-bar i{background:linear-gradient(90deg,#a8483d,#c0594b)!important;border-radius:8px 0 0 8px}
.bx-bar span{font-size:13px!important;text-shadow:0 1px 2px #000}
.bx-t{color:var(--tx);font-size:20px!important}
.cav .r{border-bottom:1px solid var(--line);padding:5px 0}
.cav .mc{min-width:44px;height:24px!important;border-radius:999px!important;border:1px solid var(--line)!important;background:none!important;color:#5c636d!important;display:inline-flex!important;align-items:center;justify-content:center;font-size:11px!important;padding:0 8px!important;transform:none}
.cav .mc.on{border-color:#6fbf7366!important;color:var(--ok)!important;background:#6fbf731a!important}
.pod{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:10px 0 14px}
.pod>div{background:var(--card);border:1px solid var(--line);text-align:center;padding:10px 6px;border-radius:12px;min-width:0}
.pod .p1{border-color:#d9b44a66;order:0}.pod .pn{font-size:12px;color:var(--mu)}.pod .p1 .pn{font-size:12px}.pod img{width:22px;height:22px}
.pod .nm{font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pod .dm{font-size:12px;margin-top:2px}.pod .st{display:none}
.tp-t.on{background:#d9b44a1f;color:var(--y)}.tp-tabs{background:var(--bg2);border:1px solid var(--line);border-radius:10px}
.tp-r{background:var(--card);border:1px solid var(--line);border-radius:10px}
.tp-sw button.on{background:#d9b44a1f;color:var(--y)}
img{max-width:100%}
.cav .r{display:flex;align-items:center;gap:4px;flex-wrap:nowrap}.cav .r>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.cav .mc{min-width:0!important;padding:0 6px!important;font-size:10px!important;flex:none}
*,*::before,*::after{box-sizing:border-box}label{min-width:0}input,select,textarea{max-width:100%}
.dl-d{border-color:var(--line);background:var(--bg2)}.dl-d.ok{background:#6fbf7312;border-color:#6fbf7340;color:var(--tx)}.dl-d.miss{background:#d06a5e12;border-color:#d06a5e40}.dl-d.cur{outline:1px solid var(--y)}
/* ===== REDESIGN v3: структура, рамки, акценты (та же палитра) ===== */
:root{--line:#3a4049;--line2:#4a515c}
.card{border:1.5px solid var(--line);box-shadow:0 1px 0 #ffffff06 inset;padding:0 0 14px;overflow:hidden}
.card>*:not(h2){margin-left:16px;margin-right:16px}
.card>h2{display:block;margin:0 0 14px;padding:11px 16px 10px 14px;background:#ffffff05;border-bottom:1px solid var(--line);border-left:3px solid var(--y);font-size:15px}
.kv{border:1px solid var(--line2);background:#1a1d21}
.kv:first-child,.grid>.kv{box-shadow:none}
.row,.tp-r,.bx-tp,.cav .r,table tr{border-bottom:1px solid var(--line)!important}
th{border-bottom:1px solid var(--line2)!important;color:var(--mu)}td,th{padding:7px 6px}
.btn,button{border:1px solid var(--line2)!important;border-radius:8px}.btn:hover,button:hover{border-color:#d9b44a88!important}
.btn.pri{border-color:var(--y)!important}
input,select,textarea{border:1px solid var(--line2)!important}input:focus,select:focus{outline:none;border-color:var(--y)!important;box-shadow:0 0 0 3px #d9b44a22}
.pill,.tag{border:1px solid var(--line2)}
details.bx-box,.bx-box{border:1px solid var(--line2);border-radius:10px;padding:10px 12px;background:#1a1d21}
.bx-cur{border:1.5px solid #d06a5e66!important;border-radius:12px;background:#d06a5e08}
.bx-bar{border:1px solid var(--line2)!important}
.bx-c{border:1px solid var(--line2)!important;border-radius:10px!important;background:#1a1d21!important}.bx-c.cur{border-color:var(--y)!important;box-shadow:0 0 0 3px #d9b44a1a}
.bx-tabs button.on,.tp-t.on,.tp-sw button.on{border:1px solid #d9b44a88!important;background:#d9b44a1a!important;color:var(--y)}
.cav .mc{border:1px solid var(--line2)!important}.cav .mc.on{border-color:#6fbf73aa!important;box-shadow:0 0 0 2px #6fbf7318}
.cav h4{margin:12px 0 4px;padding-left:8px;border-left:2px solid var(--line2);color:var(--mu);font-size:12px;text-transform:uppercase}
#cavcards .card{border-left:3px solid #6fbf7366}
.tp-tabs{border:1px solid var(--line2)}
.tp-r{border:1px solid var(--line)!important;margin-bottom:6px}
.tp-r:nth-child(-n+3){border-color:#d9b44a55!important;background:#d9b44a08}
.pod>div{border:1.5px solid var(--line2)}.pod .p1{border-color:var(--y);background:#d9b44a0d;box-shadow:0 0 0 3px #d9b44a14}
.pod .p2{border-color:#b9c0c899}.pod .p3{border-color:#848b9699}
.row.me,.tp-r.me{outline:none;border:1.5px solid var(--y)!important;background:#d9b44a14}
.dl-d{border:1px solid var(--line2)}.dl-d.ok{border-color:#6fbf7380}.dl-d.miss{border-color:#d06a5e80}.dl-d.cur{outline:none;border:2px solid var(--y);box-shadow:0 0 0 3px #d9b44a22}
.tile{border:1.5px solid var(--line2)}
#side .sg{border-top:1px solid var(--line);padding-top:12px}#side a.act{box-shadow:inset 3px 0 0 var(--y);border:1px solid #d9b44a44}
#tabbar a.act{border:1px solid #d9b44a55}
.ok{color:var(--ok)}
/* оружие: 3 вида, свои цвета */
.wcards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:600px){.wcards{grid-template-columns:1fr}}
.wc{--wc:#888;border:1.5px solid color-mix(in srgb,var(--wc) 55%,transparent);border-left:4px solid var(--wc);background:color-mix(in srgb,var(--wc) 8%,#1a1d21);border-radius:10px;padding:10px 12px;min-width:0}
.wc .wh{display:flex;align-items:center;gap:8px;color:var(--wc);font-size:15px}.wc .wi{font-size:18px}
.wc .wd{color:var(--wc);font-size:22px;font-weight:700;margin:4px 0}
.wc .ws{display:flex;justify-content:space-between;gap:8px;color:var(--mu);font-size:13px;border-top:1px solid var(--line);padding-top:6px}.wc .ws b{color:var(--tx)}
.w-yad{--wc:#a98bd6}.w-sam{--wc:#cf8a5a}.w-fin{--wc:#6fa3d6}
.wc.st .wh .wl{margin-left:auto;color:var(--mu);font-size:12px}.wc.st .wl b{color:var(--tx)}
.sq{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.sq .chip{padding:4px 10px;border-radius:999px;background:var(--bg2);color:var(--tx);font-size:13px;cursor:pointer}
.sq .chip.on{border-color:var(--wc,var(--y))!important;color:var(--wc,var(--y));background:color-mix(in srgb,var(--wc,#d9b44a) 14%,transparent)}.sq .chip:disabled{opacity:.35}
.sq input{width:80px;padding:4px 8px}.sgo{width:100%;padding:9px;font-weight:600}.sgo:disabled{opacity:.45}
.wc.st .sgo{background:color-mix(in srgb,var(--wc) 22%,#1a1d21);color:#f0f0f0;border-color:var(--wc)!important}
.smsg{margin-top:6px;font-size:13px;min-height:1em}.bad{color:var(--bad)}
.sx{display:flex;gap:8px;margin-top:12px}.sx .btn:disabled{opacity:.35;cursor:not-allowed}
#modal .mbox{background:var(--card);border:1.5px solid var(--line2);border-radius:12px}
.sx .btn{flex:1;padding:9px;font-weight:600}.sx .btn.sred{background:#b84a3e33;color:#f0d4cf;border-color:#c0594b!important}.sx .btn.sred:hover{background:#b84a3e55}
.stk-b{margin-top:8px}.wimg{height:1.15em;width:auto;vertical-align:-.2em;object-fit:contain}.wi .wimg{height:22px}
.bx-ic{width:28px;height:28px;object-fit:cover;object-position:top;border-radius:50%;border:1px solid #4a4f58;background:#e2e4e6;vertical-align:middle;margin-right:8px}.bx-ic.sm{width:22px;height:22px;margin-right:6px}
.sx .btn.sob{display:flex;flex-direction:column;align-items:center;gap:2px}.sx .btn.sob small{font-size:11px;font-weight:500;opacity:.8;text-transform:none}
/* compact strike block */
.stk-b{display:flex;flex-direction:column;gap:6px}
.fw{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.fwt{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 2px;border:1px solid #3d424b;border-radius:8px;background:#22262c;font-size:11px}
.fwt img{width:30px;height:30px;image-rendering:auto;border-radius:6px}.fwt .fwd{font-weight:700;font-size:12px}.fwt .fwc{font-size:10px;color:#9aa0a8}.fwt .fwc.ok{color:#7fbf7f}
.fwt.cd img{filter:grayscale(1) brightness(.55)}.fwt.cd .fwd{opacity:.5}.fwt.cd .fwc::before{content:"Откат "}
.stk .wc.st{padding:7px 9px!important;margin:0!important}
.stk .wc .wh{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 5px}.stk .wc .wh b{font-size:14px}.stk .wc .wi .wimg{height:18px}
.stk .wc .wd{font-size:15px;font-weight:700;color:var(--wc)}.stk .wc .wl{margin-left:auto;font-size:11px;color:#9aa0a8}
.stk .sq{display:flex;gap:4px;flex-wrap:nowrap;margin:0 0 5px}.stk .chip{flex:1;min-width:0;padding:3px 0!important;font-size:12px!important}
.stk .sr{display:flex;gap:6px}.stk .sr input{width:72px;flex:none;padding:5px 6px;font-size:13px}.stk .sr .sgo{flex:1;padding:6px!important;font-size:13px!important}
.stk .smsg{font-size:11px;margin:0;min-height:0}.stk .smsg:empty{display:none}
.stk .sx{display:flex;gap:6px;margin:0}.stk .sx .btn{padding:6px!important;font-size:13px!important}
@media(min-width:900px){.stk-b{display:grid;grid-template-columns:repeat(3,1fr)}.stk-b>.fw,.stk-b>.fmsg,.stk-b>.sx,.stk-b>.smsg{grid-column:1/-1}.fw{grid-template-columns:repeat(4,minmax(0,140px))}}
.fwt{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:2px 5px}.fwt img{width:26px;height:26px}.fwt .fwc{flex-basis:100%;text-align:center;white-space:nowrap}
.stk .wc .wh{flex-wrap:nowrap;white-space:nowrap;gap:4px}.stk .wc .wl{font-size:10px;flex-shrink:0;margin-left:auto;letter-spacing:-.2px}
@media(max-width:380px){.stk .wc .wl .k{display:none}}
.curs{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:4px}
.curs .cur{display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 3px 4px;border-radius:8px;background:#1b1e22!important;border:1px solid #2b3036;color:var(--m);text-decoration:none;cursor:pointer;min-width:0;transition:border-color .15s,box-shadow .15s,background .15s}
.curs .cur:hover,.curs .cur:focus-visible{border-color:#4a5360;box-shadow:0 0 0 2px #8fa3b81a,0 0 10px #8fa3b81f;background:#20242a!important;outline:none}
.curs .cur:active{background:#262b32!important;transform:translateY(1px)}
.curs .ci{width:30px;height:30px;border-radius:50%;border:1px solid #2f353c;display:flex;align-items:center;justify-content:center;background:transparent}
.curs .ci img{width:22px;height:22px;margin:0;object-fit:contain;background:none!important;box-shadow:none!important;border:0!important;padding:0}
.curs .ci .cd{font-style:normal;color:#8a95a3;font-size:12px}
.curs .cur b{font-size:12px;line-height:1.2;color:var(--t);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.curs .cur small{font-size:9.5px;line-height:1.15;text-align:center;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media(min-width:900px){.curs{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}}
/* nav v3: drawer */
#tabbar{display:none!important}body{padding-bottom:env(safe-area-inset-bottom)!important}
header{display:grid!important;grid-template-columns:40px 1fr auto;align-items:center;gap:8px;padding:8px 10px}
#ttl{text-align:center;color:var(--tx)!important;font-weight:600;font-size:15px!important;text-transform:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#burg{width:38px;height:36px;border:1px solid var(--line2,#30353c);border-radius:9px;background:#1b1e22;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;cursor:pointer;padding:0}
#burg i{display:block;width:16px;height:2px;border-radius:2px;background:var(--tx)}
.hind{display:flex;align-items:center;gap:8px;min-width:40px;justify-content:flex-end}
#netd{width:8px;height:8px;border-radius:50%;background:#6b737d}#netd.on{background:#6fbf73;box-shadow:0 0 6px #6fbf7380}#netd.off{background:#d06a5e}
#nbell{position:relative;width:22px;height:22px;border-radius:50%;border:1px solid var(--line2,#30353c);text-decoration:none}#nbell:before{content:'';position:absolute;inset:6px;border-radius:50%;border:1.5px solid var(--mu)}
#nbell b{position:absolute;top:-6px;right:-8px;background:#d06a5e;color:#fff;font-size:10px;border-radius:8px;padding:0 4px;line-height:15px}
#shade{display:block!important;position:fixed;inset:0;background:#000b;z-index:40;opacity:0;pointer-events:none;transition:opacity .2s}
body.nav #shade{opacity:1;pointer-events:auto}body.nav{overflow:hidden}
#drw{position:fixed;top:0;left:0;bottom:0;width:min(300px,84vw);z-index:41;background:var(--bg2);border-right:1px solid var(--line);transform:translateX(-102%);transition:transform .22s ease;display:flex;flex-direction:column}
body.nav #drw{transform:none;box-shadow:8px 0 30px #0008}
#drw .dh{display:flex;justify-content:space-between;align-items:center;padding:14px 14px 12px;border-bottom:1px solid var(--line)}
#drw .dh div{display:flex;flex-direction:column}#drw .dh small{color:var(--mu);font-size:12px}
#drw .dx{width:34px;height:34px;border-radius:9px;border:1px solid var(--line2,#30353c);background:#1b1e22;color:var(--tx);font-size:15px;cursor:pointer}
#drw .dl{flex:1;overflow:auto;padding:8px}
#drw .dg{display:flex;align-items:center;gap:10px;width:100%;padding:10px 10px;margin:2px 0;border:1px solid transparent;border-radius:9px;background:none;color:var(--tx);font:inherit;font-size:15px;text-decoration:none;cursor:pointer;text-align:left}
#drw .dg svg{width:18px;height:18px;stroke:var(--mu);flex:none}#drw .dg:hover{background:#ffffff08}
#drw .chv{margin-left:auto;font-style:normal;color:var(--mu);font-size:18px;transition:transform .2s}#drw .dgw.on .chv{transform:rotate(90deg)}
#drw .dgw.has>.dg{color:var(--y)}#drw .dgw.has>.dg svg{stroke:var(--y)}
#drw .ds{display:none;margin:0 0 4px 19px;padding-left:10px;border-left:1px solid var(--line)}#drw .dgw.on .ds{display:block}
#drw .ds a{display:flex;justify-content:space-between;padding:8px 10px;margin:1px 0;border-radius:8px;color:var(--tx);text-decoration:none;font-size:14px;border:1px solid transparent}
#drw .ds a:hover{background:#ffffff08}#drw a.act{background:#d9b44a1a;color:var(--y)!important;border-color:#d9b44a44!important}
#drw .dfoot{display:flex;gap:6px;padding:10px;border-top:1px solid var(--line);padding-bottom:calc(10px + env(safe-area-inset-bottom))}
#drw .dfoot a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 4px;border:1px solid var(--line2,#30353c);border-radius:9px;color:var(--mu);font-size:11px;text-decoration:none;position:relative}
#drw .dfoot svg{width:16px;height:16px;stroke:var(--mu)}#drw .dfoot .badge{position:absolute;top:2px;right:6px}
@media(min-width:1000px){#drw,#shade{display:none!important}#burg{visibility:hidden}header{display:grid!important}}
/* live + resource history */
.dlt{display:none;font-style:normal;font-size:10px;font-weight:600;line-height:1.1}.dlt.show{display:block}.dlt.pos,.pos{color:#6fbf73}.dlt.neg,.neg{color:#e0786b}
.wc .dlt.show{display:inline;margin-left:4px}
@keyframes flp{0%{box-shadow:0 0 0 2px #6fbf7399,0 0 14px #6fbf7366}100%{box-shadow:none}}@keyframes fln{0%{box-shadow:0 0 0 2px #e0786b99,0 0 14px #e0786b66}100%{box-shadow:none}}
.flash-p{animation:flp 2.2s ease-out}.flash-n{animation:fln 2.2s ease-out}
.rhb{display:block;margin-top:8px;text-align:center;text-decoration:none}
.rh-top{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}
.rh-tabs{display:flex;gap:4px;background:#1b1e22;border:1px solid #2b3036;border-radius:10px;padding:3px}
.rh-tabs button{flex:1;padding:7px 0;border:0;border-radius:8px;background:none;color:var(--mu);font:inherit;font-size:14px;cursor:pointer}.rh-tabs button.on{background:#2a2f36;color:var(--tx)}
.rh-f{display:flex;gap:6px}.rh-f select{flex:1;min-width:0;padding:7px 8px;border-radius:9px;border:1px solid #2b3036;background:#1b1e22;color:var(--tx);font:inherit;font-size:13px}
.rh-d summary{cursor:pointer;font-weight:600;font-size:15px;list-style:none;display:flex;justify-content:space-between}.rh-d summary::after{content:'›';color:var(--mu);transition:transform .2s}.rh-d[open] summary::after{transform:rotate(90deg)}
.rh-d summary::-webkit-details-marker{display:none}.rh-e{margin:8px 0 0}
.rh-sum{margin:8px 0}.rh-r{display:grid;grid-template-columns:20px 1fr auto auto;gap:8px;align-items:center;padding:3px 0;font-size:14px}.rh-r b{min-width:56px;text-align:right}
.ri{width:18px;height:18px;object-fit:contain;font-style:normal;color:#8a95a3;font-size:11px;text-align:center}
.rh-c{border:1px solid #2b3036;background:#1b1e22;border-radius:10px;padding:8px 10px;margin-top:8px}.rh-ch{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.rh-l{display:flex;justify-content:space-between;gap:8px;padding:4px 0;font-size:13.5px;border-top:1px solid #ffffff08}.rh-l:first-of-type{border-top:0}
.rh-v{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap}.rh-v small{color:var(--mu);font-size:11px}
@media(min-width:900px){.rh-top{flex-direction:row;align-items:center}.rh-tabs{width:330px}.rh-f{flex:1}#rh{max-width:860px}}
/* palette v4: modern neutral dark */
:root{--bg:#111318;--bg2:#15181e;--card:#1a1d23;--c:#1a1d23;--c2:#1f232a;--line:#2a2f38;--line2:#323844;--tx:#e6e8ec;--t:#e6e8ec;--mu:#8d94a0;--m:#8d94a0;--y:#d9a520;--g:#d9a520;--acc:#d9a520;--g2:#2a2f38;--ink:#111318;--ok:#5fb37a;--bad:#d06b62;--warn:#d9a14a}
html,body{background:var(--bg)!important;color:var(--tx)}
header,#side,#drw{background:var(--bg2)!important;border-color:var(--line)!important}
.card{background:var(--card)!important;border:1px solid var(--line)!important;box-shadow:none!important}
.dlt.pos,.pos{color:var(--ok)}.dlt.neg,.neg{color:var(--bad)}
.card>h2{border-left:0!important;background:transparent!important;font-family:Inter,'Segoe UI',Roboto,sans-serif!important;font-weight:600;letter-spacing:.02em;text-transform:none;color:var(--tx)}
.plate{background:none!important;box-shadow:none!important;border:0!important;color:var(--tx)!important}
#side a.act,#drw a.act{background:#d9a52014!important;color:var(--y)!important;border-color:#d9a52040!important;box-shadow:inset 3px 0 0 var(--y)!important}
.curs .cur,.rh-c,.rh-tabs,.rh-f select,#burg,#drw .dx{background:#1f232a!important;border-color:var(--line)!important}
.rh-tabs button.on{background:#2a2f38!important}
/* notifications */
#nbell{position:relative;width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:#1f232a;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
#nbell:before{display:none}#nbell svg{width:18px;height:18px;fill:none;stroke:var(--tx);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#nbell b{position:absolute;top:-5px;right:-6px;background:var(--y);color:#111318;font-size:10px;font-weight:700;border-radius:9px;padding:0 5px;line-height:16px;min-width:16px;text-align:center}
#ntfwrap,#nsetw{position:fixed;inset:0;z-index:300}#nsetw{z-index:310}
.nshade{position:absolute;inset:0;background:#05060899}
#ntf{position:absolute;top:0;right:0;bottom:0;width:min(440px,100vw);background:var(--bg2);border-left:1px solid var(--line);display:flex;flex-direction:column;box-shadow:-12px 0 30px #0008}
.npage{background:var(--card);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;max-width:760px}
.nh{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}
.nht{display:flex;align-items:center;gap:10px}.nht b,.nh>b{font-size:17px;font-weight:600}
.ncnt{background:#d9a5201f;color:var(--y);border-radius:20px;padding:2px 9px;font-size:12px;font-weight:600}
.nx{background:none;border:1px solid var(--line);color:var(--mu);border-radius:8px;width:32px;height:32px;cursor:pointer;font-size:14px}
.nact{display:flex;gap:6px;padding:10px 16px;flex-wrap:wrap}
.nact button{flex:1;min-width:0;background:#1f232a;border:1px solid var(--line);color:var(--tx);border-radius:8px;padding:8px 6px;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
.nact button:first-child{background:var(--y);color:#111318;border-color:var(--y);font-weight:600}
.nact button:disabled{opacity:.4;cursor:default}
.ntabs{display:flex;gap:6px;overflow-x:auto;padding:2px 16px 10px;scrollbar-width:none;border-bottom:1px solid var(--line)}.ntabs::-webkit-scrollbar{display:none}
.ntabs button{flex:none;background:none;border:1px solid var(--line);color:var(--mu);border-radius:20px;padding:5px 10px;font:inherit;font-size:12.5px;cursor:pointer;display:flex;gap:6px;align-items:center}
.ntabs button em{font-style:normal;background:#2a2f38;color:var(--mu);border-radius:10px;padding:0 6px;font-size:11px;line-height:16px}
.ntabs button.on{border-color:var(--y);color:var(--tx)}.ntabs button.on em{background:var(--y);color:#111318}
.nlist{flex:1;overflow-y:auto;padding:10px 12px 20px;display:flex;flex-direction:column;gap:8px}
.nc{display:flex;gap:11px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:11px 12px}
.npage .nc{background:#1f232a}
.nc.new{border-color:#d9a52055;box-shadow:inset 3px 0 0 var(--y)}
.nci{flex:none;width:34px;height:34px;border-radius:9px;background:#2a2f38;display:flex;align-items:center;justify-content:center}
.nci svg{width:18px;height:18px;fill:none;stroke:var(--mu);stroke-width:1.7}
.nc.new .nci svg{stroke:var(--y)}
.ncb{flex:1;min-width:0}.nct{font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.ncl{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.nl{display:inline-flex;align-items:center;gap:5px;background:#5fb37a14;color:var(--ok);border-radius:6px;padding:2px 7px;font-size:12.5px;font-weight:600}.nl .ri{width:16px;height:16px}
.ncf{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:7px;font-size:12px;color:var(--mu);flex-wrap:wrap}
.ncf button{background:none;border:0;color:var(--mu);font:inherit;font-size:12px;cursor:pointer;padding:2px 4px;text-decoration:underline;text-underline-offset:2px}
.ncf button:hover{color:var(--tx)}
.nempty{padding:50px 20px;text-align:center;color:var(--mu)}.nempty svg{width:38px;height:38px;fill:none;stroke:var(--line2);stroke-width:1.5;margin-bottom:8px}
#nset{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100vw - 20px));max-height:calc(100vh - 30px);overflow-y:auto;background:var(--bg2);border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 50px #000a}
.ndl{display:flex;align-items:center;gap:8px;margin:12px 16px 4px;padding:9px 12px;background:#1f232a;border:1px solid var(--line);border-radius:9px;color:var(--mu);font-size:13px}
.ndl svg{width:16px;height:16px;fill:none;stroke:var(--y);stroke-width:1.8;flex:none}
.nsl{padding:6px 16px 16px}
.nsi{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);cursor:pointer;position:relative}.nsi:last-child{border-bottom:0}
.nsi>span{flex:1;min-width:0}.nsi b{display:block;font-size:14px;font-weight:600}.nsi small{display:block;color:var(--mu);font-size:12px;margin-top:2px;line-height:1.35}
.nsi input{position:absolute;opacity:0;pointer-events:none}
.sw{flex:none;width:40px;height:22px;border-radius:12px;background:#2a2f38;border:1px solid var(--line2);position:relative;transition:.15s}
.sw:after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--mu);transition:.15s}
.nsi input:checked+.sw{background:var(--y);border-color:var(--y)}.nsi input:checked+.sw:after{left:20px;background:#111318}
body.nolock{overflow:hidden}
@media(min-width:1000px){header{padding:10px 24px}#ttl{font-size:17px}}
/* r5: refresh + battle settings */
.rfb{margin-left:auto;flex:none;width:32px;height:32px;border-radius:9px;border:1px solid var(--line);background:#1f232a;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;vertical-align:middle}
.card>h2{display:flex!important;align-items:center;gap:8px}
.rfb svg{width:16px;height:16px;fill:none;stroke:var(--tx);stroke-width:2;stroke-linecap:round}
.rfb.spin svg{animation:rfs .8s linear infinite;stroke:var(--y)}@keyframes rfs{to{transform:rotate(360deg)}}
.bx-hd{display:flex;align-items:center;gap:8px}
#bsb{margin-top:14px}
.soon{display:inline-block;background:#d9a5201a;color:var(--y);border:1px solid #d9a52040;border-radius:20px;padding:3px 11px;font-size:12px;margin:0 0 10px}
.aa{padding:14px!important}.aah{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.aah b{font-size:15px}.aah small{display:block;color:var(--mu);font-size:12px;margin-top:3px}
.aast{display:flex;gap:16px;margin:12px 0 6px;color:var(--mu);font-size:13px}.aast b{color:var(--tx)}
.aarow{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 0;border-top:1px solid var(--line);font-size:13px;color:var(--mu)}
.bseg{display:inline-flex;background:#1f232a;border:1px solid var(--line);border-radius:9px;padding:2px;flex-wrap:wrap}
.bseg button{background:none;border:0;color:var(--mu);font:inherit;font-size:12.5px;padding:6px 10px;border-radius:7px;cursor:pointer}.bseg button.on{background:var(--y);color:#111318;font-weight:600}
.aachips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.chip{display:inline-flex;align-items:center;gap:5px;background:#1f232a;border:1px solid var(--line);border-radius:20px;padding:3px 9px 3px 4px;font-size:12.5px}.chip .bx-ic{width:20px;height:20px;border-radius:50%}.chip em{font-style:normal;color:var(--ok);font-weight:600}
.aacfg{width:100%}
.bsw{position:relative;flex:none;cursor:pointer}.bsw input{position:absolute;opacity:0}.bsw input:checked+.sw{background:var(--y);border-color:var(--y)}.bsw input:checked+.sw:after{left:20px;background:#111318}
.bsentry{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;color:var(--tx);font:inherit;cursor:pointer;margin-bottom:14px}
.bsentry:hover{border-color:var(--line2)}.bsi{flex:none;width:38px;height:38px;border-radius:10px;background:#2a2f38;display:flex;align-items:center;justify-content:center}
.bsi svg{width:20px;height:20px;fill:none;stroke:var(--y);stroke-width:1.7}.bst{flex:1;min-width:0}.bst b{display:block;font-size:15px}.bst small{display:block;color:var(--mu);font-size:12.5px;margin-top:2px}.bsentry em{font-style:normal;color:var(--mu);font-size:22px}
#bsmw{position:fixed;inset:0;z-index:320}
.bsm{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(460px,calc(100vw - 20px));max-height:calc(100vh - 30px);overflow-y:auto;background:var(--bg2);border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 50px #000a}
.bsm.wide{width:min(560px,calc(100vw - 20px))}.bsm .soon{margin:12px 16px 0}
.bsmd{color:var(--mu);font-size:13px;margin:10px 16px}
.pkl{padding:0 12px}.pk{display:flex;align-items:center;gap:10px;padding:10px 6px;border-bottom:1px solid var(--line);cursor:pointer}.pk input{position:absolute;opacity:0}
.pk span{flex:1;min-width:0}.pk small{display:block;color:var(--mu);font-size:11.5px}.pk .bx-ic{width:30px;height:30px;border-radius:8px}
.ck{flex:none;width:20px;height:20px;border-radius:6px;border:1.5px solid var(--line2)}.pk input:checked~.ck{background:var(--y);border-color:var(--y);box-shadow:inset 0 0 0 4px var(--y)}
.pk input:checked~.ck:after{content:'✓';display:block;color:#111318;font-size:13px;font-weight:700;text-align:center;line-height:18px}
.pkf{display:flex;gap:8px;padding:12px 16px 16px}.pkf .btn{flex:1;padding:10px}
.bsbody{padding:4px 16px 16px}.bsbody h4{margin:16px 0 4px;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mu)}
.bsr{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.bsr>span{flex:1;min-width:0}.bsr b{display:block;font-size:14px}.bsr small{display:block;color:var(--mu);font-size:12px;margin-top:2px}
.bsr.col{flex-direction:column;align-items:stretch;gap:8px}
.bsr select{background:#1f232a;color:var(--tx);border:1px solid var(--line);border-radius:9px;padding:9px;font:inherit}

.stk .sq .chip,.sq .chip{display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1}

.sdr{font-size:12px;color:var(--mut,#9aa0a6);margin:6px 2px 2px;line-height:1.35;overflow-wrap:anywhere}.sdr:empty{display:none}.sdr b{color:var(--txt,#e8e8e8);font-weight:600}

/* r7: вход и тех. работы */
body.lglock,body.mtlock{overflow:hidden}
#lgw{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px 18px;background:radial-gradient(120% 70% at 50% 0%,#23262c 0%,var(--bg) 60%)}
.lgc{width:100%;max-width:380px;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:32px 22px 26px}
.lglogo{width:68px;height:68px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--g);background:rgba(217,180,74,.1);border:1px solid rgba(217,180,74,.35)}.lglogo svg{width:34px;height:34px}
.lgc h1{font-family:Oswald,Inter,sans-serif;font-size:26px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;color:var(--tx)}.lgc h1 span{color:var(--g)}
.lgsub{color:var(--mu);font-size:14px;margin:0 0 22px}.lghint{font-size:14px;margin:0 0 14px;color:var(--tx)}
.lgbtn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;border:0;border-radius:12px;background:var(--g);color:#1a1712;font-weight:700;font-size:15px;cursor:pointer}.lgbtn svg{width:20px;height:20px}.lgbtn:hover{filter:brightness(1.07)}
.lgnote{min-height:18px;margin:10px 0 0;font-size:12.5px;color:var(--mu)}.lgerr{color:var(--bad);font-size:14px;margin:0 0 14px}
.lgst{color:var(--mu);margin:12px 0 0}.lgspin{width:34px;height:34px;margin:4px auto 0;border-radius:50%;border:3px solid var(--line);border-top-color:var(--g);animation:lgs 0.9s linear infinite}@keyframes lgs{to{transform:rotate(360deg)}}
#mtw{position:fixed;inset:0;z-index:190;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(10,11,13,.78);backdrop-filter:blur(3px)}
.mtc{width:100%;max-width:400px;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px 22px 18px;box-shadow:0 20px 50px rgba(0,0,0,.45)}
.mti{width:60px;height:60px;margin:0 auto 14px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(217,180,74,.14);border:1px solid rgba(217,180,74,.35)}.mti svg{width:28px;height:28px;fill:none;stroke:var(--g);stroke-width:1.8;stroke-linejoin:round}
.mtc h2{font-size:20px;margin:0 0 8px;color:var(--tx)}.mtx{color:var(--mu);font-size:14px;margin:0 0 10px}.mtd{font-size:13px;color:var(--tx);margin:0 0 18px;font-variant-numeric:tabular-nums}
.mtb{width:100%;min-height:46px;border:0;border-radius:12px;background:var(--g);color:#1a1712;font-weight:700;font-size:15px;cursor:pointer}.mtb:disabled{opacity:.6}
.mts{min-height:18px;margin:10px 0 0;font-size:12.5px;color:var(--mu)}
/* r7: автодобавление — без вылезания за карточку */
.aa,.aa *,.bsentry,.bsm,.bsm *{box-sizing:border-box}
.aa{overflow:hidden;max-width:100%}
.aa .aacfg{display:block;width:100%!important;max-width:100%;margin:8px 0 0!important;text-align:center}
.aah>*{min-width:0}.aarow>*{min-width:0;max-width:100%}.aachips{max-width:100%}
.bsm button,.bsm .bseg{max-width:100%}
.lglbl{display:block;text-align:left;font-size:13px;color:var(--tx);margin:0 0 6px;font-weight:600}
#lgin{width:100%;box-sizing:border-box;resize:vertical;min-height:92px;background:var(--bg);color:var(--tx);border:1px solid var(--line);border-radius:12px;padding:10px 12px;font:13px/1.4 ui-monospace,Menlo,monospace}#lgin:focus{outline:none;border-color:var(--g)}
#lgw .lgerr{min-height:18px;margin:8px 0 10px;text-align:left;font-size:13px}.lgbtn:disabled{opacity:.7;cursor:default}.lgspin.sm{width:16px;height:16px;border-width:2px;margin:0}
.lghow{margin:16px 0 0;text-align:left;font-size:13.5px;color:var(--mu)}.lghow summary{cursor:pointer;color:var(--g);font-weight:600;list-style:none;text-align:center}.lghow summary::-webkit-details-marker{display:none}.lghow summary::after{content:' ▾'}.lghow[open] summary::after{content:' ▴'}
.lghow ol{margin:10px 0 0;padding-left:20px;display:grid;gap:6px}.lghow code{background:var(--bg);border:1px solid var(--line);border-radius:5px;padding:0 4px;font-size:12px;color:var(--tx);word-break:break-all}
#lgw{overflow-y:auto;align-items:flex-start}#lgw .lgc{margin:auto 0}
.lgout{display:block;margin:12px 16px;padding:9px 12px;width:calc(100% - 32px);background:transparent;border:1px solid var(--line);border-radius:10px;color:var(--mu);font-size:14px;cursor:pointer}.lgout:hover{color:var(--tx);border-color:var(--g)}
.mtg{width:100%;min-height:42px;margin:4px 0 6px;border:1px solid rgba(217,180,74,.45);border-radius:12px;background:transparent;color:var(--g);font-weight:600;font-size:14px;cursor:pointer}.mtc.gmon .mtg{display:none}
.mtc.gmon{max-width:520px}#mtw{overflow-y:auto}
.gmb{margin:6px 0 4px}.gmh{display:flex;justify-content:space-between;font-size:13px;color:var(--mu);margin:0 0 6px}.gmh b{color:var(--tx)}.gml{color:#dc5046;letter-spacing:2px}
.gmc{display:block;width:100%;height:300px;border-radius:12px;border:1px solid var(--line);touch-action:none;outline:none}
.gmt{font-size:12px;color:var(--mu);margin:8px 0}.gmbtns{display:flex;gap:8px}.gmbtns button{flex:1;min-height:40px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--tx);font-weight:600;cursor:pointer}.gmbtns .gmre{border-color:rgba(217,180,74,.45);color:var(--g)}
@media(max-width:420px){.gmc{height:260px}.mtc{padding:20px 14px 14px}}
/* r9 */
.xh{display:flex;align-items:center;gap:12px;margin:0 0 12px}.xi{flex:none;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(217,180,74,.1);border:1px solid rgba(217,180,74,.3)}.xi img{width:28px;height:28px;object-fit:contain}
.xt{flex:1;min-width:0;display:flex;flex-direction:column}.xt b{color:var(--tx);font-size:15px;overflow:hidden;text-overflow:ellipsis}.xt small{color:var(--mu);font-size:12px}
.xr{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.xr small{color:var(--mu);font-size:11px}.xbig{font-family:Oswald,sans-serif;font-size:22px;color:var(--g);font-weight:600;white-space:nowrap}
.xlv{display:flex;align-items:center;gap:12px;margin:0 0 12px}.xlvn{flex:none;background:var(--bg2);border:1px solid var(--g2,#5a4a20);border-radius:10px;padding:6px 10px;color:var(--mu);font-size:12px}.xlvn b{color:var(--g);font-size:16px}.xlvb{flex:1}.xlvb small{color:var(--mu);font-size:12px}
.xg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 4px}@media(min-width:900px){.xg{grid-template-columns:repeat(3,minmax(0,1fr))}}
.xs{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;min-width:0}.xsk{color:var(--mu);font-size:11.5px}.xs b{color:var(--tx);font-size:15px;overflow-wrap:anywhere}.xs b small{color:var(--mu);font-weight:400;font-size:12px}.xsi img{width:20px;height:20px;object-fit:contain}
.xrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 2px;border-bottom:1px solid var(--line);font-size:14px}.xrow:last-child{border-bottom:0}.xrow.lk{opacity:.55}.xrk{display:flex;align-items:center;gap:8px;color:var(--mu)}.xrv{display:flex;align-items:center;gap:6px;color:var(--tx);font-weight:600;text-align:right}.xrow img{width:20px;height:20px;object-fit:contain}
.xpct{margin:0 0 12px}.xpcth{display:flex;justify-content:space-between;font-size:13px;color:var(--mu);margin:0 0 4px}.xpcth b{color:var(--tx)}
.xw{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:0 0 8px;background:var(--bg2)}.xwh{display:flex;align-items:center;gap:8px;margin:0 0 8px}.xwh b{flex:1;color:var(--tx);font-size:14px}.xwi img{width:26px;height:26px;object-fit:contain}.xwc{color:var(--g);font-weight:700}
.xwg{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.xwg span{font-size:11px;color:var(--mu);display:flex;flex-direction:column}.xwg b{color:var(--tx);font-size:13px}
@media(max-width:420px){.xwg{grid-template-columns:repeat(2,1fr)}}
.xdet summary{cursor:pointer;color:var(--g);font-weight:600}.xdet ul{margin:10px 0 0;padding-left:18px;color:var(--mu);font-size:13px;display:grid;gap:6px}
.xev{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:0 0 8px;background:var(--bg2)}.xev .xh{margin:0 0 6px}.xnote{font-size:12px;margin:6px 0}.xnote a{color:var(--g)}
.xct{display:flex;align-items:center;gap:10px;padding:8px 6px;border-bottom:1px solid var(--line)}.xct:last-child{border-bottom:0}.xct img.av{width:36px;height:36px;border-radius:50%;object-fit:cover;flex:none}.xpl{flex:none;min-width:28px;text-align:center;color:var(--mu);font-weight:700}.xpl img{width:26px;height:26px}
.xct.t1{background:linear-gradient(90deg,rgba(217,180,74,.12),transparent);border-radius:10px}.xwin{display:flex;align-items:center;gap:4px;color:var(--g);font-size:17px}.xwin img{width:20px;height:20px}
.xd{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:0 0 10px;background:var(--bg2)}.xd.on{border-color:rgba(217,180,74,.55)}.xdh{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 6px}.xdh b{color:var(--tx)}
.xst{font-size:12px;border-radius:20px;padding:2px 10px;border:1px solid var(--line);color:var(--mu)}.xst.ok{color:#1a1712;background:var(--g);border-color:var(--g);font-weight:600}
.xdd{margin:8px 0 0}.xdd summary{cursor:pointer;color:var(--g);font-size:13px;font-weight:600;padding:4px 0}.gold{color:var(--g);font-weight:700}
.xbag{margin:0 0 12px}.xset{display:flex;justify-content:space-between;gap:8px;font-size:13px;margin:4px 0 2px}.xset small{color:var(--mu)}
.xcur{margin:4px 0 0}.xsub{color:var(--mu);font-size:12px;margin:10px 0 6px;text-transform:uppercase;letter-spacing:.04em}
.xchips{display:flex;flex-wrap:wrap;gap:6px}.xchip{display:inline-flex;align-items:center;gap:4px;background:var(--bg2);border:1px solid var(--line);border-radius:20px;padding:3px 10px;font-size:12.5px;color:var(--tx)}.xchip img{width:16px;height:16px;object-fit:contain}
.xsoon{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:18px 6px}.xsoon b{color:var(--g);font-size:16px}.xsoon small{color:var(--mu);max-width:300px}
.xinv{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.xit{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:6px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;min-width:0}.xit img{width:40px;height:40px;object-fit:contain}.xit b{color:var(--tx);font-size:13px}.xit small{color:var(--mu);font-size:10.5px;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.xcol{margin:8px 0}.xci{display:inline-flex;flex-direction:column;align-items:center}.xci small{font-size:10px;color:var(--mu)}
.xpr{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.xpi{display:flex;gap:8px;align-items:center;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:6px}.xpi.lk{opacity:.5}.xpi img{width:44px;height:44px;border-radius:8px;object-fit:cover;flex:none}.xpi div{display:flex;flex-direction:column;min-width:0}.xpi b{font-size:13px;color:var(--tx)}.xpi small{font-size:11px;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xbz{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.xbz:last-child{border-bottom:0}.xbz>img{width:40px;height:40px;border-radius:8px;object-fit:cover;flex:none}.xbz small img{width:14px;height:14px;vertical-align:-2px}.xbzl{flex:none;color:var(--g);font-weight:700;font-size:16px}.xbzl small{color:var(--mu);font-weight:400;font-size:12px}
.xtask{margin:0 0 10px}.xtask .xdh{font-size:13.5px;margin:0 0 3px}.xtask .xdh small{color:var(--mu);white-space:nowrap}.xtask.ok .xdh span{color:var(--mu)}
/* r10 */
.xcap{margin:0 0 8px}
@media(min-width:900px){.xevw{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.xevw>*{margin:0}}

/* collapse */
#side .sg{cursor:pointer;user-select:none}#side .sg:hover{color:var(--tx)}#side .sgc{margin-left:auto;transition:.2s;transform:rotate(90deg);font-style:normal}#side .sg.shut .sgc{transform:none}#side .sgb.shut{display:none}
#view .card>h2.cl{cursor:pointer;user-select:none;display:flex;align-items:center;gap:8px}#view .card>h2.cl::after{content:'›';margin-left:auto;color:var(--mu);transform:rotate(90deg);transition:.2s;font-size:18px}
#view .card.shut>h2.cl::after{transform:none}#view .card.shut>*:not(h2){display:none!important}#view .card.shut>h2{margin-bottom:0}

.wday{display:flex;flex-wrap:wrap;gap:2px 10px;margin:2px 0 8px;font-size:12px;color:var(--mu)}.wday b{color:var(--tx);font-weight:600}.wday b.pos{color:#7fd19a}

.gd{font-style:normal;font-weight:600;font-size:13px;margin-left:6px;vertical-align:middle}.gd.pos{color:#3ecf6e}.gd.neg{color:#ef5350}.gd.nul{color:#8a9099}
.emb{width:28px;height:28px;flex:0 0 28px;display:inline-block;vertical-align:middle;margin-right:6px}.emb.big{width:72px;height:72px;flex-basis:72px}.emb.pe{width:40px;height:40px;display:block;margin:2px auto}
.emb0{border-radius:50%;background:radial-gradient(circle,#3a3f46 0 55%,#2a2e33 56%);position:relative}.emb0::after{content:"★";color:#6b727b;font-size:13px;position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.hhead{display:flex;gap:12px;align-items:flex-start}.hinfo{flex:1;min-width:0}.hinfo h2{margin:0 0 6px}.hkv{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px}
.hexp{margin:10px 0}.hmsg{background:#1d2126;border-radius:8px;padding:8px 10px;margin:8px 0}.hmsg p{margin:4px 0 0;white-space:pre-wrap;word-break:break-word}
.hbtns{display:flex;flex-wrap:wrap;gap:6px}.hb{background:#2a2f36;color:#e8e8e8;border:1px solid #3a414a;border-radius:8px;padding:7px 12px;font:inherit;cursor:pointer}.hb[disabled]{opacity:.45;cursor:not-allowed}.hb.sm{padding:4px 8px;font-size:12px}
.hscr{overflow-x:auto;-webkit-overflow-scrolling:touch}.ht{width:100%;border-collapse:collapse;font-size:13px}.ht th{cursor:pointer;white-space:nowrap;user-select:none;position:sticky;top:0;background:#1a1d21;text-align:left;padding:6px 5px}.ht th.on{color:#f0c040}.ht td{padding:6px 5px;border-top:1px solid #2a2f36;white-space:nowrap}.ht td.hn{max-width:140px;overflow:hidden;text-overflow:ellipsis}.ht tr.me td{background:#2b2a1a}.ht tbody tr{cursor:pointer}
.hdsw{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.hdsw button{background:#2a2f36;color:#ddd;border:1px solid #3a414a;border-radius:8px;padding:5px 10px}.hdsw button.on{background:#f0c040;color:#111}.hdsw select{background:#2a2f36;color:#ddd;border:1px solid #3a414a;border-radius:8px;padding:5px;max-width:160px}
.hg{display:flex;align-items:flex-end;gap:2px;height:140px;margin:6px 0 10px}.hgc{flex:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%;min-width:0}.hgc i{display:block;background:#f0c040;border-radius:2px 2px 0 0;min-height:1px}.hgc span{font-size:9px;color:#8a9099;text-align:center;overflow:hidden}
.hj{display:flex;gap:8px;padding:5px 0;border-top:1px solid #2a2f36;font-size:13px}.hj>span:first-child{flex:0 0 80px}.hlist{max-height:65vh;overflow-y:auto}.hlist .row{display:flex;align-items:center;gap:6px}.hlist .n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.hpl{display:flex;gap:10px;align-items:center;margin-bottom:8px}.hav{width:48px;height:48px;border-radius:50%}.hpb{display:flex;gap:6px;margin-top:10px}.hauto{display:block;margin:8px 0;opacity:.6}
@media(max-width:600px){.ht{font-size:12px}.ht td.hn{max-width:96px}.emb.big{width:56px;height:56px;flex-basis:56px}}
.clk{cursor:pointer}.kv.clk:hover{border-color:#f0c040}
.achtabs{display:flex;gap:4px;overflow-x:auto;padding-bottom:6px}.achtabs button{flex:0 0 auto;background:#2a2f36;color:#ddd;border:1px solid #3a414a;border-radius:8px;padding:5px 9px;font-size:12px}.achtabs button.on{background:#f0c040;color:#111}
.achf{display:flex;justify-content:space-between;align-items:center;margin:6px 0}.achl{display:grid;gap:6px}.ach{display:flex;gap:8px;align-items:center;background:#1d2126;border-radius:8px;padding:6px 8px}.ach.ok{opacity:.75}.ach>img{width:40px;height:40px;object-fit:contain}.acht{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.achr{text-align:center;font-weight:700;color:#f0c040;font-size:13px}.achr .ri{width:18px}.pos{color:#3ecf6e}
.achw{max-height:70vh;overflow-y:auto}
.enw{display:grid;grid-template-columns:1fr 1fr;gap:8px}.enb{display:flex;flex-direction:column;align-items:center;gap:4px;background:#1d2126;border-radius:10px;padding:10px;text-align:center}.enb img{height:48px}
.tlg{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:6px}.tl{display:flex;flex-direction:column;align-items:center;background:#1d2126;border:1px solid #3a414a;border-radius:8px;padding:5px;text-align:center}.tl img{width:40px;height:40px}.tl span{font-weight:700;font-size:12px}.tl small{font-size:10px;color:#9aa0a8;line-height:1.1}.tl.mx{border-color:#f0c040}.tl.lk{opacity:.4}
.wbq{width:90px;margin:0 8px;background:#2a2f36;color:#eee;border:1px solid #3a414a;border-radius:6px;padding:4px}
.htabs{display:flex;gap:4px;background:#1b1b1d;border-radius:10px;padding:4px;margin-bottom:10px}.htb{flex:1;border:0;background:none;color:#aaa;padding:8px;border-radius:8px;font:inherit}.htb.on{background:#0d0d0e;color:#fff;font-weight:600}
.hq{padding:8px 0;border-bottom:1px solid #2a2a2c}.hpb{position:relative;height:18px;border:1px solid #333;border-radius:9px;overflow:hidden;margin:3px 0 6px}.hpb i{position:absolute;inset:0 auto 0 0;background:#d4a017}.hpb span{position:relative;display:block;text-align:center;font-size:11px;line-height:16px;font-weight:600}
.hsw{display:flex;justify-content:space-between;align-items:center;padding:7px 0;gap:8px}.hsw input[type=number]{width:80px;background:#111;color:#fff;border:1px solid #333;border-radius:6px;padding:4px}
.mor{display:flex;align-items:center;gap:6px;padding:5px 0;border-bottom:1px solid #2a2a2c}.mor span{flex:1}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.btn.wide{width:100%;margin-top:8px}.btn.gold{background:#d4a017;color:#000}.btn.red{background:#d32f2f;color:#fff}.btn[disabled]{opacity:.5}
.cw{padding:8px 0;border-bottom:1px solid #2a2a2c}.cg,.cr3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px}.cg label{font-size:12px;color:#aaa;display:flex;flex-direction:column;gap:3px}
.cin{width:100%;box-sizing:border-box;background:#111;color:#fff;border:1px solid #333;border-radius:6px;padding:6px;font:inherit}.hsw .cin{width:120px}
.cr3 span{background:#1b1b1d;border-radius:8px;padding:6px;font-size:11px;color:#aaa;display:flex;flex-direction:column}.cr3 b{color:#fff;font-size:14px}
.cef{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:8px;border-radius:8px;margin:4px 0;background:#1b1b1d}.cef small{grid-column:1;color:#999}.cef b{grid-row:1/3;grid-column:2;align-self:center}.cef.best{outline:1px solid #d4a017;background:#2a2410}.neg{color:#e53935}
/* ===== Дизайн v2 ===== */
.card{background:linear-gradient(180deg,#1d2027,#171a20);border:1px solid #2c313b;border-radius:14px;box-shadow:0 4px 18px #0006,inset 0 1px 0 #ffffff08}
.card>h2,.card>.ch,.card .plate{letter-spacing:.3px}
h2{color:var(--y);text-shadow:0 1px 0 #000}
details>summary{list-style:none;cursor:pointer;position:relative;padding-right:22px}details>summary::-webkit-details-marker{display:none}
details>summary::after{content:'›';position:absolute;right:6px;top:50%;transform:translateY(-50%) rotate(90deg);color:var(--y);transition:.2s;font-weight:700}details[open]>summary::after{transform:translateY(-50%) rotate(-90deg)}
input[type=checkbox]{appearance:none;-webkit-appearance:none;width:40px;height:22px;border-radius:11px;background:#2a2f38;border:1px solid #3a404b;position:relative;cursor:pointer;flex:none;transition:.2s;vertical-align:middle;margin:0}
input[type=checkbox]::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#8d94a0;transition:.2s}
input[type=checkbox]:checked{background:linear-gradient(#e2b43a,#b8861a);border-color:#e2b43a}input[type=checkbox]:checked::after{left:20px;background:#1a1408}
input[type=checkbox]:disabled{opacity:.45;cursor:not-allowed}
button:disabled,.btn:disabled,.ub:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}
.btn{border-radius:10px;transition:.15s}.btn:not(:disabled):hover{border-color:var(--y)}
table{border-collapse:separate;border-spacing:0;width:100%}th{color:var(--mu);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.4px}td,th{padding:8px 6px;border-bottom:1px solid #262a32}tr:hover td{background:#ffffff05}
/* единый компонент окон */
#uiw{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:14px}#uiw[hidden]{display:none}
.uish{position:absolute;inset:0;background:#05060899;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:.18s}
.uicard{position:relative;width:100%;max-height:88vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#20242c,#16191f);border:1px solid #6b5420;border-radius:16px;box-shadow:0 0 0 1px #d9a52022,0 20px 60px #000c;transform:translateY(14px) scale(.98);opacity:0;transition:.18s}
.uicard.sm{max-width:420px}.uicard.md{max-width:680px}.uicard.lg{max-width:1000px}
#uiw.on .uish{opacity:1}#uiw.on .uicard{transform:none;opacity:1}
.uih{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #2c313b;background:linear-gradient(90deg,#d9a52014,transparent);border-radius:16px 16px 0 0;position:sticky;top:0}
.uih b{font-size:17px;color:#f3e2b0;flex:1}.uiic{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#d9a52022;border:1px solid #d9a52066}
.uix{background:#ffffff0d;border:1px solid #333a45;color:#ccc;width:32px;height:32px;border-radius:10px;cursor:pointer}.uix:hover{color:#fff;border-color:var(--y)}
.uib{padding:14px 16px;overflow:auto;flex:1}.uif{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #2c313b;flex-wrap:wrap}.uif .ub{flex:1}
.ub{background:linear-gradient(#2b3039,#20242b);color:var(--tx);border:1px solid #3a404b;border-radius:10px;padding:10px 14px;font:inherit;font-weight:600;cursor:pointer;min-height:40px}
.ub.gold{background:linear-gradient(#e6b83f,#b8861a);color:#1a1408;border-color:#e6b83f}.ub.red{background:linear-gradient(#d84a3c,#a8301f);color:#fff;border-color:#d84a3c}.ub.sm{padding:6px 10px;min-height:32px;font-size:13px}.ub.wide{width:100%;margin:8px 0}.ub.on{border-color:var(--y);color:var(--y)}
.ugrid,.ugrid3{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.ugrid3{grid-template-columns:repeat(3,1fr)}
.ut{background:#ffffff07;border:1px solid #2c313b;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:2px}.ut small{color:var(--mu)}.ut b{font-size:18px}.ut.neg b{color:#ff7b6b}.ut.pos b{color:#6fd58c}
.uin,.uta{width:100%;box-sizing:border-box;background:#0f1115;color:#fff;border:1px solid #333a45;border-radius:10px;padding:9px 12px;font:inherit}.uta{min-height:80px}
.empty{text-align:center;color:var(--mu);padding:28px 10px;font-size:15px;line-height:1.8}
.tgl{display:inline-block;width:40px;height:22px;border-radius:11px;background:#2a2f38;border:1px solid #3a404b;position:relative;flex:none;cursor:pointer}.tgl i{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#8d94a0;transition:.2s}
.tgl.on{background:linear-gradient(#e2b43a,#b8861a);border-color:#e2b43a}.tgl.on i{left:20px;background:#1a1408}.tgl[disabled]{opacity:.55;cursor:not-allowed}
/* игрок */
.phd{display:flex;gap:12px;align-items:center;margin-bottom:12px}.pav{width:56px;height:56px;border-radius:12px;border:2px solid #d9a52066;object-fit:cover}.pnm{font-size:19px;font-weight:700}
.rkb{background:#d9a52022;color:#f0c75a;border:1px solid #d9a52055;border-radius:6px;padding:1px 8px;font-size:12px}
.pgrid3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}
.pst{background:#ffffff06;border:1px solid #2a2f38;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:3px;text-align:right}.psth{display:flex;justify-content:space-between;gap:6px;align-items:baseline}.psth span{color:var(--mu);font-size:13px;text-align:left}
.pst.wpn{text-align:left}.pst.kni{border-left:3px solid #4a8fe0}.pst.gun{border-left:3px solid #e08a2e}.pst.poi{border-left:3px solid #a45ee0}
.dl{font-style:normal;font-weight:700;margin-left:4px}.dl.pos{color:#5fd07c}.dl.neg{color:#ff6b5b}.dl.nul{color:#777}
.psec{margin:12px 0 6px;font-weight:700;color:#f3e2b0}.pbgrid{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}.pbh{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--mu);margin:8px 0 4px;letter-spacing:.5px}
.pbr{display:flex;align-items:center;gap:6px;background:#ffffff06;border-radius:8px;padding:7px 10px;margin-bottom:4px}.pbr b{flex:1}
.cbdg{font-size:11px;font-weight:700;border-radius:6px;padding:1px 6px;border:1px solid}.cbdg.cp{color:#5fd07c;border-color:#2f8a4a;background:#5fd07c14}.cbdg.cb{color:#f0b03a;border-color:#a8781f;background:#f0b03a14}.cbdg.ca{color:#ff6b5b;border-color:#a83a2f;background:#ff6b5b14}
.pft{display:flex;justify-content:space-between;margin-top:12px;font-size:12px;flex-wrap:wrap;gap:6px}
/* привилегии / заявки */
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.chip{background:#ffffff08;border:1px solid #333a45;color:var(--tx);border-radius:20px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer}.chip.on{background:#d9a52022;border-color:var(--y);color:#f3d27a}
.plist{display:flex;flex-direction:column;gap:4px}.prow{display:flex;align-items:center;gap:10px;justify-content:space-between;background:#ffffff06;border:1px solid #262a32;border-radius:10px;padding:9px 12px;margin:4px 0}.prow>span{flex:1}
/* выбор боссов */
.pktop{display:flex;gap:10px;align-items:center;position:sticky;top:-14px;background:#1b1e25;padding:6px 0;z-index:2}.pkc{white-space:nowrap;color:var(--mu)}.pkc b{color:var(--y)}.pkbtn{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}
.bkg{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px}.bk{display:flex;align-items:center;gap:8px;background:#ffffff06;border:1px solid #2a2f38;border-radius:10px;padding:8px;cursor:pointer;min-height:48px}.bk>div{flex:1;min-width:0}.bk small{display:block;color:var(--mu);font-size:11px}.bk.on{border-color:var(--y);background:#d9a52014}
/* бонусы */
.bonl{display:flex;flex-direction:column;gap:4px;margin:6px 0}.bon{background:#ffffff06;border:1px solid #2a2f38;border-radius:8px;padding:6px 10px;font-size:13px;line-height:1.5}.bonp{color:#5fd07c;font-weight:800}
.wbdg{display:inline-block;border-radius:6px;padding:0 6px;font-weight:600;font-size:12px;border:1px solid}.wbdg.gun{color:#f0a04a;border-color:#a8681f;background:#f0a04a18}.wbdg.poi{color:#c58af0;border-color:#7a3fa8;background:#c58af018}.wbdg.kni{color:#6aaaf0;border-color:#2f5f9a;background:#6aaaf018}.wbdg.oth{color:#ddd;border-color:#444}
/* старые окна в общем стиле */
#bsmw .nshade,#nsetw .nshade,#ntfwrap .nshade{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#05060899}
#bsmw .bsm{max-width:1000px;width:calc(100% - 28px);border:1px solid #6b5420;border-radius:16px;background:linear-gradient(180deg,#20242c,#16191f);box-shadow:0 20px 60px #000c;animation:uiin .18s}
@keyframes uiin{from{opacity:0;transform:translateY(14px)}}
#ntf{border-left:1px solid #6b5420;background:linear-gradient(180deg,#20242c,#16191f)}
.hpb{display:flex;gap:8px;flex-wrap:wrap}.hpb .hb{flex:1;min-height:40px}
@media(max-width:600px){#uiw{padding:0;align-items:flex-end}.uicard{max-height:92vh;border-radius:16px 16px 0 0}.uicard.sm{max-width:none;margin:0 8px 8px;border-radius:16px}
 .pgrid3,.ugrid3{grid-template-columns:1fr 1fr}.pgrid3 .pst:last-child:nth-child(odd){grid-column:span 2}.pbgrid{grid-template-columns:1fr}.bkg{grid-template-columns:1fr 1fr}.bk{flex-direction:column;align-items:flex-start;position:relative}.bk .tgl{position:absolute;right:8px;top:8px}
 #bsmw .bsm{width:100%;border-radius:16px 16px 0 0}}
.ttree{display:flex;flex-direction:column;align-items:stretch;margin-top:10px}.tblk{background:linear-gradient(180deg,#1d2027,#171a20);border:1px solid #2c313b;border-radius:12px;padding:10px}
.tbt{font-weight:700;color:#f3e2b0;margin-bottom:8px}.trow{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.tar{text-align:center;color:var(--mu);line-height:1.2}.tar.big{color:var(--y);font-size:18px;margin:4px 0}
.tn{position:relative;width:92px;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.tn img{width:60px;height:60px;border-radius:10px;border:2px solid #3a404b;object-fit:cover}
.tn.done img{border-color:#39d26a;box-shadow:0 0 10px #39d26a66}.tn.av img{border-color:#e2b43a;box-shadow:0 0 8px #e2b43a55}.tn.lk img{opacity:.4;filter:grayscale(.8)}.tn.sup img{border-width:3px}
.tlv{font-size:12px;font-weight:700;border-radius:6px;padding:0 6px;background:#ffffff10}.tn.done .tlv{color:#5fd07c;background:#5fd07c18}.tn.av .tlv{color:#f0c75a;background:#f0c75a18}
.tn small{font-size:11px;line-height:1.2}.tn em{font-style:normal;font-size:10px;color:var(--mu)}.tno{position:absolute;top:-4px;left:10px;font-style:normal;font-size:10px;background:#000c;border:1px solid #444;border-radius:8px;padding:0 4px}
.hpb .ub{flex:1}
@media(max-width:600px){.tn{width:76px}.tn img{width:52px;height:52px}.trow{gap:4px;flex-wrap:nowrap}.tn small{font-size:10px}}
.hpb{margin:8px 0}.hpb .ub{height:auto;min-height:40px;display:block;overflow:visible}
.tbtn{display:flex;gap:8px;margin:8px 0}.tbtn .ub{flex:1}