:root{--gamebar:88px;--toolbar:68px;--header:calc(var(--gamebar) + var(--toolbar))}html{scroll-padding-top:calc(var(--header) + 22px)}.topbar{top:var(--gamebar);height:var(--toolbar)}.brand-mark>svg{width:31px;height:31px}.game-switcher{position:fixed;inset:0 0 auto;height:var(--gamebar);z-index:50;background:#171c1c;border-bottom:1px solid #41413b;view-transition-name:game-switcher}.game-switcher-inner{display:flex;align-items:stretch;height:100%;max-width:1920px;margin:auto}.portal-label{width:var(--sidebar);flex-shrink:0;align-self:center;padding:0 25px;font:9px/1.8 'Segoe UI',sans-serif;letter-spacing:.16em;color:#a4aaa3}.portal-label b{color:#d4d2c7;font-size:10px;font-weight:600}.game-tab{position:relative;display:flex;align-items:center;justify-content:center;gap:17px;flex:1;min-width:0;color:#a9b2a9;border-left:1px solid #ffffff0d;transition:background .24s,color .24s;overflow:hidden}.game-tab:hover{text-decoration:none;background:#ffffff07}.game-tab .game-mark{width:49px;height:58px;flex-shrink:0;display:grid;place-items:center}.game-mark svg{width:49px;height:55px}.game-title strong{display:block;font:600 18px/1.2 'Segoe UI',sans-serif;letter-spacing:-.035em}.game-title small{display:block;font:9px/1.4 'Segoe UI',sans-serif;letter-spacing:.14em;margin-top:6px;opacity:.88}.game-tab-kitties{--tab-accent:#a3c9b2;color:#abc6b1}.game-tab-vampire{--tab-accent:#d6929e;color:#b78a93}.game-tab-vampire strong{font-family:Georgia,serif;letter-spacing:.015em}.game-tab-blacksad{--tab-accent:#cead7b;color:#c1b39e}.game-tab-blacksad strong{font-family:Georgia,serif;letter-spacing:.06em;text-transform:uppercase;font-size:19px}.game-tab.selected{background:color-mix(in srgb,var(--tab-accent) 13%,#171c1c);color:var(--tab-accent)}.game-tab-indicator{position:absolute;bottom:0;left:30px;right:30px;height:3px;background:var(--tab-accent);transform:scaleX(0);transform-origin:center;transition:transform .25s}.game-tab.selected .game-tab-indicator{transform:scaleX(1)}.game-tab:focus-visible{outline-offset:-5px}.preview-panel{top:calc(var(--header) + 22px)}.toc{top:calc(var(--header) + 22px)}
html[data-game=blacksad]{background:#171a1b}body[data-game=blacksad],body[data-game=blacksad][data-theme]{--paper:#191c1d;--surface:#222627;--soft:#2a2d2d;--ink:#e5ded1;--muted:#a6a397;--line:#3a3d3b;--green:#d0b080;--green-hover:#e5c493;--mint:#30372f;--lavender:#343133;--purple:#c2a88f;--peach:#3e302c;--orange:#dcb089;--yellow:#302e29;--danger:#f19887;--radius:4px;--shadow:0 8px 35px #0002;background:var(--paper)}body[data-game=blacksad] h1,body[data-game=blacksad] h2{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.02em}body[data-game=blacksad] .brand strong{font:600 18px Georgia,serif;letter-spacing:.05em;text-transform:uppercase}body[data-game=blacksad] .brand-mark{border:1px solid #9c855341;border-radius:3px;background:transparent;color:#cead7b}body[data-game=blacksad] .btn{border-radius:3px}body[data-game=blacksad] .panel,body[data-game=blacksad] .rule-card,body[data-game=blacksad] .article-content,body[data-game=blacksad] .tool-card,body[data-game=blacksad] .editor-panel,body[data-game=blacksad] .preview-panel,body[data-game=blacksad] .search-result{border-radius:4px}body[data-game=blacksad] .nav-link{border-radius:3px}body[data-game=blacksad] .nav-link.current{background:#32322a;color:#dfc698;border-left:2px solid #bf9d67}body[data-game=blacksad] .nav-label{letter-spacing:.16em;font-size:9px}body[data-game=blacksad] .control{border-radius:3px;background:#191c1d;color:var(--ink)}body[data-game=blacksad] .callout{border-radius:3px}body[data-game=blacksad] .pill{border-radius:3px}.noir-hero{position:relative;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;overflow:hidden;border:1px solid #4d493e;background:#212525;min-height:350px;padding:38px 40px}.noir-hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#00000007 4px)}.noir-hero-copy{position:relative;z-index:1}.noir-hero h1{font-size:48px;line-height:1.1;max-width:510px;margin:20px 0}.noir-hero .eyebrow{letter-spacing:.19em;font-size:10px}.noir-hero p:not(.eyebrow){font-size:14px;color:#bdb8aa;max-width:380px;line-height:1.8}.noir-hero .button-row{margin-top:25px}.noir-art{width:100%;height:350px;align-self:end}.case-strip{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:18px 0;gap:16px;font:10px/1.5 'Consolas',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.case-strip span{display:flex;align-items:center;gap:8px}.case-strip i{width:6px;height:6px;background:var(--green);border-radius:50%}.noir-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.noir-tile{position:relative;padding:25px 23px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}.noir-tile:hover{text-decoration:none;border-color:var(--green)}.noir-tile .tile-num{font:11px 'Consolas',monospace;color:var(--green);letter-spacing:.16em}.noir-tile h2{font-size:23px;margin:26px 0 12px}.noir-tile p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.noir-tile>.icon{position:absolute;right:22px;top:24px;color:var(--green)}.noir-home-bottom{display:grid;grid-template-columns:1fr 1fr;gap:22px}.noir-home-bottom h2{font-size:25px}.noir-stamp{display:inline-block;padding:6px 10px;border:1px solid #79654a;transform:rotate(-4deg);font:11px 'Consolas',monospace;letter-spacing:.1em;color:#bd9a66}.noir-table{width:100%;border-collapse:collapse;background:var(--surface);font-size:13px}.noir-table th,.noir-table td{padding:14px 17px;border-bottom:1px solid var(--line);text-align:left}.noir-table th{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);background:var(--soft)}.noir-table .numeric{font:16px 'Consolas',monospace;color:var(--green)}.table-scroll{overflow-x:auto}.bs-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.bs-full{grid-column:1/-1}.bs-attributes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.bs-attribute{border:1px solid var(--line);padding:15px;background:var(--paper)}.bs-attribute b{font-size:12px;display:block;margin-bottom:10px}.bs-attribute input{font-size:24px;text-align:center;padding:5px}.budget{font:12px 'Consolas',monospace;color:var(--green);margin-bottom:20px}.budget.invalid{color:var(--danger)}.trait-editor{border:1px solid var(--line);padding:16px;margin-bottom:15px;background:var(--paper)}.trait-editor h3{font-size:14px;display:flex;justify-content:space-between;gap:10px}.trait-row{display:grid;grid-template-columns:minmax(0,1fr) 70px 35px;gap:8px;margin:10px 0}.trait-row .icon-btn{width:35px;height:40px}.bs-preview{padding:22px;border:1px solid var(--line);align-self:start;position:sticky;top:calc(var(--header) + 20px);background:var(--surface)}.bs-preview .game-mark{width:64px;height:64px;display:block;margin:0 auto 15px;color:var(--green)}.bs-preview h3{font:24px Georgia,serif;overflow-wrap:anywhere}.bs-derived{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bs-derived div{border-bottom:1px solid var(--line);padding-bottom:9px}.bs-derived small{font-size:10px;display:block;color:var(--muted)}.bs-derived b{font:23px Georgia,serif}.dossier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.dossier-card{border:1px solid var(--line);padding:24px 22px;background:var(--surface);position:relative}.dossier-card:before{content:'';position:absolute;top:0;left:20px;width:55px;height:3px;background:#b69b73}.dossier-card h2{font-size:24px;margin-top:16px;overflow-wrap:anywhere}.dossier-card .eyebrow{font-size:9px;letter-spacing:.12em}.dossier-card p{font-size:13px;color:var(--muted)}.dossier-card .button-row{margin-top:22px;gap:8px}.bs-dice-pool{display:flex;gap:12px;justify-content:center;margin:18px 0}.bs-pool-count{text-align:center;padding:12px 15px;min-width:67px;border:1px solid var(--line)}.bs-pool-count strong{display:block;font:27px Georgia,serif}.bs-pool-count small{font-size:9px}.bs-pool-black{background:#0c0e0f;color:#e7e4db}.bs-pool-white{background:#ebe5da;color:#292b2a}.bs-pool-red{background:#893e36;color:#fff0db}.bs-die-card{display:flex;flex-direction:column;align-items:center;gap:7px}.bs-die{width:54px;height:54px;border:1px solid #858276;border-radius:5px;font:26px 'Consolas',monospace;position:relative}.bs-die.black{background:#0c0e0f;color:#e7e4db}.bs-die.white{background:#ebe5da;color:#292b2a}.bs-die.red{background:#893e36;color:#fff0db}.bs-die.cancelled{opacity:.45;text-decoration:line-through}.bs-die.selected{outline:3px solid #d6b887;outline-offset:3px}.bs-die-card small{font-size:9px;color:var(--muted)}.bs-die-tools{display:flex;gap:5px}.bs-die-tools button{font-size:12px;padding:2px 8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:2px}.bs-roll-log{font-size:12px;color:var(--muted);text-align:left;margin:20px 0 0;border-top:1px solid var(--line);padding-top:15px;width:100%}.bs-roll-log p{margin:5px 0}.bs-result{min-height:380px}.bs-controls .field small{line-height:1.6}.bs-readout{display:flex;gap:24px;justify-content:center;margin:20px 0}.bs-readout strong{font:42px Georgia,serif;display:block}.bs-readout small{font-size:10px;text-transform:uppercase;color:var(--muted)}.bs-state-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.bs-state-grid label{font-size:11px;color:var(--muted)}.bs-state-grid .control{margin-top:6px}.bs-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bs-details-grid p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.bs-details-grid h2{font-size:24px}.bs-paper{background:#fbf7ee;color:#282a27;border:1px solid #cfc7b8;max-width:830px;margin:auto;padding:35px;font:13px/1.5 'Segoe UI',sans-serif}.bs-paper-header{display:flex;align-items:center;justify-content:space-between;border-bottom:3px double #4a4841;padding-bottom:15px;margin-bottom:20px}.bs-paper-header .game-mark{width:80px;height:80px}.bs-paper-header h1{color:#242522;font:32px Georgia,serif;overflow-wrap:anywhere}.bs-paper .eyebrow{color:#655d4b;font:10px 'Consolas',monospace}.bs-paper-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bs-paper-section{border:1px solid #cfc7b8;padding:12px;margin-bottom:13px;break-inside:avoid}.bs-paper-section h2{font:11px 'Consolas',monospace;text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px}.bs-paper-section p,.bs-paper-section li{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;margin:3px 0}.bs-paper-statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}.bs-paper-statgrid div{border:1px solid #cfc7b8;padding:8px;text-align:center}.bs-paper-statgrid small{display:block;font-size:9px}.bs-paper-statgrid b{font:24px Georgia,serif}.bs-paper-notes{break-inside:auto}.bs-paper-footer{font-size:8px;border-top:1px solid #cfc7b8;padding-top:10px;color:#666151}.bs-paper .bs-derived{grid-template-columns:repeat(3,1fr);margin:17px 0}.bs-paper .bs-derived div{border-color:#cfc7b8}.bs-paper .bs-derived small{color:#666151}
html[data-game=vampire]{background:#160e13}body[data-game=vampire]{--paper:#160e13;--surface:#21151d;--soft:#2d1b24;--ink:#e5d9dc;--muted:#ae969f;--line:#472731;--green:#d395a1;--green-hover:#e3acb6;--mint:#38202b;--lavender:#332130;--purple:#c9a7c0;--peach:#462a31;--yellow:#3b292c;--danger:#e79390;background:radial-gradient(ellipse at 80% 10%,#3b152566,transparent 60%),var(--paper)}body[data-game=vampire] h1,body[data-game=vampire] h2,body[data-game=vampire] .brand strong{font-family:Georgia,serif;font-weight:400}body[data-game=vampire] .brand-mark{background:transparent;color:#c57b8c}body[data-game=vampire] .sidebar{background:#1b1118}.vampire-edition{font:10px Georgia,serif;letter-spacing:.25em;color:var(--muted)}.vampire-cover{text-align:center;min-height:580px;padding:65px 25px 50px;border:1px solid var(--line);background:linear-gradient(130deg,#54233130,transparent 70%);position:relative}.vampire-cover:before{content:'';position:absolute;inset:14px;border:1px solid #7b475433;pointer-events:none}.vampire-cover .game-mark{display:block;width:120px;height:130px;color:#b97788;margin:0 auto 25px}.vampire-cover .game-mark svg{width:100%;height:100%}.vampire-cover h1{font-size:52px;line-height:1.12}.vampire-cover .eyebrow{letter-spacing:.25em}.vampire-cover p{max-width:540px;margin:24px auto;color:var(--muted);font-size:14px;line-height:1.8}.vampire-cover .button-row{justify-content:center}.vampire-status{display:inline-block;border:1px solid var(--line);padding:7px 15px;font-size:11px;letter-spacing:.06em;color:#d8b5c0;margin-top:16px}
@view-transition{navigation:auto}::view-transition-old(root){animation:game-out .22s ease-in both}::view-transition-new(root){animation:game-in .4s cubic-bezier(.2,.7,.2,1) both}::view-transition-group(game-switcher){animation-duration:.4s}@keyframes game-out{to{opacity:0;filter:blur(2px);transform:translateY(-8px)}}@keyframes game-in{from{opacity:0;filter:blur(3px);transform:translateY(12px)}to{opacity:1;filter:blur(0);transform:none}}body.game-leaving .page-shell,body.game-leaving .sidebar,body.game-leaving .topbar{opacity:0;transform:translateY(-7px);transition:opacity .18s,transform .18s}body.game-arriving .page-shell,body.game-arriving .sidebar,body.game-arriving .topbar{animation:game-in .38s both}
@media(max-width:1150px){.game-title strong{font-size:15px}.game-tab-blacksad strong{font-size:17px}.game-tab{gap:12px}.game-tab .game-mark{width:42px}.noir-hero{padding:28px}.noir-hero h1{font-size:40px}.noir-art{height:300px}.bs-attributes{gap:8px}.bs-attribute{padding:12px 9px}.dossier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){:root{--gamebar:84px;--toolbar:63px;--header:calc(var(--gamebar) + var(--toolbar))}.portal-label{display:none}.game-title strong{font-size:16px}.game-tab-blacksad strong{font-size:18px}.game-tab .game-mark{width:43px;height:52px}.game-title small{font-size:8px}.noir-home-bottom{grid-template-columns:1fr}.noir-hero{grid-template-columns:1.2fr 1fr}.noir-hero h1{font-size:35px}.noir-hero p:not(.eyebrow){font-size:13px}.noir-tiles{gap:12px}.noir-tile{padding:20px}.noir-tile h2{font-size:21px}.bs-state-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){:root{--gamebar:82px;--toolbar:60px;--header:calc(var(--gamebar) + var(--toolbar))}.game-tab{gap:3px;flex-direction:column;padding:5px 3px 8px}.game-tab .game-mark{width:30px;height:33px}.game-mark svg{width:30px;height:33px}.game-title strong{font-size:11px;text-align:center;letter-spacing:-.02em}.game-tab-vampire strong{font-size:11px;letter-spacing:0}.game-tab-blacksad strong{font-size:13px;letter-spacing:.06em}.game-title small{display:none}.game-tab-indicator{left:15px;right:15px;height:2px}.brand small{font-size:8px}.noir-hero{display:block;padding:27px 22px;min-height:0}.noir-hero h1{font-size:37px;max-width:300px}.noir-hero .noir-art{position:absolute;width:240px;height:210px;right:-60px;bottom:0;opacity:.18}.noir-hero p:not(.eyebrow){max-width:290px}.noir-hero .eyebrow{font-size:8px}.noir-hero .btn{padding:10px 13px;font-size:12px}.case-strip{font-size:8px;gap:8px}.case-strip span:last-child{display:none}.noir-tiles{grid-template-columns:1fr;gap:12px;margin:22px 0}.noir-tile{padding:20px}.noir-tile h2{margin:15px 0 8px}.noir-home-bottom{gap:15px}.bs-form-grid{grid-template-columns:1fr;gap:0}.bs-attributes{grid-template-columns:1fr 1fr}.bs-preview{display:none}.dossier-grid{grid-template-columns:1fr}.bs-details-grid{grid-template-columns:1fr}.bs-state-grid{gap:12px}.bs-paper{padding:20px}.bs-paper-grid{grid-template-columns:1fr}.bs-paper-header .game-mark{width:50px;height:60px}.bs-paper-header .game-mark svg{width:50px;height:60px}.bs-paper-statgrid{gap:6px}.bs-paper-statgrid small{font-size:8px}.bs-paper .bs-derived{grid-template-columns:repeat(2,1fr)}.noir-table th,.noir-table td{padding:11px 12px}.vampire-cover{padding:45px 22px;min-height:530px}.vampire-cover h1{font-size:38px}.vampire-cover .game-mark{height:100px;width:90px}.bs-die{width:46px;height:46px}.bs-die-card small{font-size:8px}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-old(root),::view-transition-new(root),::view-transition-group(game-switcher){animation:none!important}.game-arriving .page-shell,.game-arriving .sidebar,.game-arriving .topbar{animation:none!important}.game-leaving .page-shell,.game-leaving .sidebar,.game-leaving .topbar{opacity:1!important;transform:none!important}}
@media print{.game-switcher{display:none!important}body[data-game]{background:#fff!important;color:#000}.bs-paper{border:0;padding:0;max-width:none;background:#fff;font-size:10px;print-color-adjust:exact;-webkit-print-color-adjust:exact}.bs-paper-grid{grid-template-columns:1fr 1fr;gap:12px}.bs-paper-header{margin-bottom:12px;padding-bottom:8px}.bs-paper-header h1{font-size:24px}.bs-paper-header .game-mark{width:65px;height:65px}.bs-paper-header .game-mark svg{width:65px;height:65px}.bs-paper-statgrid{gap:8px;margin:12px 0}.bs-paper-statgrid b{font-size:22px}.bs-paper-statgrid div{padding:6px}.bs-paper .bs-derived{grid-template-columns:repeat(3,1fr);margin:12px 0;gap:10px}.bs-paper .bs-derived b{font-size:18px}.bs-paper-section{padding:9px;margin-bottom:10px}.bs-paper-section h2{font-size:9px}.bs-paper-section p,.bs-paper-section li{font-size:9px}.bs-paper-footer{font-size:7px}.bs-paper-empty .bs-paper-section{min-height:19mm}.bs-paper-empty .bs-paper-notes{min-height:22mm}body[data-game=blacksad] .screen-grid .panel{background:white;color:black;border-color:#aaa}body[data-game=blacksad] .screen-grid h2{color:black}body[data-game=blacksad] .screen-grid th,body[data-game=blacksad] .screen-grid td{color:black}body[data-game=blacksad] .article-source{color:#444}body[data-game=blacksad] .article-source a{color:#444}}

.bs-dice-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin:24px 0}.bs-result{min-width:0}.bs-result>h2{font-size:28px}.bs-result>.field-help{margin-top:25px}.bs-die:disabled{cursor:default;opacity:1}.bs-die.cancelled:disabled{opacity:.45}.bs-pool-count{min-width:0;flex:1}.game-tab .game-title{min-width:0}
@media print{html[data-game]{background:white!important}.bs-paper-notes p{orphans:3;widows:3}}

@media(max-width:900px){body.game-leaving .sidebar{transform:translateX(-100%)}body.game-arriving .sidebar{animation:none}body.nav-open.game-leaving .sidebar{transform:none}}