.focus{border-color:var(--accent);width:min(440px,100%);animation:focus-in .16s var(--ease);gap:10px;display:grid}@keyframes focus-in{0%{opacity:0;transform:translateY(8px)}}.focus__head{gap:4px;display:grid}.focus__tag{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700}.focus__headline{text-wrap:balance;font-size:18px;font-weight:750;line-height:1.2}.focus__timer{height:3px;margin-top:4px;display:block}.focus__timer-fill{background:var(--accent);transform-origin:0;border-radius:2px;height:100%;transition:transform 90ms linear;display:block}.focus__options{gap:6px;margin:0;padding:0;list-style:none;display:grid}.focus__option{border-radius:var(--r-control);border:1px solid var(--line-strong);width:100%;min-height:44px;color:var(--text);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:border-color .12s var(--ease), background .12s var(--ease);background:#ffffff0a;grid-template-columns:auto 64px 1fr auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.focus__option:hover{border-color:var(--accent);background:#f0803c1a}.focus__option:active{transform:translateY(1px)}.focus__option--ai{color:var(--text-2);grid-template-columns:auto 1fr}.focus__key{border:1px solid var(--line-strong);min-width:28px;font-family:var(--mono);text-align:center;color:var(--text-2);border-radius:4px;padding:2px 6px;font-size:12px}.focus__cat{color:var(--text-3);font-size:12px}.focus__name{overflow-wrap:anywhere;min-width:0;font-size:15px;font-weight:650}.focus__band{border:1px solid var(--line-strong);color:var(--text-2);border-radius:4px;padding:2px 8px;font-size:12.5px;font-weight:650}.focus__option[data-band=likely] .focus__band{color:var(--accent);border-color:var(--accent)}.focus__option[data-band=risky] .focus__band{color:var(--text-3);border-style:dashed}.focus__note{color:var(--text-3);font-size:12.5px}.focus-status{align-items:center;gap:8px;display:flex}.focus-status__toggle{padding-inline:10px}.focus-status__toggle[aria-pressed=false]{color:var(--text-3)}.focus-status__pips{gap:4px;display:inline-flex}.focus-status__pip{border:1.5px solid var(--text-3);border-radius:50%;width:10px;height:10px}.focus-status__pip[data-full]{background:var(--accent);border-color:var(--accent)}.focus-status__cool{visibility:hidden;width:36px;height:3px}.focus-status__cool[data-cooling]{visibility:visible}.focus-status__cool-fill{background:var(--text-3);transform-origin:0;border-radius:2px;height:100%;display:block}.corner{overscroll-behavior:contain;gap:10px;width:min(520px,100%);max-height:calc(100dvh - 220px);display:grid;overflow-y:auto}.corner__title{font-size:17px;font-weight:700}.corner__sub{color:var(--text-2);margin-top:-6px;font-size:13.5px}.corner__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.chip{border-radius:var(--r-control);border:1px solid var(--line-strong);min-height:40px;color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:border-color .12s var(--ease), background .12s var(--ease);background:#ffffff0a;padding:6px 8px;font-size:13px;font-weight:600}.chip:hover:not(:disabled){border-color:var(--accent)}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.chip:disabled:not([aria-pressed=true]){opacity:.45;cursor:not-allowed}.corner__msg{color:var(--accent);min-height:1.2em;font-size:12.5px}.orders{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.orders__item{border-radius:var(--r-control);background:var(--panel-strong);border:1px solid var(--line);grid-template-columns:auto auto;align-items:baseline;gap:2px 8px;padding:5px 10px 6px;font-size:12.5px;display:grid}.orders__label{font-weight:650}.orders__meta{color:var(--text-3);font-size:11.5px}.orders__bar{grid-column:1/-1;height:2px}.orders__fill{background:var(--accent);transform-origin:0;height:100%;transition:transform .3s var(--ease);display:block}.shout{pointer-events:auto;justify-items:center;gap:6px;display:grid}.shout__menu{background:var(--panel-strong);border:1px solid var(--line-strong);border-radius:var(--r-panel);flex-wrap:wrap;justify-content:center;gap:6px;padding:6px;display:flex}.shout__used,.shout__msg{color:var(--text-3);font-size:12.5px}@media (max-width:640px){.corner__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.focus__option{grid-template-columns:auto 1fr auto}.focus__cat{display:none}.corner,.focus{overscroll-behavior:contain;flex-shrink:1;min-height:0;max-height:none;overflow-y:auto}.focus{gap:8px;padding:12px}.focus__option{min-height:40px;padding:6px 10px}:is(.fight-center:has(.focus) .shout,.fight-center:has(.focus) .callouts){display:none}}@media (prefers-reduced-transparency:reduce){.orders__item{background:var(--panel-strong)}}@media (min-width:900px){.focus,.corner{width:min(420px,38vw);position:absolute;top:132px;right:16px}.corner{max-height:calc(100dvh - 240px)}.corner__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--bg:#0d1012;--panel:#101316c7;--panel-strong:#101316eb;--line:#ffffff1a;--line-strong:#ffffff2e;--text:#eef0ec;--text-2:#b4bab8;--text-3:#8d9492;--accent:#f0803c;--accent-hover:#f6955a;--accent-ink:#1b1208;--danger:#ef6461;--r-control:6px;--r-panel:12px;--shadow:0 12px 40px #04060873;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Noto Sans Thai", sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, monospace;--ease:cubic-bezier(.16, 1, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-size:15px;line-height:1.45;overflow:hidden}@media (pointer:fine){html{overscroll-behavior:none}}p,h1,h2{margin:0}.tabular{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.scene{inset:0;position:fixed!important}.ui-layer{pointer-events:none;z-index:20;position:fixed;inset:0}.ui-layer>*{pointer-events:none}.title__panel,.hud__card,.hud__bottom{pointer-events:auto}.btn{appearance:none;border-radius:var(--r-control);min-height:40px;font:inherit;white-space:nowrap;cursor:pointer;color:var(--text);transition:background-color .16s var(--ease), border-color .16s var(--ease), transform .12s var(--ease);background:0 0;border:1px solid #0000;padding:9px 16px;font-size:14px;font-weight:600}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default}.btn--primary{background:var(--accent);color:var(--accent-ink)}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--ghost{border-color:var(--line-strong);color:var(--text)}.btn--ghost:hover:not(:disabled){background:#ffffff0f}.btn--danger{border-color:var(--danger);color:var(--danger);background:0 0}.btn--danger:hover{background:#ef64611f}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.field{gap:6px;display:grid}.field-label{color:var(--text-2);padding:0;font-size:13px;font-weight:600}.input{border-radius:var(--r-control);border:1px solid var(--line-strong);width:100%;min-height:40px;color:var(--text);font:inherit;background:#00000059;padding:8px 12px}.input:focus-visible{outline:2px solid var(--accent);outline-offset:0;border-color:#0000}.field-error{color:var(--danger);font-size:13px}.notice{border:1px solid var(--line-strong);border-radius:var(--r-control);color:var(--text-2);padding:10px 12px;font-size:14px}.segmented{border:1px solid var(--line);border-radius:var(--r-control);background:#0000004d;flex-wrap:wrap;gap:4px;margin:0;padding:4px;display:inline-flex}.fieldset{border:0;min-width:0;margin:0;padding:0}.fieldset .segmented{justify-self:start}.segmented__option{cursor:pointer;position:relative}.segmented__option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented__option span,.segmented__btn{border-radius:calc(var(--r-control) - 2px);min-width:44px;min-height:34px;color:var(--text-2);transition:background-color .16s var(--ease), color .16s var(--ease);justify-content:center;align-items:center;padding:6px 12px;font-size:14px;font-weight:600;display:inline-flex}.segmented__detail{opacity:.75;margin-left:6px;font-size:12px;font-weight:500}.segmented__btn{appearance:none;cursor:pointer;background:0 0;border:0;font-family:inherit}.segmented__option input:checked+span,.segmented__btn[aria-checked=true]{background:var(--text);color:var(--bg)}.segmented__option input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.segmented__btn:hover:not([aria-checked=true]),.segmented__option:hover input:not(:checked)+span{color:var(--text)}.title{background:linear-gradient(90deg,#090b0ddb 0%,#090b0d99 34%,#090b0d00 62%);display:flex;position:absolute;inset:0}.title__panel{overscroll-behavior:contain;flex-direction:column;gap:28px;width:min(460px,100%);max-height:100dvh;padding:clamp(24px,6vh,64px) 16px 24px clamp(16px,5vw,64px);display:flex;overflow-y:auto}.wordmark{letter-spacing:-.03em;text-transform:uppercase;text-wrap:balance;font-size:clamp(40px,6vw,60px);font-weight:800;line-height:.95}.wordmark__place{letter-spacing:.42em;color:var(--accent);margin-top:10px;font-size:15px;font-weight:700;display:block}.title__lede{max-width:36ch;color:var(--text-2);font-size:16px}.section-label{color:var(--text-3);margin-bottom:10px;font-size:13px;font-weight:600}.slot-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.slot{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-panel);-webkit-backdrop-filter:blur(10px);gap:14px;padding:14px;display:grid}.slot--skeleton{opacity:.6;height:74px}.slot__head{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.slot__index{border-radius:var(--r-control);border:1px solid var(--line-strong);width:28px;height:28px;color:var(--text-2);font-variant-numeric:tabular-nums;place-items:center;font-size:13px;font-weight:700;display:grid}.slot__body{min-width:0}.slot__title{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.slot__title--muted{color:var(--text-2)}.slot__meta{color:var(--text-3);font-size:13px}.slot__meta--error{color:var(--danger)}.slot__date{display:block}.slot__actions{gap:6px;display:flex}.new-career,.confirm{border-top:1px solid var(--line);gap:14px;padding-top:14px;display:grid}.confirm p{color:var(--text-2);font-size:14px}.title__foot{color:var(--text-3);margin-top:auto;font-size:12.5px}.world-tag{border-radius:var(--r-control);background:var(--panel-strong);border:1px solid var(--line-strong);color:var(--text-2);font:600 11px/1.3 var(--font);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;padding:3px 8px}.world-tag--placeholder{border-color:var(--accent);color:var(--accent)}.hud{padding:16px;padding-top:max(16px, env(safe-area-inset-top));padding-bottom:max(16px, env(safe-area-inset-bottom));flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.hud__top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.hud__card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);min-width:0;padding:10px 14px}.hud__card--right{text-align:right}.hud__title{text-overflow:ellipsis;white-space:nowrap;max-width:50vw;font-size:15px;font-weight:700;overflow:hidden}.hud__clock{color:var(--text-2);flex-wrap:wrap;gap:10px;font-size:14px;display:flex}.hud__time{color:var(--text);font-weight:650}.hud__label{color:var(--text-3);font-size:12px}.hud__cash{font-size:17px;font-weight:700}.hud__bottom{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);flex-wrap:wrap;justify-content:center;align-self:center;align-items:center;gap:10px 12px;max-width:100%;padding:8px;display:flex}.segmented--bar{background:0 0;border:0;padding:0}.hud__status{text-align:center;color:var(--text-3);flex-basis:100%;font-size:12.5px}.hud__status:empty{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.debug-toggle{z-index:30;right:16px;bottom:max(16px, env(safe-area-inset-bottom));border-radius:var(--r-control);border:1px solid var(--line);background:var(--panel);color:var(--text-3);font:600 12px var(--font);cursor:pointer;padding:4px 10px;position:fixed}.debug-toggle:hover{color:var(--text)}.debug{background:var(--panel-strong);border:1px solid var(--line-strong);border-radius:var(--r-panel);width:min(320px,100vw - 32px);max-height:calc(100dvh - 200px);box-shadow:var(--shadow);font:12px/1.5 var(--mono);z-index:30;padding:10px 12px;position:fixed;top:96px;right:16px;overflow-y:auto}.debug__head{font-family:var(--font);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;font-weight:700;display:flex}.debug__close{appearance:none;color:var(--text-3);font:600 12px var(--font);cursor:pointer;background:0 0;border:0;padding:4px}.debug__rows{gap:1px;margin:0;display:grid}.debug__row{grid-template-columns:116px 1fr;gap:8px;display:grid}.debug__row dt{color:var(--text-3)}.debug__row dd{color:var(--text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.debug__row[data-warn] dd{color:var(--accent)}@media (max-width:640px){.title{background:linear-gradient(#090b0d80 0%,#090b0de0 45%)}.title__panel{width:100%;padding:24px 16px 64px}.slot__head{grid-template-columns:auto 1fr}.slot__actions{grid-column:1/-1}.hud__title{max-width:44vw}.hud{padding-bottom:max(52px, env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}@media (prefers-reduced-transparency:reduce){.slot,.hud__card,.hud__bottom{background:var(--panel-strong);-webkit-backdrop-filter:none}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hud__panel{pointer-events:auto;background:var(--panel-strong);border:1px solid var(--line-strong);border-radius:var(--r-panel);box-shadow:var(--shadow);padding:16px}.setup{overscroll-behavior:contain;align-self:center;gap:14px;width:min(420px,100%);max-height:calc(100dvh - 150px);display:grid;overflow-y:auto}.setup__title{font-size:17px;font-weight:700}.setup__pair{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.setup__vs{color:var(--text-3);font-size:13px}.setup__note{color:var(--text-2);max-width:48ch;font-size:13.5px}.corner-tag{border-radius:var(--r-control);border:1px solid var(--line-strong);align-items:center;gap:6px;padding:3px 10px;font-size:14px;font-weight:650;display:inline-flex}.corner-tag:before,.corner-dot{content:"";border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.corner-tag--red:before,.corner-dot--red{background:#d9473f}.corner-tag--blue:before,.corner-dot--blue{background:#4a78d6}.hud--fight{gap:12px}.fight-top{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:12px;display:grid}.fighter-card{gap:6px;width:min(260px,100%);display:grid}.fighter-card--blue{justify-self:end}.fighter-card__name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;min-width:0;font-size:14px;font-weight:700;display:flex;overflow:hidden}.fighter-card__label{text-overflow:ellipsis;min-width:0;overflow:hidden}.fighter-card__kd{color:var(--danger);margin-left:auto;font-size:12px;font-weight:700}.fighter-card__damage{grid-template-columns:1fr 1fr;gap:2px 10px;display:grid}.meter{color:var(--text-3);grid-template-columns:52px 1fr 24px;align-items:center;gap:6px;font-size:11.5px;display:grid}.fighter-card__damage .meter{grid-template-columns:38px 1fr 20px}.meter__track{background:#ffffff1a;border-radius:3px;height:5px;overflow:hidden}.meter__fill{background:var(--text-2);transform-origin:0;height:100%;transition:transform .2s var(--ease);display:block}.meter[data-tone=damage] .meter__fill{background:#c9a27a}.meter[data-alert] .meter__fill{background:var(--danger)}.meter__value{text-align:right;color:var(--text-2)}.fight-clock{text-align:center;min-width:132px}.fight-clock__round{color:var(--text-2);white-space:nowrap;font-size:12.5px}.fight-clock__time{font-size:26px;font-weight:750;line-height:1.1}.fight-clock__tag{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:10.5px;font-weight:600}.fight-center{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:10px;min-height:0;padding-bottom:8px;display:flex}.count{background:var(--panel-strong);border:1px solid var(--line-strong);border-radius:var(--r-panel);justify-items:center;padding:10px 22px;display:grid}.count__n{font-size:44px;font-weight:800;line-height:1}.count__who{color:var(--text-2);font-size:13px}.rest-note{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-panel);color:var(--text-2);padding:8px 14px;font-size:14px}.callouts{align-content:end;justify-items:center;gap:6px;min-height:112px;margin:0;padding:0;list-style:none;display:grid}.callout{border-radius:var(--r-control);background:var(--panel-strong);border:1px solid var(--line);animation:callout-in .18s var(--ease);padding:6px 14px;font-size:15px;font-weight:650}.callout[data-tone=big]{border-color:var(--accent);color:var(--accent);font-size:18px}.callout[data-tone=defence],.callout[data-tone=info]{color:var(--text-2);font-weight:600}@keyframes callout-in{0%{opacity:0;transform:translateY(6px)}}.scorecard-scrim{pointer-events:auto;background:#090b0d73;place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow-y:auto}.scorecard{gap:14px;width:min(560px,100%);max-height:calc(100dvh - 32px);display:grid;overflow-y:auto}.scorecard__title{letter-spacing:-.01em;font-size:24px;font-weight:800}.scorecard__method{color:var(--text-2);margin-top:-8px}.scorecard__table-wrap{overflow-x:auto}.scorecard__table{border-collapse:collapse;width:100%;font-size:14px}.scorecard__table th,.scorecard__table td{text-align:center;white-space:nowrap;padding:6px 8px}.scorecard__table thead th{color:var(--text-3);border-bottom:1px solid var(--line);font-size:12px;font-weight:600}.scorecard__table tbody th{color:var(--text-3);font-weight:600}.scorecard__total{font-weight:750}.score--red{color:#ef7f78}.score--blue{color:#8fb0ef}.consequences{grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;list-style:none;display:grid}.consequences__item{color:var(--text-2);gap:2px;font-size:13px;display:grid}.consequences__name{color:var(--text);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.consequences__record{color:var(--text-2);margin-left:auto;font-weight:600}.scorecard__note{color:var(--text-3);font-size:12.5px}.scorecard__actions{justify-content:space-between}.fighter-card,.fight-clock{pointer-events:auto}@media (max-width:640px){.fight-top{grid-template-columns:1fr 1fr}.fight-clock{grid-area:1/1/auto/-1;justify-self:center;align-items:baseline;gap:10px;padding:6px 12px;display:flex}.fight-clock__time{font-size:20px}.fighter-card{width:100%;padding:8px 10px}.fighter-card__damage{grid-template-columns:1fr}.callouts{min-height:90px}.consequences{grid-template-columns:1fr}}@media (prefers-reduced-transparency:reduce){.fighter-card,.fight-clock{background:var(--panel-strong);-webkit-backdrop-filter:none}}