@font-face{font-family:Cormorant;src:url('fonts/CormorantGaramond.ttf') format('truetype');font-display:swap}
/* Keep the page still behind inspection, including wheel input on its backdrop.
   The open attribute also releases the lock on Escape and outside-click close. */
html{scrollbar-gutter:stable}
html:has(#inspect[open]),body:has(#inspect[open]){overflow:hidden;overscroll-behavior:none}
#inspect{overscroll-behavior:contain}
:root{color-scheme:dark;--bg:#0d1718;--surface:#152222;--ink:#f0ecdf;--muted:#9caeaa;--gold:#d2b783;--line:#30413b;--card-width:280px;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:14px}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 24% 0%,#20322b55,transparent 65%),var(--bg);color:var(--ink);min-height:100vh}button,input,select{font:inherit}button,select{cursor:pointer}button{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:9px 14px}button:hover{border-color:var(--gold);background:#263630}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button,input,select{-webkit-tap-highlight-color:transparent}button{transition:background .15s,border-color .15s}input,select{color:var(--ink)}[hidden]{display:none!important}.skip{position:absolute;z-index:20;top:-70px;left:20px;background:var(--gold);color:var(--bg);padding:12px}.skip:focus{top:12px}
.masthead{height:76px;padding:0 40px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:2px;font-weight:650}.sigil{font-size:34px;color:var(--gold);line-height:1}.divider{height:18px;width:1px;background:var(--line);margin:0 4px}.library-label{color:var(--muted);font-size:10px;letter-spacing:2px;font-weight:500}.live-note{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.live-note span{width:5px;height:5px;background:#91b995;border-radius:50%}main{padding:0 40px}.intro{padding:38px 0 30px;display:flex;align-items:center;justify-content:space-between;gap:28px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--gold);margin:0 0 10px;font-weight:650}h1{font-family:Cormorant,Georgia,serif;font-weight:500;font-size:clamp(34px,3.8vw,56px);line-height:1.05;margin:0;letter-spacing:-.8px}h1 em{color:var(--gold);font-weight:400}.intro-copy{color:var(--muted);margin:12px 0 0;font-size:13px}.collection-stats{display:flex;gap:36px;flex-shrink:0;padding-right:5px}.collection-stats>div{display:flex;flex-direction:column;align-items:center;gap:4px}.collection-stats strong{font-family:Cormorant,Georgia,serif;font-size:40px;line-height:1;font-weight:500;color:var(--gold)}.collection-stats span{font-size:9px;letter-spacing:1.8px;color:var(--muted)}
.toolbar{position:sticky;top:0;z-index:5;background:#142120f5;border:1px solid var(--line);border-radius:9px;backdrop-filter:blur(16px);box-shadow:0 7px 20px #0002}.toolbar-main{padding:15px 18px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}.search{display:flex;align-items:center;gap:10px;background:#0b1717;border:1px solid var(--line);border-radius:6px;padding:0 12px;flex:1;min-width:180px}.search svg{width:17px;height:17px;stroke:var(--muted);stroke-width:1.5;fill:none;flex-shrink:0}.search input{height:40px;min-width:0;width:100%;background:none;border:none;font-size:12px;outline-offset:0}.search input::placeholder{color:#83938f}.sort-controls,.group-controls{display:flex;align-items:center;gap:10px}.sort-controls label,.group-controls>span,.zoom-controls>label{font-size:9px;letter-spacing:1.5px;color:var(--muted);font-weight:600;white-space:nowrap}.sort-controls select{background:#1b2c28;border:1px solid var(--line);border-radius:5px;height:40px;min-width:168px;padding:0 30px 0 11px;font-size:12px}.icon-button{height:40px;width:38px;padding:0;font-size:21px}.segmented{display:flex;padding:3px;border:1px solid var(--line);border-radius:6px;background:#0f1a19}.segmented button{border:0;background:transparent;padding:8px 12px;font-size:11px;color:var(--muted);white-space:nowrap}.segmented button[aria-pressed=true]{background:#36453a;color:#f0ddba;box-shadow:0 1px 4px #0003}.toolbar-secondary{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #2b3a34;padding:9px 18px;min-height:49px}.toolbar-secondary p{margin:0;font-size:11px;color:var(--muted)}.zoom-controls{display:flex;align-items:center;gap:9px}.zoom-controls input{width:124px;accent-color:var(--gold);cursor:pointer;height:18px}.zoom-button{background:none;border:0;font-size:18px;padding:0;width:24px;height:28px;color:var(--muted)}.zoom-controls output{font-size:11px;font-variant-numeric:tabular-nums;min-width:37px;color:var(--gold)}.text-button{border:0;background:none;font-size:10px;color:var(--muted);padding:5px 0 5px 12px;border-left:1px solid var(--line);border-radius:0;margin-left:6px}.text-button:hover{background:none;color:var(--gold)}
.catalog-hint{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 16px;font-size:10px;color:#91a19b}.rarity-key{display:flex;align-items:center;gap:7px}.rarity-key i{margin-left:9px;width:5px;height:5px;border-radius:50%}.common{background:#9eaea9}.uncommon{background:#5f9cd0}.rare{background:#d7b56d}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--card-width)),var(--card-width)));gap:25px 20px;align-items:start;justify-content:start}.card-tile{margin:0;min-width:0}.card-button{display:block;padding:0;width:100%;background:transparent;border:0;border-radius:9px;position:relative;box-shadow:0 5px 16px #0005;overflow:hidden;transition:box-shadow .15s,outline-color .15s;outline:1px solid transparent;outline-offset:2px}.card-button:hover{background:none;outline-color:var(--gold);box-shadow:0 6px 24px #0008}.card-button img{display:block;width:100%;height:auto;aspect-ratio:976/1010;border-radius:7px}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:10px 3px 0;color:var(--muted);font-size:10px}.card-meta .kind{display:flex;gap:7px;align-items:center;letter-spacing:.5px}.rarity-dot{width:5px;height:5px;border-radius:50%;display:inline-block;flex-shrink:0}.starter{font-size:9px;border:1px solid var(--line);padding:2px 5px;border-radius:3px;color:#b7bc9c}.group-heading{display:flex;align-items:center;gap:14px;margin:16px 0 20px;font-family:Cormorant,Georgia,serif;font-size:28px;font-weight:500}.group-heading span{font-family:system-ui,sans-serif;font-size:10px;font-weight:400;color:var(--muted);border:1px solid var(--line);padding:3px 7px;border-radius:20px}.group-heading:after{content:'';height:1px;background:var(--line);flex:1}.card-group+.card-group{margin-top:36px}#empty{text-align:center;padding:72px 20px;color:var(--muted)}#empty>span{color:var(--gold);font-size:40px}#empty h2{font-family:Cormorant,Georgia,serif;font-size:32px;font-weight:500;color:var(--ink);margin:10px 0}#empty p{font-size:12px}#empty button{margin-top:10px}footer{margin-top:48px;border-top:1px solid var(--line);padding:22px 0 28px;display:flex;justify-content:space-between;gap:15px;color:#8b9b94;font-size:9px;letter-spacing:1px}footer span span{margin:0 10px;color:var(--gold)}
dialog{background:#111d1d;color:var(--ink);border:1px solid #5a604b;border-radius:12px;max-width:calc(100vw - 24px);width: min(76vh,720px);max-height:calc(100dvh - 24px);padding:14px 16px;box-shadow:0 20px 90px #000c;overflow:auto}dialog::backdrop{background:#020b0bdc;backdrop-filter:blur(5px)}.inspect-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.inspect-header h2{font-family:Cormorant,Georgia,serif;font-weight:500;font-size:28px;margin:0}.inspect-header p{color:var(--muted);font-size:10px;margin:4px 0 0}#inspect-image{display:block;width:100%;height:auto;border-radius:7px}.inspect-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:8px}.inspect-footer button{font-size:11px}.inspect-footer span{font-size:10px;color:var(--muted)}.keyboard-hint{text-align:center;color:#83958c;font-size:9px;margin:10px 0 0}.noscript{margin:40px;color:var(--gold)}
@media(min-width:1800px){main,.masthead{padding-left:56px;padding-right:56px}}
@media(max-width:1100px){.toolbar-main{gap:12px}.search{flex-basis:200px}.group-controls{margin-left:auto}.collection-stats{gap:22px}}
@media(max-width:760px){main{padding:0 16px}.masthead{padding:0 18px;height:62px}.wordmark{gap:9px;letter-spacing:1px;font-size:10px}.library-label{font-size:9px}.live-note{display:none}.intro{padding:26px 0 24px;align-items:flex-start;flex-direction:column;gap:22px}.collection-stats{gap:30px}.collection-stats>div{flex-direction:row;align-items:baseline;gap:7px}.collection-stats strong{font-size:27px}.collection-stats span{font-size:8px}.toolbar-main{padding:12px;gap:12px;display:grid;grid-template-columns:1fr}.search{min-width:0}.sort-controls{justify-content:space-between}.sort-controls select{flex:1;min-width:0;margin-left:6px}.group-controls{margin:0;justify-content:space-between}.toolbar-secondary{padding:9px 12px;align-items:flex-start;flex-direction:column;gap:8px}.zoom-controls{width:100%;gap:7px}.zoom-controls input{flex:1;min-width:45px}.zoom-controls>label{font-size:8px}.toolbar{position:relative}.catalog-hint{align-items:flex-start;flex-direction:column;gap:9px}.rarity-key i:first-child{margin-left:0}.card-grid{gap:22px 12px}footer{flex-direction:column;gap:10px}.inspect-header h2{font-size:24px}dialog{padding:12px;width:calc(100vw - 24px)}.keyboard-hint{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
.group-controls label{font-size:9px;letter-spacing:1.5px;color:var(--muted);font-weight:600;white-space:nowrap}.group-controls select{background:#1b2c28;border:1px solid var(--line);border-radius:5px;height:40px;padding:0 28px 0 11px;font-size:12px;min-width:140px}.group-controls select:disabled{opacity:.45;cursor:default}.toolbar-main{gap:14px}.group-controls{margin-left:0}.subgroup-heading{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:500;letter-spacing:1px;color:var(--gold);margin:0 0 15px}.subgroup-heading span{font-size:10px;color:var(--muted);letter-spacing:0}.card-subgroup+.card-subgroup{margin-top:28px}@media(max-width:760px){.group-controls select{flex:1;margin-left:12px;min-width:0}.group-controls label{min-width:63px}}
.search-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;flex:1 1 380px;min-width:320px}
.search-controls .search{min-width:0}
.search-scope{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);white-space:nowrap}
.search-scope select{height:40px;max-width:100%;padding:0 9px;border:1px solid var(--line);border-radius:5px;background:#1b2c28;font-size:12px}
#search-help{grid-column:1/-1;margin:0;font-size:11px;line-height:1.45;color:var(--muted)}
@media(max-width:760px){.search-controls{min-width:0;grid-template-columns:minmax(0,1fr)}.search-scope{justify-content:space-between}.search-scope select{flex:1;margin-left:12px}}
/* Filters stay outside the sticky sort bar so the card grid keeps its space. */
.filters{margin-top:18px;border:1px solid var(--line);border-radius:9px;background:#142120}
.filters summary{cursor:pointer;padding:14px 18px;font-size:14px;font-weight:600;color:var(--ink)}
.filters summary span{font-size:11px;font-weight:400;color:var(--muted);margin-left:12px}
.filter-grid{display:flex;flex-wrap:wrap;gap:20px 24px;padding:4px 18px 16px;align-items:end}
.filter-grid fieldset{border:0;padding:0;margin:0;min-width:0}
.filter-grid legend,.filter-field{font-size:12px;color:var(--muted)}
.filter-grid legend{margin-bottom:9px;padding:0}.filter-field{display:flex;flex-direction:column;gap:9px}
.filter-grid select{background:#1b2c28;border:1px solid #42554b;border-radius:5px;height:38px;padding:0 9px;font-size:13px;min-width:0}
.filter-grid select:disabled{opacity:.4;cursor:default}.cost-filter{display:flex;gap:7px}
.rarity-filter label{display:inline-flex;align-items:center;gap:5px;margin:0 8px 0 0;min-height:38px;font-size:13px;cursor:pointer}
.rarity-filter input{accent-color:var(--gold);width:16px;height:16px}
.filter-footer{border-top:1px solid var(--line);padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.filter-footer p{font-size:11px;color:var(--muted);margin:0}.filter-footer button{font-size:12px;white-space:nowrap}
.group-heading,.subgroup-heading{--band:#243a32;--edge:#9ab598;--label:#edf1dc;display:flex;align-items:center;gap:18px;width:100%;border:1px solid var(--edge);border-left:7px solid var(--edge);background:var(--band);color:var(--label);border-radius:6px;padding:16px 20px;margin:0 0 22px;box-shadow:0 5px 18px #0003;line-height:1.15;font-family:system-ui,sans-serif;font-weight:650;letter-spacing:1px}
.group-heading{font-size:32px;text-transform:uppercase;border-bottom-width:3px;margin-top:22px}
.subgroup-heading{font-size:27px}
.group-heading:after{display:none}.group-heading span,.subgroup-heading span{font-family:system-ui,sans-serif;font-size:12px;font-weight:500;letter-spacing:0;color:var(--label);border:1px solid var(--edge);border-radius:20px;padding:5px 10px;background:#0002;margin-left:auto;white-space:nowrap}
[data-kind=common]{--band:#2f3c3d;--edge:#aebdc1;--label:#f1f5f6}
[data-kind=uncommon]{--band:#183c55;--edge:#77b8e7;--label:#d6efff}
[data-kind=rare]{--band:#45391e;--edge:#dab45d;--label:#ffebad}
.card-subgroup+.card-subgroup{margin-top:48px;padding-top:24px;border-top:2px solid #42544b}
.card-group+.card-group{margin-top:64px;padding-top:20px;border-top:3px solid #657765}
@media(max-width:760px){.filter-grid{gap:18px;padding:4px 12px 16px}.filter-grid fieldset,.filter-field{width:100%}.cost-filter select{flex:1;width:50%}.filter-footer{padding:12px;align-items:flex-start;flex-direction:column}.filters summary{padding:14px 12px}.filters summary span{display:block;margin:6px 0 0 16px}.group-heading{font-size:25px}.subgroup-heading{font-size:23px}.group-heading,.subgroup-heading{padding:14px 12px;gap:8px}.group-heading span,.subgroup-heading span{font-size:11px;padding:4px 7px}}
.card-button,.inspect-card{container-type:inline-size;position:relative}
.starter-emblem{position:absolute;top:2%;right:2%;width:26%;height:8.5%;display:flex;gap:1.2cqw;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffe2a0,#d6a344 70%,#ffe7aa);color:#20322a;border:clamp(1px,.35cqw,2px) solid #fff0c4;border-radius:1.5cqw;box-shadow:inset 0 0 0 1px #926b2c;z-index:2;text-shadow:none}
.starter-emblem small{font-size:2.1cqw;font-weight:800;letter-spacing:.08cqw;line-height:1.2}.starter-emblem strong{font-family:Georgia,serif;font-size:6.5cqw;line-height:1;font-weight:700}
.art-emblem{position:absolute;right:2.2%;top:40%;width:10%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1.5px solid #d4d9c8;border-radius:50%;background:#152a2de6;color:#f1efd9;font-family:Georgia,serif;font-size:clamp(12px,5.6cqw,35px);line-height:1;box-shadow:0 1px 5px #0009;z-index:1}
#inspect-emblems{position:absolute;inset:0;pointer-events:none}
.search{flex:0 1 260px;min-width:180px;max-width:280px}.search input::-webkit-search-cancel-button{display:none}#clear-query{padding:0;border:0;background:none;width:24px;min-width:24px;font-size:20px;color:var(--muted)}#reviews-status{font-size:12px;color:var(--muted)}@media(max-width:760px){.search{width:100%;max-width:280px}}
dialog{width:min(1260px,calc(100vw - 32px));max-width:calc(100vw - 24px)}.inspection-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,1fr);gap:24px}.inspection-visual{min-width:0}#review-panel{min-width:0;font-size:14px;line-height:1.5}#review-panel h2{font-family:Cormorant,Georgia,serif;font-size:32px;font-weight:500;margin:0}#review-panel h3{font-size:16px;color:var(--gold);margin:20px 0 10px}#review-panel a{color:#e9c984}.muted,.review-notice{color:var(--muted);font-size:12px}.review-notice{min-height:18px}.review-tools{display:flex;gap:8px;flex-wrap:wrap}.review-tools button{font-size:12px}.review-totals{background:#1c2c28;padding:12px 16px;border:1px solid var(--line);border-radius:8px;margin-top:16px}.review-totals h3{margin-top:0!important}.review-totals p{margin:5px 0;font-size:13px}.review-totals details{margin-top:12px}.review-totals details p{font-size:12px;padding:8px 0;border-top:1px solid var(--line)}.identity-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0}.identity-form input{width:85px;background:#24352e;border:1px solid var(--line);padding:8px;border-radius:5px}.identity-form button{font-size:12px}.rating-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:6px 0}.star-buttons{display:flex;align-items:center}.star-buttons button{font-size:24px;color:#7b8c84;padding:0 2px;border:0;background:none}.star-buttons button.selected{color:#edc670}.star-buttons .clear-rating{font-size:11px;margin-left:7px;color:var(--muted)}.broken-check{display:flex;gap:8px;align-items:center;margin:16px 0;color:#ffbaab}.broken-check input{width:18px;height:18px;accent-color:#e8ac74}.comment-form textarea{width:100%;background:#20312c;color:var(--ink);border:1px solid #567060;border-radius:6px;padding:10px;font:inherit;resize:vertical;display:block;margin:8px 0}.comment{border:1px solid var(--line);border-radius:8px;margin:12px 0;padding:12px;background:#152521}.comment-header{display:flex;gap:12px;align-items:center}.initials{display:inline-flex;background:#324c3d;color:#f7db9b;border-radius:50%;min-width:36px;min-height:36px;align-items:center;justify-content:center;font-weight:700;padding:4px}.comment time,.comment small{font-size:11px;color:var(--muted)}.comment-body{white-space:pre-wrap;overflow-wrap:anywhere}.comment blockquote{margin:10px 0;padding-left:10px;border-left:3px solid var(--gold);color:var(--muted);font-size:12px;overflow-wrap:anywhere}.comment button{font-size:12px}.reply-target{font-size:12px;color:var(--gold)}.art-gallery{margin:12px 0}.art-gallery summary{cursor:pointer;color:var(--gold)}.art-gallery img{width:100%;height:auto;display:block;margin:10px 0}.art-tabs{display:flex;gap:8px;margin-top:10px}.art-tabs [aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.signin{display:block;margin:20px 0}.broken-summary{color:#ffbeac}@media(max-width:850px){.inspection-layout{grid-template-columns:1fr}.rating-row{flex-wrap:wrap}.inspection-layout{gap:20px}dialog{padding:12px}}
.inspect-header{position:sticky;top:-14px;background:#111d1d;z-index:4;padding:8px 0}.broken-badge{color:#ffbaab;font-size:10px;white-space:nowrap}
/* Expanded review workspace: full state cards above each independent conversation. */
#inspect{width:calc(100vw - 24px);max-width:2200px;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);padding:12px 20px;scrollbar-gutter:stable}
#inspect .inspect-header{top:-12px;padding:10px 0;margin:0;border-bottom:1px solid var(--line)}
#inspect .inspect-header h2{font-size:30px}#inspect .inspect-header p{font-size:12px}
.review-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.review-column{min-width:0;border:1px solid #3a5048;border-top:3px solid #c4ae7d;border-radius:8px;padding:14px;background:#162521}
.review-column.divert{border-top-color:#6aa8ef}.review-column.invoke{border-top-color:#ef967c}
#review-panel .review-column>h2{font-size:29px;margin:0 0 10px}.review-column .inspect-card img{display:block;width:100%;height:auto;border-radius:7px}
.column-composer{margin-top:12px}.column-composer textarea{display:block;width:100%;background:#20312c;color:var(--ink);border:1px solid #567060;border-radius:6px;padding:10px;font:inherit;resize:vertical;margin:10px 0}
.column-composer .rating-row{flex-wrap:wrap}.column-composer .rating-row>span{font-size:14px}.column-composer .star-buttons button{font-size:27px;padding:0 3px}.column-composer .star-buttons .clear-rating{font-size:11px}
.column-composer>button[type=submit]{border-color:#a58d58;color:#f7d796}.column-composer .reply-target:empty{display:none}.column-composer .reply-target:empty+button{display:none}
.review-column.general{margin-top:24px}.general .column-composer{max-width:850px}.general .comment-thread{max-width:1100px}
.stream-controls{background:#10201c;border:1px solid var(--line);border-radius:6px;margin:14px 0}.stream-controls summary{padding:10px;cursor:pointer;color:var(--gold)}
.stream-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:10px}.stream-control-grid label{font-size:12px;min-width:0;color:var(--muted)}.stream-control-grid select{display:block;width:100%;max-width:100%;background:#263a31;border:1px solid #506357;border-radius:4px;padding:7px;margin-top:5px}.stream-control-grid input{accent-color:var(--gold)}
.stream-count{color:var(--muted);font-size:12px}.entry-stars{color:#edc670;font-size:14px;margin-top:8px}.entry-broken{display:flex;gap:6px;align-items:center;margin-top:8px;font-size:13px;color:#f4c0af}.entry-broken input{accent-color:#ecb47f}.comment small{display:block;margin-top:6px}
.review-tools{align-items:center;margin-top:10px}.review-tools .identity-form{margin:0}.review-tools>small{flex-basis:100%}.review-tools .signin{margin:0}.review-notice{margin:7px 0}
.inspect-navigation{position:sticky;bottom:-12px;z-index:4;background:#111d1df8;border-top:1px solid #738064;margin-top:22px;padding:9px 0 6px;box-shadow:0 -6px 18px #0004}
.inspect-navigation .inspect-footer{margin:0}.inspect-navigation .inspect-footer span{font-size:13px;color:var(--ink)}#card-position{width:100%;margin:10px 0 0;accent-color:var(--gold);cursor:pointer;display:block}
#boundary-marks{position:relative;height:6px;margin:0 8px}#boundary-marks i{position:absolute;top:0;height:6px;width:2px;background:var(--gold)}
#group-jumps{display:flex;flex-wrap:wrap;gap:5px;max-height:65px;overflow:auto}#group-jumps button{font-size:11px;padding:4px 8px}#group-jumps button[aria-current=true]{background:#3e4a30;border-color:var(--gold);color:#ffdf98}
@media(max-width:1050px){.review-columns{gap:10px}.review-column{padding:9px}.column-composer .rating-row{display:block}.column-composer .star-buttons button{font-size:23px}.stream-control-grid{grid-template-columns:1fr}}
@media(max-width:720px){#inspect{padding:10px;width:calc(100vw - 12px);max-width:calc(100vw - 12px)}.review-columns{grid-template-columns:1fr}.review-column{padding:12px}.column-composer .rating-row{display:flex}.stream-control-grid{grid-template-columns:1fr 1fr}.inspect-navigation{bottom:-10px}#group-jumps{max-height:54px}}
/* Navigation changes content without moving the inspection workspace. */
#inspect-name,#inspect-meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inspect-header>div{min-width:0}.inspect-header>#close{flex-shrink:0}
#review-panel>.review-notice{height:18px;min-height:18px;line-height:18px;overflow:auto;margin:7px 0}
.review-identity{min-height:40px;display:flex;align-items:center}.review-identity>.identity-form{margin:0}
.review-column .inspect-card{aspect-ratio:976/1010}
/* A generous track and grip for both clicking and dragging between cards. */
#card-position{appearance:none;-webkit-appearance:none;height:44px;padding:0;margin:6px 0 0;background:transparent;touch-action:pan-y}
#card-position::-webkit-slider-runnable-track{height:24px;background:#32443d;border:1px solid #83917a;border-radius:12px}
#card-position::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:32px;height:40px;margin-top:-9px;border:2px solid #ffebbb;border-radius:10px;background:linear-gradient(90deg,#bd9855,#f3d898 50%,#bd9855);box-shadow:0 2px 5px #0007;cursor:grab}
#card-position:active::-webkit-slider-thumb{cursor:grabbing;background:#ffe2a0}
#card-position::-moz-range-track{height:24px;background:#32443d;border:1px solid #83917a;border-radius:12px}
#card-position::-moz-range-thumb{width:28px;height:36px;border:2px solid #ffebbb;border-radius:10px;background:linear-gradient(90deg,#bd9855,#f3d898 50%,#bd9855);box-shadow:0 2px 5px #0007;cursor:grab}
#card-position:active::-moz-range-thumb{cursor:grabbing;background:#ffe2a0}
#boundary-marks{margin-left:16px;margin-right:16px}
/* Drag the card face to browse; retain vertical touch scrolling. */
.review-columns .inspect-card{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.review-columns .inspect-card.card-dragging{cursor:grabbing}
.review-columns .inspect-card img{-webkit-user-drag:none;user-select:none}
/* Generated illustrations sit beneath the exact exported game frame. */
.card-button,.inspect-card,.art-comparison-card { position:relative; }
.generated-illustration { position:absolute!important;left:1.434426%!important;top:12.376238%!important;width:97.131148%!important;height:60.39604%!important;object-fit:cover;object-position:center top;pointer-events:none; }
.generated-frame { position:relative;z-index:1;pointer-events:none; }
.art-actions { min-height:44px;display:flex;align-items:center;margin:8px 0; }
.art-actions button { padding:7px 12px;font-size:13px; }
.art-editor { width:min(1240px,96vw);max-height:94vh;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;background:#101c1b;color:#f2ead9;border:1px solid #877b53;border-radius:14px;padding:20px; }
.art-editor::backdrop { background:#000b; }
.art-editor-header { display:flex;align-items:center;justify-content:space-between;gap:16px; }
.art-editor-header h2 { margin:0;font-size:30px; }
.art-editor-header button { width:44px;height:44px; }
.art-status { min-height:2.8em;font-size:14px;color:#e4ca8e;margin:8px 0; }
.art-comparison { display:grid;grid-template-columns:1fr 1fr;gap:20px; }
.art-comparison figure { margin:0;min-width:0; }
.art-comparison figcaption { font-size:16px;margin:0 0 8px;color:#dbbf80; }
.art-comparison-card { container-type:inline-size; aspect-ratio:976/1010; }
.art-comparison-card>img:not(.generated-illustration) { display:block;width:100%;height:100%; }
.art-version-tools { display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;min-height:44px;flex-wrap:wrap; }
.art-version-tools button { padding:8px 14px; }
.art-version-description { font-size:13px;overflow-wrap:anywhere;max-height:5em;overflow:auto; }
.art-instructions { display:grid;gap:12px;margin-top:16px; }
.art-instructions label { color:#e4ca8e;font-weight:600; }
.art-instructions textarea { width:100%;box-sizing:border-box;resize:vertical;min-height:100px; }
.art-instructions input[type=file] { width:100%;box-sizing:border-box; }
.art-references { display:flex;gap:12px;flex-wrap:wrap; }
.art-reference { position:relative; }
.art-reference img { width:100px;height:85px;object-fit:contain;border:1px solid #52655b;border-radius:6px; }
.art-reference button { position:absolute;top:-6px;right:-6px;border-radius:50%;width:28px;height:28px;padding:0;background:#293b32; }
.art-generate { justify-self:start;background:#544a2b;color:#ffedbb;border-color:#d6b768;min-height:44px; }
@media(max-width:600px){.art-editor{padding:12px}.art-editor-header h2{font-size:23px}.art-comparison{gap:8px}.art-version-tools{gap:7px}}

.art-editor-header h2{font-family:Cormorant,Georgia,serif;font-weight:500}
.art-instructions textarea{font:inherit;background:#20332c;color:var(--ink);border:1px solid #486055;border-radius:6px;padding:12px;line-height:1.5}
.art-instructions textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.art-instructions input::file-selector-button{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:8px 12px;margin-right:12px;cursor:pointer}
.card-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;margin-bottom:12px}
.review-column .card-editor-heading h2{margin:0;line-height:1.15}
.card-heading-actions{display:flex;gap:7px;flex-shrink:0}
.card-heading-actions button{padding:7px 11px;font-size:13px;min-height:34px;background:#20322d;border-color:#536251;color:#ead2a0}
.card-renderer{position:fixed;left:-3000px;top:0;width:976px;height:1010px;border:0;pointer-events:none;opacity:0}
.text-editor{width:min(1800px,97vw);height:95dvh;max-height:95dvh;overflow:auto;overscroll-behavior:contain;background:#101c1b;color:var(--ink);border:1px solid #877b53;border-radius:14px;padding:20px}
.text-editor::backdrop{background:#000b}
.text-editor>.art-editor-header{position:sticky;top:-20px;padding:12px 0;background:#101c1b;z-index:5}
.text-editor>.muted{margin:5px 0;font-size:13px}
.text-status{min-height:2.8em;margin:8px 0;color:#e4ca8e;font-size:14px}
.text-editor-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(420px,1fr);gap:24px;align-items:start}
.text-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;position:sticky;top:60px}
.text-comparison figure{margin:0;min-width:0}.text-comparison figcaption{margin-bottom:10px;color:var(--gold)}
.text-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.text-field{display:flex;flex-direction:column;gap:5px;min-width:0}
.text-field.name,.text-field.bottom{grid-column:1/-1}.text-field.divertCost,.text-field.invokeCost{grid-column:1}.text-field.divert,.text-field.invoke{grid-column:2;grid-row:auto}
.text-field>span{font-size:12px;color:var(--gold)}
.text-editor input,.text-editor textarea,.text-editor select{font:inherit;color:var(--ink);background:#20332c;border:1px solid #486055;border-radius:6px;padding:10px;width:100%;box-sizing:border-box}
.text-editor textarea{resize:vertical;line-height:1.45}.text-editor textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.text-edit-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.text-history{border-top:1px solid var(--line);padding:12px 0}.text-history summary{cursor:pointer;color:var(--gold);margin-bottom:10px}.text-history button{margin-top:10px;margin-right:8px}
.text-chat{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.text-chat h3{color:var(--gold);margin:5px 0}.text-chat>.muted{font-size:12px}.text-chat>button{margin-top:10px}
.text-conversation{max-height:340px;overflow:auto;overscroll-behavior:contain;margin:12px 0}.text-turn{padding:12px;background:#182b24;border:1px solid #344b40;border-radius:8px;margin-bottom:12px}.text-turn strong{color:var(--gold)}.text-turn p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;margin:8px 0 12px}.text-turn button{font-size:12px}
@media(max-width:1000px){.text-editor-layout{grid-template-columns:1fr}.text-comparison{position:static;max-width:850px;width:100%}.card-editor-heading{gap:6px}.card-heading-actions{gap:4px}.card-heading-actions button{padding:6px 8px}}
@media(max-width:600px){.text-editor{padding:12px}.text-editor>.art-editor-header{top:-12px}.text-comparison{gap:8px}.card-heading-actions button{font-size:12px}.text-fields{gap:8px}.text-field.divert,.text-field.invoke{grid-column:1/-1;grid-row:auto}.text-field.divertCost,.text-field.invokeCost{grid-column:auto}}

/* Align group labels to slider thresholds; nearby labels use separate lanes. */
#group-jumps{display:block;position:relative;margin:0 16px;max-height:112px;overflow:auto}#group-jumps button{position:absolute;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;height:24px}

/* Indeterminate progress stays visible without moving the comparison cards. */
.art-status{position:relative;padding-left:28px}
.art-status.is-working::before,.art-generate.is-working::before{content:"";display:inline-block;width:16px;height:16px;border:2px solid #776a48;border-top-color:#ffe0a0;border-right-color:#ffe0a0;border-radius:50%;animation:art-working-spin 1s linear infinite}
.art-status.is-working::before{position:absolute;left:0;top:2px}
.art-generate.is-working{opacity:1;color:#ffedbb;display:inline-flex;align-items:center;gap:10px;cursor:progress;min-width:205px}
@keyframes art-working-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.art-status.is-working::before,.art-generate.is-working::before{animation:none}}

.art-branch{color:#f4d48a;font-weight:600}.art-conversation{max-height:260px;overflow:auto}.art-message{border-left:2px solid #aa945f;padding:8px 14px;margin:12px 0;background:#1e302a}.art-message p{white-space:pre-wrap;margin:8px 0}.art-message button{font-size:12px;padding:5px 9px}.art-context-images{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.art-context-image{display:grid;grid-template-columns:20px 100px;gap:6px;align-items:center;cursor:pointer}.art-context-image img{width:100px;height:70px;object-fit:contain;background:#091515}.art-context-image span{grid-column:2}.art-editor>details{margin:12px 0}
.create-card-dialog{width:min(1100px,96vw);max-height:94vh;overflow:auto;background:var(--bg,#101b1b);color:#eee6d3;border:1px solid #9f8b57;border-radius:18px;padding:24px}.create-card-layout{display:grid;grid-template-columns:2fr 1fr;gap:24px}.create-card-dialog label{display:flex;flex-direction:column;gap:8px}.create-card-dialog fieldset label,.art-targets label{display:inline-flex;flex-direction:row;align-items:center;gap:10px;margin:8px}.term-editor{white-space:pre-wrap;min-height:85px;background:#20322c;border:1px solid #456057;border-radius:6px;padding:12px}.term-editor:focus{outline:2px solid #cfb675}.term-editor strong{color:#f4d48c;font-weight:750}.card-glossary{position:sticky;top:0;align-self:start}.term-list{display:flex;flex-direction:column;max-height:320px;overflow:auto;gap:5px;margin:12px 0}.term-list button{text-align:left}.create-card-dialog textarea{display:block;width:100%;min-height:85px;margin:14px 0}.art-targets{border:1px solid #69755d;border-radius:8px;padding:10px}.art-targets small{color:#b2c1b8}.missing-art:after{content:attr(data-missing-art);position:absolute;top:35%;left:10%;right:10%;text-align:center;color:#b8c9c0;pointer-events:none}.create-card-dialog fieldset{border:1px solid #526256;margin:12px 0}.create-card-dialog form>.art-generate{margin:16px}#create-card{margin-bottom:18px}@media(max-width:700px){.create-card-layout{grid-template-columns:1fr}.card-glossary{position:static}.term-list{max-height:180px}}

.card-ui-controls{display:flex;flex-wrap:wrap;align-items:center;gap:14px;border:0;margin:8px 0;padding:0;color:#c9d4cd;font-size:14px}.card-ui-controls legend{float:left;margin-right:16px;color:#cdb579}.card-ui-controls label{display:flex;align-items:center;gap:6px;white-space:nowrap}.card-ui-controls input{accent-color:#d5ba79;width:18px;height:18px}.art-state-references{display:flex;gap:18px;overflow-x:auto;align-items:flex-start;scrollbar-gutter:stable}.art-state-references:empty{display:none}.art-state-references figure{flex:0 0 min(320px,75vw);margin:12px 0}.art-state-references img{width:100%;aspect-ratio:948/610;object-fit:cover;object-position:top;border:1px solid #a88c53;border-radius:8px}.art-state-references figcaption{color:#dfc88f;margin-bottom:8px}.art-state-references select{max-width:55%;margin-right:8px}.generated-illustration{pointer-events:auto}.art-targets label{flex-wrap:wrap}.art-targets button{font-size:13px}

.art-view-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px 0;border:0;margin:0 0 12px;position:sticky;top:-1px;z-index:5;background:#101b1b}.art-view-selector legend{font-size:15px;color:#d7be83;padding:8px 0}.art-view-selector label{display:grid;grid-template-columns:22px 1fr;gap:5px 8px;align-items:center;padding:14px;border:1px solid #475b51;border-radius:10px;cursor:pointer}.art-view-selector label:has(input:checked){border-color:#e2be71;background:#3b3e2b;box-shadow:inset 0 0 0 1px #e2be71}.art-view-selector input{accent-color:#e2be71;width:18px;height:18px}.art-view-selector strong{font-size:20px}.art-view-selector small{grid-column:2;color:#bed0c4;min-height:1.4em}.art-view-selector label:focus-within{outline:2px solid #fff1c8;outline-offset:2px}@media(max-width:600px){.art-view-selector{gap:5px}.art-view-selector label{padding:9px 5px;grid-template-columns:18px 1fr;gap:4px}.art-view-selector strong{font-size:16px}.art-view-selector small{font-size:11px}}

.art-workflow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}.art-workflow button{border-color:#b99c5b}.art-workflow button[hidden]{display:none}.art-target-summary{flex-basis:100%;color:#e7d49c;margin:3px 0;font-size:15px}

/* Keep the illustration and current writing together; history follows the composer. */
.art-editor .art-view-selector{position:static}
.art-editor .art-comparison{position:sticky;top:-1px;z-index:6;background:#101c1b;padding:8px 0 12px;border-bottom:1px solid #475b51;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center}
.art-editor .art-comparison figure{width:min(100%,calc((42dvh - 44px)*.966337));}
.art-editor .art-comparison figcaption{font-size:14px;min-height:20px;line-height:20px}
.art-editor .art-instructions{scroll-margin-top:46dvh}
.art-editor .art-instructions textarea{max-height:28dvh;scroll-margin-top:46dvh}
.art-editor .art-version-tools{margin:10px 0}
.art-editor .art-instructions>.art-generate{justify-self:start;margin:0}
@media(max-width:600px){.art-editor .art-comparison figure{width:min(100%,calc((32dvh - 64px)*.966337))}.art-editor .art-comparison figcaption{font-size:12px;line-height:16px;min-height:32px}.art-editor .art-instructions,.art-editor .art-instructions textarea{scroll-margin-top:37dvh}}

.global-art-style{border:1px solid #526256;background:#172823;border-radius:12px;padding:18px;margin-bottom:24px}.global-art-style-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.global-art-style h2{margin:0;font-size:24px}.global-art-style-text{white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto}.global-art-style textarea{width:100%;box-sizing:border-box;min-height:130px;background:#20332c;color:#f2ead9;border:1px solid #69795c;border-radius:6px;padding:12px;font:inherit}.global-art-style form button{margin:10px 10px 0 0}.global-art-style [hidden]{display:none}
.style-reference-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr)); gap:16px; margin:12px 0; }
.style-reference-card { min-width:0; padding:12px; border:1px solid #405249; border-radius:10px; background:#182822; display:flex; flex-direction:column; gap:10px; }
.style-reference-card img { width:100%; height:160px; object-fit:contain; background:#101c19; border-radius:6px; }
.style-reference-card p { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; }
.style-reference-card input,.style-reference-card textarea { box-sizing:border-box; width:100%; }
.global-art-style [hidden] { display:none!important; }
.style-reference-card label { display:grid; gap:6px; color:#d8c387; }
.style-reference-card input { border:1px solid #405249; border-radius:6px; background:#20332b; color:#f0ecd9; padding:10px; font:inherit; }
.global-art-style input[type=file],.global-art-style form > small { display:block; margin:8px 0; max-width:100%; }

.global-art-style-actions { display:flex; gap:8px; flex-wrap:wrap; }

.style-reference-search { display: block; width: min(100%, 24rem); margin: .5rem 0; }
.style-reference-card[hidden] { display: none; }

.style-upload-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; }
.style-upload-actions input { max-width: 100%; }
.style-paste-area { border: 1px dashed var(--gold, #d9bd78); border-radius: .5rem; padding: 1rem; margin-top: .75rem; cursor: text; }
.style-paste-area:focus { outline: 2px solid #d9bd78; outline-offset: 2px; background: #24392f; }

.reference-elements { border: 1px solid #52675c; border-radius: .4rem; padding: .65rem; }
.reference-elements summary { cursor: pointer; overflow-wrap: anywhere; }
.reference-elements > div { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: .5rem; margin-top: .65rem; }
.reference-elements label { display: flex; align-items: center; gap: .5rem; }
.reference-elements input[type=checkbox] { width: 1.1rem; height: 1.1rem; flex: 0 0 auto; }

/* Parallel choice editing, with shared identity above both previews. */
.text-metadata{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:0 0 20px}
.text-metadata .text-field{grid-column:auto}
.text-editor-layout{grid-template-columns:minmax(0,1fr) minmax(550px,1.15fr)}
.text-choice-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.text-choice-column{min-width:0;display:flex;flex-direction:column;gap:12px}
.text-choice-column h3{margin:0;color:var(--gold)}
.text-choice-column textarea{min-height:150px}
.text-destination{display:flex;gap:8px;flex-wrap:wrap;border:0;padding:0;margin:0}
.text-destination legend{font-size:12px;color:var(--gold);margin-bottom:8px}
.text-destination label{display:flex;align-items:center;gap:4px;font-size:13px;cursor:pointer}
.text-editor .text-destination input{width:auto;margin:0;accent-color:var(--gold)}
.text-editor input:disabled{opacity:.5}
@media(max-width:1100px){.text-editor-layout{grid-template-columns:1fr}.text-comparison{position:static;max-width:850px;margin:auto;width:100%}}
@media(max-width:600px){.text-metadata{grid-template-columns:1fr 1fr}.text-metadata .name{grid-column:1/-1}.text-choice-columns{gap:8px}.text-destination{flex-direction:column}.text-choice-column textarea{padding:7px}.text-choice-column h3{font-size:16px}}

.style-editor-actions { position:sticky; top:8px; z-index:5; display:flex; flex-wrap:wrap; gap:8px; padding:10px; margin:12px 0; background:#172823; border:1px solid #69795c; border-radius:8px; box-shadow:0 4px 16px #0005; }
.global-art-style .style-editor-actions button { margin:0; }