/* ---- v3 extras (Claude, 01.10.2026) ---- */
.small{font-size:12px}
.launch .countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:6px 0 10px}
.launch .countdown div{background:#0a1418;border:1px solid var(--line);border-radius:8px;text-align:center;padding:8px 0}
.launch .countdown b{display:block;font:700 22px Cinzel,serif;color:var(--gold)}
.launch .countdown span{font-size:11px;color:var(--muted)}
.beta-live{display:flex;align-items:center;gap:10px;font-size:16px;margin:6px 0}
.beta-live i{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);animation:pulse 2s infinite}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:22px}
.info-grid h3{margin:0 0 10px;font-size:17px}
.ot-table{width:100%;border-collapse:collapse;font-size:14px}
.ot-table th{text-align:left;color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line2);padding:6px 4px}
.ot-table td{padding:7px 4px;border-bottom:1px solid #22343b88}
.ot-table td:last-child{text-align:right}
.ot-table b{color:var(--gold)}
.skull{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:8px;vertical-align:-1px;border:1px solid #0008}
.skull.white{background:#f2f2f2}.skull.red{background:#e0453c}.skull.black{background:#111;border-color:#666}
.roadmap{margin-top:22px}
.roadmap h3{margin-top:0}
.timeline{list-style:none;margin:0;padding:0 0 0 22px;position:relative}
.timeline:before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--teal2),var(--gold2),var(--line2))}
.timeline li{position:relative;padding:0 0 18px 14px}
.timeline li:before{content:"";position:absolute;left:-22px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--panel);border:2px solid var(--line2)}
.timeline li.done:before{background:var(--teal2);border-color:var(--teal)}
.timeline li.now:before{background:var(--gold);border-color:#fff3;box-shadow:0 0 0 5px #e2c27e33;animation:pulse 2s infinite}
.timeline .when{display:block;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.timeline b{color:#f1e6c8}.timeline li.now b{color:var(--gold)}
.timeline p{margin:2px 0 0;color:var(--muted);font-size:14px}
.events .ev{list-style:none;margin:0;padding:0}
.events .ev li{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #22343b88}
.events .ev li:last-child{border:0}
.events small{display:block;color:var(--muted);font-size:12px}
.ev-ico{flex:0 0 28px;height:28px;border-radius:8px;background:#ffffff0a;border:1px solid var(--line2);position:relative}
.ev-ico:after{content:"";position:absolute;inset:8px;border-radius:50%}
.ev-ico.boost:after{background:var(--gold)}.ev-ico.task:after{background:var(--teal)}.ev-ico.week:after{background:#8aa0ff}
.ev-ico.rare:after{background:#c070ff}.ev-ico.beta:after{background:var(--green)}
.dc-members{list-style:none;margin:8px 0 10px;padding:0;max-height:230px;overflow:auto}
.dc-members li{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:13px}
.dc-members img{width:24px;height:24px;border-radius:50%}
.dc-members .st{width:8px;height:8px;border-radius:50%;background:var(--green);margin-left:auto}
.dc-members .st.idle{background:#f0b232}.dc-members .st.dnd{background:#f23f43}
.dc-hint{font-size:12px;color:var(--muted);background:#5865f214;border:1px dashed #5865f266;border-radius:8px;padding:8px}
.top .outfit{width:40px;height:40px;object-fit:contain;margin:-6px 0;image-rendering:pixelated}
.tal-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 14px}
.tal-tab{background:#ffffff08;border:1px solid var(--line2);color:var(--text);padding:8px 14px;border-radius:8px;cursor:pointer;font:600 13px Inter,sans-serif}
.tal-tab.on{background:linear-gradient(180deg,#f0d495,var(--gold2));color:#1b1406;border-color:transparent}
.tal-voc{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.tal-tree{background:#0a1418;border:1px solid color-mix(in srgb,var(--tc) 60%,#000);border-radius:10px;overflow:hidden}
.tal-head{display:flex;gap:10px;align-items:center;padding:10px;background:color-mix(in srgb,var(--tc) 45%,#000)}
.tal-head b{display:block;font-family:Cinzel,serif;color:#fff}.tal-head small{color:#ddd}
.tal-ico{flex:0 0 32px;width:32px;height:32px;border-radius:6px;border:1px solid #fff3;background:url(../assets/talents.png) no-repeat}
.tal-row{display:flex;gap:6px;padding:6px 8px;border-bottom:1px solid #22343b66;align-items:stretch}
.tal-row .need{flex:0 0 18px;color:var(--gold2);font-size:12px;align-self:center}
.tal-node{flex:1;display:flex;gap:6px;align-items:flex-start;font-size:12px;line-height:1.3}
.tal-node b{display:block;color:#f1e6c8;font-size:12px}.tal-node small{color:#9fe09f;font-size:11px}
.tal-cap{display:flex;gap:10px;padding:10px;align-items:center}
.cap-ico{flex:0 0 64px;width:64px;height:64px;background:url(../assets/talents_caps.png) no-repeat}
.tal-cap b{color:var(--gold);font-family:Cinzel,serif}.tal-cap small{display:block;color:var(--muted)}.tal-cap p{margin:4px 0 0;font-size:12px;color:var(--muted)}
@media (max-width:1000px){.info-grid,.tal-voc{grid-template-columns:1fr}}
#talent-list{display:block!important}#talent-list>div{width:100%!important}
.tal-tab{background:#ffffff08!important;color:var(--text)!important;box-shadow:none!important}.tal-tab.on{background:linear-gradient(180deg,#f0d495,#b8924a)!important;color:#1b1406!important}