.torrii-page{background:var(--bg);color:var(--ink);line-height:1.6}.showcase-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;max-width:1240px;margin:auto;padding:1rem 1.5rem;border-bottom:1px solid var(--line)}.showcase-brand{display:inline-block;padding:3px 10px;border-radius:10px;background:var(--theme-dark-canvas)}.showcase-header nav,.showcase-footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.showcase-header nav>a:not(.button){font-weight:650}.showcase-workspace{max-width:1240px;padding:2.5rem 1.5rem;margin:auto}.showcase-hero{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,.8fr);align-items:center;gap:3rem;padding:.5rem 0 2rem}.showcase-hero h1{font-size:clamp(2.3rem,6vw,4.3rem);letter-spacing:-.035em;margin:.8rem 0 .25rem;max-width:800px}.showcase-subtitle{font-family:Georgia,serif;font-size:1.5rem;color:var(--teal);margin:.25rem 0 1rem}.showcase-lead{font-size:1.12rem;max-width:720px}.showcase-overview{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:1.5rem}.showcase-overview dl{margin:.8rem 0 0}.showcase-overview dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.55rem 0;border-top:1px solid var(--line)}.showcase-overview dt{font-size:.92rem}.showcase-overview dd{font-size:1.7rem;font-weight:750;color:var(--teal);margin:0}.showcase-workflow{padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;list-style:none;margin:1rem 0 2rem}.showcase-workflow>li{display:flex;align-items:flex-start;gap:.8rem;padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.showcase-workflow strong{font-size:1.05rem}.showcase-workflow p{font-size:.92rem;margin:.3rem 0}.showcase-step{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--teal);color:var(--theme-on-accent);font-weight:750}.showcase-section-nav{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.showcase-section-nav>a{padding:.4rem .7rem;border:1px solid var(--line);border-radius:30px;text-decoration:none;font-weight:650;font-size:.9rem;background:var(--panel)}.showcase-section-nav>a:hover{background:var(--theme-control-hover)}.showcase-section{margin-top:3rem;scroll-margin-top:1rem}.showcase-section-heading{max-width:800px}.showcase-section-heading h2{font-size:clamp(1.7rem,3.5vw,2.3rem);margin:.6rem 0}.showcase-section-heading>p{color:var(--muted)}.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.showcase-grid>.panel{margin:0;min-width:0}.showcase-grid h3{margin:.2rem 0 .7rem;font-size:1.4rem}.showcase-grid details{border-top:1px solid var(--line);padding-top:.6rem;margin-top:.8rem}.showcase-grid summary,.showcase-note summary{color:var(--teal);font-weight:650}.showcase-grid p{overflow-wrap:anywhere}.showcase-grid details p{font-size:.9rem}.showcase-grid h4{margin:1rem 0 .25rem}.showcase-metrics{display:flex;gap:1rem}.showcase-metrics span{padding:.2rem .6rem;border:1px solid var(--line);border-radius:6px}.showcase-prose{white-space:pre-line;overflow-wrap:anywhere}.showcase-abilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;text-align:center}.showcase-abilities dt{font-size:.7rem;color:var(--muted)}.showcase-abilities dd{margin:0;font-weight:750}.showcase-status{display:inline-block;padding:.15rem .5rem;border-radius:5px;font-size:.8rem;background:var(--theme-control-hover);color:var(--ink)}.showcase-objectives{padding-left:1.2rem;font-size:.92rem}.showcase-objectives li{margin:.35rem 0}.showcase-map-key{display:flex;flex-wrap:wrap;gap:.3rem 1rem;color:var(--muted);font-size:.85rem}.showcase-room-map{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:8px}.map-wall{fill:var(--theme-dark-panel)}.map-floor{fill:var(--theme-control-bg);stroke:var(--line);stroke-width:.65}.map-door{fill:var(--teal);stroke:var(--ink);stroke-width:1.5}.map-feature{fill:var(--gold);stroke:var(--ink);stroke-width:1.5}.map-hidden{fill:var(--panel);stroke:var(--teal);stroke-width:2;stroke-dasharray:3 2}.map-token{stroke:var(--ink);stroke-width:1.5}.map-party{fill:var(--teal)}.map-creature{fill:var(--status-warning-border)}.map-annotation{fill:var(--theme-control-overlay);stroke:var(--teal);stroke-width:1.5;stroke-dasharray:4 3}.map-preview{scroll-margin-top:1rem}.map-preview ul{padding-left:1.2rem}.map-preview li p{margin:.3rem 0 .8rem}.showcase-note{margin:.7rem 0}.showcase-prepare{margin-top:3rem;padding:1.75rem;border-top:4px solid var(--teal)}.showcase-prepare li{margin:.65rem 0}.showcase-footer{max-width:1240px;padding:1.5rem;margin:auto;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}.showcase-summary{border-left:4px solid var(--teal)}
@media(max-width:1000px){.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-hero{gap:1.5rem;grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr)}}
@media(max-width:700px){.showcase-header{padding:.8rem 1rem;align-items:flex-start;flex-direction:column}.showcase-header nav{gap:.7rem}.showcase-header nav>a{font-size:.85rem}.showcase-workspace{padding:1.5rem 1rem}.showcase-hero,.showcase-workflow,.showcase-grid{grid-template-columns:1fr}.showcase-hero{gap:1rem}.showcase-hero h1{font-size:2.5rem}.showcase-workflow{gap:.7rem}.showcase-overview dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem}.showcase-overview dl>div{align-items:flex-start;flex-direction:column;gap:0}.showcase-overview dd{font-size:1.4rem}.showcase-section{margin-top:2rem}.showcase-prepare{padding:1.2rem}}
@media print{.showcase-header nav,.showcase-workflow,.showcase-section-nav,.showcase-footer,.actions{display:none}.showcase-workspace{max-width:none;padding:0}.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{break-inside:avoid}.showcase-room-map{max-width:260px}.showcase-hero{grid-template-columns:1fr}.showcase-overview{display:none}}