.roster-wrap{max-width:1080px;margin:0 auto}.dossier{display:grid;grid-template-columns:.92fr 1.08fr;background:linear-gradient(125deg,#14110b,#241d12);border:3px solid #000;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-pop);min-height:540px;position:relative}.dossier:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px #ffffff0f}.dossier .stage{position:relative;display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(78% 62% at 50% 38%,color-mix(in srgb,var(--ch) 34%,transparent) 0%,transparent 70%),linear-gradient(180deg,#0d0b07,#161009);overflow:hidden;border-right:3px solid #000}.dossier .stage .grid{position:absolute;inset:0;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(70% 70% at 50% 45%,#000,transparent 78%);mask-image:radial-gradient(70% 70% at 50% 45%,#000,transparent 78%)}.dossier .stage .floor{position:absolute;bottom:34px;left:50%;transform:translate(-50%);width:62%;height:30px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.65),transparent 80%);filter:blur(4px)}.dossier .stage .fig{position:relative;z-index:2;height:88%;max-height:480px;width:auto;margin-bottom:18px;filter:drop-shadow(0 18px 22px rgba(0,0,0,.5));animation:figIn .5s var(--ease-out) both}@keyframes figIn{0%{transform:translateY(16px) scale(.98)}to{transform:none}}.dossier .stage .watermark{position:absolute;top:18px;left:18px;z-index:1;font-family:var(--pixel);font-size:8px;letter-spacing:.1em;color:#ffffff52;text-transform:uppercase}.dossier .info{padding:clamp(28px,3.4vw,46px);color:#fff;display:flex;flex-direction:column;justify-content:center}.role-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-family:var(--pixel);font-size:9px;letter-spacing:.05em;text-transform:uppercase;padding:7px 12px;border-radius:6px;color:#fff;margin-bottom:18px;box-shadow:0 3px #00000059}.role-badge .d{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fffc}.role-player{background:linear-gradient(var(--grass-hi),var(--grass))}.role-monster{background:linear-gradient(#ff6bc0,var(--magenta))}.dossier .name{font-family:var(--pixel);font-size:clamp(30px,5vw,52px);line-height:1;color:var(--ch);text-shadow:4px 5px 0 rgba(0,0,0,.55);margin:2px 0;letter-spacing:.01em}.dossier .tagline{font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#cfc6b4;margin:14px 0 22px;display:flex;align-items:center;gap:10px}.dossier .tagline:before{content:"";width:26px;height:3px;border-radius:2px;background:var(--ch)}.dossier .notes{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:26px}.dossier .notes li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;color:#e7e0d2;line-height:1.5}.dossier .notes .bk{flex:none;width:14px;height:14px;border-radius:3px;margin-top:4px;background:var(--ch);box-shadow:0 2px #0006}.dossier .pal-label{font-family:var(--pixel);font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#8e8775;margin-bottom:12px}.dossier .palette{display:flex;flex-wrap:wrap;gap:14px}.dossier .sw{display:flex;flex-direction:column;align-items:center;gap:7px;width:54px}.dossier .sw .chipcol{width:40px;height:40px;border-radius:8px;border:2px solid rgba(0,0,0,.5);box-shadow:0 3px #0006}.dossier .sw .nm{font-family:var(--mono);font-size:8.5px;line-height:1.25;text-transform:uppercase;letter-spacing:.02em;color:#9c9483;text-align:center}.roster-rail{display:flex;justify-content:center;gap:clamp(18px,3vw,40px);margin-top:30px;flex-wrap:wrap}.rg{display:flex;flex-direction:column;align-items:center;gap:12px}.rg-label{font-family:var(--pixel);font-size:9px;letter-spacing:.05em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;color:var(--ink-soft)}.rg-label .d{width:8px;height:8px;border-radius:2px}.rg-label.players .d{background:var(--grass)}.rg-label.monsters .d{background:var(--magenta)}.rg-row{display:flex;gap:12px}.pick{position:relative;width:clamp(78px,11vw,104px);cursor:pointer;border:none;background:none;padding:0;display:flex;flex-direction:column;align-items:stretch;gap:0;transition:transform .16s var(--ease)}.pick .frame{position:relative;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:repeating-conic-gradient(#0000 0 25%,#0000000d 0 50%) 0 0/22px 22px,var(--bg-soft);border:2px solid var(--line-2);box-shadow:0 4px 0 var(--line-2);transition:.16s var(--ease)}.pick .frame img{position:absolute;top:-4%;left:50%;transform:translate(-50%);height:122%;width:auto;max-width:none}.pick .pn{font-family:var(--disp);font-weight:800;font-size:13px;margin-top:9px;color:var(--ink-soft);text-align:center;transition:color .16s}.pick:hover{transform:translateY(-3px)}.pick:hover .frame{border-color:var(--ch)}.pick.active{transform:translateY(-3px)}.pick.active .frame{border-color:var(--ch);box-shadow:0 4px color-mix(in srgb,var(--ch) 60%,#000),0 0 0 3px color-mix(in srgb,var(--ch) 35%,transparent)}.pick.active .pn{color:var(--ink)}:root[data-bg=dusk] .pick.active .pn,:root[data-bg=night] .pick.active .pn{color:#fff}.pick:focus-visible{outline:3px solid var(--sky);outline-offset:3px}@media(max-width:860px){.dossier{grid-template-columns:1fr}.dossier .stage{min-height:380px;border-right:none;border-bottom:3px solid #000}.dossier .stage .fig{height:auto;max-height:360px}}@media(max-width:560px){.roster-rail{gap:22px}.rg-row{gap:10px}}