@layer packages;@layer tokens{@font-face{font-family:IBM Plex Sans;src:url(/bundle/ibm-plex-sans-variable-IvpUvPa2.woff2)format("woff2-variations");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/bundle/ibm-plex-mono-400-DMJ8VG8y.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/bundle/ibm-plex-mono-500-DSY6xOcd.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Zilla Slab;src:url(/bundle/zilla-slab-600-BRgn6X7z.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--gray-950:#0e0e0e;--gray-900:#121212;--gray-880:#141414;--gray-800:#1c1c1c;--gray-700:#202020;--gray-600:#262626;--gray-550:#2a2a2a;--gray-500:#303030;--gray-400:#3a3a3a;--gray-350:#6e6e6e;--gray-300:#b8b8b8;--gray-200:#c8c8c8;--gray-000:#f5f5f5;--color-app-bg:var(--gray-950);--color-panel:var(--gray-880);--color-panel-raised:var(--gray-800);--color-sunken:var(--gray-900);--color-surface:var(--gray-700);--color-surface-raised:var(--gray-600);--color-surface-hover:var(--gray-550);--gradient-chrome:linear-gradient(170deg, var(--gray-800) 0%, var(--color-panel) 50%, var(--gray-900) 100%);--color-border:var(--gray-500);--color-border-strong:var(--gray-400);--color-border-drop:var(--gray-350);--color-edge:#ffffff14;--color-edge-strong:#ffffff24;--color-hover-wash:#ffffff14;--scrollbar-thumb:var(--color-border);--scrollbar-track:transparent;--color-text:var(--gray-000);--color-text-muted:var(--gray-300);--color-text-code:var(--gray-200);--color-text-dim:#f5f5f59e;--color-text-inverse:var(--gray-900);--color-text-placeholder:#b0b0b0;--color-accent-soft:#2a2113;--color-accent:#d4af37;--color-accent-strong:#dfbf55;--color-accent-deep:#9a7f28;--color-accent-glow:#d4af374d;--color-on-accent:var(--gray-900);--color-accent-wash:#d4af3724;--color-selection:#d4af3766;--color-layer-soft:#3a3324;--color-layer-text:#e9d9a6;--color-layer-bar:#a8935a;--color-whisper-soft:#251c31;--color-whisper:#a78bfa;--color-danger-soft:#2b1815;--color-danger-deep:#6b2a26;--color-danger:#e05a50;--color-danger-dim:#e77e72;--color-success:#4fae83;--color-warning:#e8974a;--color-bar-life:#c4553f;--color-bar-mana:#4a7fc1;--color-bar-neutral:var(--color-border-strong);--color-bar-track:#000000a6;--color-grid-void:#0b0a08;--color-grid-line:#ffffff12;--grid-cell:96px;--color-setup-grid-line:#d4af3738;--color-board-grid-line:#ffffff24;--color-preview-footprint:#d4af37d9;--color-pick:#5ad2ff;--color-drop-valid:#0f8;--color-drop-refused:#f33;--color-missing-art:#e05a50;--color-height-0:#e5484d;--color-height-1:#3e8ef7;--color-height-2:#f5b700;--color-height-3:#8e4ec6;--color-height-4:#30c85e;--color-height-5:#f76b15;--color-height-6:#12b5cb;--color-height-7:#e93d82;--color-height-8:#a3e635;--color-height-9:#f2f2f2;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:10px;--space-6:14px;--space-7:16px;--space-8:20px;--space-9:24px;--space-10:32px;--radius-sm:2px;--radius-md:3px;--radius-lg:4px;--radius-round:50%;--border-width:1px;--border-hairline:1px;--border-width-overlay:3px;--font-ui:"IBM Plex Sans", ui-sans-serif, system-ui, "Segoe UI", sans-serif;--font-display:"Zilla Slab", ui-serif, Georgia, "Times New Roman", serif;--font-mono:"IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--font-size-xs:10px;--font-size-sm:11px;--font-size-md:12px;--font-size-lg:14px;--font-size-xl:16px;--font-size-title:20px;--font-size-display:28px;--font-size-hero:56px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-snug:1.35;--line-height-normal:1.5;--line-height-relaxed:1.6;--measure-reading:68ch;--letter-spacing-tight:-.01em;--letter-spacing-wide:.05em;--letter-spacing-wider:.12em;--letter-spacing-label:.027em;--letter-spacing-body:.011em;--font-numeric:tabular-nums;--shadow-float:0 8px 26px #0000008c;--shadow-panel:0 12px 34px #0009;--shadow-dialog:0 16px 48px #0000009e;--shadow-sidebar:-8px 0 30px #00000080;--shadow-hard:2px 2px 0 #000c;--shadow-glow:0 0 var(--space-4) var(--color-accent-glow);--shadow-glow-danger:0 0 var(--space-5) var(--color-danger-glow);--shadow-glow-success:0 0 var(--space-4) var(--color-success-glow);--shadow-pause-border:inset 0 0 0 var(--border-width-overlay) var(--color-danger);--color-scrim:#0009;--color-inset:#0009;--color-overlay-light:#fffc;--color-danger-glow:#e0525299;--color-success-glow:#4fae834d;--color-vignette:#00000052;--edge-raised:none;--edge-sunken:none;--text-shadow-overlay:1px 1px 2px #000c;--duration-fast:.1s;--duration:.2s;--duration-slow:.25s;--ease-out:cubic-bezier(.2, 0, 0, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1);--setup-drift-unit:60s;--opacity-disabled:.45;--opacity-muted:.5;--opacity-wash:.45;--focus-ring-width:2px;--focus-ring-color:var(--color-accent);--focus-ring-offset:2px;--z-sticky-header:1;--z-image-scene:0;--z-vignette:1;--z-map-overlay:5;--z-hud:10;--z-hud-menu:15;--z-fx-overlay:400;--z-frame:500;--z-banner:950;--z-notification:999;--z-modal:1000;--z-modal-raised:1200;--z-context-menu:1300;--z-tooltip:1600;--z-boot-splash:2000;--control-height:32px;--row-height:28px;--icon-btn-size:28px;--icon-xs:14px;--icon-sm:16px;--icon-md:20px;--icon-lg:28px;--thumb-size:16px;--dialog-width:320px;--dialog-width-xl:880px;--reception-rail-width:450px;--frame-width-sm:360px;--frame-width-md:480px;--frame-width-lg:720px;--frame-width-xl:960px;--frame-height:520px;--scene-nav-height:40px;--slider-width-inline:80px;--toggle-track-width:28px;--toggle-track-height:16px;--toggle-thumb-size:12px;--table-range-width:44px;--table-handle-width:40px;--field-control-width:160px;--field-row-width:360px;--field-number-width:72px;--trigger-card-width:300px;--picker-tile-size:52px;--crop-box-height:280px;--import-base-height:420px;--sprite-sheet-pane-height:220px;--journal-pages-width:180px;--audio-console-rail-width:150px;--audio-console-list-width:220px;--audio-console-pad-size:104px;--tool-column-width:149px;--options-panel-width:240px;--sidebar-width:320px;--sidebar-rail-width:147px;--sidebar-rail-width-collapsed:calc(var(--icon-btn-size) + 2 * var(--space-4));--empty-state-panel-width:304px;--top-bar-height:calc(var(--control-height) + 2 * var(--space-2));--hotbar-strip-height:var(--control-height);--top-bar-name-width:160px;--board-min-width:552px;--board-min-height:568px;--combat-portrait-size:56px}body{background-color:var(--color-app-bg);color:var(--color-text);font-family:var(--font-ui);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100vw;height:100vh;margin:0;padding:0;display:flex;overflow:hidden}canvas{display:block}input,textarea{-webkit-user-select:text;user-select:text}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}::selection{background:var(--color-selection);color:var(--color-text)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:var(--space-4);height:var(--space-4)}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after,::backdrop{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer controls{[data-icon]{align-items:center;display:inline-flex}.help-tip{width:var(--icon-btn-size);height:var(--icon-btn-size);border-radius:var(--radius-sm);color:var(--color-text-dim);cursor:help;justify-content:center;align-items:center;display:inline-flex}.help-tip:hover,.help-tip:focus-visible{background:var(--color-surface-hover);color:var(--color-text)}.btn{justify-content:center;align-items:center;gap:var(--space-4);width:max-content;max-width:100%;height:var(--control-height);box-sizing:border-box;padding:0 var(--space-6);background:var(--color-surface-raised);border:var(--border-width) solid transparent;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 var(--border-hairline) var(--color-edge);color:var(--color-text);font-family:var(--font-ui);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);text-align:center;white-space:nowrap;cursor:pointer;transition:background var(--duration) var(--ease-standard), border-color var(--duration) var(--ease-standard), color var(--duration) var(--ease-standard), transform var(--duration-fast) var(--ease-out);text-decoration:none;display:inline-flex}.btn:hover{background:var(--color-surface-hover)}.btn:active{transform:scale(.97)}.btn.active{background:var(--color-accent-wash);color:var(--color-accent)}.btn.active:hover{background:var(--color-accent-wash);color:var(--color-accent-strong)}.btn-toggle[aria-pressed=true]{background:var(--color-accent-wash);color:var(--color-accent)}.btn-toggle[aria-pressed=true]:hover{background:var(--color-accent-wash);color:var(--color-accent-strong)}.btn:disabled,.icon-btn:disabled,.tab:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.btn:disabled:hover{background:var(--color-surface-raised);border-color:#0000}.icon-btn:disabled:hover{color:var(--color-text-dim);background:0 0}.tab:disabled:hover{color:var(--color-text-muted);background:0 0}.btn:disabled:active,.icon-btn:disabled:active{transform:none}.btn-danger{border-color:var(--color-danger-deep);color:var(--color-danger-dim)}.btn-danger:hover{background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-text)}.btn-cta{background:var(--color-danger);border-color:var(--color-text)}.btn-cta:hover{border-color:var(--color-text);color:var(--color-text);background:#e86a6a}.btn-nav{background:var(--color-accent);color:var(--color-text-inverse)}.btn-nav:hover{background:var(--color-accent-strong)}.btn-nav:active{background:var(--color-accent-deep)}.btn-hero{width:auto;height:auto;padding:var(--space-6) var(--space-10);background:var(--color-accent);color:var(--color-text-inverse);border-radius:var(--radius-sm);box-shadow:var(--shadow-glow);transition:background var(--duration) var(--ease-standard), transform var(--duration-fast) var(--ease-out);justify-content:center}.btn-hero:hover{background:var(--color-accent-strong);transform:translateY(-1px)}.btn-hero:active{background:var(--color-accent-deep)}.icon-btn{width:var(--icon-btn-size);height:var(--icon-btn-size);border:var(--border-width) solid transparent;border-radius:var(--radius-sm);box-shadow:var(--edge-raised);color:var(--color-text-dim);font-family:var(--font-ui);cursor:pointer;transition:background var(--duration) var(--ease-standard), border-color var(--duration) var(--ease-standard), color var(--duration) var(--ease-standard), transform var(--duration-fast) var(--ease-out);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.icon-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.icon-btn:active{transform:scale(.97)}.icon-btn-ghost{width:auto;height:auto;color:var(--color-text-muted);background:0 0;border:none}.icon-btn-ghost:hover{color:var(--color-text);background:0 0}.icon-btn-ghost.active{color:var(--color-text)}.icon-btn-strip{gap:var(--space-2);flex-shrink:0;display:flex}svg{flex:none}.tab-strip{border-bottom:var(--border-width) solid var(--color-border);flex-shrink:0;align-items:center;display:flex}.tab{height:var(--row-height);box-sizing:border-box;padding:0 var(--space-4);white-space:nowrap;border:none;border-bottom:var(--border-width) solid transparent;color:var(--color-text-muted);font-family:var(--font-ui);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--duration) var(--ease-standard), color var(--duration) var(--ease-standard), border-color var(--duration) var(--ease-standard), transform var(--duration-fast) var(--ease-out);background:0 0;flex:1}.tab:hover{background:var(--color-surface-hover);color:var(--color-text)}.tab.active{color:var(--color-accent);border-color:var(--color-accent)}.chip-btn{min-width:var(--icon-btn-size);height:var(--icon-btn-size);padding:0 var(--space-3);box-sizing:border-box;background:var(--color-surface-raised);border:var(--border-width) solid transparent;border-radius:var(--radius-sm);box-shadow:var(--edge-raised);color:var(--color-text);font-family:var(--font-mono);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--duration) var(--ease-standard), border-color var(--duration) var(--ease-standard), transform var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:flex}.chip-btn:hover{background:var(--color-surface-hover)}.chip-btn:active{transform:scale(.97)}.btn:focus-visible,.icon-btn:focus-visible,.chip-btn:focus-visible,.tab:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.context-menu{z-index:var(--z-context-menu);min-width:160px;padding:var(--space-2);background:var(--color-panel-raised);border:var(--border-width) solid var(--color-edge-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-float);flex-direction:column;display:flex;position:fixed;top:0;left:0}.context-menu-item{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-ui);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);text-align:left;white-space:nowrap;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:none;display:flex}.context-menu-item:hover,.context-menu-item:focus{background:var(--color-surface-hover)}.context-menu-item:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:calc(var(--focus-ring-offset) * -1)}.context-menu-item:disabled{opacity:var(--opacity-disabled);cursor:default}.context-menu-item:disabled:hover{background:0 0}.context-menu-heading{padding:var(--space-3) var(--space-4) var(--space-2);color:var(--color-text-muted);font-family:var(--font-ui);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);white-space:nowrap;pointer-events:none}.context-menu-heading:first-child{padding-top:var(--space-2)}.context-menu-item.danger{color:var(--color-danger-dim)}.context-menu-item.danger:hover,.context-menu-item.danger:focus{background:var(--color-danger-soft);color:var(--color-text)}#frame-host{z-index:var(--z-frame);pointer-events:none;position:fixed;inset:0}.frame{box-sizing:border-box;width:var(--frame-width-md);background:var(--gradient-chrome);border:var(--border-width) solid var(--color-edge);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);color:var(--color-text);flex-direction:column;display:flex;overflow:hidden}.frame-sm{width:var(--frame-width-sm)}.frame-lg{width:var(--frame-width-lg)}.frame-xl{width:var(--frame-width-xl)}div.frame{pointer-events:auto;height:var(--frame-height);max-width:calc(100vw - var(--space-8) * 2);max-height:calc(100vh - var(--space-8) * 2);position:absolute;top:0;left:0}div.frame.frame-resizable{resize:both;min-width:var(--frame-width-md);min-height:var(--frame-height)}div.frame-sm.frame-resizable{min-width:var(--frame-width-sm)}div.frame-lg.frame-resizable{min-width:var(--frame-width-lg)}div.frame-xl.frame-resizable{min-width:var(--frame-width-xl)}div.frame.frame-fit{height:auto}dialog.frame{max-width:calc(100vw - var(--space-8) * 2);max-height:calc(100vh - var(--space-8) * 2);padding:0}.frame-titlebar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:var(--border-hairline) solid var(--color-border);cursor:move;flex-shrink:0;display:flex;position:relative}.frame-icon{flex-shrink:0;display:flex}.frame-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);flex:auto;overflow:hidden}.frame-controls{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.frame-controls:empty{display:none}.frame-close,.frame-tabs{flex-shrink:0}.frame-tabs:empty{display:none}.frame-tabs>.tab-strip{padding:var(--space-5) var(--space-7) 0}.frame-body{min-height:0;padding:var(--space-7);gap:var(--space-7);flex-direction:column;flex:auto;display:flex;overflow:hidden auto}.frame-body-sheet{gap:0;padding:0}.frame-body-sheet>.package-sheet{flex:auto;min-height:0}.frame-footer{justify-content:flex-end;gap:var(--space-5);padding:var(--space-6) var(--space-7);border-top:var(--border-width) solid var(--color-border);flex-shrink:0;display:flex;position:relative}.frame-footer:empty{display:none}dialog.frame{opacity:0;transition:opacity var(--duration) var(--ease-out), transform var(--duration) var(--ease-out), overlay var(--duration) allow-discrete, display var(--duration) allow-discrete;transform:scale(.98)}dialog.frame[open]{opacity:1;transform:scale(1)}@starting-style{dialog.frame[open]{opacity:0;transform:scale(.98)}}dialog.frame::backdrop{background:var(--color-scrim);opacity:0;transition:opacity var(--duration) var(--ease-standard), overlay var(--duration) allow-discrete, display var(--duration) allow-discrete}dialog.frame[open]::backdrop{opacity:1}@starting-style{dialog.frame[open]::backdrop{opacity:0}}.notification-stack{bottom:var(--space-7);align-items:center;gap:var(--space-3);z-index:var(--z-notification);pointer-events:none;flex-direction:column;display:flex;position:fixed;left:50%;transform:translate(-50%)}.notification{align-items:center;gap:var(--space-4);max-width:var(--measure-reading);padding:var(--space-5) var(--space-8);background:var(--color-surface);color:var(--color-text);border:var(--border-width) solid var(--color-border);border-left-width:var(--border-width-overlay);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);font-family:var(--font-ui);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;pointer-events:auto;opacity:0;transform:translateY(var(--space-5));transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);display:flex}.notification-shown{opacity:1;transform:translateY(0)}.notification-icon{flex-shrink:0;display:flex}.notification-info .notification-icon{color:var(--color-accent)}.notification-success .notification-icon{color:var(--color-success)}.notification-warning .notification-icon{color:var(--color-warning)}.notification-error .notification-icon{color:var(--color-danger-dim)}.notification-info{border-left-color:var(--color-accent)}.notification-success{border-left-color:var(--color-success)}.notification-warning{border-left-color:var(--color-warning)}.notification-error{border-left-color:var(--color-danger)}.notification-text{flex-direction:column;min-width:0;display:flex}.notification-source{color:var(--color-text-muted);font-size:var(--font-size-md);font-weight:var(--font-weight-normal)}.notification-message{overflow-wrap:anywhere}.notification-action{margin-left:var(--space-4);flex-shrink:0}.notification:focus-visible,.notification-action:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media (prefers-reduced-motion:reduce){.notification{transition:none}}.section-head{align-items:center;gap:var(--space-4);padding-bottom:var(--space-2);border-bottom:var(--border-hairline) solid var(--color-border);display:flex}.section-head-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.section-head-meta{font-size:var(--font-size-md);color:var(--color-text-muted)}.section-head>.toggle{flex:none}.section-head>.text-input{flex:auto;min-width:0}.section-head>.section-head-title+:not(.section-head-meta),.section-head>.section-head-meta+*{margin-left:auto}.toggle{appearance:none;box-sizing:border-box;width:var(--toggle-track-width);height:var(--toggle-track-height);background:var(--color-surface-raised);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration) var(--ease-standard);flex-shrink:0;margin:0;position:relative}.toggle:before{content:"";top:50%;left:var(--space-1);width:var(--toggle-thumb-size);height:var(--toggle-thumb-size);background:var(--color-text-muted);border-radius:var(--radius-sm);transition:transform var(--duration) var(--ease-standard), background-color var(--duration) var(--ease-standard);position:absolute;transform:translateY(-50%)}.toggle:checked{background:var(--color-accent-wash)}.toggle:checked:before{background:var(--color-accent);transform:translateY(-50%) translateX(calc(var(--toggle-track-width) - var(--toggle-thumb-size) - var(--space-1) * 2))}.toggle:indeterminate:before{left:50%;transform:translate(-50%,-50%)}.toggle:disabled{cursor:default;opacity:var(--opacity-disabled)}.toggle:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.separator-vertical{width:var(--border-hairline);height:var(--space-7);background:var(--color-border);flex:none}.select{height:var(--control-height);box-sizing:border-box;padding:0 var(--space-4);background:var(--color-sunken);border:var(--border-width) solid transparent;border-radius:var(--radius-sm);box-shadow:var(--edge-raised);color:var(--color-text);font-family:var(--font-ui);font-size:var(--font-size-lg);cursor:pointer;transition:background var(--duration) var(--ease-standard), border-color var(--duration) var(--ease-standard)}.select:hover{background:var(--color-surface-hover)}.slider{appearance:none;width:100%;height:var(--space-4);background:var(--color-sunken);border:var(--border-width) solid var(--color-edge-strong);border-radius:var(--radius-sm);box-shadow:var(--edge-sunken);cursor:pointer;transition:background var(--duration) var(--ease-standard), border-color var(--duration) var(--ease-standard)}.slider::-webkit-slider-thumb{appearance:none;width:var(--thumb-size);height:var(--thumb-size);background:var(--color-accent);border-radius:var(--radius-sm);cursor:pointer}.slider::-moz-range-thumb{width:var(--thumb-size);height:var(--thumb-size);background:var(--color-accent);border-radius:var(--radius-sm);cursor:pointer;border:none}.slider:hover{background:var(--color-surface-hover)}.slider-inline{width:var(--slider-width-inline);flex:none}.text-input{width:100%;height:var(--control-height);box-sizing:border-box;padding:0 var(--space-4);background:var(--color-sunken);border:var(--border-width) solid var(--color-edge-strong);border-radius:var(--radius-sm);box-shadow:var(--edge-sunken);color:var(--color-text);font-family:var(--font-ui);font-size:var(--font-size-lg)}.text-input::placeholder{color:var(--color-text-placeholder)}.inline-name-input{color:var(--color-text);font-family:var(--font-ui);font-weight:var(--font-weight-medium);font-size:var(--font-size-lg);cursor:pointer;text-align:left;background:0 0;border:none;flex:1;min-width:0}.inline-name-input:not([readonly]){cursor:text;background:var(--color-inset);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:var(--border-hairline) solid var(--color-text)}.code-readout{box-sizing:border-box;width:100%;padding:var(--space-4);background:var(--color-sunken);border-radius:var(--radius-sm);box-shadow:var(--edge-sunken);font-family:var(--font-mono);font-size:var(--font-size-md);color:var(--color-text-code);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;display:block}.field-group{gap:var(--space-6);padding:var(--space-6);background:var(--color-surface-raised);border-radius:var(--radius-md);flex-direction:column;display:flex}.field-group-row{align-items:flex-start;gap:var(--space-6);flex-wrap:wrap;display:flex}.field-stack{gap:var(--space-2);flex-direction:column;display:flex}.field-stack-label{color:var(--color-text-muted);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.field-stack>.select,.field-stack>.text-input,.field-stack>.code-readout{width:var(--field-control-width);box-sizing:border-box}.field-stack-wide{flex:1 1 var(--field-row-width);min-width:0;max-width:var(--field-row-width)}.field-stack-wide>.select,.field-stack-wide>.text-input{width:100%}.field-pair{align-items:center;gap:var(--space-3);min-width:0;display:flex}.field-pair>.text-input,.field-pair>.select,.field-pair>.code-readout{box-sizing:border-box;flex:auto;min-width:0}.field-pair>.btn,.field-pair>.icon-btn{flex:none}.field-stack>.field-pair>.text-input,.field-stack>.field-pair>.select{width:var(--field-control-width);flex:none}.field-stack-wide>.field-pair>.text-input,.field-stack-wide>.field-pair>.select{flex:auto;width:auto}.field-pick{align-items:center;gap:var(--space-3);min-width:0;display:flex}.field-pick>.btn{flex:none}.field-pick-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--font-size-md);color:var(--color-text-muted);flex:auto;overflow:hidden}.field-note{font-family:var(--font-mono);font-size:var(--font-size-md);color:var(--color-text-muted)}.field-note:empty{display:none}.select:focus-visible,.slider:focus-visible,.text-input:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.inline-name-input:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}.empty-state{align-content:center;justify-items:center;gap:var(--space-6);height:100%;color:var(--color-text-muted);display:grid}.empty-state-glyph{width:var(--icon-lg);height:var(--icon-lg);color:var(--color-text-dim)}.empty-state-glyph>svg{width:100%;height:100%}.empty-state-text{max-width:var(--measure-reading);font-size:var(--font-size-lg);text-align:center;margin:0}.empty-state-panel{gap:var(--space-4);max-width:var(--empty-state-panel-width);padding:var(--space-8) var(--space-5);justify-items:start;display:grid}.empty-state-panel .empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.empty-state-panel .empty-state-text{font-size:var(--font-size-md);text-align:start;color:var(--color-text-muted);margin:0}#tooltip{z-index:var(--z-tooltip);box-sizing:border-box;max-width:240px;padding:var(--space-3) var(--space-4);background:var(--color-panel-raised);border:var(--border-width) solid var(--color-edge-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-float);color:var(--color-text);font-family:var(--font-ui);font-size:var(--font-size-md);line-height:var(--line-height-snug);pointer-events:none;opacity:0;transform:translateY(var(--space-2));transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);position:fixed;top:0;left:0}#tooltip.show{opacity:1;transform:translateY(0)}.search-field{flex-shrink:0;position:relative}.search-field-glyph{left:var(--space-5);color:var(--color-text-dim);pointer-events:none;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.search-field>.text-input{box-sizing:border-box;width:100%;padding-left:calc(var(--space-5) + var(--icon-sm) + var(--space-3))}.lobby-note{color:var(--color-text)}}@layer screens{.confirm-choices{gap:var(--space-1);flex-direction:column;display:flex}#boot-splash{z-index:var(--z-boot-splash);background:var(--color-app-bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#boot-splash img{width:160px;height:auto}#boot-splash.hidden{display:none}}