:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070b14;--bg-elevated:#0d1422db;--border:#78a0dc38;--border-strong:#8cbeff73;--text:#e8f0ff;--text-dim:#93a6c4;--accent:#4cc9f0;--accent-strong:#7ae7ff;--good:#80ed99;--warn:#ffd166;--bad:#ff6b81;--radius:12px;--shadow:0 10px 30px #00000073;--font:"Segoe UI", system-ui, -apple-system, sans-serif;--mono:"Cascadia Mono", "Consolas", monospace}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);margin:0;padding:0;font-size:14px;overflow:hidden}#app{position:fixed;inset:0}#app canvas{width:100%;height:100%;display:block}#ui{pointer-events:none;grid-template-rows:minmax(0,auto) 1fr minmax(0,auto);grid-template-columns:minmax(0,auto) 1fr minmax(0,auto);align-items:start;gap:14px;padding:14px;display:grid;position:fixed;inset:0}.ui-top-left{scrollbar-width:thin;flex-direction:column;grid-area:1/1;align-items:flex-start;gap:12px;max-height:calc(100vh - 178px);display:flex;overflow-y:auto}.ui-top-right{scrollbar-width:thin;flex-direction:column;grid-area:1/3;align-items:flex-end;gap:12px;max-height:calc(100vh - 178px);display:flex;overflow-y:auto}.ui-bottom-left{flex-direction:column;grid-area:3/1;align-items:flex-start;gap:12px;display:flex}.ui-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:fixed;inset:0}.ui-center>.panel{scrollbar-width:thin;flex:0 auto;max-width:min(520px,100vw - 64px);min-height:0;max-height:calc(100vh - 96px);overflow-y:auto}.ui-bottom-right{flex-direction:column;grid-area:3/3;align-items:flex-end;gap:12px;display:flex}.panel{pointer-events:auto;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:340px;padding:10px 12px}.panel-title{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px;font-size:11px}.row{flex-wrap:wrap;align-items:center;gap:8px;line-height:1.6;display:flex}.row+.row{margin-top:4px}.kv{font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;display:flex}.kv>span:last-child{color:var(--accent-strong);font-family:var(--mono)}.badge{border:1px solid var(--border);color:var(--text-dim);border-radius:999px;align-items:center;gap:6px;padding:2px 8px;font-size:12px;display:inline-flex}.badge.is-on{color:var(--good);border-color:#80ed9980}.badge.is-off{color:var(--bad);border-color:#ff6b8180}.badge.is-warn{color:var(--warn);border-color:#ffd16680}.motion-readout{align-items:baseline;gap:8px;font-size:20px;font-weight:600;display:flex}.motion-readout .glyph{font-size:22px}.motion-readout .confidence{color:var(--text-dim);font-size:12px;font-weight:400}kbd{font-family:var(--mono);border:1px solid var(--border-strong);color:var(--text);background:#ffffff0f;border-bottom-width:2px;border-radius:5px;padding:1px 6px;font-size:11px}button{font:inherit;color:var(--text);border:1px solid var(--border-strong);cursor:pointer;pointer-events:auto;background:#4cc9f024;border-radius:8px;padding:5px 11px}button:hover{background:#4cc9f042}button:disabled{opacity:.45;cursor:not-allowed}button.is-active{border-color:var(--accent-strong);background:#4cc9f057}input[type=range]{width:100%;accent-color:var(--accent)}label.field{color:var(--text-dim);pointer-events:auto;flex-direction:column;gap:2px;font-size:12px;display:flex}label.field>span.value{color:var(--accent-strong);font-family:var(--mono)}.toast-stack{z-index:20;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.toast{background:var(--bg-elevated);border:1px solid var(--border-strong);box-shadow:var(--shadow);border-radius:999px;padding:7px 16px;animation:.18s ease-out toast-in}.toast.is-bad{color:var(--bad);border-color:#ff6b8199}.toast.is-good{color:var(--good);border-color:#80ed9999}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.vision-hint{color:var(--text-dim);font-size:12px}.vision-hint button{margin-top:6px}.boot-overlay{z-index:50;pointer-events:auto;background:radial-gradient(circle at 50% 40%,#12203a 0%,#070b14 70%);place-items:center;display:grid;position:fixed;inset:0}.boot-card{border:1px solid var(--border-strong);background:var(--bg-elevated);max-width:420px;box-shadow:var(--shadow);text-align:center;border-radius:16px;padding:26px 30px}.boot-title{letter-spacing:.18em;text-transform:uppercase;color:var(--accent-strong);margin-bottom:10px;font-size:26px;font-weight:700}.boot-message{margin-bottom:10px;font-size:15px}.boot-hint{color:var(--text-dim);font-size:12px}.game-hud{min-width:216px}.panel.game-hud{zoom:1.18;min-width:268px}.panel:not(.game-hud){zoom:1.12}.panel.game-hud:not(.game-stats){zoom:1.28}.game-help-panel{max-width:520px}.game-help-steps{color:var(--text-dim);flex-direction:column;gap:7px;margin:8px 0 0;padding-left:20px;font-size:13px;line-height:1.35;display:flex}.game-help-steps strong{color:var(--text)}.game-help-say{border-top:1px solid var(--border);color:var(--text-dim);margin-top:10px;padding-top:8px;font-size:12px;line-height:1.6}.media-gate{z-index:40;background:#070b14e0;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.media-gate-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);max-width:520px;box-shadow:var(--shadow);color:var(--text-dim);padding:22px 26px;font-size:13px;line-height:1.45}.media-gate-title{color:var(--text);margin-bottom:8px;font-size:16px;font-weight:600}.media-gate-reason{color:var(--warn);font-size:12px}.media-gate-steps{flex-direction:column;gap:6px;margin:10px 0 14px;padding-left:20px;display:flex}.media-gate-retry{border:1px solid var(--accent);border-radius:var(--radius);color:var(--accent);font:inherit;cursor:pointer;background:0 0;padding:8px 18px;font-weight:600}.media-gate-retry:hover{background:#4cc9f01f}.game-overlay,.game-offline{pointer-events:none;z-index:5;position:absolute}.game-overlay[hidden],.game-offline[hidden],.game-error[hidden]{display:none!important}.game-overlay{background:radial-gradient(circle at 50% 45%,#070b1459,#070b14d9);justify-content:center;align-items:center;display:flex;inset:0}.game-overlay-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);box-shadow:var(--shadow);color:var(--text-dim);letter-spacing:.04em;flex-direction:column;align-items:center;gap:12px;padding:18px 26px;display:flex}.game-spinner{border:3px solid #4cc9f040;border-top-color:var(--accent);border-radius:50%;width:26px;height:26px;animation:.9s linear infinite game-spin}@keyframes game-spin{to{transform:rotate(360deg)}}.game-offline{background:var(--bg-elevated);box-shadow:var(--shadow);color:var(--text-dim);border:1px solid #ff6b8173;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;display:flex;top:14px;left:50%;transform:translate(-50%)}.conf-track{background:#78a0dc2e;border-radius:999px;height:5px;margin-top:6px;overflow:hidden}.conf-fill{background:linear-gradient(90deg, var(--accent), var(--accent-strong));border-radius:999px;width:0;height:100%;transition:width .12s linear}.conf-fill.is-low{background:linear-gradient(90deg, #ffd16699, var(--warn))}.game-error{color:var(--bad);overflow-wrap:anywhere;border-top:1px solid #ff6b8159;margin-top:8px;padding-top:6px;font-size:12px}.health-track{background:#78a0dc2e;border-radius:999px;height:9px;margin-top:6px;overflow:hidden}.health-fill{background:linear-gradient(90deg,#58d68d,#80ed99);border-radius:999px;width:0;height:100%;transition:width .14s linear,background .2s linear}.health-fill.is-mid{background:linear-gradient(90deg,#f0b429,#ffd166)}.health-fill.is-low{background:linear-gradient(90deg,#e6455a,#ff6b7a)}.mana-track{background:#78a0dc2e;border-radius:999px;height:7px;margin-top:6px;overflow:hidden}.mana-fill{background:linear-gradient(90deg,#6d6bff,#b388ff);border-radius:999px;width:0;height:100%;transition:width .14s linear,background .2s linear,opacity .2s linear}.mana-fill.is-empty{opacity:.55;background:linear-gradient(90deg,#7882a080,#96a0be80)}.ammo-text{color:var(--warn);font-variant-numeric:tabular-nums;margin-right:8px}.ammo-text.is-reloading{color:var(--accent-strong)}.game-hurt{z-index:4;pointer-events:none;opacity:0;background:radial-gradient(circle,#ff283c00 45%,#ff283c8c 100%);transition:opacity .2s ease-out;position:absolute;inset:0}.game-hurt.is-on{opacity:1;transition:opacity 40ms linear}.game-block{z-index:4;pointer-events:none;opacity:0;background:radial-gradient(circle,#3cf0ff00 38%,#3cf0ff6b 100%);transition:opacity .22s ease-out;position:absolute;inset:0}.game-block.is-on{opacity:1;transition:opacity 40ms linear}.game-block-label{z-index:5;color:#9ff5ff;letter-spacing:.12em;text-transform:uppercase;pointer-events:none;opacity:0;background:#07141ab8;border:1px solid #5af5ff99;border-radius:999px;padding:4px 14px;font-size:13px;transition:opacity .18s ease-out;position:absolute;top:22%;left:50%;transform:translate(-50%)}.game-block-label.is-on{opacity:1;transition:opacity 60ms linear}.game-block-label[hidden]{display:none!important}.game-down{z-index:5;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.game-down[hidden]{display:none!important}.game-down-card{border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;background:#070b14b8;border:1px solid #ff6b8180;flex-direction:column;align-items:center;gap:4px;padding:14px 24px;display:flex}.game-down-title{letter-spacing:.08em;text-transform:uppercase;color:var(--bad);font-size:15px}.game-down-text{color:var(--text-dim);font-size:13px}.game-arena-countdown{z-index:7;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.game-arena-countdown[hidden]{display:none!important}.game-arena-countdown-card{text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#070e18d1;border:1px solid #8fffe08c;border-radius:18px;min-width:min(280px,100vw - 36px);padding:18px 28px 20px;box-shadow:0 0 32px #27d8c03d}.game-arena-countdown-title{color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;font-size:13px;font-weight:700}.game-arena-countdown-value{color:var(--accent);font-variant-numeric:tabular-nums;text-shadow:0 0 24px #27d8c066;margin:2px 0;font-size:clamp(68px,12vw,112px);font-weight:800;line-height:1}.game-arena-countdown-detail{color:var(--text);font-size:15px;font-weight:600}.inv-equip{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.inv-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.inv-slot{border:1px dashed var(--border);min-height:64px;color:var(--text-dim);font:inherit;text-align:center;cursor:pointer;background:#ffffff08;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:4px 3px;font-size:10px;transition:border-color .1s linear,background .1s linear,color .1s linear;display:flex}.inv-slot:disabled{cursor:default;opacity:.75}.inv-slot:not(:disabled):hover{border-color:var(--accent-strong);color:var(--text);background:#4cc9f01a}.inv-slot.is-filled{border-style:solid;border-color:var(--border-strong);color:var(--text)}.inv-bag-slot{min-height:56px}.inv-slot-name{text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);font-size:9px}.inv-kind{font-size:20px;line-height:1}.inv-label{overflow-wrap:anywhere}.inv-backpack-title{margin-top:10px}.inv-count{color:var(--text-dim);font-size:11px;font-weight:400}.game-item-detail{border:1px solid var(--border);background:#ffffff08;border-radius:8px;margin-top:8px;padding:8px 10px;font-size:11px;line-height:1.5}.game-item-detail[hidden]{display:none!important}.game-item-detail-head{color:var(--text);margin-bottom:2px;font-size:12px}.game-item-detail-stats{color:var(--accent-strong)}.game-item-detail-desc{color:var(--text-dim)}.game-item-detail-price{color:var(--warn)}.game-hint{color:var(--text-dim);margin-top:8px;font-size:11px}.game-hint.is-warn{color:var(--warn)}.game-inventory[hidden]{display:none!important}.progress-note{color:var(--text-dim);font-size:12px}.element-selected{color:var(--accent-strong);font-size:12px;font-weight:400}.element-bar{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.element-bar:empty{display:none}.element-chip{border:1px solid var(--border);min-width:58px;color:var(--text-dim);font:inherit;cursor:pointer;background:#ffffff08;border-radius:9px;flex-direction:column;align-items:center;gap:1px;padding:5px 6px 4px;font-size:10px;transition:border-color .12s linear,box-shadow .12s linear,color .12s linear;display:flex;position:relative}.element-chip:hover{color:var(--text);border-color:var(--element-color,var(--border-strong))}.element-chip.is-selected{color:var(--text);border-color:var(--element-color,var(--accent-strong));box-shadow:0 0 0 1px var(--element-color,var(--accent-strong)) inset, 0 0 10px -2px var(--element-color,var(--accent-strong))}.element-key{color:var(--text-dim);font-size:9px;position:absolute;top:3px;left:5px}.element-icon{font-size:17px;line-height:1}.element-label{overflow-wrap:anywhere;max-width:72px}.element-level{color:var(--accent-strong);font-size:9px}.element-level.is-cast{color:var(--text-dim)}.element-ladders{flex-direction:column;gap:6px;margin-top:8px;display:flex}.element-ladder{border:1px solid var(--border);border-left:2px solid var(--element-color,var(--border-strong));background:#ffffff05;border-radius:9px;padding:4px 7px 5px}.element-ladder.is-selected{border-color:var(--element-color,var(--border-strong));background:#ffffff0d}.element-ladder-head{color:var(--text);align-items:baseline;gap:5px;font-size:11px;display:flex}.element-ladder-name{font-weight:600}.element-ladder-level{color:var(--text-dim);margin-left:auto;font-size:10px}.element-ladder-steps{flex-direction:column;gap:1px;margin:3px 0 0;padding:0;list-style:none;display:flex}.element-step{color:var(--text-dim);align-items:baseline;gap:5px;font-size:11px;display:flex}.element-step.is-unlocked{color:var(--text)}.element-step.is-locked{opacity:.72}.element-step.is-current{color:var(--good)}.element-step-mark{flex:none;width:12px}.element-step-cost{color:var(--accent-strong);white-space:nowrap;font-size:10px}.element-step-note{color:var(--text-dim);white-space:nowrap;margin-left:auto;font-size:10px}.element-step.is-current .element-step-note{color:var(--good)}.game-shop{min-width:300px}.game-shop[hidden]{display:none!important}.shop-gold{float:right;color:var(--warn);font-weight:400}.shop-tabs{flex-wrap:wrap;gap:4px;margin:6px 0 8px;display:flex}.shop-tab{border:1px solid var(--border);color:var(--text-dim);font:inherit;cursor:pointer;background:#ffffff08;border-radius:999px;padding:4px 8px;font-size:11px}.shop-tab:hover{color:var(--text)}.shop-tab.is-active{color:var(--text);border-color:var(--accent-strong);background:#4cc9f029}.shop-list,.shop-sell{scrollbar-width:thin;flex-direction:column;gap:5px;max-height:240px;display:flex;overflow-y:auto}.shop-item{border:1px solid var(--border);background:#ffffff05;border-radius:8px;flex-direction:column;display:flex}.shop-item:hover{border-color:var(--border-strong)}.shop-item-head{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:7px 8px;display:flex}.shop-item-head:hover{background:#ffffff0d}.shop-item-icon{font-size:18px;line-height:1}.shop-item-name{color:var(--text);flex:1;min-width:0;font-size:12px}.shop-item-price{color:var(--warn);white-space:nowrap;font-size:12px}.shop-item-head[data-disabled=true] .shop-item-price{color:var(--bad)}.shop-item-caret{color:var(--text-dim)}.shop-item-detail{flex-direction:column;gap:4px;padding:0 8px 8px 34px;display:none}.shop-item.is-open .shop-item-detail{display:flex}.shop-item-stats{color:var(--accent-strong);flex-direction:column;font-size:10px;display:flex}.shop-item-desc{color:var(--text-dim);overflow-wrap:anywhere;font-size:10px}.shop-buy,.shop-sell-button{border:1px solid var(--border-strong);color:var(--text);font:inherit;white-space:nowrap;cursor:pointer;background:#4cc9f024;border-radius:8px;align-self:flex-start;margin-top:2px;padding:5px 9px;font-size:11px}.shop-buy:disabled{opacity:.45;cursor:not-allowed}.shop-buy:not(:disabled):hover,.shop-sell-button:hover{background:#4cc9f042}.shop-sell-item{background:#ffffff08}.shop-sell-title{margin-top:10px}.game-menu{z-index:6;pointer-events:auto;background:radial-gradient(circle at 50% 45%,#070b1459,#070b14d1);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.game-menu[hidden]{display:none!important}.game-menu-card{min-width:268px;padding:16px 18px 14px;animation:.14s ease-out game-menu-in}.game-menu-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.game-menu-item{color:var(--text-dim);cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:7px 10px;transition:background .1s linear,color .1s linear,border-color .1s linear;display:flex}.game-menu-item:hover{color:var(--text);background:#ffffff0a}.game-menu-item.is-selected{color:var(--text);border-color:var(--border-strong);background:#4cc9f029}.game-menu-glyph{width:12px;color:var(--accent-strong);opacity:0;font-size:11px}.game-menu-item.is-selected .game-menu-glyph{opacity:1}.game-menu-label{flex:1}.game-menu-item.is-toggled .game-menu-label:after{content:" · visible";color:var(--accent-strong);font-size:11px}.game-menu-hint{border-top:1px solid var(--border);color:var(--text-dim);margin-top:12px;padding-top:10px;font-size:11px;line-height:1.9}.game-menu-stats{border-top:1px solid var(--border);flex-direction:column;gap:3px;margin-top:12px;padding-top:10px;display:flex}.game-menu-stats[hidden]{display:none}.game-menu-stats-title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);margin-bottom:4px;font-size:12px;font-weight:600}.game-menu-stat-row{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.game-menu-stat-label{color:var(--text-dim);font-size:13px}.game-menu-stat-value{font-variant-numeric:tabular-nums;color:var(--text);font-size:17px}.game-menu-stats-note{color:var(--text-dim);opacity:.75;margin-top:6px;font-size:10px;line-height:1.6}@keyframes game-menu-in{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}.game-farewell{z-index:30;pointer-events:auto;background:radial-gradient(circle at 50% 45%,#070b148c,#070b14eb);padding:18px;display:flex;position:fixed;inset:0;overflow-y:auto}.game-farewell[hidden]{display:none!important}.game-farewell-card{width:min(420px,100%);margin:auto;padding:18px 20px 16px;animation:.14s ease-out game-menu-in}.game-farewell-note{color:var(--text-dim);margin:6px 0 12px;font-size:13px;line-height:1.5}.game-farewell-lines{border-top:1px solid var(--border);flex-direction:column;gap:3px;padding-top:10px;display:flex}.game-farewell-row{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.game-farewell-label{color:var(--text-dim);font-size:13px}.game-farewell-value{font-variant-numeric:tabular-nums;color:var(--text);font-size:17px}.game-farewell-fine{color:var(--text-dim);opacity:.75;margin-top:8px;font-size:10px;line-height:1.6}.game-farewell-go{width:100%;font:inherit;color:var(--text);border:1px solid var(--border-strong);cursor:pointer;background:#78a0dc2e;border-radius:8px;margin-top:14px;padding:10px 14px;font-size:14px}.game-farewell-go:hover,.game-farewell-go:focus-visible{background:#78a0dc4d;outline:none}.game-log{scrollbar-width:thin;flex-direction:column;gap:4px;max-height:132px;margin:0;padding:0;font-size:12px;list-style:none;display:flex;overflow-y:auto}.game-log-entry{color:var(--text-dim);animation:.16s ease-out game-log-in}.game-log-entry.is-good{color:var(--good)}.game-log-entry.is-bad{color:var(--bad)}.game-log-entry.is-chat{color:var(--accent-strong)}@keyframes game-log-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.game-chat{width:260px}.game-chat-line{align-items:center;gap:8px;display:flex}.game-chat-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-size:11px}.game-chat-input{min-width:0;font:inherit;color:var(--text);border:1px solid var(--border-strong);background:#ffffff0f;border-radius:8px;flex:1;padding:4px 8px;font-size:12px}.game-chat-input:focus{border-color:var(--accent-strong);outline:none;box-shadow:0 0 0 2px #4cc9f040}.game-chat-hint{color:var(--text-dim);margin-top:6px;font-size:11px}.game-chat.is-open .game-chat-hint{color:var(--accent-strong)}.trait-group+.trait-group{border-top:1px solid var(--border);margin-top:8px;padding-top:8px}.trait-group-head{border:1px solid var(--border);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:#ffffff08;border-radius:8px;align-items:center;gap:8px;padding:4px 6px;font-size:13px;display:flex}.trait-group-head:hover{border-color:var(--border-strong)}.trait-group.is-open .trait-group-head{border-color:var(--accent-strong)}.trait-group-icon{font-size:15px;line-height:1}.trait-group-name{flex:1;min-width:0}.trait-group-level{font-family:var(--mono);color:var(--accent-strong);white-space:nowrap;font-size:11px}.trait-group-caret{color:var(--text-dim);font-size:11px}.trait-group-sub{color:var(--text-dim);opacity:.85;margin:3px 2px 0;font-size:11px}.trait-group-body,.trait-group:not(.is-open) .trait-group-sub{display:none}.trait-group.is-open .trait-group-body{margin-top:6px;display:block}.skill-row+.skill-row{border-top:1px solid var(--border);margin-top:8px;padding-top:8px}.skill-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.skill-label{color:var(--text);font-size:13px}.skill-level{font-family:var(--mono);color:var(--accent-strong);font-size:12px}.skill-track{background:#78a0dc2e;border-radius:999px;height:7px;margin-top:5px;overflow:hidden}.skill-fill{background:linear-gradient(90deg, var(--accent), var(--accent-strong));border-radius:999px;width:0;height:100%;transition:width .16s linear,background .2s linear}.skill-fill.is-max{background:linear-gradient(90deg, #f0b429, var(--warn))}.skill-foot{color:var(--text-dim);justify-content:space-between;align-items:baseline;gap:10px;margin-top:4px;font-size:11px;display:flex}.skill-uses{font-variant-numeric:tabular-nums;white-space:nowrap}.skill-hint{color:var(--text-dim);opacity:.85;font-size:11px}.progress-sheet .kv+.kv{margin-top:2px}.is-hidden{display:none!important}.vital-meta{color:var(--text-dim);justify-content:space-between;gap:10px;margin-top:8px;font-size:12px;display:flex}.vital-meta b{color:var(--text);font-weight:600}.war-strip{color:var(--text-dim);border-top:1px solid #96a5c840;align-items:baseline;gap:8px;margin-top:8px;padding-top:6px;font-size:12px;display:flex}.war-badge{letter-spacing:.06em;font-weight:700}.war-badge.is-red{color:#e4534f}.war-badge.is-blue{color:#4f8fe4}.war-score{color:var(--text);font-weight:600}.war-strip.is-carrying .war-score{color:#fbbf24}.war-strip.is-carrying .war-clock:after{content:" · llevas la bandera"}.game-stats .panel-title{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.voice-mode{letter-spacing:.02em;text-transform:none;color:var(--text-dim);white-space:nowrap;font-size:11px}.voice-mode.is-on{color:var(--good)}.game-inventory,.game-shop,.game-skills,.game-social-panel,.game-map-panel{font-size:14px}.game-social-panel{min-width:min(380px,100%)}.game-map-panel{min-width:min(420px,100%)}.map-zoom{float:right;font-family:var(--mono);color:var(--accent-strong);font-size:11px}.game-inventory,.game-shop{min-width:min(360px,100%)}.game-skills{min-width:min(340px,100%)}.game-inventory>.panel-title,.game-shop>.panel-title,.game-skills>.panel-title{font-size:13px}.inv-slot{min-height:74px;font-size:12px}.inv-bag-slot{min-height:64px;position:relative}.inv-hands{gap:4px;margin-top:4px;display:flex}.inv-hands[hidden]{display:none}.inv-hand{border:1px solid var(--border-strong);color:var(--text-dim);cursor:pointer;background:#00000040;border-radius:4px;flex:1;padding:2px 4px;font-size:10px;line-height:1.2}.inv-hand:hover{color:var(--text);border-color:var(--accent)}.inv-slot-name{font-size:11px}.inv-kind{font-size:22px}.inv-count{font-size:12px}.game-item-detail{font-size:13px}.game-item-detail-head{font-size:14px}.game-hint{font-size:12px}.element-chip{min-width:68px;padding:6px 7px 5px;font-size:12px}.element-key,.element-level{font-size:10px}.element-label{max-width:92px;font-size:12px}.shop-tab{font-size:12px}.shop-item-name,.shop-item-price{font-size:14px}.shop-item-stats,.shop-item-desc{font-size:12px}.shop-buy,.shop-sell-button{font-size:13px}.trait-group-name{font-size:15px}.trait-group-level,.trait-group-sub{font-size:12px}.skill-label{font-size:14px}.skill-level,.skill-hint{font-size:12px}[data-verb].is-selected{outline:2px solid var(--accent);outline-offset:2px}.voice-hint{border-top:1px solid var(--border);margin-top:10px;padding-top:8px}.game-guide{min-width:min(340px,100%);font-size:15px}.game-guide .panel-title{font-size:13px}.guide-section+.guide-section{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.guide-heading{color:var(--text);cursor:pointer;margin:0 0 6px;font-size:15px;font-weight:600}.guide-section[open] .guide-heading{color:var(--accent-strong)}.guide-subheading{color:var(--text-dim);font-size:13px;font-weight:500}.guide-section:not([open]) .guide-heading{margin-bottom:0}.guide-say{color:var(--text-dim);margin-left:8px;font-size:12px;font-weight:400}.guide-note{color:var(--text-dim);margin:0 0 8px;font-size:13px;line-height:1.5}.guide-inside{color:var(--text);margin-top:10px}.guide-row{flex-wrap:wrap;align-items:baseline;gap:6px;line-height:1.5;display:flex}.guide-row+.guide-row{margin-top:4px}.guide-key{color:var(--accent-strong);font-weight:600}.guide-tag{color:var(--text-dim);font-size:12px}.guide-words{color:var(--text-dim);font-size:13px}.guide-more{margin-top:8px}.guide-more>summary{cursor:pointer;color:var(--text-dim)}.guide-more .guide-row{margin-top:4px;padding-left:8px}.guide-branch{border-left:2px solid var(--line);margin-top:8px;padding-left:10px}.guide-branch>summary{cursor:pointer;font-size:16px;font-weight:600;line-height:1.5}.guide-branch-body{flex-direction:column;gap:6px;margin:6px 0 10px;display:flex}.guide-spell{padding-left:8px}.guide-spell>summary{cursor:pointer;font-size:15px;line-height:1.5}.guide-spell-body{color:var(--text-dim);margin:4px 0 8px;font-size:14px;line-height:1.55}.guide-passive{color:var(--text-dim);font-size:14px;line-height:1.5}.game-diagnostics .row{margin-bottom:4px}.guide-camera{margin-top:10px}.social-card{border:1px solid var(--border-strong);background:#00000038;border-radius:8px;margin-bottom:8px;padding:8px 10px}.social-name{color:var(--text);font-size:14px;font-weight:600}.social-detail{color:var(--text-dim);margin-top:2px;font-size:12px}.social-member{color:var(--text);margin-top:3px;font-size:12px}.social-rows{flex-direction:column;gap:6px;display:flex}.social-row{text-align:left;border:1px solid var(--border-strong);color:var(--text);cursor:pointer;background:#00000047;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;display:flex}.social-row:hover:not(:disabled){border-color:var(--accent);background:#ffffff0f}.social-row:disabled{opacity:.5;cursor:default}.social-row.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px #7dd3fc59}.social-row-label{font-size:14px;font-weight:600}.social-row-hint{color:var(--text-dim);font-size:12px}.social-hint{color:var(--text-dim);margin-top:8px;font-size:12px;line-height:1.35}.account-character-elo,.account-character-asedio{color:var(--text-dim);margin-top:4px;font-size:12px;display:block}.account-character-lock{color:#fca5a5;background:#f871712e;border:1px solid #f8717180;border-radius:4px;margin-top:4px;padding:2px 6px;font-size:12px;font-weight:600;display:inline-block}.map-canvas{border:1px solid var(--border-strong);background:#0a0d11;border-radius:10px;width:100%;max-width:420px;height:auto;margin:0 auto;display:block;box-shadow:inset 0 0 18px #0000008c}.map-legend{color:var(--text-dim);flex-wrap:wrap;gap:5px 12px;margin-top:10px;font-size:12px;display:flex}.map-legend-item{align-items:center;gap:5px;display:inline-flex}.map-legend-dot{background:currentColor;border-radius:50%;width:9px;height:9px}.map-legend-dot[data-shape=arrow]{clip-path:polygon(50% 0,100% 100%,50% 76%,0 100%);border-radius:0}.map-legend-dot[data-shape=ring]{background:0 0;border:2px solid}.map-legend-dot[data-shape=square]{border-radius:2px}.map-legend-dot[data-shape=diamond]{border-radius:1px;transform:rotate(45deg)}.map-legend-dot[data-shape=pennant]{clip-path:polygon(0 0,100% 22%,0 44%,0 100%,24% 100%,24% 0);border-radius:0}.account-screen{z-index:40;pointer-events:auto;background:radial-gradient(circle at 50% 35%,#12203a 0%,#070b14 72%);flex-direction:column;justify-content:center;gap:8px;margin:0 0 14px;padding:18px 0 0;display:flex;position:fixed;inset:0;overflow:hidden}.account-language{background:#ffffff0a;border:1px solid #0000;border-radius:8px;width:38px;min-width:38px;padding:5px 4px}.account-language-picker{justify-content:center;gap:10px;margin:0 0 14px;display:flex}.account-language-flag{border-radius:2px;width:30px;height:20px;display:block;overflow:hidden}.account-language.is-active{border-color:var(--accent-strong);background:#4cc9f02e;box-shadow:0 0 0 2px #4cc9f024}.account-screen[hidden]{display:none!important}.account-card{width:min(440px,100%);max-width:440px;max-height:100%;margin:auto;padding:22px 24px 20px;overflow-y:auto}.account-card.is-creating-character{width:min(840px,100vw - 24px);max-width:840px;padding:14px 24px}.account-brand{letter-spacing:.18em;text-transform:uppercase;color:var(--accent-strong);text-align:center;font-size:24px;font-weight:700}.account-subtitle{color:var(--text-dim);text-align:center;margin:2px 0 18px;font-size:12px}.account-view[hidden],.account-field[hidden],.account-create[hidden],.account-error[hidden],.account-user-row[hidden],.account-characters[hidden],.account-actions[hidden],.account-field-error:empty{display:none!important}.account-notice{border-top:1px solid var(--border);background:#080d18eb;flex:none;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:3px 20px;width:100%;margin:0;padding:9px 18px 11px;list-style:none;display:grid}.account-notice-item{color:var(--text-dim);grid-template-columns:16px 1fr;gap:6px;font-size:11.5px;line-height:1.4;display:grid}.account-notice-icon{font-size:12px;line-height:1.35}.account-notice-text strong{color:var(--text);font-weight:600}.account-legal-content{gap:5px;min-width:0;display:grid}.account-legal-consent{border:1px solid var(--border-strong);color:var(--text);background:#4cc9f012;border-radius:8px;align-items:flex-start;gap:9px;margin:0 0 12px;padding:10px;font-size:12px;line-height:1.45;display:flex}.account-legal-consent input{width:16px;height:16px;accent-color:var(--accent-strong);flex:none;margin:1px 0 0}.account-legal-consent label{cursor:pointer}.account-legal-links{flex-wrap:wrap;gap:4px 9px;display:flex}.account-legal-links[hidden]{display:none!important}.account-legal-links a{color:var(--accent-strong);text-underline-offset:2px;text-decoration:underline}.account-section-title{color:var(--text);margin-bottom:10px;font-size:13px}.account-verification-copy{color:var(--text-dim);margin:0 0 12px;font-size:13px;line-height:1.5}.account-verification-status{color:var(--text-dim);margin:8px 0 12px;font-size:12px}.account-verification-status.is-error{color:var(--bad)}.account-verification-status[hidden]{display:none}.account-tabs{gap:6px;margin-bottom:14px;display:flex}.account-tab{border:1px solid var(--border);color:var(--text-dim);background:#ffffff0a;flex:1;padding:7px 10px}.account-tab.is-active{border-color:var(--border-strong);color:var(--text);background:#4cc9f02e}.account-field{color:var(--text-dim);flex-direction:column;gap:4px;margin-bottom:12px;font-size:12px;display:flex}.account-input{font:inherit;color:var(--text);border:1px solid var(--border-strong);background:#ffffff0f;border-radius:8px;padding:7px 10px;font-size:14px}.account-input:focus{border-color:var(--accent-strong);outline:none;box-shadow:0 0 0 2px #4cc9f040}.account-field-error{color:var(--bad);font-size:11px}.account-error{color:var(--bad);background:#ff6b811a;border:1px solid #ff6b8180;border-radius:8px;margin:4px 0 12px;padding:7px 10px;font-size:12px}.account-primary{border-color:var(--accent-strong);background:#4cc9f047;width:100%;padding:9px;font-size:14px}.account-secondary{border-color:var(--border);color:var(--text-dim);background:#ffffff0d;padding:7px 12px}.account-secondary.is-active{color:var(--text);border-color:var(--border-strong);background:#4cc9f033}.account-sep{border-top:1px solid var(--border);text-align:center;color:var(--text-dim);margin:16px 0 12px;font-size:11px}.account-guest-row{gap:8px;display:flex}.account-guest-row .account-input{flex:1;min-width:0}.account-user-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.account-user{color:var(--accent-strong);font-size:13px}.account-characters{scrollbar-width:thin;flex-direction:column;gap:6px;max-height:220px;margin:0 0 12px;padding:0;list-style:none;display:flex;overflow-y:auto}.account-character{border:1px solid var(--border);cursor:pointer;background:#ffffff08;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;transition:background .1s linear,border-color .1s linear;display:flex}.account-character:hover{background:#ffffff0f}.account-character.is-selected{border-color:var(--border-strong);background:#4cc9f029}.account-character-color{border:1px solid #ffffff59;border-radius:50%;flex:none;width:14px;height:14px}.account-character-info{flex-direction:column;display:flex}.account-character-name{color:var(--text)}.account-character-meta{color:var(--text-dim);font-size:11px}.account-character-progress{background:#ffffff1f;border-radius:2px;width:100%;max-width:190px;height:4px;margin-top:5px;overflow:hidden}.account-character-progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .2s ease-out}.account-empty{color:var(--text-dim);padding:12px 4px;font-size:12px}.account-actions{flex-wrap:wrap;gap:8px;display:flex}.account-actions .account-primary{flex:1;min-width:120px}.account-create{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.account-card.is-creating-character .account-create{border-top:0;margin-top:0;padding-top:8px}.account-create-layout{grid-template-columns:minmax(0,250px) minmax(0,1fr);align-items:stretch;gap:20px;display:grid}.account-create-fields{min-width:0}.account-preview{border:1px solid var(--border);background:radial-gradient(circle at 50% 80%,#4cc9f02e 0%,#070b1400 70%);border-radius:10px;min-height:360px;overflow:hidden}.account-preview canvas{width:100%;height:100%;display:block}.account-choices{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.account-swatch{border:2px solid #0000;border-radius:50%;width:26px;height:26px;padding:0}.account-swatch.is-active{border-color:var(--text);box-shadow:0 0 0 2px #4cc9f080}.account-choice{border-color:var(--border);color:var(--text-dim);background:#ffffff0d;padding:5px 12px;font-size:12px}.account-choice.is-active{color:var(--text);border-color:var(--border-strong);background:#4cc9f038}.account-create-options .account-field{margin-bottom:8px}.account-create-options .account-choices{gap:6px}@media (max-width:620px){.account-card.is-creating-character{padding:12px}}@media (max-width:760px){.account-create-layout{grid-template-columns:1fr}.account-preview{justify-self:center;width:min(100%,280px);height:300px;min-height:300px}}.vision-panel{max-width:320px}.vision-preview-host{margin-bottom:8px;position:relative}.vision-preview-host.is-hidden{display:none}.vision-preview{border:1px solid var(--border);background:#05070d;border-radius:8px;position:relative;overflow:hidden}.vision-preview.is-mirrored{transform:scaleX(-1)}.vision-video{width:100%;height:auto;display:block}.vision-skeleton{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.vision-skeleton.is-standalone{border:1px solid var(--border);background:#040810bf;border-radius:8px;margin-bottom:8px;position:static}.vision-timeline-note{color:var(--text-dim);font-size:12px}.vision-head{justify-content:space-between}.vision-warning{color:var(--warn);margin-bottom:6px;font-size:12px}.vision-warning.is-hidden{display:none}.vision-calibration{border:1px solid var(--border-strong);background:#4cc9f014;border-radius:8px;margin-bottom:8px;padding:8px 10px}.vision-calibration.is-hidden{display:none}.vision-calibration-message{color:var(--text);margin-bottom:6px;font-size:13px}.vision-calibration-message.is-warning{color:var(--warn);font-weight:600}.vision-calibration .vision-bar-fill{transition:width .12s linear}.vision-gesture{color:var(--text-dim);font-size:12px}.vision-gesture.is-fire{color:var(--good);font-weight:600}.vision-gesture.is-recording{color:var(--bad);font-weight:600}.vision-meter{color:var(--text-dim);grid-template-columns:74px 1fr 40px;align-items:center;gap:6px;margin-top:4px;font-size:12px;display:grid}.vision-meter .value{font-family:var(--mono);color:var(--accent-strong);text-align:right}.vision-bar{background:#ffffff14;border-radius:999px;height:8px;position:relative;overflow:hidden}.vision-bar-fill{background:linear-gradient(90deg, #4cc9f0b3, var(--accent-strong));border-radius:999px;width:0;height:100%;transition:width 90ms linear}.vision-scores{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:3px 12px;display:grid}.vision-score-row{color:var(--text-dim);grid-template-columns:auto minmax(0,1fr) 34px;align-items:center;gap:6px;font-size:11px;display:grid}.vision-score-label{white-space:nowrap}.vision-score-row .value{font-family:var(--mono);text-align:right}.vision-section{border-top:1px solid var(--border);margin-top:10px;padding-top:8px;font-size:12px}.vision-section>summary{cursor:pointer;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:11px}.vision-section button{padding:4px 8px;font-size:11px}.vision-train-buttons{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:4px;display:grid}.vision-train-buttons button{overflow-wrap:anywhere;line-height:1.25}.vision-hint-text,.vision-features .kv{color:var(--text-dim);font-size:11px}.vision-file{color:var(--text-dim);max-width:100%;font-size:11px}.voice-panel{max-width:320px}.voice-panel .row+.row{margin-top:2px}.voice-panel .vision-meter{margin:1px 0}.voice-details{margin-top:4px}.voice-details summary{color:var(--text-dim,#9fb0c8);cursor:pointer;font-size:11px}.voice-panel .vision-meter.is-wide{grid-template-columns:74px 1fr 46px}.vision-bar-fill.is-loud{background:linear-gradient(90deg,#2f9e6a,#6ee7a8)}.vision-bar-fill.is-partial{background:linear-gradient(90deg,#9e7a2f,#e7c86e)}.voice-transcript,.voice-action{font-variant-numeric:tabular-nums;color:var(--text-dim,#9fb0c8)}.voice-transcript{word-break:break-word;font-style:italic}.voice-action.is-fire{color:var(--accent,#7ee0c0);font-weight:600}.voice-words{flex-wrap:wrap;gap:4px;display:flex}.voice-word{border:1px solid var(--border,#23324a);white-space:nowrap;background:#ffffff0a;border-radius:999px;padding:2px 6px;font-size:11px}.first-run-tutorial{z-index:30;width:min(520px,100vw - 32px);color:var(--text);pointer-events:auto;background:#09121be6;border:1px solid #85eadb8c;border-radius:12px;padding:14px 18px;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #00000057}.first-run-tutorial[hidden]{display:none}.first-run-progress{color:#93eee1;letter-spacing:.12em;font-size:10px;font-weight:700}.first-run-tutorial h2{margin:5px 0;font-size:17px}.first-run-tutorial p{color:var(--text-dim);margin:0;font-size:13px;line-height:1.4}@media (max-width:640px){.first-run-tutorial{padding:10px 12px;bottom:8px}}