:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0b1c3f;--color-surface:#0a1931;--color-control:#ffffff0b;--color-option-bg:#132645;--color-option-text:#f4f6fa;--color-text:#f4f6fa;--color-muted:#c3cfdf;--color-border-base:#526784;--color-border:var(--color-border-base);--color-primary:#8bb9ff;--color-action:#2563eb;--color-accent:#f39800;--color-on-accent:#111;--color-error:#ffabb0;--body-background:linear-gradient(180deg, #0b1c3f 0%, #0b1c3f 150px, #081832 62%, #051026 100%);--font-body:"Noto Sans JP", "Yu Gothic UI", system-ui, sans-serif;--font-mono:ui-monospace, "Cascadia Code", Consolas, monospace;--font-size-body:.6875rem;--font-size-small:.5625rem;--font-size-title:.875rem;--font-size-tab:.75rem;--font-size-input:.75rem;--control-height:1.75rem;--input-height:var(--control-height);--radius:4px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--page-width:960px;--page-gutter:16px;--motion-state:.15s;--motion-enter:.18s}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0d0d0d;--color-surface:#1a1a1a;--color-option-bg:#242424;--color-muted:#c4c4c4;--color-border-base:#616161;--body-background:linear-gradient(155deg, #202020 0%, #151515 48%, #0d0d0d 100%)}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f0f4f8;--color-surface:#fff;--color-option-bg:#fff;--color-option-text:#1a202c;--color-control:#0f172a09;--color-text:#1a202c;--color-muted:#37465a;--color-border-base:#8291a5;--color-primary:#1d4ed8;--color-accent:#995000;--color-on-accent:#fff;--color-error:#b4232a;--body-background:linear-gradient(155deg, #dbeafe 0%, #edf5ff 46%, #f0f4f8 100%)}@media (width<=640px){:root{--font-size-body:.625rem;--font-size-title:.8125rem;--font-size-tab:.6875rem;--page-gutter:8px}}*{box-sizing:border-box}html{background:var(--color-bg);min-height:100%}body{min-height:100vh;color:var(--color-text);background:var(--body-background) fixed;font:var(--font-size-body)/1.6 var(--font-body);margin:0}[hidden]{display:none!important}a{color:var(--color-primary);text-underline-offset:3px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button,.button{justify-content:center;align-items:center;gap:var(--space-1);min-height:var(--control-height);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-control);color:var(--color-text);cursor:pointer;transition:background var(--motion-state), border-color var(--motion-state);padding:3px 10px;text-decoration:none;display:inline-flex}button:hover,.button:hover{border-color:var(--color-primary)}button:disabled{opacity:.5;cursor:default}button.is-primary,.button.is-primary{background:var(--color-action);border-color:var(--color-action);color:#fff}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}input,select,textarea{width:100%;min-width:0;min-height:var(--input-height);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-control);color:var(--color-text);font-size:var(--font-size-input);padding:4px 8px}input[type=checkbox]{width:16px;min-height:16px;accent-color:var(--color-action)}select option,select optgroup{background:var(--color-option-bg);color:var(--color-option-text)}input::placeholder{color:var(--color-muted);opacity:.8}input,output,dd{font-variant-numeric:tabular-nums}fieldset{border:0;min-width:0;margin:0;padding:0}legend{padding:0 0 4px}h1,h2,h3,h4,p{margin:0}h1{font-size:var(--font-size-title);font-weight:700}h2,h3,h4{font-size:1em;font-weight:700}small,.muted{color:var(--color-muted);font-size:var(--font-size-small)}.site-shell{width:min(100%, var(--page-width));padding:0 var(--page-gutter) 16px;margin:auto}.site-header{align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-border);flex-wrap:wrap;min-height:44px;display:flex}.brand{align-items:center;gap:var(--space-2);color:var(--color-text);font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.brand img{border-radius:var(--radius);display:block}.site-nav{gap:var(--space-3);margin-left:auto;display:flex}.site-nav a{min-height:var(--control-height);color:var(--color-muted);align-items:center;text-decoration:none;display:inline-flex}.site-nav a[aria-current]{color:var(--color-primary)}.theme-switcher{gap:2px;display:flex}.theme-button{width:30px;min-height:30px;padding:0}.theme-button[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-control)}.theme-dot{border:1px solid var(--color-border);border-radius:50%;width:12px;height:12px}.theme-dot-original{background:#0b1c3f}.theme-dot-dark{background:#0d0d0d}.theme-dot-light{background:#f0f4f8}.page-main{padding-top:var(--space-4);min-width:0;animation:page-enter var(--motion-enter) ease-out}.page-heading{gap:var(--space-1);margin-bottom:var(--space-4);display:grid}.page-heading p{color:var(--color-muted)}.site-footer{padding-top:var(--space-2);border-top:1px solid var(--color-border);color:var(--color-muted);font-size:var(--font-size-small);justify-content:space-between;margin-top:24px;display:flex}.site-footer a{color:inherit}.skip-link{z-index:10;opacity:0;pointer-events:none;background:var(--color-surface);padding:8px 12px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{opacity:1;pointer-events:auto;transform:none}.tool-layout,.two-columns{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.catalog-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}.tool-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:860px}.tool-layout>.tool-history{grid-column:1}.tool-layout>.tool-extra{grid-column:2;margin-top:0}.stack{gap:var(--space-3);min-width:0;display:grid}.panel{min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.panel>h2,.panel>h3{margin-bottom:var(--space-2)}.panel-head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.panel-head p{color:var(--color-muted);font-size:var(--font-size-small)}.field{gap:var(--space-1);min-width:0;display:grid}.field>span,label:not(.field){color:var(--color-muted)}.form-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-grid.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}.actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.status{min-height:1.6em;color:var(--color-muted);font-size:var(--font-size-small);overflow-wrap:anywhere;margin:8px 0}.status.is-error{color:var(--color-error)}.result-value{color:var(--color-primary);font:var(--font-size-title)/1.6 var(--font-mono);overflow-wrap:anywhere;margin:8px 0 12px;display:block}.metric-list{margin:0 0 12px;display:grid}.metric-list>div{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:5px 0;display:grid}.metric-list dt{color:var(--color-muted)}.metric-list dd{text-align:right;overflow-wrap:anywhere;min-width:0;margin:0}.metric-list .is-emphasis dd{color:var(--color-primary);font-weight:700}.history-list{margin:0;padding:0;list-style:none}.history-list button{text-align:left;overflow-wrap:anywhere;width:100%;margin-top:4px;display:block}.catalog-links{margin:0;padding:0;list-style:none}.catalog-links a{padding:3px 0;display:inline-block}.catalog-note{margin-top:var(--space-2)}.external-mark{color:var(--color-muted);font-size:var(--font-size-small)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.prose{max-width:720px}.prose section+section{margin-top:20px}.prose h2{margin-bottom:6px}.prose p+p{margin-top:8px}details.panel{margin-top:12px}summary{cursor:pointer}details[open]>summary{margin-bottom:12px}.calculator-form{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.calculator-form output{overflow-wrap:anywhere;grid-column:span 2}.calculator-keys{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:8px;display:grid}.timer-row{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-bottom:8px;display:flex}.timer-row output{font-family:var(--font-mono)}.check-field{align-items:center;gap:8px;display:flex}@keyframes page-enter{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@media (width<=640px){.site-header{gap:8px}.site-nav{gap:10px}.theme-button{width:32px;min-height:32px}.page-main{padding-top:12px}.page-heading{margin-bottom:12px}.tool-layout,.two-columns,.catalog-grid{grid-template-columns:1fr;gap:12px}.tool-layout>.tool-history,.tool-layout>.tool-extra{grid-column:auto}.panel{padding:8px}.metric-list>div{padding:4px 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@supports (zoom:1){.site-shell{zoom:var(--site-scale,1)}}.site-settings-trigger{padding-inline:6px}.site-settings-dialog{border:1px solid var(--color-border);border-radius:var(--radius);width:min(660px,100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);color:var(--color-text);background:var(--color-surface);padding:12px}.site-settings-dialog::backdrop{background:#0009}.settings-heading,.settings-tabs,.settings-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.settings-heading{justify-content:space-between}.settings-tabs{border-bottom:1px solid var(--color-border);margin-block:10px;padding-bottom:6px}.settings-tabs [aria-selected=true]{border-color:var(--color-accent);color:var(--color-accent)}.site-settings-dialog section>*,.site-settings-dialog fieldset,.site-settings-dialog details{margin-block:8px}.site-settings-dialog .game-settings-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:8px 12px;display:grid}.site-settings-dialog .game-settings-fields label{align-content:start;gap:3px;display:grid}.site-settings-dialog input[type=range]{padding:0}.site-settings-dialog textarea{resize:vertical;min-height:100px;font-family:var(--font-mono)}.settings-status{white-space:pre-wrap;min-height:1.6em;margin-block:6px;display:block}