:root{--dialog-backdrop: rgb(16 26 32 / 78%);--dialog-open-duration: .18s}.browse-dialog{--dialog-width: 1100px;--dialog-gutter: 24px;position:fixed;inset:0;z-index:90;display:grid;place-items:safe center;padding:var(--dialog-gutter);background:var(--dialog-backdrop)}.browse-dialog .browse-dialog-panel{display:flex;flex-direction:column;width:min(var(--dialog-width),100%);max-height:calc(100dvh - var(--dialog-gutter) * 2);min-height:0;padding:0;overflow:hidden;border:1px solid var(--panel-border);border-radius:var(--radius-panel);background:var(--panel);box-shadow:0 22px 70px #00000059}.browse-dialog .browse-dialog-heading{display:flex;align-items:center;justify-content:space-between;flex:none;gap:20px;padding:18px 24px;background:var(--header-background);color:var(--header-ink);border-bottom:1px solid var(--header-line)}.browse-dialog .browse-dialog-heading-group{display:flex;align-items:center;gap:12px;min-width:0}.browse-dialog .browse-dialog-heading h2{margin:0;font-size:24px;overflow-wrap:anywhere}.browse-dialog .browse-dialog-count{color:var(--header-muted);font-size:12px;font-variant-numeric:tabular-nums}.browse-dialog .browse-dialog-close.button.secondary{flex:none;background:transparent;border-color:var(--header-line);color:var(--header-ink)}.browse-dialog .browse-dialog-close.button.secondary:hover{background:var(--navy);border-color:var(--header-gold);color:var(--header-gold)}.browse-dialog .browse-dialog-body{min-height:0;overflow:auto;overscroll-behavior:contain}.browse-dialog .browse-dialog-grid{--card-width: 144px;--card-radius: 9px;display:grid;grid-template-columns:repeat(auto-fill,minmax(134px,1fr));align-content:start;gap:14px 18px;padding:16px 24px 24px}.browse-dialog .browse-dialog-grid>article{display:flex;flex-direction:column;align-items:center;min-width:0;padding:16px 4px 0}.browse-dialog .browse-dialog-grid>article>.physical-card{flex:none}.browse-dialog .browse-dialog-empty{grid-column:1 / -1;padding:48px 0;margin:0;text-align:center;color:var(--muted)}.browse-dialog:not([hidden]){animation:browse-dialog-backdrop-in var(--dialog-open-duration) ease-out}.browse-dialog:not([hidden])>.browse-dialog-panel{animation:browse-dialog-panel-in var(--dialog-open-duration) cubic-bezier(.22,1,.36,1)}@keyframes browse-dialog-backdrop-in{0%{background-color:transparent}to{background-color:var(--dialog-backdrop)}}@keyframes browse-dialog-panel-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.browse-dialog{--dialog-gutter: 12px}.browse-dialog .browse-dialog-heading{padding:16px}.browse-dialog .browse-dialog-heading h2{font-size:22px}.browse-dialog .browse-dialog-grid{--card-width: 126px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));padding:12px 12px 20px;gap:12px 10px}}@media(prefers-reduced-motion:reduce){.browse-dialog:not([hidden]),.browse-dialog:not([hidden])>.browse-dialog-panel{animation:none}}.ui-switch{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:400;color:var(--ink);cursor:pointer}.ui-switch-control{position:relative;width:42px;height:24px;display:inline-flex;align-items:center;flex:0 0 auto}.ui-switch .ui-switch-input{position:absolute;inset:0;width:100%;height:100%;min-height:0;padding:0;border:0;margin:0;opacity:0;cursor:pointer}.ui-switch-visual{width:42px;height:24px;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 72%,var(--paper));box-shadow:inset 0 1px 2px #0f172a14;pointer-events:none;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.ui-switch-visual:after{content:"";position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:999px;background:color-mix(in srgb,var(--muted) 68%,white);box-shadow:0 2px 5px #0f172a2e;transition:background-color .16s ease,transform .18s ease}.ui-switch-input:checked+.ui-switch-visual{border-color:color-mix(in srgb,var(--primary) 52%,var(--line));background:color-mix(in srgb,var(--primary) 24%,var(--panel));box-shadow:inset 0 1px 2px #0f172a14,0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}.ui-switch-input:checked+.ui-switch-visual:after{background:var(--primary);transform:translate(18px)}.ui-switch-input:focus-visible+.ui-switch-visual{outline:2px solid color-mix(in srgb,var(--primary) 54%,transparent);outline-offset:2px}.ui-switch .ui-switch-input:disabled{cursor:not-allowed}.ui-switch-input:disabled+.ui-switch-visual{opacity:.62}.ui-switch-label{overflow-wrap:anywhere}@media(prefers-reduced-motion:reduce){.ui-switch-visual,.ui-switch-visual:after{transition:none}}.game-cursor,.game-cursor *{-webkit-user-select:none;user-select:none}:root{color-scheme:light;--ink: #1b2630;--muted: #647078;--line: #dedbd2;--paper: #f5f2ea;--panel: #fffdf8;--panel-border: #e4dfd4;--surface-subtle: #f7f3eb;--surface-selected: #fcf5e8;--navy: #172631;--gold: #b98c45;--gold-soft: #f5ead2;--gold-ink: #7b6039;--primary: #a77c40;--primary-hover: #8e6733;--secondary-hover: #efe7d8;--control-border: #d6d4cb;--control-background: #fff;--focus: #c99c50;--red: #8d4841;--danger-background: #f9e8e4;--danger-border: #d8aaa0;--green: #315e4c;--success-background: #e4f1e9;--success-border: #b8cdbf;--info: #3a577e;--info-background: #e6edf9;--note-background: #faf4e8;--code-background: #182832;--code-ink: #d5e2df;--header-ink: #f8f3e7;--header-muted: #c8d2d1;--header-gold: #d0a96d;--game-action-gold: #e4bd7c;--game-action-violet: #cbb7e6;--game-action-blue: #a3cedf;--game-action-red: #f0a59b;--game-action-green: #a8d5b3;--header-line: rgba(255, 255, 255, .12);--header-background: radial-gradient( circle at 82% 20%, rgba(188, 143, 69, .16), transparent 28%), linear-gradient( 135deg, #14212b 0%, #223844 100%);--toolbar-background: #f5f2eaf8;--font-body: "Noto Sans CJK SC", "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;--font-heading: Georgia, "Noto Serif CJK SC", "Songti SC", serif;--font-code: Consolas, "Cascadia Code", monospace;--radius-panel: 13px;--radius-control: 7px;--shadow: 0 14px 34px rgba(20, 30, 34, .07);--content-width: 1420px}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 var(--font-body)}button,input,select,textarea{font:inherit}button,a,.import-button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,.import-button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--gold-ink)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}h1,h2,h3{font-family:var(--font-heading)}code,pre{font-family:var(--font-code)}code{background:#f1eee8;padding:1px 4px;border-radius:3px;font-size:.92em}:where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea){min-width:0;padding:9px 11px;border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--control-background);color:var(--ink)}select:not([multiple]):not([size]){-webkit-appearance:none;appearance:none;min-height:42px;padding:10px 38px 10px 13px;border:1px solid var(--control-border);border-radius:8px;background-color:var(--panel);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%237b6039' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:16px;color:var(--ink);cursor:pointer}select:not([multiple]):not([size]):hover:not(:disabled){border-color:var(--gold);background-color:var(--surface-selected)}select:not([multiple]):not([size]):focus-visible{border-color:var(--gold)}select:not([multiple]):not([size]):disabled{background-color:var(--surface-subtle);color:var(--muted);cursor:not-allowed;opacity:.65}@supports (appearance: base-select) and selector(::picker(select)){select:not([multiple]):not([size]),select:not([multiple]):not([size])::picker(select){appearance:base-select}select:not([multiple]):not([size]){align-items:center;gap:12px;padding-right:15px;background-image:none}select:not([multiple]):not([size])::picker-icon{content:"";flex:0 0 auto;width:7px;height:7px;margin:-4px 2px 0 auto;border-right:1.7px solid var(--gold-ink);border-bottom:1.7px solid var(--gold-ink);transform:rotate(45deg)}select:not([multiple]):not([size]):open{border-color:var(--gold);background-color:var(--surface-selected)}select:not([multiple]):not([size]):open::picker-icon{margin-top:3px;transform:rotate(225deg)}select:not([multiple]):not([size])::picker(select){margin-block:6px;padding:5px;min-inline-size:anchor-size(self-inline);max-block-size:min(360px,60vh);overflow-y:auto;border:1px solid var(--panel-border);border-radius:10px;background:var(--panel);color:var(--ink);box-shadow:0 12px 28px #17263129;scrollbar-width:thin;scrollbar-color:var(--control-border) transparent}select:not([multiple]):not([size]) option{display:flex;align-items:center;gap:10px;min-height:38px;padding:9px 12px;border:0;border-radius:5px;background:transparent;color:var(--ink);font:14px/1.5 var(--font-body);cursor:pointer}select:not([multiple]):not([size]) option:checked{background:var(--gold-soft);color:var(--gold-ink);font-weight:700}select:not([multiple]):not([size]) option:hover,select:not([multiple]):not([size]) option:focus-visible{background:var(--secondary-hover);outline:none}select:not([multiple]):not([size]) option::checkmark{order:1;margin-left:auto;color:var(--gold-ink)}select:not([multiple]):not([size]) option:disabled{color:var(--muted);opacity:.55;cursor:not-allowed}}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--primary)}:where(button,.import-button){padding:7px 12px;border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--surface-subtle);color:var(--ink)}:where(button,.import-button):hover{border-color:var(--gold)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--muted)}.small{font-size:13px}.small-note{font-size:11px;color:var(--muted);line-height:1.6;margin:14px 0 0}.eyebrow{margin:0;color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.masthead,.topbar{background:var(--header-background);color:var(--header-ink);border-bottom:5px solid var(--gold)}.masthead-inner{max-width:var(--content-width);margin:auto;padding:23px 38px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--header-line)}.masthead>.topbar{background:none;border-bottom:1px solid var(--header-line)}.brand{display:flex;align-items:center;gap:13px;letter-spacing:.08em;color:inherit;text-decoration:none}.brand strong{display:block;font-size:20px;line-height:1.15}.brand small{display:block;color:var(--header-muted);font-size:10px;letter-spacing:.19em;margin-top:4px}.brand-mark{flex:0 0 auto;width:42px;height:42px;border:1px solid var(--header-gold);border-radius:50%;display:grid;place-items:center;color:var(--header-gold);font:31px/1 Georgia,serif}.header-status{font-size:12px;color:var(--header-ink);border:1px solid var(--header-line);border-radius:999px;padding:7px 12px;white-space:nowrap}.status-dot{display:inline-block;width:7px;height:7px;background:var(--header-gold);border-radius:50%;margin-right:7px}.hero-copy{max-width:var(--content-width);margin:auto;padding:38px 38px 47px}.hero-copy h1{font:600 clamp(30px,3.4vw,48px)/1.18 var(--font-heading);margin:8px 0 14px;letter-spacing:.02em}.hero-copy>p:last-child{max-width:690px;color:var(--header-muted);margin:0;font-size:14px}.masthead .eyebrow{color:var(--header-gold)}.panel,.card,.summary-card,.output-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-panel);box-shadow:var(--shadow)}.panel,.card{padding:28px 30px 31px}.section-heading{display:flex;align-items:center;gap:15px;margin-bottom:13px}.section-heading h2,.summary-card h2,.output-card h2{font:700 23px/1.2 var(--font-heading);margin:4px 0 0}.step{flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;border:1px solid #d8c4a3;color:#8e6932;border-radius:8px;background:var(--note-background);font:700 13px Georgia,serif}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-control);padding:10px 13px;font-size:12px;font-weight:800;text-decoration:none}.button.primary{background:var(--primary);color:#fff}.button.primary:hover{background:var(--primary-hover)}.button.secondary{background:var(--surface-subtle);border-color:#d8cfbe;color:#534d44}.button.secondary:hover{background:var(--secondary-hover)}.text-button{border:0;background:none;color:var(--gold-ink);font-size:12px;font-weight:700;padding:3px 0}.text-button:hover{text-decoration:underline}.danger{color:var(--red)}.notice{padding:14px 18px;border:1px solid #d8c8aa;background:var(--note-background);border-radius:var(--radius-control);font-size:14px;margin:0 0 24px}.notice.error{border-color:var(--danger-border);background:var(--danger-background);color:var(--red)}footer{text-align:center;color:var(--muted);font-size:11px;padding:0 20px 35px}@media(max-width:720px){.masthead-inner,.hero-copy{padding-left:20px;padding-right:20px}.header-status{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}:where(.public-area-tab,.player-card-tab)[data-attention=true]{color:var(--header-gold);box-shadow:inset 0 -2px 0 var(--header-gold),0 0 10px #cda65f33}
