.battle-screen{background:#15272b;flex-direction:column;justify-content:center;max-width:1920px;min-height:100vh;margin:auto;display:flex}.battle-top{background:linear-gradient(100deg,#112a31,#1d3335);border-bottom:2px solid #53614e;justify-content:space-between;align-items:center;gap:20px;min-height:100px;padding:20px 36px;display:flex}.battle-brand{align-items:center;gap:18px;display:flex}.castle-mark{color:#e1b96f;font:62px/1 Georgia}.battle-brand h1{letter-spacing:1px;color:#f3e7ce;margin-top:5px;font:700 clamp(16px,2vw,30px) Georgia,serif}.battle-overline{letter-spacing:2px;color:#9aad9d;font-size:8px}.battle-mission{color:#ddc58d;letter-spacing:1.3px;white-space:nowrap;border:1px solid #857754;padding:12px 22px;font-size:11px}.battle-state{text-align:right}.battle-state strong{color:#e8d49d;margin-top:6px;font:500 20px Georgia;display:block}.arena{aspect-ratio:1600/700;background:#6b8162;width:100%;position:relative;overflow:hidden}#battle-scene{position:absolute;inset:0}#battle-scene canvas{display:block}.field-note{color:#f1eada;white-space:nowrap;pointer-events:none;background:#243b32e8;border:1px solid #8fa58c77;border-radius:30px;align-items:center;gap:9px;padding:9px 15px;font-size:11px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.small-dot{background:#d4b568;border-radius:50%;width:5px;height:5px}.battle-bottom{background:#142a30;border-top:2px solid #53614e;justify-content:space-between;align-items:center;gap:20px;padding:24px 36px;display:flex}.battle-stat{align-items:center;gap:13px;min-width:0;display:flex}.stat-icon{color:#d1ad68;font:38px Georgia}.battle-stat div>span{letter-spacing:1.5px;color:#93a99d;margin-bottom:7px;font-size:8px;display:block}.battle-stat strong{color:#efdfb9;font-size:20px;font-weight:550}.join-notice{border-left:1px solid #577064;padding-left:25px}.join-notice>span{letter-spacing:2px;color:#8fae9e;margin-bottom:7px;font-size:8px;display:block}.join-notice>strong{color:#e7c993;font-size:13px}.disconnected .field-note{border-color:#e1ad7a}.disconnected .connection{color:#f0bc8d}@media (max-width:900px){.battle-top{min-height:80px;padding:14px 20px}.battle-mission{display:none}.castle-mark{font-size:40px}.battle-state strong{font-size:16px}.battle-brand{gap:10px}.battle-bottom{padding:18px 20px}.battle-stat strong{font-size:14px}.stat-icon{font-size:25px}.join-notice>strong{font-size:11px}.status-stat{display:none}.field-note{padding:6px 10px;font-size:9px;top:10px}}@media (max-width:500px){.battle-top{gap:10px;padding:12px}.battle-overline{display:none}.battle-brand h1{font-size:13px}.castle-mark{font-size:26px}.battle-state strong{font-size:13px}.battle-state .connection{font-size:9px}.battle-bottom{gap:12px;padding:14px 12px}.battle-stat strong{font-size:12px}.battle-stat{gap:8px}.join-notice{display:none}.field-note{font-size:7px;top:6px}.battle-screen{justify-content:flex-start}}.combat-legend{color:#eadfc2;background:#102722;flex-wrap:wrap;justify-content:center;gap:12px;padding:8px 16px;font:13px Segoe UI,sans-serif;display:flex}.combat-legend label{cursor:pointer;align-items:center;gap:6px;display:flex}.damage-low{color:#fff1cc}.damage-medium{color:#ffb85c}.damage-high{color:#ff785f}.heal-number{color:#94ffc1}.shield-number{color:#9eeaff}.battle-screen{justify-content:flex-start;height:100dvh;min-height:420px;overflow:visible}.battle-top,.battle-bottom,.combat-legend{flex-shrink:0}.battle-screen .arena{aspect-ratio:auto;flex:1 1 0;min-height:0}@media (max-height:800px){.battle-top{min-height:62px;padding:10px 20px}.castle-mark{font-size:38px}.battle-bottom{padding:10px 20px}.battle-stat strong{font-size:16px}.combat-legend{gap:8px;padding:5px 12px;font-size:11px}.combat-legend label{margin:0}}@media (max-width:600px){.battle-bottom{flex-wrap:wrap;gap:8px}.battle-top{flex-wrap:wrap}.field-note{white-space:normal;text-align:center;max-width:96%}.battle-screen .status-stat{display:flex}.battle-screen .arena{flex:none;height:43.75vw}}.gathering-talents{transform-origin:50%;pointer-events:none;width:1600px;height:700px;position:absolute;top:50%;left:50%}.gathering-talents[hidden]{display:none}.talent-strip{color:#ffe0a0;pointer-events:auto;white-space:nowrap;background:#173331f5;border-color:#96ad86;border-radius:5px;justify-content:center;align-items:center;gap:7px;width:222px;height:25px;padding:1px 4px;font-size:12px;display:flex;position:absolute;transform:translate(-50%)}.talent-badge{align-items:center;gap:3px;display:flex}.talent-emblem{color:#efd08b;flex-shrink:0;width:25px;height:22px;display:inline-flex;position:relative}.talent-emblem svg{width:20px;height:20px}.talent-emblem small{color:#fff4d3;background:#173331;padding:0 1px;font:700 9px Georgia;position:absolute;bottom:-2px;right:0}.talent-strip:focus-visible{outline-offset:1px}.arena.is-gathering .field-note{white-space:normal;text-align:center;max-width:24%;padding:6px 9px;font-size:10px;left:12%}#gathering-talents-button{padding:4px 10px;font-size:12px}#gathering-talents-button[hidden]{display:none}.talent-dialog{color:#fff0ce;background:#172b2c;border:1px solid #d4ae68;border-radius:14px;width:min(580px,94vw);max-height:85dvh;padding:24px;overflow:auto}.talent-dialog::backdrop{background:#071716bb}.talent-dialog form{text-align:right}.talent-dialog form button{padding:8px 12px}.talent-dialog h2{margin:0 0 20px;font-size:28px}.talent-dialog label{font-size:14px}.talent-dialog select{color:#fff0ce;width:100%;font:inherit;background:#102223;border:1px solid #61766b;border-radius:5px;margin-top:8px;padding:10px;display:block}.talent-dialog ul{margin:16px 0 0;padding:0;list-style:none}.talent-dialog li{border-top:1px solid #41554b;gap:14px;padding:15px 0;display:flex}.talent-dialog li .talent-emblem{margin:5px;transform:scale(1.4)}.talent-dialog p{color:#bcd0c5;margin-top:7px;font-size:14px;line-height:1.6}.talent-dialog strong{font-size:16px}@media (max-width:600px){.arena.is-gathering .field-note{display:none}}:root{color:#eee9db;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#101c22;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,.button{cursor:pointer;color:#e9f0dc;background:#223730;border:1px solid #40504c;border-radius:8px;padding:12px 18px;font-weight:650;transition:background .15s,opacity .15s}button:hover:not(:disabled),.button:hover{background:#345247}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:2px solid #e3b563}input{color:#fff;background:#111f24;border:1px solid #40504c;border-radius:8px;min-width:0;padding:13px 15px}input:disabled{opacity:.5}input::placeholder{color:#7f9594}h1,h2,p{margin:0}h1,h2{font-family:Georgia,serif;font-weight:500}.panel-shell{max-width:1260px;margin:auto;padding:0 40px}.topnav{border-bottom:1px solid #2c3d40;justify-content:space-between;align-items:center;gap:20px;height:90px;display:flex}.topnav>div{align-items:center;gap:25px;display:flex}.brand{color:#e4bb73;letter-spacing:1.2px;font-size:16px;font-weight:750}.text-link{color:#d8e1d7;font-size:14px}.connection{color:#e6b981;white-space:nowrap;font-size:12px}.connection:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.connection.online{color:#78c9a3}.page-heading{justify-content:space-between;align-items:center;gap:20px;padding:38px 0 30px;display:flex}.eyebrow{letter-spacing:2px;color:#c6ab74;margin-bottom:10px;font-size:10px;font-weight:700}.page-heading h1{margin-bottom:10px;font-size:38px;line-height:1.15}.page-heading p:not(.eyebrow){color:#9daead;font-size:14px}.mode-tag{color:#c6bd98;letter-spacing:1.4px;white-space:nowrap;border:1px solid #475148;border-radius:4px;padding:8px 12px;font-size:10px}.panel-grid{grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr);gap:26px;display:grid}.card{background:#17272b;border:1px solid #334445;border-radius:14px;overflow:hidden}.card-heading{justify-content:space-between;align-items:center;gap:15px;padding:24px 26px 18px;display:flex}.card-heading h2{align-items:center;gap:15px;font-size:26px;display:flex}.card-heading h2 span{color:#a5bcb0;border:1px solid #3b554d;border-radius:5px;padding:4px 9px;font:12px system-ui}.chip{color:#87caae;background:#203b34;border-radius:20px;padding:7px 10px;font-size:11px}.roster{margin:0;padding:0 26px;list-style:none}.roster-row{border-top:1px solid #2a3b3f;align-items:center;gap:14px;min-height:63px;display:flex}.slot-number{color:#6f8685;font-variant-numeric:tabular-nums;font-size:11px}.avatar{color:#6b8980;border:1px dashed #415652;border-radius:6px;place-items:center;width:34px;height:38px;font-size:20px;display:grid}.occupied .avatar{color:#e3c890;background:#294d43;border:1px solid #547561}.player-detail{flex:1;min-width:0}.player-detail strong{color:#b3c2bd;overflow-wrap:anywhere;font-size:13px;font-weight:500;display:block}.occupied .player-detail strong{color:#f2eee1;font-weight:650}.player-detail span{color:#738e8a;margin-top:4px;font-size:10px;display:block}.remove{color:#b3c2bd;background:0 0;border:0;padding:7px 9px;font-size:11px}.empty-dash{color:#526b67;font-size:13px}.add-form{background:#152429;border-top:1px solid #334445;padding:20px 26px 24px}label{margin-bottom:10px;font-size:12px;font-weight:600;display:block}.form-row{gap:10px;display:flex}.form-row input{flex:1;width:100%}.form-row button{white-space:nowrap}.add-form small,.access-card small{color:#8ea69e;margin-top:10px;font-size:11px;line-height:1.6;display:block}.mission-card{text-align:center;background:radial-gradient(at 50% 18%,#344737 0,#0000 65%),#1b2c2b;padding:26px}.mission-card>.eyebrow{text-align:left}.mission-icon{color:#c3ae7b;text-shadow:0 5px #132426;place-items:center;height:95px;margin:15px 0 18px;font:80px Georgia;display:grid}.mission-card h2{margin-bottom:12px;font-size:29px}.mission-card>p:not(.eyebrow){color:#aebba8;margin-bottom:26px;font-size:13px;line-height:1.7}.mission-detail{border-top:1px solid #3c4c40;justify-content:space-between;padding:13px 0;font-size:11px;display:flex}.mission-detail span{color:#95a995}.mission-detail strong{font-weight:500}.mission-card button{width:100%;margin-top:14px;display:block}.primary{color:#1d2b25;background:#dfb56a;border-color:#edcb8b}.primary:hover:not(:disabled){background:#efd095}.secondary{color:#b6cbbd;background:0 0;border-color:#475b50}.note{color:#91aaa4;gap:12px;padding:23px 6px;display:flex}.note-mark{text-align:center;border:1px solid #71897b;border-radius:50%;flex-shrink:0;width:18px;height:18px;font:12px/17px Georgia}.note strong{color:#becbbc;font-size:12px}.note p{margin-top:8px;font-size:12px;line-height:1.75}.feedback{color:#9dd6b4;min-height:44px;padding:14px 0;font-size:13px}.feedback.error{color:#f0b499}.panel-footer{color:#728d87;letter-spacing:.5px;border-top:1px solid #2c3d40;justify-content:space-between;gap:20px;padding:20px 0 28px;font-size:10px;display:flex}.access-card{background:#263029;border:1px solid #b78f50;border-radius:12px;margin-bottom:24px;padding:20px}.access-card[hidden]{display:none}.landing{background:radial-gradient(at 90% 55%,#284138 0,#0000 60%);max-width:1160px;min-height:100vh;margin:auto;padding:60px 40px}.landing>.eyebrow{margin-top:100px}.landing h1{margin:24px 0;font-size:clamp(48px,7vw,88px);line-height:1.08}.landing>p:not(.eyebrow){color:#9eafa4;max-width:500px;line-height:1.8}.landing-actions{gap:14px;margin:30px 0 64px;display:flex}.landing-note{letter-spacing:1.5px;color:#7d9387;font-size:10px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:760px){.panel-shell{padding:0 18px}.topnav{flex-wrap:wrap;height:auto;min-height:80px;padding:16px 0}.brand{font-size:13px}.topnav>div{gap:14px}.page-heading{align-items:flex-start;padding:28px 0}.page-heading h1{font-size:29px}.page-heading{flex-wrap:wrap}.panel-grid{grid-template-columns:1fr}.card-heading,.add-form{padding-left:18px;padding-right:18px}.roster{padding:0 18px}.panel-footer{flex-direction:column}.landing{padding:35px 24px}.landing-actions{flex-direction:column;align-items:flex-start}.form-row button{padding:10px 12px}.card-heading{gap:8px}.chip{font-size:10px}}.progress-card{margin-top:26px;padding:24px 26px}.progress-card h2{margin-bottom:12px}.progress-card p:not(.eyebrow){color:#b4c6bf;margin-bottom:12px;font-size:14px;line-height:1.6}.progress-card #storage-status{color:#e4bb73}.player-detail span{white-space:normal}.chat-card{margin:0 0 26px}.chat-card .form-row{flex-wrap:wrap}.player-detail strong{overflow-wrap:anywhere}.hero-shell{max-width:960px;margin:auto;padding:0 24px}.hero-card{margin-bottom:22px;padding:32px}.hero-card h2{overflow-wrap:anywhere;margin-bottom:14px;font-size:30px}.hero-card p{color:#b6c9c2;margin-bottom:20px;line-height:1.65}.hero-card button{margin-bottom:16px}.hero-emblem{color:#e4bb73;background:#294d43;border:1px solid #688568;border-radius:14px;place-items:center;width:86px;height:96px;margin-bottom:20px;font-size:58px;display:inline-grid}.hero-account{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.hero-account strong{overflow-wrap:anywhere}.hero-title{align-items:center;gap:24px;display:flex}.hero-title p{margin-bottom:8px}.hero-title .hero-emblem{flex-shrink:0}.hero-level{justify-content:space-between;gap:12px;margin:18px 0 12px;display:flex}.hero-level strong{color:#e4bb73}.hero-level span{color:#b6c9c2}.hero-card progress{accent-color:#d6b46d;width:100%;height:14px;margin-bottom:10px}.hero-card .hero-muted{color:#99b0a7;font-size:13px}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0;display:grid}.hero-stats>div{background:#122226;border:1px solid #334445;border-radius:10px;padding:20px 12px}.hero-stats span{color:#a9c0b6;margin-bottom:12px;font-size:13px;display:block}.hero-stats strong{color:#e6c183;font-size:30px}.hero-shell [hidden]{display:none!important}.hero-shell .feedback{min-height:24px;margin:0 0 18px}@media (max-width:600px){.hero-shell{padding:0 16px}.hero-shell .topnav{height:76px}.hero-shell .brand{font-size:12px}.hero-card{padding:22px 18px}.hero-title{gap:14px}.hero-emblem{width:64px;height:78px;font-size:44px}.hero-card h2{font-size:25px}.hero-stats{gap:8px}.hero-stats>div{padding:16px 8px}.hero-stats strong{font-size:24px}.hero-stats span{font-size:11px}.hero-account{font-size:13px}.hero-shell .panel-footer{flex-wrap:wrap;gap:10px}}.shop-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0;display:grid}.shop-item{background:#122226;border:1px solid #3b514c;border-radius:12px;flex-direction:column;align-items:flex-start;padding:22px;display:flex}.shop-item h3{color:#e4bb73;margin:0 0 16px;font-size:22px}.shop-item p{font-size:14px}.shop-item button{max-width:100%;margin-top:auto}.shop-item small{color:#c9b298}#shop-feedback{color:#e4bb73;min-height:24px}.hero-shell #hero-combat-stats{color:#e4bb73;font-weight:600}@media (max-width:600px){.shop-items{grid-template-columns:1fr}.shop-item{padding:18px}}.diagnostic-form{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:end;gap:16px;display:grid}.diagnostic-form label{gap:8px;display:grid}.diagnostic-form select{color:#d9ebee;width:100%;min-width:0;font:inherit;background:#102126;border:1px solid #46615d;border-radius:8px;padding:12px}.diagnostic-form input{width:100%;min-width:0}.diagnostic-status{overflow-wrap:anywhere}.player-detail{overflow-wrap:anywhere;min-width:0}.avatar{color:#fff;flex-shrink:0;font-weight:800}.hero-title>div{overflow-wrap:anywhere;min-width:0}@media (max-width:600px){.roster-row{gap:8px}.player-detail strong{white-space:normal}.hero-title{gap:14px}.hero-emblem{flex-shrink:0}}.bot-toggle{text-align:left;align-items:center;gap:10px;margin:18px 0;display:flex}.bot-toggle input{flex-shrink:0;width:20px;height:20px}#bot-preview{overflow-wrap:anywhere;margin-bottom:12px;font-size:14px;line-height:1.6}.talent-tree{border-top:1px solid #395251;margin:20px 0;padding:16px 0}.talent-tree summary{cursor:pointer;font-weight:700;line-height:1.6}.talent-branches{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0;display:grid}.talent-nodes{margin:0;padding:0;list-style:none}.talent-nodes li{border-top:1px solid #395251;padding:12px 0}.talent-nodes h4{margin:8px 0}.talent-nodes p{font-size:14px}.talent-nodes button{white-space:normal;max-width:100%}@media (max-width:850px){.talent-branches{grid-template-columns:1fr}}.hero-summary{border-top:1px solid #334445;padding-top:18px}.hero-summary h3{color:#e6c183;margin:0 0 12px;font-size:18px}.hero-summary .summary-combat{color:#e6c183;margin-bottom:8px;font-weight:650}.summary-gear{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.summary-gear>div{overflow-wrap:anywhere;background:#122226;border:1px solid #40504c;border-radius:10px;gap:7px;padding:14px;display:grid}.summary-gear span,.summary-gear small{color:#a9c0b6;font-size:13px}.summary-gear strong{font-size:16px}.hero-summary .summary-points{margin-bottom:10px}.summary-talents{flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0;list-style:none;display:flex}.summary-talents li{overflow-wrap:anywhere;background:#294d43;border:1px solid #496356;border-radius:8px;padding:7px 10px;font-size:13px}.summary-links{flex-wrap:wrap;gap:10px;display:flex}.summary-links a{text-align:center;font-size:13px}#hero-classes,#hero-talents,#hero-shop{scroll-margin-top:20px}@media (max-width:600px){.summary-gear{grid-template-columns:1fr}.summary-links{grid-template-columns:1fr;display:grid}.hero-level{flex-wrap:wrap}}#hero-target{scroll-margin-top:20px}#hero-target button[aria-pressed=true]{color:#e6c183;opacity:1;border-color:#e6c183}.modular-shop{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.modular-shop>p,.modular-shop>canvas{grid-column:1/-1}.modular-shop>canvas{justify-self:center}.modular-shop .shop-item{min-width:0}@media (max-width:600px){.modular-shop{grid-template-columns:1fr}}