/* Pro-Layout: Seitenleiste, Navy-Look */
.wrap{max-width:1420px;padding:0 24px 24px 244px}
header{position:sticky;top:0;z-index:20;margin:0 -24px 16px -244px;padding:12px 24px 12px 244px;background:#0a1c2af0;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.logo{position:absolute;left:24px}
.side{position:fixed;left:0;top:0;bottom:0;width:220px;z-index:25;padding:68px 12px 12px;background:#0a1a27;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:4px;overflow-y:auto}
.side button{text-align:left;background:transparent;border:0;color:#c3d4e3;font-weight:600;padding:11px 14px;border-radius:8px;background-image:none!important;animation:none!important}
.side button:hover{background:#12304f}.side button.on{background:#17406b;color:#fff;box-shadow:inset 3px 0 0 #38bdf8}
.pbtn{color:var(--tx);cursor:pointer;background:#0c2234;border:1px solid var(--line)}.pbtn:hover{border-color:#38bdf8}
.pill{background:#0c2234}
.card{border-radius:12px;background:linear-gradient(180deg,#0e2030,#0b1b29);border-color:var(--line)}
.slot{background:#0b1b29;border:1px solid var(--line)}.slot.e{color:#4a6580;background:transparent;border:1px dashed var(--line)}
.team{background:#0f2436}.nav{display:none}
textarea{font:inherit;width:100%;min-height:96px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#0b1b29;color:var(--tx);outline:0;resize:vertical}
a.btn{display:inline-block;text-decoration:none;color:var(--tx);padding:10px 18px;border-radius:12px;font-weight:700;background:#1a3550}
.warn{border-color:#b45309;color:#fbbf24}
.chat{display:grid;gap:8px;margin:14px 0;max-height:420px;overflow:auto}.msg{background:#0f2436;border-radius:10px;padding:10px 12px;max-width:85%}.msg.st{background:#12304f;margin-left:auto;border:1px solid #2f7bf5}.msg small{color:var(--mu);display:block;margin-bottom:2px}
.bracket{display:flex;gap:28px;overflow-x:auto;padding:6px 2px 10px;align-items:stretch}.bc{display:flex;flex-direction:column;justify-content:space-around;gap:14px;min-width:210px}.bc h3{color:var(--mu);font-size:13px;margin:0;text-transform:uppercase;letter-spacing:1px}
.bm{border:1px solid var(--line);border-radius:10px;background:#0f2436;overflow:hidden;position:relative}.bm:after{content:"";position:absolute;right:-29px;top:50%;width:28px;border-top:2px solid #1e3a52}.bc:last-child .bm:after{display:none}
.bm small{display:block;padding:4px 10px}.br{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--line);min-height:42px}.br:last-of-type{border:0}
.br.w{background:#14532d55;font-weight:800}.br.l{opacity:.45}.br button{padding:2px 10px}.br i{color:var(--mu)}
.sgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.sl{aspect-ratio:3/4;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;text-align:left;padding:14px;border-radius:12px;border:1px solid #ffffff22;color:#fff;background:linear-gradient(160deg,hsl(var(--h) 70% 38%),hsl(calc(var(--h) + 50) 60% 14%));transition:transform .2s,box-shadow .2s}
.sl:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 12px 28px hsl(var(--h) 80% 40% / .45)}.sl b{font-size:18px;line-height:1.15}.sl small{opacity:.7}
.slotf{width:100%;height:78vh;min-height:520px;border:0;border-radius:12px;background:#000}
.pf{width:min(560px,100%);max-height:90vh;overflow:auto;margin:0}.pcard{display:flex;align-items:center;gap:14px;padding:16px;border-radius:12px;background:linear-gradient(120deg,#0b3a78,#0b1f3a)}
.av{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font:800 24px system-ui;background:#12304f;border:3px solid #2f7bf5}.pcard small{color:#9cc4ff}
.pst{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.pst div{background:#0f2436;border-radius:10px;padding:10px}.pst small{display:block;color:var(--mu);font-size:11px}.pst b{font-size:17px}
.seg{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:6px 0}.seg i{height:8px;border-radius:4px;background:#14293b}.seg i.on{background:#2f7bf5}
@media(max-width:900px){.wrap{padding:0 14px 20px}header{margin:0 -14px 12px;padding:10px 14px}.logo{position:static}
 .side{position:static;width:auto;flex-direction:row;padding:0 0 10px;background:none;border:0;overflow-x:auto}.side button{white-space:nowrap;background:#0e2030}.pst{grid-template-columns:repeat(2,1fr)}}