.viewer{--faint:#7a7e74;--surface:#151915;--raised:#1c211c;--raised-2:#252b25;--line-2:#f0eee642;--accent:var(--faction-accent,var(--gold));background:var(--ink);width:100%;height:calc(100dvh - 81px);min-height:560px;color:var(--paper);grid-template-rows:auto minmax(0,1fr);display:grid}.viewer a{color:inherit;text-decoration:none}.viewer-top{min-width:0;box-shadow:inset 0 -1px 0 var(--line);align-items:center;gap:18px;padding:10px 20px;display:flex}.viewer-back{color:var(--muted);flex:none;align-items:center;gap:6px;font-size:13px;display:inline-flex}.viewer-back:hover{color:var(--paper)}.viewer-factions{scrollbar-width:none;gap:4px;min-width:0;display:flex;overflow-x:auto}.viewer-factions::-webkit-scrollbar{display:none}.viewer-factions a{color:var(--muted);white-space:nowrap;border-radius:6px;flex:none;align-items:center;gap:8px;padding:6px 10px;font-size:13px;font-weight:600;display:inline-flex}.viewer-factions a:hover{background:var(--raised);color:var(--paper)}.viewer-factions a[aria-current=page]{background:var(--raised);color:var(--paper);box-shadow:inset 0 -2px 0 var(--accent)}.viewer-title{color:var(--faint);font:560 11px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;flex:none}.viewer-body{grid-template-columns:268px minmax(0,1fr) 340px;min-height:0;display:grid}.viewer-rail{min-height:0;box-shadow:inset -1px 0 0 var(--line);scrollbar-width:thin;padding:12px 10px 24px;overflow-y:auto}.viewer-overview{border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex}.viewer-overview:hover,.viewer-overview.is-current{background:var(--raised)}.viewer-overview.is-current{box-shadow:inset 2px 0 0 var(--accent)}.viewer-overview span,.viewer-rail li span{gap:2px;min-width:0;display:grid}.viewer-overview b{font-size:15px}.viewer-overview small,.viewer-rail li small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.viewer-rail h2{color:var(--faint);font:600 11px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;margin:16px 10px 6px;display:flex}.viewer-rail h2 small{font-weight:500}.viewer-rail ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.viewer-rail li a{border-radius:6px;align-items:center;gap:10px;padding:5px 8px;display:flex}.viewer-rail li a:hover{background:var(--raised)}.viewer-rail li a[aria-current=page]{background:var(--raised);box-shadow:inset 2px 0 0 var(--accent)}.viewer-rail li img{width:60px;height:48px;image-rendering:pixelated;border-radius:3px;flex:none}.viewer-rail li b{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.2;display:-webkit-box;overflow:hidden}.viewer-nocameo{background:var(--raised);border-radius:3px;flex:none;width:60px;height:48px}.viewer-shared p{color:var(--faint);margin:0 10px 6px;font-size:11px;line-height:1.45}.viewer-shared li a{padding:6px 10px}.viewer-shared li b{color:var(--muted);font-weight:600}.viewer-main{min-width:0;min-height:0;display:grid;position:relative}.viewer-stage-slot{min-height:0;display:grid}.viewer-stage-slot[hidden]{display:none}.viewer-stage{background:#141914;grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid;position:relative}.viewer-canvas-box{cursor:grab;touch-action:pan-y;outline:none;min-height:0;position:relative}.viewer-canvas-box:active{cursor:grabbing}.viewer-canvas-box:focus-visible{box-shadow:inset 0 0 0 2px var(--gold)}.viewer-canvas-box canvas{image-rendering:pixelated;contain:strict;display:block;position:absolute;inset:0}.viewer-stage-name{pointer-events:none;gap:4px;display:grid;position:absolute;top:18px;left:22px}.viewer-stage-name h1{margin:0;font-size:26px;line-height:1.1}.viewer-stage-name span{color:var(--muted);font-size:13px}.viewer-stage-tag{max-width:min(420px,60%);position:absolute;top:16px;right:16px}.viewer-historical{background:#0e110edb;border-radius:6px;gap:6px;padding:8px 10px;font-size:12px;display:grid;box-shadow:inset 0 0 0 1px #f1d28b66}.viewer-historical b{color:var(--gold);font-weight:600}.viewer-historical button{background:var(--raised-2);color:var(--paper);cursor:pointer;border:0;border-radius:4px;justify-self:start;padding:4px 8px;font-size:12px}.viewer-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:12px 20px 16px;display:flex}.viewer-actions{flex-wrap:wrap;gap:6px;display:flex}.viewer-actions button{background:var(--raised);height:32px;box-shadow:inset 0 0 0 1px var(--line);color:var(--paper);white-space:nowrap;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.viewer-actions button:hover{background:var(--raised-2)}.viewer-actions button[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 22%, var(--raised));box-shadow:inset 0 0 0 1px var(--accent)}.viewer-tools{align-items:center;gap:10px;display:flex}.viewer-colors{gap:6px;display:flex}.viewer-colors button{cursor:pointer;border:0;border-radius:999px;width:18px;height:18px;padding:0;box-shadow:inset 0 0 0 1px #0006}.viewer-colors button[aria-checked=true]{box-shadow:0 0 0 2px var(--ink), 0 0 0 4px var(--paper)}.viewer-tool{background:var(--raised);min-width:32px;height:32px;color:var(--paper);cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:13px;display:inline-flex}.viewer-tool:disabled{opacity:.4;cursor:default}.viewer-tool[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent)}.viewer-zoom{align-items:center;gap:4px;display:inline-flex}.viewer-zoom span{text-align:center;min-width:28px;color:var(--muted);font:600 12px/1 var(--font-mono)}.viewer-stock{text-align:center;color:var(--muted);place-content:center;justify-items:center;gap:10px;padding:40px 24px;display:grid}.viewer-stock h1{color:var(--paper);margin:0;font-size:26px}.viewer-stock p{max-width:380px;margin:0;line-height:1.5}.viewer-hero{grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid}.viewer-hero-art{background:radial-gradient(ellipse at 50% 60%, color-mix(in srgb, var(--accent) 14%, #1a1f1a) 0%, var(--ink) 72%);place-items:center;min-height:280px;padding:24px;display:grid;overflow:hidden}.viewer-hero-art picture,.viewer-hero-art img{max-width:100%;height:auto}.viewer-hero-copy{padding:8px 28px 28px}.viewer-hero-copy h1{margin:8px 0 10px;font-size:clamp(24px,2.6vw,36px);line-height:1.1}.viewer-hero-copy p{color:#c9cac1;max-width:720px;margin:0;line-height:1.55}.viewer-motto{max-width:720px;box-shadow:inset 2px 0 0 var(--accent);color:var(--paper);margin:0 0 12px;padding-left:12px;font-size:16px;font-style:italic;line-height:1.45}.viewer-keywords{flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.viewer-keywords li{background:color-mix(in srgb, var(--accent) 16%, var(--raised));color:var(--paper);font:600 11px/1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:3px 9px}.viewer-hero-pick{flex-wrap:wrap;gap:6px;margin-top:18px;display:flex}.viewer-hero-pick a{box-shadow:0 0 0 1px var(--line);border-radius:3px;display:block}.viewer-hero-pick a:hover{box-shadow:0 0 0 2px var(--accent)}.viewer-hero-pick img{width:60px;height:48px;image-rendering:pixelated;border-radius:3px;display:block}.viewer-info{min-height:0;box-shadow:inset 1px 0 0 var(--line);scrollbar-width:thin;padding:20px 20px 28px;overflow-y:auto}.viewer-info-head{gap:6px;display:grid}.viewer-info-head h2{margin:0;font-size:22px;line-height:1.15}.viewer-cost{background:var(--raised);color:var(--gold);font:600 12px/1.6 var(--font-mono);border-radius:4px;justify-self:start;padding:2px 8px}.viewer-lead{color:#c9cac1;margin:12px 0 0;font-size:14px;line-height:1.55}.viewer-stats{gap:8px;margin:18px 0 0;display:grid}.viewer-stats div{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:10px;display:grid}.viewer-stats dt{color:var(--muted);font-size:12px}.viewer-stats dd{gap:3px;margin:0;display:grid}.viewer-stats i{background:linear-gradient(90deg, var(--accent) calc(var(--value) * 100%), #f0eee61a 0);border-radius:999px;height:6px}.viewer-stats span{color:var(--faint);font:500 11px/1 var(--font-mono)}.viewer-block{box-shadow:inset 0 1px 0 var(--line);margin-top:20px;padding-top:16px}.viewer-block h3{letter-spacing:.02em;align-items:center;gap:8px;margin:0 0 10px;font-size:13px;display:flex}.viewer-block h4{color:var(--faint);font:600 11px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin:18px 0 8px}.viewer-weapons{gap:8px;margin:0;padding:0;list-style:none;display:grid}.viewer-weapons li{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-radius:6px;gap:2px;padding:8px 10px;display:grid}.viewer-weapons b{font-size:13px}.viewer-weapons span{color:#c9cac1;font-size:12px}.viewer-weapons small{color:var(--faint);font-size:11px}.viewer-doctrine{gap:12px;display:grid}.viewer-doctrine p{color:#c9cac1;grid-template-columns:18px minmax(0,1fr);gap:8px;margin:0;font-size:13px;line-height:1.5;display:grid}.viewer-doctrine svg{color:var(--accent);margin-top:2px}.viewer-doctrine b{color:var(--paper);margin-bottom:2px;font-size:12px;display:block}.viewer-link{margin-top:18px;font-size:13px;font-weight:600;display:inline-block;color:var(--gold)!important}.viewer-empty{color:var(--muted);margin:0;font-size:13px}.viewer-campaign{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-radius:8px;margin-top:8px;padding:10px 12px}.viewer-campaign summary{cursor:pointer;gap:2px;list-style:none;display:grid}.viewer-campaign summary::-webkit-details-marker{display:none}.viewer-campaign summary b{font-size:14px}.viewer-campaign summary small{color:var(--muted);font-size:12px}.viewer-campaign p{color:#c9cac1;margin:10px 0 0;font-size:13px;line-height:1.5}.viewer-campaign ol{gap:6px;margin:10px 0 0;padding-left:20px;display:grid}.viewer-campaign li{font-size:13px}.viewer-campaign li small{color:var(--faint);font-size:11px;display:block}.viewer-cast{align-items:center;gap:6px;display:flex;color:var(--muted)!important;font-size:12px!important}.viewer-admin{box-shadow:inset 0 1px 0 var(--line);margin-top:24px}.viewer-admin-link{align-items:center;gap:6px;margin:12px 0 2px;font-size:12px;display:inline-flex;color:var(--faint)!important}.viewer-admin-link:hover{color:var(--paper)!important}.viewer-admin .studio-history{margin:0 -20px}@media (max-width:1180px){.viewer-body{grid-template-columns:220px minmax(0,1fr) 300px}.viewer-rail li img,.viewer-nocameo{width:45px;height:36px}}@media (max-width:900px){.viewer{height:auto;min-height:0}.viewer-top{flex-wrap:wrap;gap:8px 14px;padding:10px 16px}.viewer-title{display:none}.viewer-factions{order:3;width:100%}.viewer-factions a span{display:none}.viewer-factions a[aria-current=page] span{display:inline}.viewer-body{grid-template-columns:minmax(0,1fr)}.viewer-rail{box-shadow:inset 0 -1px 0 var(--line);gap:6px;padding:8px 16px;display:flex;overflow:auto hidden}.viewer-rail section{display:contents}.viewer-rail h2,.viewer-shared p,.viewer-overview span,.viewer-rail li span{display:none}.viewer-rail ul{gap:4px;display:flex}.viewer-overview{flex:none;padding:6px}.viewer-rail li a{padding:4px}.viewer-rail li img{width:60px;height:48px}.viewer-shared li a span{display:grid}.viewer-shared li a{white-space:nowrap;height:56px;padding:0 10px}.viewer-canvas-box{height:58vh;min-height:0;max-height:520px}.viewer-stage-name h1{font-size:20px}.viewer-controls{padding:10px 16px 14px}.viewer-info{box-shadow:inset 0 1px 0 var(--line);padding:18px 16px 28px}.viewer-hero-copy{padding:8px 16px 20px}}body:has(.viewer) .site-nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--ink)}body:has(.viewer) .feedback-launcher{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:#171b17}.viewer .studio-sound{align-items:center;gap:6px;margin-left:auto;display:flex}.viewer .studio-sound button{background:var(--raised);width:30px;height:30px;color:var(--paper);cursor:pointer;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.viewer .studio-sound button[aria-pressed=false]{color:var(--faint)}.viewer .studio-sound input{width:72px;accent-color:var(--accent)}.viewer .studio-sound+.viewer-title{margin-left:4px}.viewer-sounds{gap:8px;margin:0;padding:0;list-style:none;display:grid}.viewer-sounds li{gap:4px;display:grid}.viewer-sounds li>small{color:var(--faint);font:600 10px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.viewer-clip{background:var(--surface);width:100%;box-shadow:inset 0 0 0 1px var(--line);color:var(--paper);text-align:left;cursor:pointer;border:0;border-radius:6px;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:8px;padding:6px 8px;display:grid}.viewer-clip:hover{box-shadow:inset 0 0 0 1px var(--accent)}.viewer-clip svg{color:var(--accent);justify-self:center}.viewer-clip span{gap:1px;min-width:0;display:grid}.viewer-clip b{font-size:13px;font-weight:600}.viewer-clip span small{color:var(--muted);font-size:12px;line-height:1.3}.viewer-note{color:var(--faint);margin:10px 0 0;font-size:11px;line-height:1.45}@media (max-width:900px){.viewer .studio-sound{order:2}}.viewer-voice p{color:#c9cac1;margin:0;font-size:13px;line-height:1.6}.viewer-rivals{gap:8px;margin:0;padding:0;list-style:none;display:grid}.viewer-rivals li{background:var(--surface);box-shadow:inset 2px 0 0 var(--rival-accent,var(--line)), inset 0 0 0 1px var(--line);border-radius:8px;padding:10px 12px}.viewer-rivals a{color:var(--paper);align-items:center;gap:8px;font-size:13px;text-decoration:none;display:flex}.viewer-rivals a:hover b{text-decoration:underline}.viewer-rivals img{object-fit:cover;border-radius:2px;width:20px;height:15px}.viewer-rivals small{color:var(--muted);font-size:11px}.viewer-rivals small:before{content:"· "}.viewer-rivals blockquote{color:#c9cac1;margin:6px 0 0;font-size:13px;font-style:italic;line-height:1.5}.viewer-rivals blockquote p{margin:0}