.dossier{width:min(100%,1400px);min-width:0;padding:24px 32px 56px}.breadcrumbs{height:36px;display:flex;align-items:center;gap:8px;color:var(--text-subtle);font-size:var(--text-xs)}.breadcrumbs a:hover{color:var(--action-hover)}.breadcrumbs span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dossier-head{min-height:102px;padding:12px 0 22px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;border-bottom:1px solid var(--border)}.dossier-head h1{max-width:900px;margin:0;font-size:var(--text-2xl);line-height:1.15;letter-spacing:-.035em;text-wrap:balance}.dossier-head p{margin:7px 0 0;color:var(--text-subtle)}.feature-chips{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px}.feature-chips span{padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-xs)}.source-button{min-height:40px;padding:0 14px;display:inline-flex;align-items:center;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);font-weight:650;white-space:nowrap}.source-button:hover{border-color:var(--action);color:var(--action-hover)}.source-button:active{background:var(--surface-raised)}
.dossier-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.62fr);gap:24px;padding-top:24px}.dossier-grid>div{min-width:0}.dossier-aside{min-width:0;display:grid;gap:12px;align-content:start;position:sticky;top:80px;max-height:calc(100dvh - 96px);overflow:auto;scrollbar-width:thin}
.dossier-gallery{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--surface)}.gallery-main{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--canvas)}.gallery-main>img{width:100%;height:100%;object-fit:contain}.gallery-main>span{position:absolute;right:10px;bottom:10px;padding:5px 7px;border-radius:var(--radius-sm);background:color-mix(in oklch,var(--canvas) 88%,transparent);font-size:var(--text-xs)}.gallery-thumbs{padding:8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border-top:1px solid var(--border)}.gallery-thumb{position:relative;aspect-ratio:16/9;padding:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--canvas);cursor:pointer}.gallery-thumb img{width:100%;height:100%;object-fit:cover;opacity:.72}.gallery-thumb:hover{border-color:var(--border-strong)}.gallery-thumb:hover img,.gallery-thumb.is-active img{opacity:1}.gallery-thumb.is-active{border-color:var(--action)}.gallery-thumb:active{transform:translateY(1px)}.gallery-thumb:disabled{opacity:.45;cursor:not-allowed}.gallery-empty{min-height:440px;display:grid;place-items:center;color:var(--text-subtle)}
.fact-panel,.raid-panel,.source-panel,.rating-panel,.video-panel,.related-panel{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.fact-panel>header,.source-panel>header,.rating-panel>header,.video-panel>header,.related-panel>header{min-height:46px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border)}.fact-panel h2,.source-panel h2,.rating-panel h2,.video-panel h2,.related-panel h2{margin:0;font-size:var(--text-md)}.fact-panel header>span,.source-panel header>span,.rating-panel header>span{color:var(--text-subtle);font-size:var(--text-xs)}.fact-list{margin:0;padding:0 14px}.fact-list>div{min-height:42px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.fact-list>div+div{border-top:1px solid var(--border)}.fact-list dt{color:var(--text-subtle);font-size:var(--text-xs)}.fact-list dd{margin:0;text-align:right;font-weight:600;font-size:var(--text-xs)}
.fact-panel table{width:100%;border-collapse:collapse;font-size:var(--text-xs);font-variant-numeric:tabular-nums}.fact-panel th,.fact-panel td{height:38px;padding:0 10px;text-align:right;border-top:1px solid var(--border)}.fact-panel th:first-child{text-align:left}.fact-panel thead th{height:32px;border-top:0;color:var(--text-subtle);font-weight:500}.fact-panel tbody th{color:var(--text-muted);font-weight:500}.raid-panel{padding:16px}.raid-panel>span{color:var(--text-subtle);font-size:var(--text-xs)}.raid-panel strong{display:block;margin-top:7px;color:var(--text);font-size:var(--text-2xl);letter-spacing:-.04em}.raid-panel strong small{font-size:var(--text-sm);letter-spacing:0}.raid-panel p{margin:6px 0 14px;color:var(--text-subtle);font-size:var(--text-xs)}.raid-panel a{color:var(--action-hover);font-weight:650;font-size:var(--text-xs)}.raid-panel a:hover{text-decoration:underline}
.source-panel>div{display:grid}.source-panel>div>a{min-height:58px;padding:10px 14px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 10px}.source-panel>div>a+*{border-top:1px solid var(--border)}.source-panel a span{color:var(--text-subtle);font-size:var(--text-xs)}.source-panel a strong{grid-column:1;overflow:hidden;font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.source-panel a em{grid-column:2;grid-row:1/3;color:var(--action-hover);font-size:var(--text-xs);font-style:normal}.source-panel a:hover{background:var(--surface-raised)}.source-panel a:active{background:var(--canvas)}.empty-copy{padding:14px;color:var(--text-subtle)}
.rating-panel{padding-bottom:12px}.rating-panel header span b{color:var(--text)}.rating-panel header i{font-style:normal}.rating-buttons{padding:12px 14px 6px;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.rating-buttons button{height:34px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--canvas);cursor:pointer}.rating-buttons button:hover{border-color:var(--action);color:var(--action-hover)}.rating-buttons button:active{background:var(--action);color:var(--neutral-0)}.rating-buttons[aria-busy=true]{opacity:.6;pointer-events:none}.rating-panel>p{min-height:16px;margin:4px 14px 0;color:var(--text-subtle);font-size:var(--text-xs)}
.video-panel{margin-top:16px;overflow:hidden}.video-panel header a,.related-panel header a{color:var(--action-hover);font-size:var(--text-xs)}.video-shell{position:relative;aspect-ratio:16/9;background:var(--canvas)}.video-shell>img,.video-shell>iframe{width:100%;height:100%;border:0;object-fit:cover}.video-shell>button{position:absolute;left:50%;top:50%;min-height:44px;padding:0 18px;transform:translate(-50%,-50%);border:1px solid var(--action);border-radius:var(--radius-md);background:var(--action);color:var(--neutral-0);font-weight:700;cursor:pointer}.video-shell>button:hover{background:var(--action-hover)}.video-shell>button:active{background:var(--action-active)}.video-fallback{position:absolute;left:10px;bottom:10px;padding:7px 9px;border-radius:var(--radius-sm);background:var(--canvas);font-size:var(--text-xs)}
.related-panel{margin-top:16px}.related-panel>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.related-row{min-height:76px;padding:10px 12px;display:grid;grid-template-columns:88px minmax(0,1fr) 20px;align-items:center;gap:10px}.related-row:nth-child(even){border-left:1px solid var(--border)}.related-row:nth-child(n+3){border-top:1px solid var(--border)}.related-row img{width:88px;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-sm)}.related-row span{min-width:0;display:grid;gap:4px}.related-row strong,.related-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related-row strong{font-size:var(--text-xs)}.related-row small{color:var(--text-subtle)}.related-row>b{font-size:var(--text-lg);font-weight:400}.related-row:hover{background:var(--surface-raised)}
.author-panel{margin-top:16px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.author-panel h2{margin:0}.author-panel p{color:var(--text-subtle)}.author-panel a{color:var(--action-hover)}
@media(max-width:1000px){.dossier-grid{grid-template-columns:1fr}.dossier-aside{position:static;max-height:none;overflow:visible;grid-template-columns:repeat(2,minmax(0,1fr))}.dossier-aside .raid-panel,.dossier-aside .source-panel,.dossier-aside .rating-panel{grid-column:auto}.source-panel{grid-column:1/-1!important}}
@media(max-width:820px){.dossier{padding:20px 16px 48px}.dossier-head h1{font-size:var(--text-xl)}}
@media(max-width:620px){.dossier{padding:14px 12px 40px}.dossier-head{align-items:flex-start;flex-direction:column}.source-button{width:100%;justify-content:center}.dossier-grid{padding-top:16px}.dossier-aside{grid-template-columns:1fr}.source-panel{grid-column:auto!important}.gallery-main{aspect-ratio:4/3}.gallery-thumbs{grid-template-columns:repeat(4,96px);overflow-x:auto}.related-panel>div{grid-template-columns:1fr}.related-row:nth-child(even){border-left:0}.related-row:nth-child(n+2){border-top:1px solid var(--border)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important}}