.theme-fog-harbor{--color-ink:#182c35;--color-ink-soft:#29434d;--color-paper:#faf6ed;--color-paper-deep:#e9dfc9;--color-text:#182c35;--color-muted:#58666b;--color-brass:#a88a52;--color-brass-deep:#75602f;--color-success:#416b56;--color-warning:#806022;--color-danger:#a43d35;--line:#c9bfa9;--archive-ground:#f1ebdd;--archive-inset:#f5efe3;--archive-control:#8a7a5a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-ink:#061622;--color-ink-soft:#102635;--color-fog:#d9dde3;--color-paper:#f7f5f0;--color-paper-deep:#e7e2d8;--color-brass:#b99a5a;--color-brass-bright:#d8bd7a;--color-text:#12202b;--color-muted:#65727c;--color-success:#2e7d5a;--color-warning:#c7821d;--color-danger:#c0392b;--color-info:#2f6db3;--line:color-mix(in srgb, var(--color-ink) 20%, transparent);--radius-sm:2px;--radius-md:4px;--shadow-raised:0 14px 40px #020e172e;--focus-ring:0 0 0 3px #b99a5a73;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--motion-standard:.18s cubic-bezier(.2, .8, .2, 1);background:var(--color-paper);color:var(--color-text);font-family:Noto Sans SC,Microsoft YaHei UI,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html{background:var(--color-ink);min-width:320px}body{background:var(--color-paper);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}@media (hover:hover) and (pointer:fine){:is(button,[role=button],input[type=button],input[type=submit],input[type=reset],a.ui-button,a.player-link):not(:disabled):not([aria-disabled=true]):not([aria-busy=true]){transition:background-color var(--motion-standard), border-color var(--motion-standard), color var(--motion-standard), box-shadow var(--motion-standard), transform var(--motion-standard)}:is(button,[role=button],input[type=button],input[type=submit],input[type=reset],a.ui-button,a.player-link):not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):hover{box-shadow:inset 0 0 0 1px var(--color-brass), inset 0 0 0 999px color-mix(in srgb, currentColor 8%, transparent)}}@supports (appearance:base-select) and selector(select::picker(select)){select:not([multiple]):not([size]),select:not([multiple])[size="1"]{appearance:base-select}select:not([multiple]):not([size])::picker(select){appearance:base-select}select:not([multiple])[size="1"]::picker(select){appearance:base-select}:where(select:not([multiple]):not([size]),select:not([multiple])[size="1"]){--select-paper:#fff;--select-text:var(--color-text);--select-line:var(--color-muted);--select-highlight:var(--color-paper-deep);--select-focus:var(--color-brass-deep,#75602f);cursor:pointer}.combat-shell select{--select-paper:#102326;--select-text:#eadfbd;--select-line:#67847e;--select-highlight:#254448;--select-focus:#f1cf7c}select:not([multiple]):not([size]):disabled,select:not([multiple])[size="1"]:disabled{cursor:not-allowed}select:not([multiple]):not([size])::picker(select){border:1px solid var(--select-line);background:var(--select-paper);color:var(--select-text);width:anchor-size(width);overscroll-behavior:contain;border-radius:4px;max-width:calc(100vw - 24px);max-height:min(320px,100dvh - 32px);margin-block:6px;padding:4px;overflow:auto;box-shadow:0 8px 24px #0616222e}select:not([multiple])[size="1"]::picker(select){border:1px solid var(--select-line);background:var(--select-paper);color:var(--select-text);width:anchor-size(width);overscroll-behavior:contain;border-radius:4px;max-width:calc(100vw - 24px);max-height:min(320px,100dvh - 32px);margin-block:6px;padding:4px;overflow:auto;box-shadow:0 8px 24px #0616222e}select:not([multiple]):not([size]) option,select:not([multiple])[size="1"] option{white-space:normal;overflow-wrap:anywhere;min-height:44px;color:var(--select-text);background:var(--select-paper);border-radius:2px;gap:8px;padding:10px 12px;font-size:14px;line-height:1.6}select:not([multiple]):not([size]) option:checked,select:not([multiple])[size="1"] option:checked{background:var(--select-highlight);font-weight:650}select:not([multiple]):not([size]) option:hover,select:not([multiple])[size="1"] option:hover{background:var(--select-highlight)}select:not([multiple]):not([size]) option:focus-visible,select:not([multiple])[size="1"] option:focus-visible{outline:2px solid var(--select-focus);outline-offset:-2px;box-shadow:none}select:not([multiple]):not([size]) option:disabled,select:not([multiple])[size="1"] option:disabled{opacity:.55;cursor:not-allowed}select::picker-icon{margin-inline-start:auto;padding-inline-start:12px}}a{color:inherit;text-underline-offset:.22em}:focus-visible{box-shadow:var(--focus-ring);outline:none}.ui-skip-link{z-index:2000;min-height:44px;color:var(--color-paper);background:var(--color-ink);border:2px solid var(--color-brass);transition:transform var(--motion-standard);align-items:center;padding:.65rem 1rem;text-decoration:none;display:flex;position:fixed;inset:.5rem auto auto .5rem;transform:translateY(calc(-100% - 1rem))}.ui-skip-link:focus{transform:translateY(0)}.brand-lockup{color:var(--color-paper);align-items:center;gap:.7rem;text-decoration:none;display:inline-flex}.brand-lockup img{object-fit:contain;width:48px;height:48px}.brand-lockup strong{letter-spacing:.16em;font-family:Noto Serif SC,SimSun,serif;font-size:1.35rem;display:block}.brand-lockup small{color:var(--color-brass-bright);letter-spacing:.2em;margin-top:.12rem;font-size:.72rem;display:block}.brand-lockup--compact strong{font-size:1rem}.ui-button,.ui-icon-button{border-radius:var(--radius-sm);cursor:pointer;min-height:44px;transition:background var(--motion-standard), border-color var(--motion-standard), color var(--motion-standard), transform var(--motion-standard);border:1px solid #0000}.ui-button{letter-spacing:.03em;justify-content:center;align-items:center;gap:.55rem;padding:.65rem 1.1rem;font-size:.9rem;font-weight:650;display:inline-flex}.ui-button:hover:not(:disabled){transform:translateY(-1px)}.ui-button:disabled{cursor:not-allowed;opacity:.45}.ui-button--primary{background:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink)}.ui-button--primary:hover:not(:disabled){border-color:var(--color-brass);background:#0d3048}.ui-button--secondary{color:var(--color-ink);border-color:var(--line);background:0 0}.ui-button--danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.ui-button--quiet{color:inherit;background:0 0}.ui-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.75s linear infinite ui-spin}.ui-field{color:var(--color-text);gap:.4rem;font-size:.82rem;font-weight:650;display:grid}.ui-field input,.ui-field select,.ui-field textarea{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--color-text);background:#fff;padding:.65rem .75rem;font-size:.92rem;font-weight:400}.ui-field input[aria-invalid=true]{border-color:var(--color-danger)}.ui-field small{color:var(--color-muted);font-weight:400}.ui-field .ui-field__error{color:var(--color-danger)}.ui-feedback{border-inline-start:3px solid var(--color-info);background:color-mix(in srgb, var(--color-info) 9%, white);padding:.75rem 1rem}.ui-feedback--success{border-color:var(--color-success);background:color-mix(in srgb, var(--color-success) 9%, white)}.ui-feedback--warning{border-color:var(--color-warning);background:color-mix(in srgb, var(--color-warning) 9%, white)}.ui-feedback--danger{border-color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 9%, white)}.ui-empty{text-align:center;min-height:14rem;padding:var(--space-8);border:1px solid var(--line);place-content:center;justify-items:center;display:grid}.ui-empty__mark{color:var(--color-brass);font-size:2.25rem}.ui-empty h2{margin:.5rem 0 0;font-family:Noto Serif SC,SimSun,serif}.ui-empty p{color:var(--color-muted)}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.app-shell__rail{gap:var(--space-8);background:var(--color-ink);color:var(--color-fog);padding:var(--space-6);border-inline-end:1px solid #b99a5a73;flex-direction:column;display:flex}.app-shell__rail nav{gap:.35rem;display:grid}.app-shell__rail nav a{border-inline-start:2px solid #0000;align-items:center;min-height:44px;padding:.6rem .75rem;text-decoration:none;display:flex}.app-shell__rail nav a:hover,.app-shell__rail nav a[aria-current=page]{color:#fff;border-color:var(--color-brass);background:#b99a5a21}.app-shell__utility{gap:.5rem;margin-top:auto;display:grid}.app-shell__toggle{display:none}@media (width>=901px){.app-shell--collapsible{transition:grid-template-columns .24s}.app-shell--collapsible .app-shell__rail{transition:padding .24s,gap .24s;overflow:hidden}.app-shell--collapsible .app-shell__rail>:not(.app-shell__toggle){opacity:1;visibility:visible;max-width:1000px;transition:opacity .16s,max-width .24s,visibility}.app-shell__toggle{border:1px solid var(--color-brass);width:44px;height:44px;color:var(--color-paper);cursor:pointer;background:0 0;border-radius:4px;flex:none;place-items:center;padding:0;font-size:1.5rem;display:grid}.app-shell__toggle:hover{background:#b99a5a2e}.player-app .app-shell.app-shell--collapsed{grid-template-columns:64px minmax(0,1fr)}.player-app .app-shell--collapsed .app-shell__rail{padding:1.5rem 10px}.app-shell--collapsed .app-shell__rail>:not(.app-shell__toggle){opacity:0;visibility:hidden;pointer-events:none;max-width:0;transition:opacity .12s,max-width .24s,visibility;overflow:hidden}.dm-shell .app-shell--collapsed .app-shell__rail{gap:0}}.session-logout{gap:.35rem;display:grid}.app-shell__main{background:var(--color-paper);min-width:0;padding:clamp(1rem,3vw,3rem)}.ui-table-wrap{border-block:1px solid var(--line);overflow-x:auto}.ui-table-wrap table{border-collapse:collapse;width:100%;font-size:.88rem}.ui-table-wrap caption{text-align:left;padding:.75rem 0;font-weight:700}.ui-table-wrap th,.ui-table-wrap td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:.72rem}.ui-table-wrap th{background:var(--color-ink);color:var(--color-paper)}.ui-dialog-backdrop{z-index:100;background:#061622b3;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.ui-dialog{background:var(--color-paper);width:min(34rem,100%);color:var(--color-text);border:1px solid var(--color-brass);box-shadow:var(--shadow-raised)}.ui-dialog header,.ui-dialog footer{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.ui-dialog footer{border-top:1px solid var(--line);border-bottom:0;justify-content:flex-end}.ui-dialog h2{margin:0;font-family:Noto Serif SC,SimSun,serif}.ui-dialog__body{padding:1.25rem}.ui-icon-button{width:44px;color:inherit;background:0 0;font-size:1.3rem}.ui-pagination{justify-content:flex-end;align-items:center;gap:var(--space-3);padding-block:var(--space-3);display:flex}.ui-pagination span{text-align:center;min-width:7rem;color:var(--color-muted);font-variant-numeric:tabular-nums}.ui-detail-list{border-block:1px solid var(--line);gap:0;margin:0;display:grid}.ui-detail-list>div{gap:var(--space-4);border-bottom:1px solid var(--line);grid-template-columns:minmax(7rem,30%) minmax(0,1fr);padding:.75rem 0;display:grid}.ui-detail-list>div:last-child{border-bottom:0}.ui-detail-list dt{color:var(--color-muted);font-size:.82rem;font-weight:650}.ui-detail-list dd{overflow-wrap:anywhere;min-width:0;margin:0}@keyframes ui-spin{to{transform:rotate(360deg)}}@media (width<=720px){.app-shell{padding-bottom:calc(64px + env(safe-area-inset-bottom));display:block}.app-shell__rail{z-index:50;min-height:calc(64px + env(safe-area-inset-bottom));padding:.35rem .5rem env(safe-area-inset-bottom);border:0;border-top:1px solid #b99a5a73;position:fixed;inset:auto 0 0}.app-shell__rail .brand-lockup{display:none}.app-shell__utility{z-index:60;color:var(--color-ink);background:var(--color-paper);border:1px solid var(--line);box-shadow:var(--shadow-raised);padding:.15rem;display:block;position:fixed;inset:.5rem .5rem auto auto}.app-shell__utility>:not(.session-logout),.app-shell__utility>.admin-badge{display:none}.app-shell__rail nav{justify-content:space-around;gap:0;display:flex}.app-shell__rail nav a{border:0;border-top:2px solid #0000;justify-content:center;min-width:64px;padding:.45rem;font-size:.76rem}.app-shell__main{padding:1rem}.ui-pagination{justify-content:space-between}.ui-detail-list>div{grid-template-columns:1fr;gap:.25rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}:root{--color-brass-deep:#75602f;--focus-ring:0 0 0 3px #75602f}.ui-button,.ui-icon-button{border-radius:var(--radius-md)}.ui-button:active:not(:disabled){transform:translateY(1px)}.ui-button:disabled{opacity:1;color:#65727c;background:#e7e2d8;border-color:#9b9f9f}.ui-button--secondary:hover:not(:disabled),.ui-button--quiet:hover:not(:disabled){background:var(--color-paper-deep)}.ui-button--danger:hover:not(:disabled){background:#962c22}.ui-disabled-reason{color:var(--color-muted);font-size:.875rem;line-height:1.5;display:block}.ui-field{min-width:0}.ui-field :is(input,select,textarea)[aria-invalid=true]{border:2px solid var(--color-danger)}.ui-field textarea{resize:vertical;min-height:6rem;line-height:1.6}.ui-field input:read-only,.ui-field textarea:read-only{background:var(--color-paper-deep)}.ui-field input[type=checkbox],.ui-field input[type=radio]{width:1.25rem;min-height:1.25rem}.ui-choice{align-items:center;gap:.75rem;min-height:44px;padding:.5rem;line-height:1.5;display:flex}.ui-choice input{width:1.25rem;height:1.25rem;accent-color:var(--color-brass-deep)}.ui-dialog{max-width:calc(100vw - 2rem);max-height:calc(100dvh - 2rem);margin:auto;padding:0;overflow:hidden}.ui-dialog[open]{flex-direction:column;display:flex}.ui-dialog::backdrop{background:#061622b3}.ui-dialog__body{overscroll-behavior:contain;min-height:0;overflow:auto}.ui-dialog header,.ui-dialog footer{flex-wrap:wrap;flex-shrink:0}.ui-dialog h2{overflow-wrap:anywhere;font-family:inherit;font-size:1.25rem;line-height:1.5}.ui-progress{gap:.5rem;padding-block:.5rem;line-height:1.5;display:grid}.ui-progress progress{width:min(100%,28rem);accent-color:var(--color-brass-deep);height:.65rem}.ui-steps{flex-wrap:wrap;gap:.75rem;margin:0;padding:.75rem 0;list-style:none;display:flex}.ui-steps li{color:var(--color-muted);border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:.4rem 0;display:flex}.ui-steps li[aria-current=step]{color:var(--color-brass-deep);border-color:currentColor;font-weight:700}.ui-steps li span{border:1px solid;border-radius:50%;place-items:center;width:1.75rem;height:1.75rem;display:grid}@media (width<=720px){.ui-button--primary{min-height:48px}.ui-field :is(input,select,textarea){font-size:1rem}.ui-dialog{max-width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem)}}@media (prefers-reduced-motion:reduce){.ui-progress progress:indeterminate{appearance:none}}#root{min-height:100vh}.platform-page{max-width:1120px;margin:0 auto}.platform-page h1{letter-spacing:.04em;font-family:Noto Serif SC,SimSun,serif;font-size:clamp(2rem,5vw,4rem);font-weight:600}.platform-fatal{place-items:center;min-height:100vh;padding:2rem;display:grid}.pwa-lifecycle{z-index:1000;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--color-paper);max-width:min(36rem,100vw - 2rem);box-shadow:var(--shadow-raised);align-items:center;gap:.6rem;padding:.6rem;display:flex;position:fixed;bottom:1rem;right:1rem}@media (width<=560px){.pwa-lifecycle{display:grid;left:1rem;right:1rem}}.pwa-lifecycle:has(>.ui-button--primary:only-child){width:max-content;box-shadow:none;background:0 0;border:0;padding:0;left:auto}.page-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.page-header h1{margin:0;font-family:Noto Serif SC,SimSun,serif}.muted{color:var(--color-muted)}.room-realtime{border:1px solid var(--line);min-height:28px;color:var(--color-muted);align-items:center;margin-top:.5rem;padding:.2rem .55rem;font-size:.76rem;font-weight:700;display:inline-flex}.room-realtime--live{border-color:var(--color-success);color:var(--color-success)}.room-realtime--polling,.room-realtime--connecting{border-color:var(--color-warning);color:#8a560c}.room-realtime--offline,.room-realtime--closed{border-color:var(--color-danger);color:var(--color-danger)}@media (width<=720px){.page-header{flex-direction:column;margin-bottom:1.25rem}.page-header>.player-actions,.page-header>.player-link{width:100%}.page-header>.player-link{justify-content:center}.platform-page h1{font-size:clamp(2rem,11vw,3rem)}}
