.special-panel{max-width:760px}.special-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:6px 0}.special-panel button{min-width:0;min-height:38px;padding:6px 8px;font-size:13px}.special-panel button[aria-pressed=true]{background:var(--folio-selected);color:var(--green);border-color:var(--folio-edge)}.special-tiers button{font-size:12px}.special-overview{padding:9px 11px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.special-overview p{margin:6px 0;font-size:13px;line-height:1.6}.special-overview .note,.special-panel .note{font-size:12px;line-height:1.55;margin:6px 0}.special-rule{border-left:3px solid var(--folio-edge);padding-left:8px;color:var(--green)}.special-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;background:var(--folio-soft);border-radius:8px;margin:6px 0;font-size:12px}.special-facts b{color:var(--green);margin-left:4px}.special-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.special-status{color:var(--green)}.special-drop-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.special-drop-list article{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:8px 10px;margin:6px 0}.special-drop-list article>div{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:13px}.special-drop-list article>div>span{white-space:nowrap;font-size:12px}.special-drop-list article b{color:var(--green);margin-left:6px}.special-drop-list p{font-size:12px;line-height:1.5;margin:5px 0 0;color:var(--muted)}.special-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;font-size:12px}.special-receipt-list{list-style:none;padding:0;margin:6px 0}.special-receipt-list li{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;border-bottom:1px solid var(--line);padding:7px 0;font-size:13px}.special-receipt-list small{flex-basis:100%;color:var(--red)}.special-panel h3{font-size:14px;margin:10px 0 6px}@media(max-width:900px){.special-panel{width:100%}.special-overview{break-inside:auto}.special-panel .special-tabs{margin:5px 0}.special-panel .special-tabs button{min-height:36px}.special-drop-list article{break-inside:avoid}.special-overview .special-actions{break-inside:avoid}}

/* Keep the current special-dungeon section compact inside the phone pager. */
@media(max-width:900px){
 #main:has(.special-panel) .page-title{font-size:17px;line-height:1.3;margin:7px 0 9px;gap:6px}
 #main:has(.special-panel) .page-title>.game-icon{width:18px;height:18px;flex-basis:18px}
 #main:has(.special-panel) .section-picker{padding:0;background:transparent}
 #main:has(.special-panel) .section-picker select{min-height:36px;font-size:13px;padding:5px 9px}
 #main .special-panel .special-tabs{gap:4px;margin:4px 0}
 #main .special-panel .special-tabs button{min-height:34px;padding:5px 6px;font-size:12px;line-height:1.3}
 #main .special-overview{padding:7px 9px}
 #main .special-overview p{font-size:12px;line-height:1.45;margin:4px 0}
 #main .special-facts{padding:6px;margin:4px 0}
 #main .special-actions{margin-top:6px}
}

@media(max-width:900px){#main .special-overview.page-keep{break-inside:auto}.special-overview>.special-actions{break-inside:avoid}}

@media(max-width:900px){#main [data-page-section="trials:special"]{padding-top:0}#main:has(.special-panel) .page-title{margin:5px 0}}
