:root{color:var(--ink);background:var(--void-deep);font-synthesis:none;text-rendering:optimizelegibility;--void-deep:#0c0f0e;--void:#141816;--surface:#1b211f;--surface-strong:#232a27;--surface-raised:#2c3431;--ink:#e6e9e7;--ink-strong:#f4f6f5;--text-muted:#8a948f;--text-strong:#f4f6f5;--line:#363f3c;--line-subtle:#2a322f;--line-strong:#454f4b;--accent:#3b8cff;--accent-ink:#0c0f0e;--accent-warm:#ff8f5c;--warning:#ffc857;--danger:#ff5c4d;--success:#5fd6a6;--radius:18px;font-family:Inter,Pretendard,Noto Sans KR,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px}:root[data-font-scale=compact]{font-size:16px}:root[data-font-scale=standard]{font-size:18px}:root[data-font-scale=large]{font-size:20px}:root[data-font-scale=extra-large]{font-size:22px}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}[hidden]{display:none!important}body{background:radial-gradient(120% 90% at 50% -10%, #3b8cff0f, transparent 60%), linear-gradient(#ffffff06 1px, transparent 1px), linear-gradient(90deg, #ffffff06 1px, transparent 1px), var(--void-deep);background-size:100% 100%,34px 34px,34px 34px;min-width:320px;min-height:100vh;margin:0}body.game-screen-active{overscroll-behavior:none;overflow:hidden}img,svg,canvas{-webkit-user-drag:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.skip-link{z-index:10;color:var(--accent-ink);background:var(--accent);border-radius:8px;padding:10px 14px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{width:min(1320px,100% - 40px);margin:0 auto;padding:48px 0}.masthead{margin-bottom:34px}.masthead h1{letter-spacing:-.055em;max-width:none;color:var(--ink-strong);margin:0;font-size:clamp(1.75rem,2.4vw,2.3rem);font-weight:900;line-height:1.05}.app-shell[data-screen=menu]{min-height:100dvh;padding-block:0;position:relative}.app-shell[data-screen=menu] .masthead{z-index:1;pointer-events:none;margin:0;position:absolute;inset-block-start:48px;inset-inline:0}.main-menu,.scoreboard-panel,.version-history-panel,.setup-panel,.arena-panel{display:none}.main-menu{text-align:center;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);gap:0;width:min(480px,100%);min-height:100dvh;margin:0 auto}.app-shell[data-screen=scoreboard] .scoreboard-panel,.app-shell[data-screen=history] .version-history-panel,.app-shell[data-screen=settings] .setup-panel,.app-shell[data-screen=arena] .arena-panel{display:block}.app-shell[data-screen=menu] .main-menu{display:grid}.fullscreen-guide{color:var(--text-muted);grid-row:1;align-self:end;margin:0 0 20px;font-size:1.05rem;font-weight:750;line-height:1.55}.main-menu__actions,.settings-actions{gap:12px;display:grid}.main-menu__actions{grid-row:2}@media (max-height:760px){.app-shell[data-screen=menu]{min-height:0;padding-block:32px}.app-shell[data-screen=menu] .masthead{pointer-events:auto;margin-bottom:34px;position:static}.app-shell[data-screen=menu] .main-menu{grid-template-rows:auto;place-content:center;gap:22px;min-height:min(420px,58dvh)}.fullscreen-guide,.main-menu__actions{grid-row:auto}.fullscreen-guide{align-self:auto;margin-bottom:20px}}.main-menu__actions .primary-action,.main-menu__actions .secondary-action{justify-content:center;min-height:64px;font-size:1.12rem}.main-menu__link{align-items:center;text-decoration:none;display:flex}.settings-actions .primary-action{justify-content:center}.setup-required-dialog{border:1px solid var(--line-strong);background:var(--surface);width:min(460px,100% - 32px);color:var(--ink);border-radius:18px;padding:24px;box-shadow:0 28px 80px #0000009e}.setup-required-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#030605c2}.setup-required-dialog h2{color:var(--ink-strong);margin:0 0 12px;font-size:1.35rem}.setup-required-dialog p{color:var(--text-muted);margin:0;font-size:1rem;line-height:1.6}.setup-required-dialog__actions{grid-template-columns:1fr auto;gap:10px;margin-top:22px;display:grid}.setup-required-dialog__actions .primary-action,.setup-required-dialog__actions .secondary-action{justify-content:center;min-height:48px}.round-briefing-dialog{border:1px solid var(--line-strong);background:color-mix(in srgb, var(--surface) 96%, transparent);width:min(620px,100% - 32px);color:var(--ink);border-radius:22px;padding:clamp(24px,4vw,38px);box-shadow:0 32px 100px #000000ad}.round-briefing-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#030605d6}.round-briefing-dialog__heading p{color:var(--accent);margin:0 0 8px;font-size:.9rem;font-weight:850}.round-briefing-dialog__heading h2{color:var(--ink-strong);margin:0;font-size:clamp(1.7rem,4vw,2.35rem);line-height:1.15}.round-briefing-dialog__objective{color:var(--ink);gap:6px;margin:18px 0 0;font-size:1rem;font-weight:750;line-height:1.55;display:grid}.round-briefing-dialog__objective span{display:block}.round-briefing-dialog__controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0 0;display:grid}.round-briefing-dialog__controls>div{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-strong) 90%, transparent);border-radius:13px;padding:14px 16px}.round-briefing-dialog__controls dt{color:var(--text-muted);font-size:.82rem;font-weight:750}.round-briefing-dialog__controls dd{color:var(--ink-strong);margin:5px 0 0;font-weight:850}.round-briefing-dialog__status{min-height:1.5em;color:var(--text-muted);margin:22px 0 12px;font-size:.95rem;font-weight:750}.round-briefing-dialog[data-state=ready] .round-briefing-dialog__status{color:var(--success)}.round-briefing-dialog>.primary-action{justify-content:center;width:100%;min-height:58px}@media (max-width:560px){.round-briefing-dialog__controls{grid-template-columns:1fr}}.settings-tabs{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-strong) 88%, transparent);border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:6px;display:grid}.settings-tab{min-height:50px;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;padding:9px 12px;font-size:1rem;font-weight:850}.settings-tab[aria-selected=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 18%, var(--surface-strong));color:var(--ink-strong);box-shadow:0 0 18px #3b8cff29}.settings-tab:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 72%, white);outline-offset:2px}.settings-panel{min-height:430px}.settings-panel[hidden],.settings-tab[hidden]{display:none!important}.user-preferences{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-strong) 92%, transparent);border-radius:14px;align-content:start;gap:24px;margin:0;padding:22px;display:grid}.user-preferences legend{color:var(--ink-strong);padding-inline:8px;font-size:1.2rem;font-weight:900}.preference-group{gap:12px;display:grid}.preference-group__label{color:var(--ink);font-weight:850}.font-scale-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.font-scale-options label{border:1px solid var(--line);background:var(--surface);min-height:54px;color:var(--text-muted);cursor:pointer;border-radius:11px;place-items:center;padding:10px;font-weight:800;display:grid}.font-scale-options label:has(input:checked){border-color:var(--accent);background:color-mix(in srgb, var(--accent) 15%, var(--surface));color:var(--ink-strong)}.font-scale-options input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.font-scale-options label:has(input:focus-visible){outline:3px solid color-mix(in srgb, var(--accent) 72%, white);outline-offset:2px}.starting-attributes{border:0;gap:12px;margin:0;padding:0;display:grid}.starting-attributes legend{width:100%;margin-bottom:2px;font-size:1.08rem;font-weight:850}.starting-attributes legend span,.starting-attributes__remaining{color:var(--text-muted);font-size:.92rem;font-weight:700}.starting-attributes__remaining{border:1px solid var(--line-subtle);background:color-mix(in srgb, var(--surface) 70%, transparent);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:10px 12px;display:flex}.starting-attributes__remaining output{color:var(--accent);font-size:1.05rem}.starting-attributes__remaining small{color:var(--text-muted);font-size:.78rem;font-weight:700}.starting-attributes__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.starting-build-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.starting-build-summary__title{color:var(--ink-strong);margin:2px 0 0;font-size:.95rem;font-weight:850}.starting-build-summary>div{border:1px solid var(--line-subtle);background:color-mix(in srgb, var(--surface) 76%, transparent);border-radius:10px;grid-template-columns:max-content minmax(0,1fr);gap:3px 10px;padding:10px 12px;display:grid}.starting-build-summary>div[data-active=true]{border-color:color-mix(in srgb, var(--accent) 46%, var(--line-subtle))}.starting-build-summary dt{min-width:max-content;color:var(--text-muted);white-space:nowrap;font-size:.8rem;font-weight:750}.starting-build-summary dd{text-align:right;min-width:0;margin:0}.starting-build-summary output{color:var(--ink-strong);overflow-wrap:normal;word-break:keep-all;font-size:1rem;font-weight:900;line-height:1.2}#starting-total-cooldown{white-space:nowrap}.combat-stat-meter,.starting-attribute__meter,.trait-upgrade__meter{background:color-mix(in srgb, var(--line) 72%, transparent);border-radius:999px;height:6px;display:block;position:relative;overflow:hidden}.combat-stat-meter{grid-column:1/-1}.combat-stat-meter>span,.starting-attribute__meter>span{border-radius:inherit;background:var(--accent);width:100%;height:100%;transform:scaleX(var(--meter-value,0));transform-origin:0;transition:transform .14s;display:block}.starting-attribute{border:1px solid var(--line);background:linear-gradient(145deg, color-mix(in srgb, var(--surface-strong) 94%, var(--accent) 6%), var(--surface-strong) 62%);border-radius:12px;grid-template:"copy stepper"minmax(44px,1fr)"meter meter"7px/minmax(0,1fr) auto;align-items:center;gap:10px 16px;min-height:92px;padding:14px;display:grid;position:relative}.starting-attribute[data-active=true]{border-color:color-mix(in srgb, var(--accent) 46%, var(--line))}.starting-attribute__copy{grid-area:copy;align-content:start;gap:5px;min-width:0;display:grid}.starting-attribute strong{color:var(--ink-strong);font-size:1.05rem}.starting-attribute__meter{grid-area:meter}.starting-attribute__stepper{text-align:center;flex:none;grid-area:stepper;grid-template-columns:40px 34px 40px;align-items:center;gap:4px;display:grid}.starting-attribute__stepper button{border:1px solid var(--line-strong);background:var(--surface);width:40px;height:40px;color:var(--ink-strong);font:inherit;cursor:pointer;border-radius:10px;font-size:1.3rem;font-weight:900}.starting-attribute__stepper button:disabled{cursor:not-allowed;opacity:.35}.starting-attribute__stepper output{min-width:34px;height:40px;color:var(--accent);place-items:center;font-size:1.1rem;font-weight:900;display:grid}.play-layout{display:block}.setup-panel,.scoreboard-panel,.version-history-panel,.arena-panel{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 94%, transparent);box-shadow:0 18px 50px #00000059}.setup-panel{width:min(840px,100%);margin:0 auto;padding:28px}.scoreboard-panel,.version-history-panel{width:min(900px,100%);margin:0 auto;padding:28px}.scoreboard__header,.version-history__header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.scoreboard__header h2,.version-history__header h2{color:var(--ink-strong);letter-spacing:-.04em;margin:0;font-size:1.55rem}.scoreboard__header output,.version-history__header output,.version-history__version{color:var(--accent);font-weight:900}.scoreboard__header output,.version-history__header output{border:1px solid color-mix(in srgb, var(--accent) 55%, var(--line));background:color-mix(in srgb, var(--accent) 10%, var(--surface-strong));border-radius:999px;padding:7px 11px}.scoreboard__list,.version-history__list{gap:12px;margin:0 0 20px;padding:0;list-style:none;display:grid}.scoreboard__list article,.version-history__list article{border:1px solid var(--line);background:var(--surface-strong);border-radius:13px;gap:13px;padding:18px;display:grid}.version-history__list article[data-current=true]{border-color:color-mix(in srgb, var(--accent) 72%, var(--line));box-shadow:inset 3px 0 0 var(--accent)}.version-history__list header{align-items:baseline;gap:12px;display:flex}.version-history__list h3{color:var(--ink-strong);letter-spacing:-.02em;margin:0;font-size:1.08rem}.version-history__list dl{gap:9px;margin:0;display:grid}.version-history__list dl div{grid-template-columns:108px minmax(0,1fr);gap:12px;display:grid}.version-history__list dt,.version-history__list dd{margin:0;line-height:1.5}.version-history__list dt{color:var(--text-muted);font-size:.82rem;font-weight:800}.version-history__list dd{color:var(--ink);font-size:.94rem}.scoreboard__list article[data-outcome=victory]{border-color:color-mix(in srgb, var(--accent) 72%, var(--line));box-shadow:inset 3px 0 0 var(--accent)}.scoreboard__entry-header{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.scoreboard__entry-header strong{color:var(--ink-strong);font-size:1.2rem}.scoreboard__entry-header time{color:var(--text-muted);font-size:.86rem}.scoreboard__stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;display:grid}.scoreboard__stats div{background:color-mix(in srgb, var(--surface) 72%, transparent);border-radius:9px;padding:10px 12px}.scoreboard__stats dt,.scoreboard__stats dd{margin:0}.scoreboard__stats dt{color:var(--text-muted);font-size:.78rem;font-weight:800}.scoreboard__stats dd{color:var(--ink-strong);margin-top:3px;font-size:1rem;font-weight:900}.scoreboard__empty{border:1px dashed var(--line);color:var(--text-muted);text-align:center;border-radius:13px;margin:0 0 20px;padding:36px 18px}.scoreboard__empty[hidden]{display:none}.scoreboard-panel>.secondary-action,.version-history-panel>.secondary-action{width:100%}.section-heading,.arena-panel__header{align-items:flex-start;display:flex}.section-heading{margin-bottom:28px}.section-heading h2,.arena-panel h2{letter-spacing:-.04em;color:var(--ink-strong);margin:0;font-size:1.55rem}.settings-form{gap:28px;display:grid}.preset-fieldset{border:0;gap:9px;margin:0;padding:0;display:grid}.preset-fieldset legend{width:100%;color:var(--ink);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;font-size:1.08rem;font-weight:800;display:flex}.preset-fieldset legend span,.preset-fieldset legend output{color:var(--accent);font-size:.86rem;font-weight:850}.preset-card{border:2px solid var(--line);background:linear-gradient(145deg, color-mix(in srgb, var(--surface-strong) 96%, var(--accent) 4%), var(--surface-strong));cursor:pointer;border-radius:12px;align-items:center;gap:12px;min-height:62px;padding:11px 14px;transition:border-color .12s,background-color .12s,transform .12s;display:flex;position:relative}.preset-card:has(input:checked){border-color:var(--accent);background:color-mix(in srgb, var(--surface-strong) 86%, var(--accent) 14%);box-shadow:inset 0 0 0 1px #3b8cff24}.preset-card:hover:not(:has(input:disabled)){border-color:color-mix(in srgb, var(--accent) 54%, var(--line));transform:translateY(-1px)}.preset-card>input{z-index:1;opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.preset-card:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.preset-card span{gap:3px;display:grid}.preset-card__copy{align-content:center;min-width:0}.preset-card strong{color:var(--ink-strong);font-size:1.05rem}.preset-card small{color:var(--text-muted);font-size:.9rem}.loadout-fieldset,.skill-loadout-fieldset{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.skill-loadout-fieldset .preset-card,.loadout-fieldset .preset-card{grid-template-rows:minmax(32px,auto) minmax(38px,auto) minmax(0,1fr);grid-template-columns:76px minmax(0,1fr);align-self:stretch;align-items:start;gap:8px 14px;min-width:0;height:100%;min-height:0;padding:14px;display:grid}.skill-loadout-fieldset .preset-card__copy,.loadout-fieldset .preset-card__copy{display:contents}.skill-loadout-fieldset .preset-card strong,.loadout-fieldset .preset-card strong{min-width:0;color:var(--ink-strong);text-align:center;grid-area:1/1/auto/-1;place-self:center;font-size:1.08rem;line-height:1.25}.skill-art{filter:drop-shadow(0 7px 6px #00000075);background-position:50%;background-repeat:no-repeat;background-size:contain;width:72px;height:72px}.skill-art--blink-step{background-image:url(./skill-icon-blink-step-B7BYw37W.png)}.skill-art--arc-bolt{background-image:url(./skill-icon-arc-bolt-Ctd-qnRw.png)}.skill-art--chain-bind{background-image:url(./skill-icon-chain-bind-BuEImm7D.png)}.skill-art--meteor-mark{filter:drop-shadow(0 0 7px #ff84268c)drop-shadow(0 7px 6px #00000080);background-image:url(./skill-icon-meteor-mark-CZ2KKSqV.png),radial-gradient(circle,#ff913057 0 31%,#ff5f1c21 48%,#0000 72%);background-size:112% 112%,94% 94%}.skill-art--frost-field{background-image:url(./skill-icon-frost-field-BMVn8KJG.png)}.skill-art--aegis{background-image:url(./skill-icon-aegis-D64vVtUv.png)}.skill-card__meta,.item-card__meta{flex-wrap:wrap;grid-area:2/1/auto/-1;place-content:start center;align-items:center;min-height:38px;margin:0;gap:5px!important;display:flex!important}.skill-card__meta span,.item-card__meta span{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--line));background:color-mix(in srgb, var(--accent) 9%, transparent);width:-moz-fit-content;width:fit-content;color:color-mix(in srgb, var(--accent) 74%, var(--ink));border-radius:999px;padding:3px 7px;font-size:.72rem;font-weight:850;line-height:1.2;display:inline-flex}.skill-loadout-fieldset .skill-card__effect,.loadout-fieldset .item-card__effect{border:1px solid var(--line-subtle);background:color-mix(in srgb, var(--surface) 68%, transparent);min-width:0;color:var(--ink);border-radius:9px;grid-area:3/2;align-content:start;align-self:start;gap:0;margin:0;padding:7px 10px;font-size:.82rem;font-weight:650;line-height:1.45;display:grid}.loadout-card__effect-row{overflow-wrap:anywhere;min-width:0;padding:6px 0;display:block}.loadout-card__effect-row+.loadout-card__effect-row{border-top:1px solid color-mix(in srgb, var(--line-subtle) 72%, transparent)}.loadout-fieldset legend,.loadout-fieldset .fieldset-help,.skill-loadout-fieldset legend,.skill-loadout-fieldset .fieldset-help{grid-column:1/-1}.loadout-fieldset legend span{color:var(--accent);font-size:.86rem;font-weight:850}.item-art{filter:drop-shadow(0 5px 5px #0000006b);background-image:url(./item-icons-Dtkr5fFV.png);background-repeat:no-repeat;background-size:409.6% 409.6%;width:64px;height:64px}.skill-loadout-fieldset .skill-art,.loadout-fieldset .item-art{grid-area:3/1;place-self:start center;margin-top:9px}.item-art--iron-boots{background-position:3.88% 1.29%}.item-art--feather{background-position:34.88% 1.29%}.item-art--spring-glove{background-position:66.54% 1.29%}.item-art--brick-bag{background-position:98.19% 1.29%}.item-art--soap{background-position:34.88% 66.54%}.item-art--boat{background-position:98.19% 36.82%}.item-art--bomb{background-position:3.88% 66.54%}.loadout-fieldset .preset-card:has(input:disabled){cursor:not-allowed;opacity:.48}.skill-loadout-fieldset .preset-card:has(input:disabled){cursor:not-allowed;opacity:.48}.fieldset-help{min-height:1.2em;color:var(--text-muted);margin:1px 0 0;font-size:.88rem}.player-control{gap:10px;display:grid}.player-control__label,.range-labels{justify-content:space-between;display:flex}.player-control__label label{color:var(--ink);font-size:1rem;font-weight:800}.player-control__label output{color:var(--accent);font-weight:900}.player-control input[type=range]{width:100%;accent-color:var(--accent)}.music-credit{color:var(--muted);margin:2px 0 0;font-size:.82rem;line-height:1.5}.music-credit a{color:var(--accent);text-underline-offset:3px}.debug-tuning{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-strong) 88%, var(--accent-warm) 12%);border-radius:12px;overflow:clip}.debug-tuning[open]{border-color:color-mix(in srgb, var(--accent-warm) 54%, var(--line))}.debug-tuning>summary{min-height:58px;color:var(--ink-strong);cursor:pointer;justify-content:space-between;align-items:center;padding:11px 14px;list-style:none;display:flex}.debug-tuning[data-settings-panel]>summary{display:none}.debug-tuning>summary::-webkit-details-marker{display:none}.debug-tuning>summary span:first-child{gap:3px;display:grid}.debug-tuning>summary small,.debug-tuning__toggle small{color:var(--text-muted);font-size:.75rem;font-weight:600}.debug-tuning__status{border:1px solid var(--line);color:var(--text-muted);letter-spacing:.08em;border-radius:999px;padding:4px 7px;font-size:.65rem;font-weight:900}.debug-tuning[data-debug-tuning=enabled] .debug-tuning__status{border-color:var(--accent-warm);color:var(--accent-warm)}.debug-tuning__body{border-top:1px solid var(--line-subtle);gap:18px;padding:0 14px 16px;display:grid}.debug-tuning__toggle{color:var(--ink);cursor:pointer;align-items:center;gap:10px;padding-top:15px;display:flex}.debug-tuning__toggle span{gap:2px;display:grid}.debug-tuning__toggle input{width:18px;height:18px;accent-color:var(--accent-warm)}.debug-tuning__grid{gap:17px;display:grid}.debug-tuning .player-control{gap:7px}.debug-tuning .player-control__label output{color:var(--accent-warm);font-size:.78rem}.debug-tuning input[type=range]{accent-color:var(--accent-warm)}.debug-tuning input:disabled{cursor:not-allowed;opacity:.42}.debug-tuning__summary{border:1px dashed var(--line);color:var(--text-muted);border-radius:9px;margin:0;padding:10px 11px;font-size:.78rem;line-height:1.5}.debug-tuning__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.debug-tuning__actions .secondary-action{min-height:42px;padding-inline:10px;font-size:.78rem}.range-labels{color:var(--text-muted);font-size:.72rem}.primary-action,.secondary-action{border-radius:12px;min-height:52px;padding:0 18px;font-size:1rem;font-weight:850}.primary-action{color:var(--accent-ink);border:1px solid var(--accent);background:var(--accent);justify-content:space-between;align-items:center;display:flex;box-shadow:0 8px 24px #3b8cff47}.primary-action:hover{filter:brightness(1.06)}.secondary-action{color:var(--ink);border:1px solid var(--line-strong);background:var(--surface-raised)}.secondary-action:hover{border-color:var(--line-strong);filter:brightness(1.08)}.arena-actions{gap:12px;padding-top:14px;display:grid}.arena-actions[hidden]{display:none}.arena-actions__buttons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.arena-actions__buttons .primary-action{justify-content:center}.ready-message{color:var(--ink-strong);margin:0;font-size:1.4rem;font-weight:900}.arena-panel{width:100%;min-width:0;padding:14px}.app-shell[data-screen=arena]{width:100%;height:100dvh;min-height:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.app-shell[data-screen=arena] .masthead{display:none}.app-shell[data-screen=arena]>.play-layout{width:100%;height:100%;min-height:0}.app-shell[data-screen=arena] .arena-panel{background:var(--void);width:100%;height:100%;box-shadow:none;border:0;border-radius:0;padding:0;position:relative;overflow:hidden}.arena-panel__header{z-index:7;top:max(12px, env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:center;padding:0;position:absolute;left:50%;transform:translate(-50%)}.arena-panel__header h2{display:none}.renderer-status{color:var(--text-muted);border:1px solid var(--line);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#121816b3;border-radius:999px;margin:0;padding:7px 10px;font-size:.86rem;font-weight:800}.renderer-status[data-state=error]{color:var(--danger);background:#ff5c4d1f;border-color:#ff5c4d66}.renderer-status[data-state=playing]{color:var(--success);background:#5fd6a61a;border-color:#5fd6a666}.renderer-status[data-state=paused],.renderer-status[data-state=countdown],.renderer-status[data-state=spectating],.renderer-status[data-state=completed]{color:var(--warning);background:#ffc8571a;border-color:#ffc85766}.renderer-status[data-state=victory]{color:var(--success);background:#5fd6a624;border-color:#5fd6a680}.arena-stage{width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.arena-host{touch-action:none;-webkit-user-select:none;user-select:none;background:var(--void);border:0;border-radius:0;width:100%;height:100%;min-height:0;overflow:hidden}.damage-flash{pointer-events:none;opacity:0;transition:none;position:absolute;inset:0;box-shadow:inset 0 0 clamp(80px,22vw,220px) #c42424d9}.damage-flash.is-active{animation:.42s ease-out forwards damage-flash-fade}@keyframes damage-flash-fade{0%{opacity:.9}to{opacity:0}}@media (prefers-reduced-motion:reduce){.damage-flash.is-active{opacity:0;animation:none}}.kill-flash{pointer-events:none;opacity:0;transition:none;position:absolute;inset:0;box-shadow:inset 0 0 clamp(70px,18vw,180px) #ffe082cc}.kill-flash.is-active{animation:.5s ease-out forwards kill-flash-fade}.kill-flash.is-down{animation:1.1s ease-out forwards kill-flash-down;box-shadow:inset 0 0 clamp(90px,26vw,260px) #c42424eb}@keyframes kill-flash-fade{0%{opacity:.75}to{opacity:0}}@keyframes kill-flash-down{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.kill-flash.is-active,.kill-flash.is-down{opacity:0;animation:none}}.upgrade-flash{pointer-events:none;opacity:0;transition:none;position:absolute;inset:0;box-shadow:inset 0 0 clamp(80px,20vw,220px) #ffd25ab3}.upgrade-flash.is-active{animation:.6s ease-out forwards upgrade-flash-pulse}@keyframes upgrade-flash-pulse{0%{opacity:0}20%{opacity:.6}to{opacity:0}}@media (prefers-reduced-motion:reduce){.upgrade-flash.is-active{opacity:0;animation:none}}.arena-host[data-targeting]{cursor:crosshair}.targeting-help{z-index:5;bottom:max(22px, env(safe-area-inset-bottom));max-width:calc(100% - 32px);color:var(--ink-strong);text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#0c1211d6;border:1px solid #50d9ff9e;border-radius:12px;gap:2px;margin:0;padding:10px 16px;display:grid;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000057}.targeting-help[hidden]{display:none}.targeting-help strong{color:var(--accent)}.targeting-help span{color:var(--ink-muted);font-size:.82rem}.arena-host:focus-visible{outline-color:var(--accent)}.arena-host[data-pointer-moving=true]{cursor:grabbing}.arena-host[data-camera-mode=spectator]{cursor:grab}.arena-host[data-camera-mode=spectator][data-spectator-panning=true]{cursor:grabbing}.touch-controls{z-index:2;right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));left:max(18px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:end;display:none;position:absolute}.action-hud{z-index:3;top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));pointer-events:none;gap:8px;width:max-content;max-width:calc(100% - 28px);display:grid;position:absolute}.skill-actions,.inventory-actions{grid-template-columns:minmax(0,max-content);gap:8px;max-width:100%;display:grid}.skill-actions{max-width:100%}.skill-actions[hidden],.inventory-actions[hidden]{display:none}.skill-actions button,.inventory-actions button{overflow-wrap:anywhere;pointer-events:auto;text-align:left;touch-action:manipulation;max-width:100%;min-height:44px;color:var(--ink-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141816e6;border:1px solid #68d8d694;border-radius:10px;justify-self:start;padding:8px 12px;font-size:.88rem;font-weight:850;box-shadow:0 6px 18px #0000004d}.skill-actions button:not(:disabled):active,.inventory-actions button:not(:disabled):active{transform:translateY(1px)}.skill-actions button:disabled,.inventory-actions button:disabled{opacity:.5}.skill-actions button[data-state=cooldown]{color:var(--warning);border-color:#ffc85780}.combat-status{flex-wrap:wrap;flex-basis:100%;gap:8px;display:flex}.combat-status output{min-height:38px;color:var(--ink-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141816d1;border:1px solid #5fd6a685;border-radius:9px;padding:8px 11px;font-size:.78rem;font-weight:850;box-shadow:0 6px 18px #00000042}.combat-status output[data-state=cooldown]{color:var(--warning);border-color:#ffc85780}.combat-status output[data-state=blocked]{color:var(--text-muted);opacity:.72;border-color:#9ca5a157}.stat-status{z-index:3;top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));max-width:min(58%,560px);color:var(--ink-strong);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1418167a;border:1px solid #68d8d66b;border-radius:10px;grid-template-columns:repeat(4,minmax(72px,auto));gap:1px;margin:0;display:grid;position:absolute;overflow:hidden;box-shadow:0 6px 18px #0000004d}.stat-status[hidden]{display:none}.stat-status div{background:#232a278a;gap:2px;min-width:0;padding:7px 9px;display:grid}.stat-status dt,.stat-status dd{margin:0}.stat-status dt{color:var(--text-muted);font-size:.7rem}.stat-status dd{color:var(--ink-strong);font-size:.86rem;font-weight:900}.stat-upgrade{z-index:30;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));overscroll-behavior:contain;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#080b0ac2;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.stat-upgrade[hidden]{display:none}.stat-upgrade__panel{border:1px solid var(--accent);background:var(--surface);border-radius:16px;grid-template-rows:auto auto minmax(0,1fr) auto;gap:16px;width:min(920px,100%);height:min(760px,100%);min-height:0;max-height:100%;padding:24px;display:grid;overflow:hidden;box-shadow:0 24px 80px #00000094}.stat-upgrade__panel h3,.stat-upgrade__panel p{margin:0}.stat-upgrade__panel p{color:var(--text-muted)}.trait-upgrade__choices{overscroll-behavior:contain;scrollbar-color:var(--accent) var(--surface-raised);scrollbar-gutter:stable;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:0;display:grid;overflow:auto}.trait-upgrade__choice{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-raised) 94%, transparent);cursor:pointer;border-radius:12px;grid-template-rows:minmax(0,1fr) 7px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px 12px;min-height:148px;padding:14px;display:grid;position:relative;box-shadow:0 8px 22px #00000047}.trait-upgrade__choice input{opacity:0;width:1px;height:1px;position:absolute}.trait-upgrade__choice:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.trait-upgrade__choice:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent), 0 9px 25px #3b8cff3d}.trait-upgrade__choice[data-state=available]{border-color:#ffc857bd}.trait-upgrade__choice[data-owned=true]{background:color-mix(in srgb, var(--accent) 15%, var(--surface-raised))}.trait-upgrade__choice[data-state=capped]{cursor:not-allowed;filter:grayscale(.72);opacity:.45}.trait-upgrade__copy{align-content:start;gap:9px;min-width:0;display:grid}.trait-upgrade__choice strong{overflow-wrap:anywhere}.trait-upgrade__delta{gap:6px;display:grid}.trait-upgrade__delta-row{border-top:1px solid var(--line-subtle);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:8px;min-width:0;padding-top:5px;font-size:.76rem;display:grid}.trait-upgrade__delta-label,.trait-upgrade__delta-values>span:first-child{color:var(--text-muted)}.trait-upgrade__delta-values{white-space:nowrap;align-items:baseline;gap:5px;display:inline-flex}.trait-upgrade__delta-arrow{color:color-mix(in srgb, var(--accent) 55%, var(--text-muted))}.trait-upgrade__delta-values strong{color:#83e6aa;font-size:.8rem}.trait-upgrade__choice output{color:var(--ink-strong);background:#080b0ac7;border-radius:999px;padding:2px 6px;font-size:.72rem;font-weight:900;position:absolute;top:7px;right:9px}.trait-upgrade__icon{color:#171b19;background:linear-gradient(145deg,#ffd166,#ff8f5c);border:2px solid #fff0a8;border-radius:12px;place-items:center;width:48px;height:48px;font-weight:950;display:grid;box-shadow:inset 0 0 0 3px #48261838}.trait-upgrade__meter{grid-column:1/-1}.trait-upgrade__meter>span{width:100%;height:100%;display:block;position:relative}.trait-upgrade__meter>span:before,.trait-upgrade__meter>span:after{border-radius:inherit;content:"";transform-origin:0;position:absolute;inset:0}.trait-upgrade__meter>span:before{transform:scaleX(var(--meter-next,0));background:#83e6aa}.trait-upgrade__meter>span:after{background:var(--accent);transform:scaleX(var(--meter-current,0))}.stat-upgrade__panel .primary-action{justify-content:center}.pause-trigger{z-index:7;bottom:max(12px, env(safe-area-inset-bottom));min-width:0;color:var(--ink);opacity:.66;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#12181694;border:1px solid #e6e9e747;border-radius:999px;padding:8px 13px;font-size:.78rem;font-weight:850;position:absolute;left:50%;transform:translate(-50%)}.pause-trigger:hover,.pause-trigger:focus-visible{opacity:1}.pause-trigger[hidden]{display:none}.pause-menu{z-index:24;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));overscroll-behavior:contain;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#080b0ab8;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.pause-menu[hidden]{display:none}.pause-menu__panel{overscroll-behavior:contain;border:1px solid var(--line-strong);background:#181f1cf5;border-radius:18px;gap:18px;width:min(940px,100%);max-height:100%;padding:clamp(18px,2.4vw,28px);display:grid;overflow:auto;box-shadow:0 24px 80px #00000094}.pause-menu__panel h3{color:var(--ink-strong);margin:0;font-size:clamp(1.35rem,2.5vw,1.8rem);line-height:1.1}.pause-menu[data-mode=completed] .game-telemetry,.pause-menu[data-mode=completed] .developer-telemetry,.pause-menu[data-mode=completed] .control-guide{display:none}.pause-menu[data-mode=completed] .arena-actions{background:linear-gradient(135deg,#3b8cff2b,#232a27eb);border:1px solid #3b8cff8c;border-radius:14px;padding:16px}.pause-menu[data-mode=completed] .ready-message{color:var(--ink-strong);font-size:clamp(1.2rem,2.2vw,1.6rem)}.app-shell[data-pause-menu=open] .action-hud,.app-shell[data-pause-menu=open] .stat-status,.app-shell[data-pause-menu=open] .touch-controls,.app-shell[data-pause-menu=open] .pause-trigger,.app-shell[data-pause-menu=open] .targeting-help,.app-shell[data-upgrade=pending] .action-hud,.app-shell[data-upgrade=pending] .stat-status,.app-shell[data-upgrade=pending] .touch-controls,.app-shell[data-upgrade=pending] .pause-trigger,.app-shell[data-upgrade=pending] .targeting-help{visibility:hidden}.pointer-joystick{touch-action:none;pointer-events:auto;background:#0c0f0eb8;border:2px solid #e6e9e76b;border-radius:50%;width:112px;height:112px;position:relative;box-shadow:inset 0 0 0 12px #ffffff06}.pointer-joystick:after{content:"";background:#e6e9e78c;border-radius:50%;width:6px;height:6px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.pointer-joystick__knob{--joystick-x:0px;--joystick-y:0px;width:48px;height:48px;transform:translate(calc(-50% + var(--joystick-x)), calc(-50% + var(--joystick-y)));background:#3b8cffe6;border:2px solid #ffffffb8;border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 6px 18px #00000061}.pointer-joystick[data-active=true]{border-color:var(--accent)}.touch-actions{pointer-events:auto;grid-template-columns:repeat(3,68px);align-items:end;gap:10px;display:grid}.touch-actions button{touch-action:manipulation;width:76px;height:76px;color:var(--ink-strong);background:#232a27e6;border:2px solid #e6e9e77a;border-radius:50%;padding:0;font-size:.84rem;font-weight:900;box-shadow:0 7px 20px #0000005c}.touch-actions button:nth-last-child(-n+2){background:#70321feb;border-color:#ff8f5cb3}.touch-actions button:active{transform:scale(.94)}.app-shell[data-round=countdown] .ready-message{letter-spacing:-.08em;min-height:1.1em;font-size:3rem;line-height:1}.arena-canvas{width:100%;height:100%;display:block}.control-guide{background:0 0;border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.round-statistics{gap:10px;display:grid}.round-statistics h4,.round-statistics h5{color:var(--ink-strong);margin:0}.round-statistics__grid{background:0 0;border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.round-statistics__grid div{border:1px solid var(--line);background:var(--surface-strong);border-radius:10px;gap:3px;min-width:0;padding:11px 13px;display:grid}.round-statistics__grid div:nth-child(-n+4){background:#28332ffa;border-color:#3b8cff57}.round-statistics__grid dt,.round-statistics__grid dd{margin:0}.round-statistics__grid dt{color:var(--text-muted);font-size:.78rem}.round-statistics__grid dd{color:var(--ink-strong);font-size:1rem;font-weight:900}.round-statistics__skills{gap:7px;display:grid}.round-statistics__skills ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.round-statistics__skills li{border:1px solid var(--line);background:var(--surface-strong);border-radius:9px;justify-content:space-between;gap:12px;padding:9px 11px;display:flex}.round-statistics__skills output{color:var(--accent);font-weight:900}.game-telemetry{color:var(--ink);border:1px solid var(--line);background:var(--line);border-radius:10px;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin:0;display:grid;overflow:hidden}.game-telemetry[hidden]{display:none}.game-telemetry div{background:var(--surface-strong);gap:3px;min-width:0;padding:8px 10px;display:grid}.game-telemetry dt,.game-telemetry dd{margin:0}.game-telemetry dt{color:var(--text-muted);font-size:.8rem}.game-telemetry dd{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:.92rem;font-weight:800;overflow:hidden}.control-guide div{border:1px solid var(--line);background:var(--surface-strong);border-radius:10px;justify-content:space-between;gap:18px;padding:10px 12px;display:flex}.control-guide dt,.control-guide dd{margin:0;font-size:.88rem}.control-guide dt{color:var(--text-muted)}.control-guide dd{text-align:right;color:var(--accent);font-weight:900}.control-guide div:first-child,.control-guide div:nth-child(2){grid-column:span 2}.developer-telemetry{color:var(--text-muted);border:1px solid var(--line-subtle);background:var(--surface-strong);border-radius:10px;order:50;margin-top:10px;overflow:clip}.developer-telemetry[hidden]{display:none}.developer-telemetry>summary{cursor:pointer;padding:9px 11px;font-size:.7rem;font-weight:800}.developer-telemetry dl{background:var(--line-subtle);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;padding:1px 0 0;display:grid}.developer-telemetry div{background:var(--surface-strong);min-width:0;padding:8px 10px}.developer-telemetry dt,.developer-telemetry dd{margin:0}.developer-telemetry dt{font-size:.65rem}.developer-telemetry dd{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:.72rem;font-weight:750;overflow:hidden}@media (max-width:820px){:root{font-size:17px}.app-shell{width:min(100% - 24px,680px);padding:38px 0}.masthead,.play-layout{grid-template-columns:1fr}.masthead{gap:18px}.arena-host{min-height:360px}.arena-panel{position:static}.trait-upgrade__choices{grid-template-columns:repeat(2,minmax(0,1fr))}.game-telemetry{grid-template-columns:repeat(3,minmax(0,1fr))}.round-statistics__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-guide{grid-template-columns:1fr}.control-guide div:first-child,.control-guide div:nth-child(2){grid-column:auto}.settings-tabs,.starting-build-summary,.starting-attributes__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-panel{min-height:0}.loadout-fieldset,.skill-loadout-fieldset{grid-template-columns:1fr}.loadout-fieldset legend,.loadout-fieldset .fieldset-help,.skill-loadout-fieldset legend,.skill-loadout-fieldset .fieldset-help{grid-column:auto}.loadout-fieldset .preset-card{grid-template-columns:56px minmax(0,1fr);min-height:108px}.skill-loadout-fieldset .preset-card{grid-template-columns:56px minmax(0,1fr);min-height:122px}.item-art,.skill-art{width:56px;height:56px}}@media (max-width:820px),(pointer:coarse){.fullscreen-guide{display:none}.app-shell[data-round=active]:not([data-human-eliminated=true]) .touch-controls{display:flex}.arena-host{height:max(360px,100dvh - 190px);min-height:300px}.stat-status{top:auto;right:max(14px, env(safe-area-inset-right));max-width:calc(100% - 28px);bottom:118px}}@media (max-width:480px){.round-statistics__grid,.round-statistics__skills ul,.control-guide,.starting-build-summary,.starting-attributes__grid{grid-template-columns:1fr}.stat-status{grid-template-columns:repeat(2,minmax(92px,1fr))}.trait-upgrade__choices{grid-template-columns:1fr}.app-shell{width:calc(100% - 16px);padding:24px 0}.masthead{margin-bottom:24px}.setup-panel,.scoreboard-panel,.version-history-panel,.arena-panel{padding:14px}.version-history__list dl div{grid-template-columns:1fr;gap:2px}.scoreboard__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.control-guide{grid-template-columns:1fr}.pointer-joystick{width:104px;height:104px}.touch-actions button{width:68px;height:68px}.developer-telemetry dl{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
