:root{--runge-lily-white: #dfd4c1;--runge-dawn-gold: #eac580;--runge-warm-sand: #b7ac97;--runge-ochre: #c8864b;--runge-terracotta: #c1692f;--runge-crimson: #9b3e28;--runge-leaf-green: #6e7a4e;--runge-sky-blue: #758da2;--runge-grey-blue: #869094;--runge-lilac: #7f768e;--runge-umber: #473327;--runge-frame-black: #271f1b;--bg: #f4eee3;--bg-raised: #fbf7f0;--bg-sunken: #e9e0d0;--border: #d8cbb5;--border-strong: var(--runge-warm-sand);--text: var(--runge-frame-black);--text-muted: #6b5c4d;--text-faint: #8d8175;--accent: var(--runge-terracotta);--accent-hover: var(--runge-crimson);--accent-contrast: #fdf9f3;--focus: var(--runge-sky-blue);--target: var(--runge-leaf-green);--target-wash: rgb(110 122 78 / 12%);--target-wash-strong: rgb(110 122 78 / 20%);--status-ready: var(--runge-leaf-green);--status-starting: var(--runge-ochre);--status-error: var(--runge-crimson);--font-body: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--radius: 6px;--radius-lg: 12px;--shadow: 0 1px 2px rgb(39 31 27 / 8%), 0 8px 24px rgb(39 31 27 / 6%);--measure: 62ch}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #1b1614;--bg-raised: #241d1a;--bg-sunken: #141110;--border: #3a2f28;--border-strong: var(--runge-umber);--text: var(--runge-lily-white);--text-muted: #b0a08d;--text-faint: #8a7c6d;--accent: var(--runge-dawn-gold);--accent-hover: var(--runge-ochre);--accent-contrast: var(--runge-frame-black);--focus: var(--runge-sky-blue);--target: #93a06d;--target-wash: rgb(147 160 109 / 14%);--target-wash-strong: rgb(147 160 109 / 24%);--status-ready: #93a06d;--status-starting: var(--runge-dawn-gold);--status-error: #c9583c;--shadow: 0 1px 2px rgb(0 0 0 / 40%), 0 8px 24px rgb(0 0 0 / 30%)}}:root[data-theme=dark]{--bg: #1b1614;--bg-raised: #241d1a;--bg-sunken: #141110;--border: #3a2f28;--border-strong: var(--runge-umber);--text: var(--runge-lily-white);--text-muted: #b0a08d;--text-faint: #8a7c6d;--accent: var(--runge-dawn-gold);--accent-hover: var(--runge-ochre);--accent-contrast: var(--runge-frame-black);--target: #93a06d;--target-wash: rgb(147 160 109 / 14%);--target-wash-strong: rgb(147 160 109 / 24%);--status-ready: #93a06d;--status-starting: var(--runge-dawn-gold);--status-error: #c9583c;--shadow: 0 1px 2px rgb(0 0 0 / 40%), 0 8px 24px rgb(0 0 0 / 30%)}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}html{color-scheme:light dark}body{min-height:100dvh;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:1rem;line-height:1.55;-webkit-font-smoothing:antialiased}code{padding:.1em .35em;border-radius:4px;background:var(--bg-sunken);font-size:.9em}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app-shell{display:flex;flex-direction:column;min-height:100dvh}.route-progress{position:fixed;inset:0 auto auto 0;z-index:10;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;opacity:0;transition:transform .4s ease-out,opacity .2s}.route-progress.active{transform:scaleX(.85);opacity:1}.masthead{display:flex;gap:var(--space-6);align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border);background:var(--bg-raised)}.brand{display:inline-flex;gap:var(--space-3);align-items:center;color:inherit;text-decoration:none}.brand-mark{width:1.1rem;height:1.1rem;border-radius:3px;background:linear-gradient(135deg,var(--runge-dawn-gold),var(--runge-terracotta))}.brand-name{font-size:1.05rem;font-weight:600;letter-spacing:.01em}.masthead-nav{display:flex;gap:var(--space-4);font-family:var(--font-ui);font-size:.9rem}.nav-link{padding:var(--space-1) 0;border-bottom:2px solid transparent;color:var(--text-muted);text-decoration:none}.nav-link:hover{color:var(--text)}.nav-link.active{border-bottom-color:var(--accent);color:var(--text)}.page{flex:1;width:100%;max-width:68rem;margin-inline:auto;padding:var(--space-12) var(--space-6);display:grid;gap:var(--space-8);align-content:start}.footer{padding:var(--space-6);border-top:1px solid var(--border);color:var(--text-faint);font-family:var(--font-ui);font-size:.82rem;text-align:center}.eyebrow{margin-bottom:var(--space-2);color:var(--accent);font-family:var(--font-ui);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.hero h1{font-size:clamp(2rem,5vw,2.9rem);font-weight:500;line-height:1.1;letter-spacing:-.02em}.lede{max-width:var(--measure);margin-top:var(--space-4);color:var(--text-muted);font-size:1.05rem}.panel{padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-raised);box-shadow:var(--shadow)}.panel h2{margin-bottom:var(--space-4);font-size:1.15rem;font-weight:600}.notice,.empty{color:var(--text-muted);font-family:var(--font-ui);font-size:.92rem}.notice{padding:var(--space-3) var(--space-4);border-left:3px solid var(--status-starting);border-radius:0 var(--radius) var(--radius) 0;background:var(--bg-sunken)}.instance-list{display:grid;gap:var(--space-2)}.instance{display:flex;gap:var(--space-4);align-items:baseline;justify-content:space-between;flex-wrap:wrap;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}.instance-name{font-size:1.02rem;font-weight:600}.instance-meta{display:flex;gap:var(--space-3);align-items:center;color:var(--text-faint);font-family:var(--font-ui);font-size:.82rem}.status{display:inline-flex;gap:var(--space-2);align-items:center;color:var(--text-muted)}.status:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:currentcolor}.status-ready{color:var(--status-ready)}.status-starting{color:var(--status-starting)}.status-error{color:var(--status-error)}.button{display:inline-block;margin-top:var(--space-6);padding:var(--space-3) var(--space-6);border:1px solid transparent;border-radius:var(--radius);background:var(--accent);color:var(--accent-contrast);font-family:var(--font-ui);font-size:.92rem;font-weight:600;text-decoration:none;cursor:pointer}.button:hover{background:var(--accent-hover)}.error-panel{max-width:var(--measure)}.error-panel h1{font-size:1.8rem;font-weight:500}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}.account{display:flex;gap:var(--space-3);align-items:center}.account-email{max-width:18ch;overflow:hidden;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap}.link-button{padding:var(--space-1) 0;border:0;border-bottom:2px solid transparent;background:none;color:var(--text-muted);font:inherit;cursor:pointer}.link-button:hover{border-bottom-color:var(--accent);color:var(--text)}.notifications{position:relative;display:flex;align-items:center}.notifications-bell{position:relative;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--bg);color:var(--text-muted);font:inherit;cursor:pointer}.notifications-bell:hover,.notifications-bell[aria-expanded=true]{border-color:var(--accent);color:var(--text)}.notifications-bell-mark{font-size:.9rem;line-height:1}.notifications-badge{position:absolute;top:-.35rem;right:-.35rem;min-width:1.05rem;padding:0 .2rem;border-radius:999px;background:var(--accent);color:var(--accent-contrast);font-family:var(--font-ui);font-size:.65rem;font-weight:700;line-height:1.05rem;text-align:center}.notifications-panel{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:10;width:min(22rem,calc(100vw - 2 * var(--space-4)));padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-raised);box-shadow:var(--shadow)}.notifications-head{display:flex;gap:var(--space-3);align-items:baseline;justify-content:space-between;margin-bottom:var(--space-2)}.notifications-head h2{font-family:var(--font-ui);font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.notification-list{display:grid;gap:var(--space-1);max-height:60vh;overflow-y:auto;list-style:none}.notification{display:grid;gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius);color:var(--text);text-decoration:none}.notification:hover{background:var(--bg-sunken)}.notification.unread{border-left:3px solid var(--accent);padding-left:calc(var(--space-2) - 3px)}.notification-text{font-size:.9rem}.notification-meta{color:var(--text-faint);font-family:var(--font-ui);font-size:.75rem}.notification-dot{color:var(--accent)}.form-panel{max-width:26rem;margin-inline:auto}.form{display:grid;gap:var(--space-4);margin-top:var(--space-6)}.field{display:grid;gap:var(--space-2);font-family:var(--font-ui);font-size:.85rem}.field>span{color:var(--text-muted);font-weight:600}.field input,.field select{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:.95rem}.field input:focus-visible,.field select:focus-visible{border-color:var(--focus)}.game-byline{margin:var(--space-2) 0 var(--space-3);color:var(--text-muted);font-family:var(--font-ui);font-size:.9rem}.version-note{margin-top:calc(-1 * var(--space-2))}.instance-version{margin-left:var(--space-2);color:var(--text-faint);font-family:var(--font-ui);font-size:.8rem;font-weight:400}.form .button{margin-top:0;width:100%}.form .button:disabled{opacity:.6;cursor:progress}.error{margin:0;color:var(--status-error);font-family:var(--font-ui);font-size:.88rem}.form-footnote{margin-top:var(--space-6);color:var(--text-faint);font-family:var(--font-ui);font-size:.82rem}.empty a,.notice a{color:var(--accent)}.game-list{display:grid;gap:var(--space-2)}.game{display:flex;gap:var(--space-4);align-items:center;justify-content:space-between;flex-wrap:wrap;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}.game-text{display:grid;gap:var(--space-1)}.game-name{font-size:1.02rem;font-weight:600}.game-meta{color:var(--text-faint);font-family:var(--font-ui);font-size:.82rem}.game .button{margin-top:0;padding:var(--space-2) var(--space-4)}.game .button:disabled{opacity:.5;cursor:not-allowed}.hero .button{margin-top:var(--space-6)}a.instance{color:inherit;text-decoration:none}a.instance:hover{border-color:var(--border-strong)}.seat-list{display:grid;gap:var(--space-2);margin-bottom:var(--space-4)}.hot-seat-toggle{display:flex;gap:var(--space-4);align-items:center;margin-bottom:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);cursor:pointer}.hot-seat-toggle input{flex:none;width:1.1rem;height:1.1rem;accent-color:var(--accent);cursor:pointer}.seat{display:flex;gap:var(--space-4);align-items:center;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}.seat-number{display:grid;place-items:center;flex:none;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--bg-sunken);color:var(--text-faint);font-family:var(--font-ui);font-size:.8rem;font-weight:600}.seat-text{display:grid;gap:var(--space-1);flex:1;min-width:0}.seat-name{display:flex;gap:var(--space-2);align-items:baseline;flex-wrap:wrap;font-weight:600;overflow-wrap:anywhere}.seat-tag{padding:0 var(--space-2);border-radius:999px;background:var(--bg-sunken);color:var(--text-faint);font-family:var(--font-ui);font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.seat-meta{color:var(--text-faint);font-family:var(--font-ui);font-size:.8rem}.seat-field{flex:1;min-width:0}.add-seat{justify-self:start;font-family:var(--font-ui);font-size:.85rem}.status-seat-ready{color:var(--status-ready)}.status-seat-waiting{color:var(--status-starting)}.status-seat-away,.status-seat-invited{color:var(--text-faint)}.lobby-actions{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap;margin-top:var(--space-4)}.lobby-actions .button{margin-top:0}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.status-finished{color:var(--text-faint)}.app-shell-bare{height:100dvh;overflow:hidden}body:has(.play){overflow:hidden}.play{--play-rail: min(100vw / 6, 300px);display:grid;grid-template-columns:var(--play-rail) minmax(0,1fr) var(--play-rail);grid-template-rows:minmax(0,1fr);width:100%;height:100dvh;overflow:hidden}.play-rail{display:grid;min-width:0;min-height:0;padding:var(--space-3);gap:var(--space-3);background:var(--bg-raised)}.play-rail-top{display:flex;align-items:center;gap:var(--space-3);min-width:0}.play-game-title{display:grid;min-width:0;font-family:var(--font-ui);line-height:1.25}.play-game-name{overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.play-game-version{color:var(--text-faint);font-size:.78rem}.play-rail-left{grid-template-rows:auto minmax(0,1fr) auto;border-right:1px solid var(--border)}.play-rail-right{grid-template-rows:minmax(0,2fr) minmax(0,1fr);border-left:1px solid var(--border)}.play-rail-body{display:flex;flex-direction:column;gap:var(--space-2);min-height:0;overflow-y:auto}.play-actions{display:flex;flex-direction:column;gap:var(--space-2)}.play-actions .action-button{width:100%;text-align:left}.play-actions .action-button.menu{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.play-actions h2{font-size:.95rem;font-weight:600}.play-actions .action-button.back{color:var(--text-muted)}.play-rail-foot .action-button{width:100%}.reset-turn{margin-bottom:var(--space-2)}.reset-turn .play-hint{margin:var(--space-1) 0 0}.saved-states{position:relative}.saved-states .action-button{width:100%}.saved-states-panel{position:absolute;bottom:calc(100% + var(--space-2));left:0;z-index:5;display:flex;flex-direction:column;gap:var(--space-2);width:max(100%,20rem);max-height:60vh;overflow-y:auto;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-raised);box-shadow:0 6px 20px #0000002e}.saved-states-new{display:flex;flex-direction:column;gap:var(--space-2)}.saved-states-label{font-size:.8rem;color:var(--text-faint)}.saved-states-name{padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:.9rem}.saved-states-list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none;border-top:1px solid var(--border);padding-top:var(--space-2)}.saved-state{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.saved-state-what{display:flex;flex-direction:column;min-width:0}.saved-state-buttons{display:flex;gap:var(--space-1);flex:none}.play-rail-scores,.play-rail-spare{min-height:0;overflow-y:auto}.play-rail-scores{overflow-y:auto;overflow-x:hidden}.score-displays{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.score-display{min-width:0;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}.score-display-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1);margin:0 0 var(--space-1);font-size:.95rem}.score-display-owner{font-size:.8rem;font-weight:400;color:var(--text-muted)}.score-display-lines{display:flex;flex-direction:column;gap:.15rem;margin:0}.score-display-line{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);min-width:0}.score-display-line dt{min-width:0;overflow-wrap:anywhere;color:var(--text-muted)}.score-display-line dd{margin:0;flex:none;font-variant-numeric:tabular-nums;font-weight:600}.tally-icon{height:1.4em;width:auto;max-width:100%;vertical-align:-.35em;object-fit:contain}.score-display-line:has(.tally-icon){align-items:center}.score-display-line dt .tally-icon{display:block}.score-display,.score-display-line,.score-grid,.score-cell{background-size:100% 100%;background-position:center;background-repeat:no-repeat}.score-grid{--cols: 1;--rows: 1;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(0,1fr));width:100%;aspect-ratio:var(--cols) / var(--rows)}.score-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:hidden;container-type:size}.score-cell-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.score-cell-crop-frame{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.score-cell-crop{--ar: 1;position:relative;width:min(100cqw,calc(100cqh * var(--ar)));height:min(100cqh,calc(100cqw / var(--ar)));overflow:hidden}.score-cell-crop img{position:absolute;max-width:none}.score-cell.player-name{align-items:flex-start;padding-left:4%}.score-cell.player-name .score-cell-text{color:var(--accent, #c0392b)}.score-cell-text{position:relative;max-width:100%;font-size:min(58cqh,calc(92cqw / (var(--chars) * .62)));font-weight:700;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}.score-cell.over-art .score-cell-text,.score-cell.over-art .score-cell-name{color:#fff;text-shadow:.05em .05em 0 #000,-.05em .05em 0 #000,.05em -.05em 0 #000,-.05em -.05em 0 #000,0 .08em .12em rgb(0 0 0 / 60%)}.score-cell-name{position:relative;max-width:100%;overflow:hidden;color:var(--text-muted);font-size:17cqh;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.score-cell:has(.score-cell-name) .score-cell-text{font-size:min(48cqh,calc(92cqw / (var(--chars) * .62)))}.score-displays-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.score-display.placed{position:absolute;display:flex;flex-direction:column;padding:0;border:0;border-radius:0;background-color:transparent;overflow:hidden;container-type:size}.score-display.placed .score-grid{width:100%;height:100%;aspect-ratio:auto}.score-display.placed.listed{padding:2cqh 3cqw;font-size:min(calc(62cqh / var(--lines, 1)),9cqw);line-height:1.3}.score-display.placed.listed .score-display-title{margin:0;font-size:1em}.score-display.placed.listed .score-display-owner{font-size:.8em}.play-menu{position:relative}.play-menu-button{display:grid;place-items:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);cursor:pointer}.play-menu-button:hover{border-color:var(--border-strong)}.play-menu-bars{display:grid;gap:3px;width:1rem}.play-menu-bars span{height:2px;border-radius:1px;background:var(--text)}.play-menu-panel{position:absolute;top:calc(100% + var(--space-2));left:0;z-index:5;display:flex;flex-direction:column;gap:var(--space-1);min-width:max(100%,12rem);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-raised);box-shadow:0 6px 20px #0000002e}.play-menu-item{display:block;width:100%;padding:var(--space-2);border:0;border-radius:var(--radius);background:none;color:var(--text);font-family:var(--font-ui);font-size:.9rem;text-align:left;text-decoration:none;cursor:pointer}.play-menu-item:hover{background:var(--bg-sunken)}.play-menu-rule{margin:var(--space-1) 0;border:0;border-top:1px solid var(--border)}.play-menu-account{padding:0 var(--space-2);color:var(--text-faint);font-family:var(--font-ui);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-stage{position:relative;min-width:0;min-height:0;padding:var(--space-3);display:flex;flex-direction:column;overflow:hidden}.play-selection{display:flex;flex-direction:column;gap:var(--space-2)}.play-selection h2{font-size:.95rem;font-weight:600}.play-selection p{font-family:var(--font-ui);font-size:.85rem}.play-selection .action-row{display:flex;flex-direction:column;gap:var(--space-2);margin:0}.play-selection .action-button{width:100%;text-align:left}.play-multi-picker{display:flex;flex-direction:column;gap:var(--space-2)}.play-multi-picker p{font-family:var(--font-ui);font-size:.85rem}.play-multi-picker .action-row{display:flex;flex-direction:column;gap:var(--space-2);margin:0}.play-multi-picker .action-button{width:100%;text-align:left}.play-multi-picker .action-button.picked{border-color:var(--target);background:var(--target-wash)}.play-simultaneous{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.play-simultaneous p,.play-choices{font-family:var(--font-ui);font-size:.85rem}.play-choices{margin:0;padding-left:var(--space-3)}.play-simultaneous .action-row{display:flex;flex-direction:column;gap:var(--space-2);margin:0}.play-simultaneous .action-button{width:100%}.turn-handover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;padding:var(--space-4);background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.turn-handover-card{max-width:26rem;padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-raised);box-shadow:0 10px 32px #00000038;text-align:center}.turn-handover-card h2{margin:var(--space-1) 0 var(--space-2)}.turn-handover-card .button{margin-top:var(--space-4)}.play-turn-notice{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--bg-sunken);color:var(--text);font-family:var(--font-ui);font-size:.9rem;font-weight:600}.play-hint{color:var(--text-muted);font-family:var(--font-ui);font-size:.85rem}.action-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-3) 0}.action-button{padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:.9rem;cursor:pointer}.action-button:hover:not(:disabled){border-color:var(--border-strong)}.action-button:disabled{opacity:.55;cursor:not-allowed}.action-button.confirm{border-color:var(--target);color:var(--target);font-weight:600}.action-button-note{color:var(--text-faint);font-size:.8rem}.surface-stage{display:flex;flex-direction:column;gap:var(--space-2);align-items:center;flex:1 1 0;width:100%;min-height:0}.surface-fit{flex:1 1 0;width:100%;min-height:0;display:grid;place-items:center;container-type:size}.surface-area{position:relative;--design-w: 16;--design-h: 9;width:min(100cqw,calc(100cqh * var(--design-w) / var(--design-h)));aspect-ratio:var(--design-w) / var(--design-h);border:1px solid var(--border);border-radius:var(--radius-lg);background-color:var(--bg-sunken);background-size:100% 100%;background-position:center;background-repeat:no-repeat;overflow:hidden}.surface-area-empty{display:grid;place-items:center;aspect-ratio:16 / 9;color:var(--text-faint);font-family:var(--font-ui);font-size:.88rem}.surface-nav{position:absolute;top:50%;display:grid;place-items:center;width:2.5rem;height:2.5rem;padding:0;transform:translateY(-50%);border:1px solid var(--border);border-radius:50%;background:var(--bg-raised);color:var(--text);font-size:1.5rem;line-height:1;cursor:pointer}.surface-nav:hover{border-color:var(--border-strong)}.surface-nav-prev{left:var(--space-2)}.surface-nav-next{right:var(--space-2)}.surface-tabs{display:flex;flex:none;flex-wrap:wrap;justify-content:center;gap:var(--space-2);max-width:100%}.surface-tab{padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text-muted);font-family:var(--font-ui);font-size:.82rem;cursor:pointer}.surface-tab:hover{border-color:var(--border-strong)}.surface-tab.active{border-color:var(--target);color:var(--text);font-weight:600}.component-zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:var(--space-4, 2rem);background:#000000b8;cursor:zoom-out}.component-zoom-body{display:flex;align-items:flex-start;justify-content:center;gap:var(--space-4);max-width:100%;max-height:100%}.component-zoom-figure{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin:0;max-width:100%;max-height:100%}.component-notes{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:var(--space-3);list-style:none;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);color:var(--text);font-family:var(--font-ui);font-size:.85rem;line-height:1.35;box-shadow:var(--shadow);box-sizing:border-box}.component-notes li{white-space:pre-line;overflow-wrap:anywhere}.component-notes li+li{padding-top:var(--space-2);border-top:1px solid var(--border)}.component-zoom-notes{flex:none;width:18rem;max-height:calc(90dvh - 2.5rem);overflow-y:auto;font-size:.95rem;cursor:default}.component-zoom-with-notes .component-zoom-image{max-width:calc(90vw - 18rem - var(--space-4))}@media(max-width:700px){.component-zoom-body{flex-direction:column;align-items:center;overflow-y:auto}.component-zoom-with-notes .component-zoom-image{max-width:90vw;min-height:0;max-height:55dvh}.component-zoom-notes{width:min(90vw,24rem);max-height:none;overflow-y:visible}}.component-zoom-image{display:block;max-width:90vw;max-height:calc(90dvh - 2.5rem);min-height:min(60dvh,600px);object-fit:contain;border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000080}.component-zoom-caption{color:#fff;font-family:var(--font-ui);font-size:.95rem}.component-zoom-close{position:absolute;top:var(--space-3);right:var(--space-3);display:grid;place-items:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid rgb(255 255 255 / .4);border-radius:50%;background:#0006;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer}.component-hover{pointer-events:none}.component-hover-box,.component-hover-notes{position:fixed;z-index:40}.component-hover-box{display:grid;place-items:center;padding:var(--space-1);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-raised);box-shadow:var(--shadow),0 6px 20px #00000040;box-sizing:border-box;overflow:hidden}.component-hover-image{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}.component-hover-notes{overflow:hidden}.location-canvas{position:absolute;top:0;right:0;bottom:0;left:0;isolation:isolate}.location-backdrop{position:absolute;border-radius:4px;background:#8080808c;pointer-events:none}.location-box{position:absolute;border:1px solid transparent;border-radius:4px}.location-box.bordered{border-color:var(--border);background:#8080800f}.location-label{position:absolute;top:2px;left:4px;max-width:calc(100% - 8px);overflow:hidden;color:var(--text-faint);font-family:var(--font-ui);font-size:.68rem;line-height:1.2;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.location-box,.location-segment,.component-group,.component-slot,.component-holder{pointer-events:none}.location-box.selectable,.component-group.selectable,.component-face{pointer-events:auto}.component-group{position:absolute;top:0;right:0;bottom:0;left:0}.location-segment{position:absolute}.component-slot{position:absolute;left:0;display:flex;width:100%}.component-slot-vertical{left:0;width:100%}.component-slot-horizontal{top:0;left:auto;height:100%;width:auto;align-items:flex-start}.component-slot-horizontal .component-face,.component-slot-horizontal .component-face-blank{width:auto;height:100%}.component-slot-cell{align-items:center;justify-content:center;box-sizing:border-box}.component-slot-cell>.component-holder{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.component-slot-cell .component-face{width:auto;height:auto;max-width:100%;max-height:100%}.component-slot-cell .component-face-blank{width:100%;height:100%;aspect-ratio:auto}.component-face{display:block;width:100%;height:auto}.component-holder{display:block}.component-holder-carrying{position:relative}.component-spaces{position:absolute;top:0;right:0;bottom:0;left:0}.component-spaces .location-box.bordered{border-color:#80808059;background:#8080800a}.component-spaces .location-label{display:none}.component-face-blank{aspect-ratio:5 / 7;border:1px solid var(--border);background:var(--bg-raised)}.component-face-total{display:grid;place-items:center;aspect-ratio:1;border:1px solid var(--border-strong);border-radius:4px;background:#fff;color:#111;font-family:var(--font-ui);font-size:clamp(.7rem,2.2vw,1.4rem);font-weight:600;line-height:1}.selectable{cursor:pointer}.selectable:focus-visible{outline:3px solid var(--target);outline-offset:2px}.component-face.selectable{outline:2px solid var(--target);outline-offset:1px}.component-face.selectable:hover{outline-width:3px}.component-face.selected,.component-face.selected:hover{outline:4px solid var(--accent);outline-offset:1px}.component-nudged{transform:translate(6%,-6%);transition:transform .12s ease-out}.component-slot-vertical>.component-nudged{transform:translate(10%)}.component-slot-horizontal>.component-nudged,.component-slot-cell>.component-nudged{transform:translateY(-10%)}.component-slot-cell>.component-nudged{z-index:1}@media(prefers-reduced-motion:reduce){.component-nudged{transition:none}}.component-group.selectable.picked,.location-box.selectable.picked{outline-style:solid;background:var(--target-wash-strong)}.component-face.unavailable{filter:grayscale(1);opacity:.4}.component-face.highlighted{outline:3px dashed var(--target);outline-offset:1px}.component-group.selectable{border-radius:4px;outline:2px dashed var(--target);outline-offset:-2px;background:var(--target-wash)}.component-group.selectable:hover{background:var(--target-wash-strong)}.location-box.selectable,.component-spaces .location-box.selectable{border-color:var(--target);background:var(--target-wash)}