.mail-view{padding-top:3px}.mail-heading .small-button{min-height:34px}.mail-intro{background:linear-gradient(110deg,#153f50,#102f40);border:1px solid #365e6e;border-left:3px solid #e5b84d;border-radius:7px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 15px;display:grid}.mail-stamp{color:#f0ca62;border:1px solid #c7a44d;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;box-shadow:inset 0 0 0 4px #d3ab5312}.mail-intro strong{color:#f2d77e;font-size:13px}.mail-intro p{color:#8eafb5;margin:4px 0 0;font-size:11px}.mail-unread-count{color:#f1d17a;white-space:nowrap;background:#40372266;border:1px solid #765f34;border-radius:4px;padding:5px 8px;font-size:10px}.mail-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:10px;display:grid}.mail-list,.mail-detail{background:#0c3041;border:1px solid #245467;border-radius:7px;min-width:0}.mail-list{flex-direction:column;gap:5px;padding:7px;display:flex}.mail-row{color:#dce8e5;text-align:left;background:#103748;border:1px solid #0000;border-radius:5px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:9px 8px;display:grid}.mail-row:hover,.mail-row.selected{background:#174252;border-color:#987b3f}.mail-row-icon{color:#91b2b6;background:#194758;border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.mail-row.unread .mail-row-icon{color:#f0ca62;background:#4c4127}.mail-row-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.mail-row-copy strong{color:#e9e5d0;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.mail-row-copy small,.mail-detail-top small,.mail-attachment-heading small{color:#789da6;font-size:9px}.mail-status{color:#789da6;white-space:nowrap;font-size:9px}.mail-status.status-unread{color:#f1d17a}.mail-status.status-claimed{color:#7cbd9e}.mail-status.status-expired{color:#c88f76}.mail-detail{min-height:248px;padding:15px}.mail-detail-top,.mail-attachment-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.mail-detail h2{color:#f1d783;margin:9px 0 11px;font-size:16px}.mail-body{color:#adc4c3;white-space:pre-wrap;margin:0;font-size:12px;line-height:1.75}.mail-attachment-heading{color:#cbb56b;border-bottom:1px solid #214c5e;margin-top:17px;padding-bottom:7px;font-size:11px}.mail-attachment-heading span{align-items:center;gap:6px;display:flex}.mail-attachments{flex-direction:column;gap:5px;margin:8px 0 0;padding:0;list-style:none;display:flex}.mail-attachments li{color:#a8c2c2;background:#0e3546;border:1px solid #214c5e;border-radius:5px;justify-content:space-between;align-items:center;gap:10px;padding:8px 9px;font-size:10px;display:flex}.mail-attachments strong{color:#e4c25e;white-space:nowrap}.mail-claim-button{color:#1b3036;background:linear-gradient(100deg,#d8a843,#f0cf69);border:1px solid #b28f43;border-radius:5px;width:100%;min-height:38px;margin-top:12px;font-size:11px;font-weight:700}.mail-claim-button:disabled{color:#78959b;cursor:not-allowed;background:#183746;border-color:#345362}.mail-status-note,.mail-hint{color:#88a9af;font-size:11px;line-height:1.6}.mail-empty{color:#7fa2a8;text-align:center;justify-items:center;gap:7px;padding:28px 12px;display:grid}.mail-empty p,.mail-hint{margin:4px}@media (width<=600px){.mail-layout{grid-template-columns:minmax(0,1fr)}.mail-detail{min-height:210px}}@media (width<=380px){.mail-intro{grid-template-columns:42px minmax(0,1fr)}.mail-stamp{width:38px;height:38px}.mail-unread-count{grid-column:2;justify-self:start}.mail-row{grid-template-columns:30px minmax(0,1fr)}.mail-status{grid-column:2}}.write-recovery-banner{background:#103746;border:1px solid #316477;border-left:3px solid #d7b653;border-radius:4px;align-items:center;gap:8px;min-width:0;padding:9px 10px;display:flex}.write-recovery-banner>div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.write-recovery-banner strong{color:#e8ca70;font-size:11px;font-weight:600}.write-recovery-banner small{overflow-wrap:anywhere;color:#91b4bb;font-size:10px}.write-recovery-banner button:disabled{cursor:not-allowed;opacity:.55}@media (width<=520px){.write-recovery-banner{flex-wrap:wrap}.write-recovery-banner>div{flex-basis:100%}.write-recovery-banner button{flex:1;min-height:32px}}:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;background:#081f2c;font-family:Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:#081f2c;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #facf5c}.login-page{background:radial-gradient(circle at 50% -10%,#16576d 0,#0a3447 36%,#081f2c 74%);place-items:center;min-height:100vh;padding:28px 16px;display:grid}.login-shell{flex-direction:column;align-items:center;width:min(440px,100%);display:flex}.brand-lockup{align-items:center;gap:13px;margin-bottom:22px;display:flex}.brand-mark{background:linear-gradient(145deg,#ffcf5a,#d77937);border-radius:16px;place-items:center;width:58px;height:58px;display:grid;transform:rotate(-7deg);box-shadow:0 9px 30px #0005}.brand-mark span{color:#142d38;font-size:32px;font-weight:800;transform:rotate(7deg)}.brand-lockup h1{letter-spacing:1px;margin:0;font-size:29px}.brand-lockup p{color:#9db7bd;letter-spacing:2px;margin:4px 0 0;font-size:13px}.login-card{background:linear-gradient(#123e51,#0e3446);border:1px solid #3e6b7b;border-radius:10px;width:100%;padding:25px 25px 21px;box-shadow:0 22px 50px #0006}.login-heading{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.login-heading span{font-size:20px;font-weight:700}.login-heading small{color:#9ab6bc;font-size:12px}.login-tabs{border-bottom:1px solid #336276;gap:18px;margin-bottom:20px;display:flex}.login-tabs button{color:#7899a3;background:0 0;padding:0 2px 11px;font-size:14px}.login-tabs button.active{color:#facf5c;border-bottom:2px solid #facf5c}.field{margin:14px 0;display:block}.field>span{color:#9db7bd;margin-bottom:7px;font-size:12px;display:block}.input-wrap{color:#7fa8b5;background:#092f42;border:1px solid #38687a;border-radius:6px;align-items:center;gap:8px;height:46px;padding:0 12px;transition:all .2s;display:flex}.input-wrap:focus-within{border-color:#facf5c;box-shadow:0 0 0 3px #facf5c18}.input-wrap input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0}.input-wrap input::placeholder{color:#61838c}.primary-button{color:#162f3a;background:linear-gradient(100deg,#e6a63f,#f0c255);border-radius:6px;justify-content:center;align-items:center;gap:7px;width:100%;height:46px;margin-top:22px;font-weight:800;display:flex;box-shadow:0 7px 16px #d6903430}.primary-button:hover{filter:brightness(1.08)}.login-links{justify-content:center;gap:24px;margin-top:17px;display:flex}.login-links button,.text-button{color:#98bbc4;background:0 0;font-size:12px}.login-links button:hover,.text-button:hover{color:#facf5c}.login-notes{color:#789aa4;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:20px;font-size:11px;display:flex}.login-notes span{align-items:center;gap:4px;display:flex}.login-notes svg{color:#c2a457}.copyright{color:#547580;margin:28px 0 0;font-size:11px}.game-page{background:#092333;flex-direction:column;min-height:100vh;display:flex}.game-header{z-index:10;background:#0b2d40;border-bottom:1px solid #1c5267;align-items:center;gap:14px;padding:12px max(16px,50% - 360px);display:flex;position:sticky;top:0;box-shadow:0 4px 18px #001b25a8}.player-summary{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.avatar{color:#f4cf6a;background:linear-gradient(145deg,#49657d,#243344);border:2px solid #d9af50;border-radius:12px;place-items:center;width:44px;height:44px;font-size:18px;font-weight:800;display:grid;position:relative}.avatar i{color:#fff;background:#c85d47;border-radius:4px;padding:1px 4px;font-size:9px;font-style:normal;position:absolute;bottom:-5px;right:-8px}.player-summary strong{font-size:14px;display:block}.player-summary small{color:#83a8b1;margin-top:1px;font-size:11px;display:block}.xp{background:#264b59;border-radius:3px;width:130px;height:4px;margin-top:5px;overflow:hidden}.xp span{background:#e5b84d;height:100%;display:block}.currencies{flex-shrink:0;gap:12px;display:flex}.currencies div{color:#f3c956;align-items:center;gap:4px;font-size:12px;display:flex}.currencies div+div{color:#76d8db}.icon-button{color:#9cbac0;background:0 0;place-items:center;width:32px;height:32px;display:grid;position:relative}.icon-button b{color:#fff;background:#e05f58;border-radius:50%;place-items:center;width:14px;height:14px;font-size:9px;display:grid;position:absolute;top:-2px;right:-1px}.game-content{flex:1;width:min(720px,100%);margin:0 auto;padding:0 15px 88px}.world-strip{color:#7da8b3;align-items:center;gap:7px;padding:13px 2px 10px;font-size:11px;display:flex}.world-strip .strip-right{color:#6c909b;margin-left:auto}.live-dot{background:#78d7a3;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #78d7a31c}.strip-divider{border-left:1px solid #356273;height:13px}.view-stack{flex-direction:column;gap:14px;padding-top:3px;display:flex}.hero-card{background:linear-gradient(118deg,#154a5c,#0e3449 59%,#123246);border:1px solid #305d6b;border-radius:10px;min-height:170px;padding:24px 22px;position:relative;overflow:hidden}.hero-card:after{content:"∞";color:#ffffff08;font-family:Georgia;font-size:190px;line-height:1;position:absolute;bottom:-31px;right:21px}.eyebrow{color:#75a5b0;letter-spacing:1.5px;font-size:10px;font-weight:600;display:block}.hero-copy h2{letter-spacing:1px;margin:10px 0 3px;font-size:28px}.hero-copy p{color:#b1c9cc;margin:0;font-size:13px}.hero-copy p b{color:#e5b84d;padding:0 5px}.hero-tags{gap:7px;margin-top:22px;display:flex}.hero-tags span,.status-chip{color:#9fd1d1;background:#0c2a3a;border:1px solid #447582;border-radius:4px;padding:4px 8px;font-size:10px}.hero-seal{color:#ecc968;border:1px solid #d3ab53;border-radius:50%;place-items:center;width:76px;height:76px;font-size:36px;font-weight:800;display:grid;position:absolute;top:34px;right:33px;box-shadow:inset 0 0 0 5px #d3ab5312,0 0 0 7px #d3ab5308}.section-title{justify-content:space-between;align-items:center;margin-top:3px;display:flex}.section-title h3{margin:4px 0 0;font-size:17px}.section-title.compact{margin-top:3px}.small-button{color:#8fb9c0;background:#123a4a;border:1px solid #2e6071;border-radius:5px;align-items:center;gap:5px;padding:7px 10px;font-size:11px;display:flex}.small-button:hover{color:#f4cf6a;border-color:#c8a652}.stat-grid{background:#214c5e;border:1px solid #214c5e;border-radius:7px;grid-template-columns:repeat(2,1fr);gap:2px;display:grid;overflow:hidden}.stat-cell{background:#0e3546;grid-template-columns:42px 1fr;gap:2px 8px;padding:12px 13px;display:grid}.stat-cell>span{color:#d3b452;grid-row:1/3;font-size:12px}.stat-cell strong{font-size:13px}.stat-cell small{color:#739aa4;font-size:10px}.stat-cell small b{color:#a6c5c5;margin-left:5px;font-weight:500}.progress-card{background:#0e3546;border:1px solid #26586a;border-radius:7px;padding:13px 14px}.progress-label{color:#91b5ba;justify-content:space-between;font-size:11px;display:flex}.progress-label b{color:#f0c254}.progress-track{background:#0a2938;border-radius:5px;height:6px;margin:8px 0 5px;overflow:hidden}.progress-track span{background:linear-gradient(90deg,#bd8541,#f2d15d);border-radius:5px;height:100%;display:block}.progress-card>small{color:#71939b;font-size:10px}.system-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.system-tile{text-align:left;color:#fff;background:#0e3546;border:1px solid #28596a;border-radius:7px;align-items:center;gap:9px;padding:12px 11px;display:flex}.system-tile:hover,.mode-row:hover,.menu-row:hover,.item-row:hover{background:#123d4d;border-color:#b1924a}.system-icon,.mode-icon,.menu-icon{color:#e6c55e;background:#164b5c;border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.system-tile span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.system-tile b{font-size:12px}.system-tile small{color:#7fa5ab;margin-top:2px;font-size:10px}.filter-row,.channel-row,.market-tabs{gap:7px;padding-bottom:3px;display:flex;overflow:auto}.filter-row button,.channel-row button,.market-tabs button{white-space:nowrap;color:#80a8b0;background:#0d3243;border:1px solid #295a6a;border-radius:5px;padding:7px 14px;font-size:11px}.filter-row button.active,.channel-row button.active,.market-tabs button.active{color:#ffe78f;background:#7f6330;border-color:#d3af54}.item-list,.market-list,.chat-feed{flex-direction:column;gap:5px;display:flex}.item-row,.market-row{background:#0e3546;border:1px solid #245467;border-radius:6px;align-items:center;gap:11px;padding:9px 10px;display:flex}.item-art,.market-art{color:#d3c16c;border:1px solid #498092;border-radius:5px;flex-shrink:0;place-items:center;width:45px;height:45px;display:grid;position:relative}.item-art.rare,.market-art.rare{background:#175953;border-color:#38aa92}.item-art.epic,.market-art.epic{background:#4a2f6b;border-color:#aa79d7}.item-art.legend,.market-art.legend{background:#704a23;border-color:#e0af4f}.item-art b{color:#fff;font-size:10px;position:absolute;bottom:1px;right:3px}.item-info{flex-direction:column;flex:1;min-width:0;display:flex}.item-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.item-info small{color:#83a7ae;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:10px;overflow:hidden}.row-action{color:#789da5;background:0 0;place-items:center;display:grid}.wide-outline{color:#9fc0c1;background:0 0;border:1px solid #3a7180;border-radius:6px;justify-content:center;align-items:center;gap:7px;height:41px;font-size:12px;display:flex}.battle-card{background:linear-gradient(145deg,#163e4a,#112e3e);border:1px solid #426a68;border-radius:9px;padding:18px}.battle-top{justify-content:space-between;display:flex}.battle-top h2{margin:7px 0 4px;font-size:21px}.battle-top p{color:#91b3b7;margin:0;font-size:11px}.battle-emblem{color:#e8c15a;flex-direction:column;align-items:center;gap:5px;display:flex}.battle-emblem small{font-size:10px}.enemy-line{justify-content:space-around;align-items:center;margin:23px 0 18px;display:flex}.enemy{background:#3b2d32;border:1px solid #754e45;border-radius:7px;flex-direction:column;align-items:center;gap:4px;width:95px;padding:12px 6px;display:flex}.enemy.player{background:#173e4c;border-color:#3f7480}.enemy span{font-size:13px;font-weight:700}.enemy small{color:#a8b2ac;font-size:10px}.versus{color:#c88a63;font-family:Georgia;font-size:20px;font-style:italic}.battle-stats{color:#7fa2a8;border-top:1px solid #2b5560;border-bottom:1px solid #2b5560;justify-content:space-between;padding:10px 0;font-size:10px;display:flex}.battle-stats b{color:#d8c06e;margin-top:3px;font-size:11px;display:block}.battle-cta{margin-top:16px}.battle-cta.running{color:#fff;background:linear-gradient(100deg,#b65a45,#d88e4d)}.status-chip{color:#93cbb3;align-items:center;gap:5px;display:flex}.status-chip i{background:#5ee09e;border-radius:50%;width:6px;height:6px;display:block}.battle-list{flex-direction:column;gap:7px;display:flex}.mode-row,.menu-row{color:#fff;text-align:left;background:#0e3546;border:1px solid #245467;border-radius:6px;align-items:center;gap:9px;width:100%;padding:10px;display:flex}.mode-row>span:nth-child(2),.menu-row>span:nth-child(2){flex-direction:column;flex:1;display:flex}.mode-row b{font-size:12px}.mode-row small{color:#7fa4ab;margin-top:2px;font-size:10px}.chat-feed{padding:2px 0}.chat-line{border-bottom:1px solid #1b4656;gap:9px;padding:9px 4px;display:flex}.chat-avatar{color:#f3cb6e;background:#6a4e35;border-radius:50%;flex-shrink:0;place-items:center;width:31px;height:31px;font-size:12px;display:grid}.chat-avatar.system{background:#285566}.chat-avatar.gm{background:#71413f}.chat-meta{align-items:center;gap:8px;display:flex}.chat-meta b{color:#d7bd65;font-size:11px}.chat-meta small{color:#668c96;font-size:10px}.chat-line p{color:#a5bec0;margin:4px 0 0;font-size:12px}.chat-input{gap:7px;margin-top:4px;display:flex}.chat-input input{color:#fff;background:#0c3041;border:1px solid #2e6374;border-radius:6px;outline:none;flex:1;min-width:0;height:40px;padding:0 12px;font-size:12px}.chat-input button{color:#152e3a;background:#b18943;border-radius:6px;place-items:center;width:42px;display:grid}.market-balance{background:#123b4a;border:1px solid #3c6570;border-radius:7px;justify-content:space-between;align-items:center;padding:13px 14px;display:flex}.market-balance small{color:#7ea5ac;font-size:10px;display:block}.market-balance strong{color:#f1cc60;margin-top:3px;font-size:20px;display:block}.market-balance button{color:#d1b65c;background:0 0;align-items:center;gap:2px;font-size:11px;display:flex}.market-price{flex-direction:column;align-items:flex-end;margin-right:4px;display:flex}.market-price b{color:#f2c95e;font-size:14px}.market-price small{color:#7fa3ab;font-size:10px}.buy-button{color:#f0cf70;background:#4a3b24;border:1px solid #977842;border-radius:5px;padding:6px 9px;font-size:10px}.menu-hero{color:#e6c056;background:linear-gradient(105deg,#17495a,#273e4b);border:1px solid #365e6e;border-radius:8px;justify-content:space-between;align-items:center;padding:18px;display:flex}.menu-hero h2{color:#fff;margin:7px 0 3px;font-size:18px}.menu-group h4{color:#85a9af;margin:3px 0 7px;font-size:11px;font-weight:500}.menu-group{flex-direction:column;gap:5px;display:flex}.menu-row{padding:11px}.menu-row span:nth-child(2){font-size:12px}.logout-button{color:#db9990;background:#3b2930;border:1px solid #674544;border-radius:6px;justify-content:center;align-items:center;gap:7px;height:40px;margin-top:3px;font-size:12px;display:flex}.bottom-nav{z-index:20;background:#0b2c3d;border-top:1px solid #2c5967;width:min(720px,100%);height:68px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 20px #001a26b8}.bottom-nav button{color:#6f969e;background:0 0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:10px;display:flex;position:relative}.bottom-nav button.selected{color:#f1ca64}.bottom-nav button.selected:before{content:"";background:#ebc35d;width:30px;height:2px;position:absolute;top:-1px}.nav-icon{place-items:center;display:grid;position:relative}.nav-icon em{color:#fff;background:#d86658;border-radius:50%;place-items:center;width:14px;height:14px;font-size:9px;font-style:normal;display:grid;position:absolute;top:-6px;right:-9px}.toast{z-index:50;color:#d9e6d6;white-space:nowrap;background:#113e47ee;border:1px solid #537a75;border-radius:7px;align-items:center;gap:7px;max-width:calc(100% - 30px);padding:10px 15px;font-size:12px;display:flex;position:fixed;bottom:85px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #00141dcc}.toast-dot{background:#e7c45e;border-radius:50%;width:6px;height:6px}@media (width<=520px){.game-header{padding:10px 13px}.currencies{gap:7px}.currencies div{font-size:10px}.game-content{padding-left:12px;padding-right:12px}.world-strip{font-size:10px}.world-strip .strip-right{display:none}.hero-card{min-height:158px;padding:20px 17px}.hero-seal{width:64px;height:64px;font-size:29px;top:30px;right:22px}.hero-copy h2{font-size:25px}.stat-cell{padding:11px 9px}.system-grid{gap:6px}.system-tile{padding:10px 8px}.login-card{padding:22px 18px}.login-notes{gap:9px}}.landing-page{color:#fff;background:#081f2c;min-height:100vh;overflow:hidden}.landing-nav{justify-content:space-between;align-items:center;width:min(1120px,100% - 48px);height:78px;margin:0 auto;display:flex}.landing-brand{letter-spacing:1px;align-items:center;gap:10px;font-size:17px;display:flex}.landing-brand span{color:#f1ca67;border:1px solid #d7ad52;border-radius:9px;place-items:center;width:34px;height:34px;font-weight:800;display:grid;transform:rotate(-6deg)}.landing-links{align-items:center;gap:26px;display:flex}.landing-links a{color:#88aab1;font-size:12px;text-decoration:none}.landing-links a:hover{color:#f1ca67}.landing-links button,.download-actions button{color:#ffe69a;background:#836432;border:1px solid #c09a4b;border-radius:5px;align-items:center;gap:5px;padding:9px 14px;font-size:12px;display:flex}.landing-hero{background:radial-gradient(circle at 78% 45%,#175366 0,#0d3548 22%,#0000 56%);border-top:1px solid #214d5c;border-bottom:1px solid #214d5c;justify-content:space-between;align-items:center;width:min(1120px,100% - 48px);min-height:535px;margin:0 auto;padding:52px 7% 72px;display:flex;position:relative}.landing-copy{z-index:1;position:relative}.landing-kicker{color:#d6ad55;letter-spacing:2px;font-size:10px;font-weight:700}.landing-copy h1{letter-spacing:3px;margin:18px 0 15px;font-size:clamp(43px,6vw,72px);line-height:1.08}.landing-copy h1 em{color:#e9c15d;font-style:normal}.landing-copy p{color:#9cb8ba;margin:0;font-size:14px;line-height:2}.landing-cta{color:#17333e;background:#e6b64e;border-radius:6px;align-items:center;gap:8px;margin-top:27px;padding:13px 21px;font-weight:800;display:flex;box-shadow:0 11px 28px #d58b2e33}.landing-proof{color:#789da5;gap:17px;margin-top:22px;font-size:11px;display:flex}.landing-proof span{align-items:center;gap:5px;display:flex}.landing-proof svg{color:#c6a456}.landing-character{z-index:1;color:#dfbd62;flex-direction:column;align-items:center;gap:20px;margin-right:7%;display:flex;position:relative}.character-ring{background:radial-gradient(circle,#347083,#0d3548 65%);border:1px solid #c19a4e;border-radius:50%;place-items:center;width:250px;height:250px;display:grid;box-shadow:0 0 0 12px #c19a4e0b,0 0 75px #37a2aa30}.character-stamp{color:#edca6e;border:2px solid #ebc966;border-radius:50%;place-items:center;width:112px;height:112px;font-size:67px;font-weight:800;display:grid;box-shadow:inset 0 0 0 8px #edca6e12}.character-caption{flex-direction:column;align-items:center;gap:5px;display:flex}.character-caption span{color:#7ea9b1;font-size:11px}.character-caption b{font-size:15px}.hero-orbit{pointer-events:none;border:1px solid #34768440;border-radius:50%;position:absolute}.hero-orbit.one{width:430px;height:430px;top:50%;right:3%;transform:translateY(-50%)}.hero-orbit.two{width:580px;height:580px;top:50%;right:-3%;transform:translateY(-50%)}.feature-section{width:min(1120px,100% - 48px);margin:0 auto;padding:86px 7%}.landing-section-title>span{color:#7ba5ad;letter-spacing:2px;font-size:10px}.landing-section-title h2{margin:12px 0 38px;font-size:30px;line-height:1.35}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feature-grid article{background:#0d3040;border:1px solid #234f5e;border-radius:7px;padding:23px 20px 25px;position:relative}.feature-grid article>svg{color:#e3be5b}.feature-number{color:#4a7580;font-size:12px;position:absolute;top:14px;right:15px}.feature-grid h3{margin:20px 0 8px;font-size:16px}.feature-grid p{color:#82a6ad;margin:0;font-size:12px;line-height:1.8}.download-section{background:#0e3445;border:1px solid #285565;justify-content:space-between;align-items:center;width:min(1120px,100% - 48px);margin:0 auto;padding:44px max(7%,32px);display:flex}.download-section h2{margin:10px 0 6px;font-size:26px}.download-section p{color:#88a9af;margin:0;font-size:12px}.download-actions{gap:9px;display:flex}.download-actions button{color:#17313d;background:#e4b64f}.download-actions button.ghost{color:#cdb565;background:0 0}.landing-footer{color:#567b84;justify-content:space-between;width:min(1120px,100% - 48px);margin:0 auto;padding:30px 0;font-size:11px;display:flex}@media (width<=700px){.landing-nav{width:calc(100% - 28px);height:65px}.landing-links{gap:9px}.landing-links a{display:none}.landing-hero{align-items:flex-start;width:100%;min-height:650px;padding:54px 24px 55px}.landing-copy h1{font-size:45px}.landing-character{opacity:.72;margin:0;position:absolute;bottom:44px;right:6%}.character-ring{width:180px;height:180px}.character-stamp{width:80px;height:80px;font-size:44px}.hero-orbit.one{width:270px;height:270px;top:auto;bottom:10%;right:-10%}.hero-orbit.two{width:380px;height:380px;top:auto;bottom:-5%;right:-24%}.feature-section{width:100%;padding:60px 24px}.feature-grid{grid-template-columns:1fr}.landing-section-title h2{font-size:25px}.download-section{width:100%;padding:37px 24px;display:block}.download-actions{margin-top:22px}.landing-footer{width:calc(100% - 48px);line-height:2;display:block}.landing-footer span{display:block}}:root{--social-panel:#0e3546}.social-tabs{grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:0;display:grid}.social-tabs button{justify-content:center;align-items:center;gap:5px;display:flex}.social-panel{background:var(--social-panel);border:1px solid #28596a;border-radius:7px;flex-direction:column;gap:11px;padding:14px;display:flex}.panel-heading{color:#e8c968;justify-content:space-between;align-items:center;font-size:13px;display:flex}.panel-heading small{color:#7ea5ad;font-size:10px}.empty-copy{color:#739aa4;text-align:center;margin:12px 0;font-size:12px}.sell-row{gap:7px;display:flex}.sell-row input,.sell-row select{color:#fff;background:#0c3041;border:1px solid #2e6374;border-radius:5px;flex:1;min-width:0;height:37px;padding:0 10px;font-size:11px}.trade-action-group{border-top:1px solid #245467;flex-direction:column;gap:7px;padding-top:2px;display:flex}.league-card{color:#e7c760;background:#2b2a22;border:1px solid #6a5b36;border-radius:6px;align-items:center;gap:10px;padding:13px;display:flex}.league-card>div{flex-direction:column;flex:1;gap:3px;display:flex}.league-card strong{font-size:14px}.league-card small{color:#a9a98b;font-size:10px}.shop-grid{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.shop-good{background:#0c3041;border:1px solid #245467;border-radius:6px;flex-direction:column;gap:5px;padding:10px;display:flex}.shop-good .market-art{width:34px;height:34px}.shop-good strong{font-size:12px}.shop-good small{color:#82a5ac;font-size:10px}.shop-good .buy-button{align-self:flex-start}@media (width<=520px){.social-panel{padding:11px}.shop-grid{grid-template-columns:1fr 1fr}.social-tabs button{padding-left:5px;padding-right:5px}.sell-row{flex-wrap:wrap}.sell-row input,.sell-row select{flex-basis:calc(50% - 4px)}}.menu-view{gap:12px}.menu-count{color:#d5bb65;background:#123845;border:1px solid #416b76;border-radius:4px;padding:4px 7px;font-size:10px}.menu-hero{background:linear-gradient(110deg,#17495a,#183b49);border-radius:7px;min-height:96px;padding:16px 17px}.menu-hero h2{color:#f4e5b1;letter-spacing:.4px;margin:7px 0 3px;font-size:18px}.menu-hero p{color:#9db8ba;margin:0;font-size:11px}.menu-group{gap:6px}.menu-group h4{color:#b7a365;letter-spacing:.8px;margin:2px 0 1px;font-size:10px}.menu-group-list,.menu-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.menu-row{border-radius:5px;min-height:52px;padding:8px 9px}.menu-row-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.menu-row-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.menu-row-copy small{color:#789da5;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.menu-row--available .menu-row-copy small{color:#86c4a1}.menu-row--partial .menu-row-copy small{color:#d4b95f}.menu-row--locked{color:#9cb4b7;background:#0d3040}.menu-row--locked .menu-icon{color:#78949c;background:#123846}.menu-row--locked>svg{color:#567780}.menu-badge{color:#fff;background:#d86658;border-radius:8px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;font-weight:600;display:grid}.menu-controls{border-top:1px solid #1c4b5b;padding-top:3px}.menu-controls .menu-row--available{background:#123e47;border-color:#4d7774}@media (width<=430px){.menu-group-list,.menu-control-grid{grid-template-columns:minmax(0,1fr)}}.shop-currency-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.shop-currency-tabs button{color:#9ec3cb;background:#0c3041;border:1px solid #2e6374;border-radius:5px;height:34px}.shop-currency-tabs button.active{color:#e8c968;background:#16384a;border-color:#d7b15a}.shop-balance,.shop-note{margin:0;font-size:12px;line-height:1.45}.shop-balance{color:#d7e7ea}.shop-note{color:#e8c968}.shop-good .shop-desc{color:#7ea5ad;font-size:10px}.recharge-grid{gap:8px;display:grid}.recharge-card{background:#0c3041;border:1px solid #2e6374;border-radius:6px;flex-direction:column;gap:4px;padding:10px;display:flex}.recharge-actions{flex-wrap:wrap;gap:6px;display:flex}.recharge-actions button:disabled,.recharge-card button:disabled{opacity:.45;cursor:not-allowed}.server-card{min-height:300px}.gateway-refresh{color:#9fc0c7;background:#0a3042;border:1px solid #38687a;border-radius:5px;place-items:center;width:32px;height:32px;display:grid}.gateway-refresh:hover{color:#f0ca66;border-color:#d8b250}.server-option{background:#0a3042;border:1px solid #3a6876;border-radius:7px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.server-option>div{align-items:center;gap:8px;display:flex}.server-option strong{font-size:15px}.server-option small,.server-option>span{color:#86a9b0;font-size:12px}.gateway-logout{color:#789ba4;background:0 0;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:17px;font-size:12px;display:flex}.gateway-empty{color:#86a9b0;place-items:center;gap:13px;min-height:150px;display:grid}.gateway-empty button{color:#c7dadd;background:0 0;border:1px solid #456e7b;border-radius:5px;padding:8px 13px}.primary-button:disabled{cursor:not-allowed;filter:saturate(.4);opacity:.62}.empty-state{color:#7299a2;border:1px dashed #335e6b;border-radius:7px;place-items:center;gap:7px;min-height:180px;display:grid}.empty-state strong{color:#b7cbcf;font-size:14px}.empty-state span{font-size:11px}.inline-empty-state{background:0 0;border:0;min-height:92px}.pet-empty-state{min-height:0}.pagination{justify-content:center;gap:5px;margin-top:12px;display:flex}.pagination button{color:#8eafb4;background:#0a2d3c;border:1px solid #315f6d;border-radius:4px;place-items:center;min-width:28px;height:28px;padding:0 7px;font-size:10px;display:grid}.pagination button.active{color:#f6d779;background:#4a3a25;border-color:#bd994a}.pagination button:disabled{cursor:not-allowed;opacity:.45}.patrol-yield{grid-template-columns:1fr 1fr;gap:8px;margin:15px 0;display:grid}.patrol-yield div{background:#0a3042;border:1px solid #376575;border-radius:6px;padding:12px}.patrol-yield small{color:#7e9fa8;font-size:10px;display:block}.patrol-yield strong{color:#f0c963;margin-top:5px;font-size:19px;display:block}.battle-mode-detail{background:#092b3b;border:1px solid #245669;border-radius:8px;gap:14px;padding:16px;display:grid}.battle-mode-detail-nav,.battle-mode-detail-title,.battle-mode-detail-intro,.battle-mode-detail-tabs{align-items:center;display:flex}.battle-mode-detail-nav,.battle-mode-detail-intro{justify-content:space-between;gap:14px}.battle-back-button{color:#9bbbc0;background:0 0;align-items:center;gap:2px;padding:5px 0;font-size:11px;display:flex}.battle-back-button:hover{color:#f0cb67}.battle-mode-detail-title{gap:9px;min-width:0}.battle-mode-detail-title>div{gap:3px;min-width:0;display:grid}.battle-mode-detail-title strong{color:#f2d375;font-size:16px}.battle-mode-detail-title small,.battle-mode-detail-intro p,.battle-mode-detail-section p{color:#a3c5c2;font-size:12px;line-height:1.55}.battle-mode-detail-status{border-radius:999px;flex:none;padding:4px 8px;font-size:11px}.battle-mode-detail-status.is-locked{color:#a7b9ba;background:#102f3c;border:1px solid #42616a}.battle-mode-detail-intro>div{min-width:0}.battle-mode-detail-intro h2{color:#f2d375;margin:3px 0 5px;font-size:22px}.battle-mode-detail-intro p{margin:0}.battle-mode-lock-note{color:#a7b9ba;background:#102f3c;border:1px solid #3d5962;border-radius:6px;align-items:center;gap:7px;max-width:290px;padding:9px 11px;font-size:11px;line-height:1.45;display:flex}.battle-mode-detail-tabs{border-bottom:1px solid #204e5d;gap:5px;padding-bottom:1px;overflow-x:auto}.battle-mode-detail-tabs button{color:#83aeb3;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;padding:8px 11px;font-size:12px}.battle-mode-detail-tabs button.is-active{color:#f2d375;border-bottom-color:#d2a956}.battle-mode-detail-sections{gap:9px;display:grid}.battle-mode-detail-section{background:#0b3546;border:1px solid #1f4b5a;border-radius:6px;padding:12px}.battle-mode-detail-section h3{color:#bce1d7;margin:0 0 7px;font-size:13px}.battle-mode-detail-section p{margin:4px 0 0}@media (width<=600px){.battle-mode-detail{padding:12px}.battle-mode-detail-intro{flex-direction:column;align-items:stretch}.battle-mode-lock-note{justify-content:center;width:100%;max-width:none}}.inventory-summary{background:#315e6d;border:1px solid #315e6d;border-radius:7px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.inventory-summary>div{background:#0e3546;padding:12px}.inventory-summary span{color:#789ea7;font-size:10px;display:block}.inventory-summary strong{color:#edc660;margin-top:4px;font-size:18px;display:block}.inventory-summary small{color:#83a4aa;font-size:10px;font-weight:500}.inventory-toolbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.inventory-segments,.inventory-filters{gap:5px;display:flex}.inventory-segments{background:#092c3c;border:1px solid #2b5969;border-radius:6px;padding:3px}.inventory-segments button,.inventory-filters button{color:#7fa5ad;background:0 0;border-radius:4px;justify-content:center;align-items:center;gap:5px;height:31px;padding:0 10px;font-size:10px;display:flex}.inventory-segments button.active{color:#f5d16c;background:#315d68}.inventory-filters button{padding:0 7px}.inventory-filters button.active{color:#f2ca63;box-shadow:inset 0 -2px #d6ac4d}.inventory-list{flex-direction:column;gap:7px;display:flex}.inventory-item{background:#0e3546;border:1px solid #285869;border-radius:7px;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:72px;padding:10px;display:grid}.inventory-item.equipped{border-color:#9a8045;box-shadow:inset 3px 0 #d8b353}.inventory-art{color:#e0c15e;background:#154658;border:1px solid #437789;border-radius:6px;place-items:center;width:46px;height:46px;display:grid;position:relative}.inventory-art .game-asset,.pet-avatar .game-asset{background:0 0;border:0;width:100%;height:100%}.inventory-art>.inventory-equipped-badge{color:#19313a;background:#d2ad4e;border-radius:50%;place-items:center;width:18px;height:18px;font-size:9px;font-weight:800;display:grid;position:absolute;top:-5px;right:-4px}.inventory-art>.inventory-quantity-badge{color:#f3d78a;text-align:center;background:#1f6d62;border-radius:8px;min-width:16px;height:16px;padding:0 3px;font-size:9px;font-weight:800;line-height:16px;position:absolute;bottom:-5px;right:-6px}.inventory-info{min-width:0}.inventory-info>div{align-items:center;gap:7px;display:flex}.inventory-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.inventory-info em{color:#f4d372;background:#6d592d;border-radius:3px;flex-shrink:0;padding:2px 5px;font-size:9px;font-style:normal}.inventory-info small{color:#82a7ae;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:10px;display:block;overflow:hidden}.inventory-actions{gap:5px;display:flex}.inventory-actions button{color:#a8c2c6;background:#123e4e;border:1px solid #3a6877;border-radius:5px;justify-content:center;align-items:center;gap:4px;min-width:58px;height:31px;padding:0 8px;font-size:10px;display:flex}.inventory-actions button:hover{color:#f3cf69;border-color:#c3a24e}.inventory-actions button.danger{color:#d89b8f;background:#3a2d33;border-color:#684a49}.inventory-actions button:disabled,.small-button:disabled{cursor:not-allowed;opacity:.55}.rune-target-picker{color:#9bb9bd;border-top:1px solid #285869;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:6px;padding-top:8px;font-size:10px;display:flex}.rune-target-picker button{color:#f1ce6c;background:#3e3523;border:1px solid #94783e;border-radius:4px;padding:4px 7px;font-size:10px}.dialog-backdrop{z-index:80;background:#02131dcc;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.app-modal{background:#123544;border:1px solid #416e7b;border-radius:8px;width:min(440px,100%);padding:22px;position:relative;box-shadow:0 24px 60px #0009}.app-modal h3{color:#f4d479;margin:12px 0 0;font-size:17px}.app-modal-body{color:#93b0b5;font-size:11px;line-height:1.7}.app-modal-footer{margin-top:16px}.confirm-dialog{text-align:center;background:#123544;border:1px solid #73554f;border-radius:8px;width:min(380px,100%);padding:24px;position:relative;box-shadow:0 24px 60px #0009}.dialog-close{color:#89a8ae;background:0 0;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:10px;right:10px}.confirm-icon{color:#e28e75;background:#4b3033;border-radius:50%;place-items:center;width:42px;height:42px;margin:0 auto;display:grid}.confirm-dialog h3{margin:13px 0 0;font-size:17px}.confirm-dialog p{color:#93b0b5;margin:9px 0 0;font-size:11px;line-height:1.7}.confirm-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;display:grid}.confirm-actions .wide-outline,.danger-button{height:40px}.danger-button{color:#ffe0d4;background:#7d413c;border:1px solid #9e5b50;border-radius:6px;justify-content:center;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}@media (width<=560px){.inventory-toolbar{flex-direction:column;align-items:stretch}.inventory-segments button{flex:1}.inventory-item{grid-template-columns:46px minmax(0,1fr)}.inventory-actions{border-top:1px solid #234f5f;grid-column:1/-1;justify-content:flex-end;padding-top:7px}}.growth-heading-actions{gap:5px;display:flex}.guide-level-chip{color:#f2cf72;white-space:nowrap;background:#3b3020;border:1px solid #8b713e;border-radius:999px;align-items:center;padding:5px 8px;font-size:10px;display:inline-flex}.growth-muted.guide-level-note{margin:-4px 0 10px}.growth-card,.growth-panel{background:#0e3546;border:1px solid #2c5968;border-radius:7px}.growth-card{align-items:center;gap:10px;padding:13px;display:flex}.growth-card-icon{color:#efca64;border:1px solid #8b6b3b;border-radius:9px;flex-shrink:0;place-items:center;width:39px;height:39px;display:grid}.growth-copy,.growth-card>div:nth-child(2){flex:1;min-width:0}.growth-copy h3,.growth-panel h3{margin:5px 0 2px;font-size:15px}.growth-copy p,.growth-card p{color:#83a7ae;margin:0;font-size:10px}.growth-card>button,.growth-action{color:#f0cf70;white-space:nowrap;background:#4a3b24;border:1px solid #977842;border-radius:5px;padding:7px 10px;font-size:10px}.growth-card>button:disabled,.growth-action:disabled{cursor:not-allowed;opacity:.5}.checkin-card{background:linear-gradient(105deg,#163e4a,#112e3e);justify-content:space-between}.growth-two-columns{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.growth-panel{padding:13px}.growth-panel>.section-title{margin-bottom:8px}.growth-panel>.section-title>svg{color:#e6c05f}.growth-muted{color:#83a7ae;margin:4px 0 10px;font-size:10px;line-height:1.6}.growth-action{width:100%}.talent-list,.map-list,.rank-list{flex-direction:column;gap:5px;display:flex}.talent-list button,.map-list button,.rank-row{color:#d7e2dc;text-align:left;background:#123b4a;border:1px solid #245467;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px;display:flex}.talent-list button.learned,.map-list button.current{color:#f0cc67;border-color:#7b6c3d}.talent-list button:disabled,.map-list button:disabled{cursor:not-allowed;opacity:.62}.talent-list button>span:first-child,.map-list button>span,.rank-row>span{flex-direction:column;gap:2px;min-width:0;display:flex}.talent-list b,.map-list b,.rank-row>span{font-size:11px}.talent-list small,.map-list small,.rank-row small{color:#7fa3ab;font-size:9px}.talent-list button>span:last-child,.map-list em,.rank-row em{color:#d8bb5d;white-space:nowrap;font-size:9px;font-style:normal}.rank-row{justify-content:flex-start}.rank-row>strong{color:#edc660;width:30px;font-size:12px}.rank-row>span{flex:1}@media (width<=560px){.growth-two-columns{grid-template-columns:1fr}.growth-heading-actions .small-button{padding:0 6px}}.pet-resource-bar{background:#315e6d;border:1px solid #315e6d;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.pet-resource-bar>div{background:#0e3546;padding:11px 12px}.pet-resource-bar span,.pet-resource-bar strong,.pet-resource-bar small{display:block}.pet-resource-bar span,.pet-resource-bar small{color:#789ea7;font-size:10px}.pet-resource-bar strong{color:#edc660;margin-top:4px;font-size:16px}.pet-list,.recruit-list{flex-direction:column;gap:7px;display:flex}.pet-empty-state{color:#789ea7;text-align:center;background:#0a2d3c;border:1px dashed #376573;border-radius:7px;padding:18px 12px;font-size:11px}.pet-card,.recruit-row,.pet-detail-card{background:#0e3546;border:1px solid #2c5968;border-radius:7px}.pet-card{color:#fff;text-align:left;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.pet-card.active{border-color:#c3a24e;box-shadow:inset 3px 0 #d8b353}.pet-avatar,.recruit-icon{color:#f0c964;background:linear-gradient(145deg,#465777,#253649);border:1px solid #876b3b;border-radius:10px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid;position:relative}.pet-skill-line,.skill-mark-row{align-items:center;gap:4px;min-width:0;display:inline-flex}.skill-mark.game-asset{border-radius:3px;flex:none;width:16px;height:16px}.skill-mark .game-asset-fallback{font-size:10px}.pet-avatar em{color:#fff;background:#a75545;border-radius:4px;padding:2px 4px;font-size:9px;font-style:normal;position:absolute;bottom:-5px;right:-5px}.pet-card-copy,.recruit-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.pet-card-copy strong,.recruit-copy strong{font-size:13px}.pet-card-copy small,.pet-card-copy span,.recruit-copy small,.recruit-copy em{color:#83a7ae;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-style:normal;overflow:hidden}.pet-detail-card{background:linear-gradient(145deg,#163e4a,#112e3e);padding:15px}.pet-detail-heading{justify-content:space-between;align-items:flex-start;display:flex}.pet-detail-heading h3{margin:6px 0 3px;font-size:20px}.pet-detail-heading p{color:#91b3b7;margin:0;font-size:11px}.pet-stage{color:#f0ca67;flex-direction:column;align-items:flex-end;font-size:15px;font-weight:800;display:flex}.pet-stage small{color:#7fa2a8;margin-top:3px;font-size:10px;font-weight:500}.pet-stat-grid{background:#2b5560;border:1px solid #2b5560;grid-template-columns:repeat(4,1fr);gap:1px;margin:15px 0;display:grid}.pet-stat-grid div{text-align:center;background:#0d3040;padding:8px 5px}.pet-stat-grid span,.pet-stat-grid b{display:block}.pet-stat-grid span{color:#7fa2a8;font-size:10px}.pet-stat-grid b{color:#ead071;margin-top:3px;font-size:14px}.pet-actions{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.pet-actions button{color:#d8bd61;background:#123b4a;border:1px solid #3a7180;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-height:44px;display:flex}.pet-actions button:disabled,.recruit-row button:disabled{cursor:not-allowed;opacity:.5}.pet-actions span{flex-direction:column;align-items:flex-start;display:flex}.pet-actions b{font-size:11px}.pet-actions small{color:#7fa3ab;margin-top:2px;font-size:9px}.recruit-row{align-items:center;gap:9px;padding:9px;display:flex}.recruit-icon{border-radius:8px;width:36px;height:36px}.recruit-copy{flex:1}.recruit-row button{color:#f0cf70;white-space:nowrap;background:#4a3b24;border:1px solid #977842;border-radius:5px;padding:7px 9px;font-size:10px}.pet-note{color:#668c96;margin:2px 0 0;font-size:10px;line-height:1.6}@media (width<=560px){.pet-resource-bar>div{padding:10px 7px}.pet-actions{grid-template-columns:1fr}}@media (width<=360px){.inventory-summary>div{padding:10px 8px}.inventory-actions button{flex:1;min-width:0}}.battle-directory{padding:4px 0 8px}.battle-directory-heading{border-bottom:1px solid #275666;justify-content:space-between;align-items:center;gap:16px;padding:6px 7px 15px;display:flex}.battle-kicker{color:#d2ac58;letter-spacing:0;font-size:10px;font-weight:700;display:block}.battle-directory-heading h2{color:#f5e4b0;letter-spacing:0;margin:6px 0 2px;font-family:STKaiti,KaiTi,Noto Serif SC,serif;font-size:25px;font-weight:700}.battle-directory-heading p{color:#83aab2;margin:0;font-size:11px}.battle-heading-mark{color:#ba9750;opacity:.72;flex-shrink:0}.battle-tower-panel{background:#081b30b8;border:1px solid #43d5be38;margin:14px 0 18px;padding:14px}.battle-tower-heading{color:#43d5be;justify-content:space-between;align-items:center;display:flex}.battle-tower-heading>div{gap:3px;display:grid}.battle-tower-heading span{color:#dceef2;font-size:13px;font-weight:700}.battle-tower-heading small,.battle-tower-notice,.battle-tower-target small{color:#779aa2;font-size:11px}.battle-tower-notice{margin:10px 0}.battle-tower-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.battle-tower-target{background:#0c28418c;border:1px solid #7daacb2e;grid-template-columns:22px 1fr;gap:2px 7px;padding:8px;display:grid}.battle-tower-target>span{color:#43d5be;grid-row:span 2;font-size:11px}.battle-tower-target strong{color:#dceef2;white-space:nowrap;font-size:12px}.tower-challenge-panel{flex-direction:column;gap:12px;display:flex}.tower-challenge-list{flex-direction:column;gap:8px;display:flex}.tower-challenge-row{background:#0c28418c;border:1px solid #7daacb2e;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.tower-challenge-row.is-blocked{opacity:.78}.tower-challenge-copy{gap:3px;min-width:0;display:grid}.tower-challenge-copy strong{color:#dceef2;font-size:13px}.tower-challenge-copy small,.tower-challenge-hint,.tower-challenge-footer{color:#779aa2;font-size:11px}.tower-challenge-hint{font-style:normal}.tower-challenge-drop{color:#c9b15c;align-items:center;gap:6px;font-size:12px;display:flex}.tower-challenge-button{justify-content:center;align-items:center;gap:6px;width:auto;min-width:108px;margin-top:0;display:inline-flex}.patrol-map-yield{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:2px}.patrol-row-actions{align-items:center;gap:6px;display:flex}.patrol-row-actions .tower-challenge-button{min-width:88px}.patrol-idle-ghost{color:#a7b9ba;background:#102f3c;border:1px solid #42616a;min-width:64px;padding:8px 10px;font-size:12px}.patrol-idle-ghost:disabled{cursor:not-allowed;opacity:.7}.tower-challenge-footer{flex-wrap:wrap;align-items:center;gap:6px;padding:2px 2px 6px;display:flex}.tower-challenge-footer-absolute{color:#5f7f86;font-size:10px}@media (width<=720px){.tower-challenge-row{grid-template-columns:minmax(0,1fr) auto}.tower-challenge-button{grid-column:1/-1;width:100%}.patrol-row-actions{grid-column:1/-1}.patrol-row-actions .tower-challenge-button{flex:1;grid-column:auto;width:auto}}.battle-mode-groups{flex-direction:column;gap:13px;display:flex}.battle-mode-group{flex-direction:column;gap:7px;display:flex}.battle-section-rule{color:#c6a65a;align-items:center;gap:8px;min-height:22px;display:flex}.battle-section-rule:before,.battle-section-rule:after{content:"";background:linear-gradient(90deg,#0000,#456d77 45%,#8d7241);flex:1;height:1px}.battle-section-rule:after{background:linear-gradient(90deg,#8d7241,#456d77 55%,#0000)}.battle-section-rule span{color:#d3b261;letter-spacing:0;padding:0 5px;font-family:STKaiti,KaiTi,Noto Serif SC,serif;font-size:15px;font-weight:700;position:relative}.battle-section-rule span:before,.battle-section-rule span:after{content:"◆";color:#6f8c8e;font-family:sans-serif;font-size:6px;position:absolute;top:50%;transform:translateY(-50%)}.battle-section-rule span:before{left:-8px}.battle-section-rule span:after{right:-8px}.battle-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 7px;display:grid}.battle-mode-card{color:#f5f7f0;text-align:left;background:#0d4054;border:1px solid #285d70;border-radius:2px;align-items:center;gap:8px;min-width:0;min-height:66px;padding:9px 8px;transition:border-color .16s,background-color .16s,transform .16s;display:flex}.battle-mode-card:hover{background:#124b60;border-color:#d3ae59;transform:translateY(-1px)}.battle-mode-card[aria-disabled=true]{cursor:wait;opacity:.65;transform:none}.battle-mode-card.is-locked{color:#a5bcc0;background:#10384a;border-color:#275365}.battle-mode-card.is-locked:hover{background:#123d4e;border-color:#48717a}.battle-mode-icon{color:#e4c36b;background:#12475a;border:1px solid #4a7c85;border-radius:2px;flex-shrink:0;place-items:center;width:31px;height:31px;display:grid}.battle-mode-card.is-locked .battle-mode-icon{color:#75949b;background:#143d4c;border-color:#406675}.battle-mode-copy{flex-direction:column;flex:1;min-width:0;display:flex}.battle-mode-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.battle-mode-copy small{color:#82acb4;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:10px;overflow:hidden}.battle-mode-card.is-locked .battle-mode-copy small{color:#6f929c}.battle-mode-status{color:#d0ae5a;flex-shrink:0;place-items:center;width:17px;display:grid}.battle-mode-card.is-locked .battle-mode-status{color:#6c909b}@media (width<=420px){.battle-tower-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-mode-card{min-height:62px;padding:8px 6px}.battle-mode-icon{width:27px;height:27px}.battle-mode-copy strong{font-size:12px}.battle-mode-copy small{font-size:9px}}.patrol-idle-report{color:#7dff8a;background:#1b1f24;border-radius:6px;padding:12px;font-size:14px;line-height:1.7}.patrol-idle-report p{margin:0}.reference-battle{flex-direction:column;gap:12px;padding-top:3px;display:flex}.reference-battle-header{background:linear-gradient(120deg,#123e50,#0c2d40 72%);border:1px solid #2b6070;border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 15px;display:grid}.reference-battle-title h2{margin:4px 0 1px;font-size:20px}.reference-battle-title p{color:#8eafb4;margin:0;font-size:11px}.reference-battle-state{color:#92d5b9;white-space:nowrap;border:1px solid #3d706b;border-radius:5px;align-items:center;gap:5px;padding:6px 9px;font-size:11px;display:flex}.reference-battle-lobby{background:radial-gradient(circle at 92% 18%,#21616b55,#0000 36%),#103548;border:1px solid #315e6b;border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;padding:28px 20px;display:grid}.reference-battle-lobby-mark{color:#f1ca64;background:#193e4c;border:1px solid #c8a94f;border-radius:18px;place-items:center;width:68px;height:68px;display:grid;box-shadow:inset 0 0 0 5px #c8a94f14}.reference-battle-lobby h3{margin:5px 0 3px;font-size:22px}.reference-battle-lobby p{color:#a1bdc0;margin:0;font-size:12px}.reference-battle-start{width:auto;min-width:130px;margin-top:0}.reference-battle-toolbar{color:#85aab0;align-items:center;gap:9px;min-height:36px;padding:0 2px;font-size:11px;display:flex}.reference-battle-id{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.reference-battle-id b{color:#c9b15c;font-weight:500}.reference-battle-toolbar label{white-space:nowrap;align-items:center;gap:5px;display:flex}.reference-battle-toolbar input{accent-color:#d7b953}.reference-battle-layout{grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);gap:12px;display:grid}.reference-battle-arena,.reference-battle-command{background:#0d3243;border:1px solid #285a6a;border-radius:8px;min-width:0;padding:14px}.reference-battle-side-heading{color:#d8c36e;border-bottom:1px solid #245364;justify-content:space-between;align-items:center;padding-bottom:8px;font-size:12px;display:flex}.reference-battle-side-heading small{color:#7ba5ac;font-size:10px}.enemy-heading{color:#d69b86;margin-top:15px}.reference-battle-unit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-top:9px;display:grid}.reference-unit{color:#fff;text-align:left;background:#123c4d;border:1px solid #2b6472;border-radius:6px;grid-template-rows:auto auto;grid-template-columns:30px minmax(0,1fr);align-items:center;column-gap:8px;min-width:0;padding:9px 8px;display:grid}.reference-unit:hover,.reference-unit.is-selected{background:#194652;border-color:#d4b04e}.reference-unit.is-active{box-shadow:inset 3px 0 #62d1b1}.reference-unit.is-dead{filter:grayscale(.7);opacity:.48}.reference-unit-avatar{color:#e4c65d;background:#1a4a57;border:1px solid #5e8f8e;border-radius:8px;grid-row:1/3;place-items:center;width:30px;height:30px;font-size:13px;font-weight:800;display:grid}.reference-unit-copy{justify-content:space-between;gap:3px;min-width:0;display:flex}.reference-unit-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.reference-unit-copy small{color:#7ba7ad;white-space:nowrap;font-size:9px}.reference-unit-bars{grid-template-columns:1fr auto;align-items:center;gap:2px 5px;min-width:0;margin-top:5px;display:grid}.reference-unit-bars i{background:#082431;border-radius:3px;height:4px;display:block;overflow:hidden}.reference-unit-bars i b{background:#65d2a9;border-radius:3px;height:100%;display:block}.reference-unit-bars i.mp b{background:#67bad5}.reference-unit-bars small{color:#789ba2;white-space:nowrap;font-size:8px}.reference-battle-vs{color:#799da4;align-items:center;gap:5px;padding:11px 0 1px;font-size:9px;display:flex}.reference-battle-vs span:not(:first-child){color:#b4cdca;background:#102f3e;border:1px solid #356a73;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.reference-battle-vs span.is-current{color:#f0ce6b;border-color:#e3bf58;box-shadow:0 0 0 2px #e3bf581b}.reference-battle-vs span.is-dead{opacity:.35}.reference-battle-command{flex-direction:column;gap:11px;display:flex}.reference-command-heading{color:#e4c661;border-bottom:1px solid #245364;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.reference-command-heading strong{color:#fff;margin-top:4px;font-size:16px;display:block}.reference-command-label{color:#8eafb3;flex-direction:column;gap:5px;font-size:10px;display:flex}.reference-command-label select{color:#d9e9e7;background:#092b3b;border:1px solid #326777;border-radius:5px;outline:none;height:36px;padding:0 9px;font-size:11px}.reference-command-label select:focus{border-color:#d4b04e}.reference-command-action{margin-top:2px}.reference-command-result{color:#e3c661;text-align:center;flex-direction:column;align-items:center;gap:6px;padding:20px 8px;display:flex}.reference-command-result strong{color:#fff;font-size:18px}.reference-command-result small{color:#8eafb3;font-size:10px}.reference-battle-log{border-top:1px solid #245364;min-height:150px;overflow:hidden}.reference-log-heading{color:#c8ae59;justify-content:space-between;padding:10px 0 6px;font-size:11px;display:flex}.reference-log-heading small{color:#6f959d;font-size:9px}.reference-battle-log p{color:#9eb9bb;text-overflow:ellipsis;white-space:nowrap;margin:0;padding:3px 0;font-size:10px;overflow:hidden}.battle-mode-card.is-open{border-color:#3b7d77}.battle-mode-card.is-open .battle-mode-status{color:#78d4b0}.battle-mode-detail-status.is-open{color:#83d5b1;background:#143f46;border-color:#3a8c79}@media (width<=620px){.reference-battle-header{grid-template-columns:auto minmax(0,1fr)}.reference-battle-state{grid-column:2;justify-self:start}.reference-battle-lobby{grid-template-columns:auto minmax(0,1fr)}.reference-battle-start{grid-column:1/-1;width:100%}.reference-battle-layout{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.reference-unit{transition:none}.battle-mode-card{transition:none;animation:none}}.ranking-view{gap:12px}.ranking-heading-actions{gap:6px;display:flex}.ranking-board-tabs,.ranking-category-tabs{gap:6px;display:flex;overflow-x:auto}.ranking-board-tabs{background:#0a2d3c;border:1px solid #28596a;border-radius:6px;padding:3px}.ranking-board-tabs button,.ranking-category-tabs button{color:#7fa4ab;white-space:nowrap;background:0 0;border-radius:4px;justify-content:center;align-items:center;gap:5px;min-height:34px;padding:0 12px;font-size:11px;display:flex}.ranking-board-tabs button{flex:1}.ranking-board-tabs button.active,.ranking-category-tabs button.active{color:#f5d16c;background:#315d68}.ranking-category-tabs{padding-bottom:2px}.ranking-category-tabs button{background:#0d3243;border:1px solid #28596a}.ranking-category-tabs button:disabled{cursor:not-allowed;color:#5f7d85;opacity:.7}.ranking-panel{background:#0e3546;border:1px solid #2c5968;border-radius:7px;padding:14px}.ranking-panel-title{color:#e6c05f;border-bottom:1px solid #245467;justify-content:space-between;align-items:center;gap:12px;padding-bottom:9px;display:flex}.ranking-panel-title h4{color:#f1e4b8;margin:5px 0 0;font-size:15px}.ranking-list{flex-direction:column;gap:5px;margin-top:9px;display:flex}.ranking-row{background:#123b4a;border:1px solid #245467;border-radius:5px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:49px;padding:7px 8px;display:grid}.ranking-row>span{flex-direction:column;gap:3px;min-width:0;display:flex}.ranking-row b{color:#e4e9d9;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.ranking-row small{color:#7fa3ab;font-size:9px}.ranking-row em{color:#d6ba5d;font-size:9px;font-style:normal}.rank-number,.rank-medal{color:#86aab0;text-align:center;font-size:11px;font-weight:700}.rank-medal-1{color:#f3d36e}.rank-medal-2{color:#c1d2d2}.rank-medal-3{color:#cf9b6c}.ranking-note{color:#6f969e;margin:11px 0 0;font-size:10px;line-height:1.6}.ranking-loading,.ranking-empty{color:#7fa3ab;text-align:center;border:1px dashed #315e6d;border-radius:7px;justify-items:center;gap:8px;min-height:170px;padding:25px 12px;font-size:11px;display:grid}.ranking-empty strong{color:#bbc9c7;font-size:12px}.talent-reference-page{padding-bottom:12px}.talent-heading{align-items:flex-end}.talent-heading-actions{align-items:center;gap:6px;display:flex}.talent-count-chip,.talent-rule-label{color:#f2cd64;white-space:nowrap;background:#113b49;border:1px solid #456f76;border-radius:5px;padding:5px 8px;font-size:10px}.talent-summary-card{background:linear-gradient(120deg,#123f50,#103448);border:1px solid #356872;border-radius:8px;align-items:flex-start;gap:11px;padding:13px;display:flex}.talent-summary-icon{color:#f1cb5e;background:#25495a;border:1px solid #b89445;border-radius:8px;flex:none;place-items:center;width:34px;height:34px;display:grid}.talent-summary-card strong{font-size:13px;display:block}.talent-summary-card p,.talent-summary-card small,.talent-section-note,.talent-footnote{color:#8fb2b7;margin:5px 0 0;font-size:11px;line-height:1.55;display:block}.talent-summary-card small{color:#6f9aa2}.talent-tabs{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.talent-tabs button{color:#83adb4;white-space:nowrap;background:#0d3243;border:1px solid #295b6b;border-radius:5px;align-items:center;gap:5px;padding:8px 10px;font-size:11px;display:inline-flex}.talent-tabs button span{color:#628c95;font-size:10px}.talent-tabs button.active{color:#ffe896;background:#72592f;border-color:#d0ac50}.talent-tabs button.active span{color:#ffe896}.talent-section{flex-direction:column;gap:9px;display:flex}.talent-conversion-groups{flex-direction:column;gap:7px;display:flex}.talent-conversion-group{background:#0d3243;border:1px solid #27596a;border-radius:7px;padding:10px}.talent-conversion-group h4{color:#f0cb61;align-items:baseline;gap:7px;margin:0 0 8px;font-size:13px;display:flex}.talent-conversion-group h4 small{color:#729da5;font-size:10px;font-weight:400}.talent-node-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.talent-node-card{background:#103a4a;border:1px solid #285b6a;border-radius:6px;flex-direction:column;justify-content:space-between;gap:6px;min-width:0;min-height:108px;padding:9px 8px 7px;display:flex;position:relative}.talent-node-main{flex-direction:column;gap:3px;min-width:0;display:flex}.talent-node-main strong,.talent-node-main small,.talent-node-main em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.talent-node-main strong{color:#d8eee8;font-size:11px}.talent-node-main small{color:#f1c85b;font-size:10px}.talent-node-main em{color:#7199a1;font-size:9px;font-style:normal}.talent-level-control{color:#b3cdca;justify-content:space-between;align-items:center;gap:3px;font-size:10px;display:flex}.talent-level-control button{color:#789da2;cursor:not-allowed;opacity:.65;background:#0c2d3d;border:1px solid #355f69;border-radius:4px;place-items:center;width:20px;height:20px;display:grid}.talent-lock{color:#789ca2;position:absolute;top:7px;right:7px}.talent-direct-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.talent-direct-card{background:#0e3546;border:1px solid #28596a;border-radius:7px;padding:11px}.talent-direct-heading,.talent-direct-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.talent-direct-heading strong{color:#f4d16b;font-size:13px}.talent-direct-heading span,.talent-direct-meta{color:#7ca3aa;font-size:10px}.talent-direct-card p{color:#bfd7d1;min-height:32px;margin:8px 0;font-size:11px;line-height:1.45}.talent-readonly-button{color:#789da3;background:#0b2c3b;border:1px solid #315e68;border-radius:5px;justify-content:center;align-items:center;gap:5px;width:100%;margin-top:9px;padding:7px 8px;font-size:10px;display:flex}.talent-footnote{color:#648d96}@media (width<=600px){.talent-heading,.talent-heading-actions{align-items:flex-start}.talent-heading{flex-direction:column;gap:8px}.talent-heading-actions{justify-content:flex-end;width:100%}.talent-node-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=420px){.ranking-heading-actions .small-button{padding:0 7px}.ranking-row{grid-template-columns:30px minmax(0,1fr) auto}}.role-list{flex-direction:column;gap:7px;margin:12px 0;display:flex}.role-option{background:#0d3243;border:1px solid #2d6372;border-radius:6px;align-items:center;gap:10px;padding:11px 12px;display:flex}.role-option>div:first-child{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.role-option strong{font-size:13px}.role-option small{color:#83a7ae;font-size:10px}.role-actions{gap:6px;display:flex}.role-enter-button,.role-delete-button{color:#f5d271;background:#4b3c25;border:1px solid #8f7542;border-radius:5px;padding:6px 10px;font-size:11px}.role-delete-button{color:#e1a19b;background:#3e2b32;border-color:#71484b}.role-delete-button.confirm{min-width:88px}.role-create-block{border-top:1px solid #285568;margin-top:4px;padding-top:4px}.profession-picker{border:0;min-width:0;margin:15px 0 0;padding:0}.profession-picker legend{color:#9db7bd;width:100%;margin-bottom:8px;font-size:12px}.profession-picker legend span{float:right;color:#5f8791;font-size:9px}.profession-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.profession-card{color:#fff;background:#0a2e3f;border:1px solid #2c5c6c;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:8px 5px;display:flex;position:relative}.profession-card:hover{border-color:#87723f}.profession-card.selected{background:linear-gradient(#174655,#4d3d25);border-color:#dfb655;box-shadow:inset 0 -2px #d85547}.profession-card .game-asset{width:52px;height:60px}.profession-card-copy{flex-direction:column;align-items:center;width:100%;min-width:0;display:flex}.profession-card strong{font-size:11px}.profession-card small{color:#759da5;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:2px;font-size:8px;overflow:hidden}.profession-card i{color:#16323c;background:#d4aa4c;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;top:4px;right:4px}.profession-summary{background:#0a2c3b;border-left:2px solid #d1a94d;grid-template-columns:auto auto 1fr;align-items:center;gap:7px;margin-top:8px;padding:8px 10px;font-size:10px;display:grid}.profession-summary span{color:#edc865}.profession-summary b{color:#a9c4c5}.profession-summary small{color:#6f939c;text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=390px){.profession-grid{grid-template-columns:repeat(2,1fr)}}.delete-dialog-backdrop{z-index:40;background:#03151dcc;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.delete-dialog{background:linear-gradient(#163c4a,#102e3c);border:1px solid #835151;border-radius:8px;width:min(360px,100%);padding:20px;box-shadow:0 18px 50px #0009}.delete-dialog>strong{color:#f0c96a;font-size:15px;display:block}.delete-dialog>p{color:#a9bec0;margin:8px 0 14px;font-size:11px;line-height:1.7}.delete-dialog-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.delete-dialog-actions .gateway-logout{margin:0;padding:0 13px}.profession-preview{background:linear-gradient(105deg,#163f4c,#2f3a2c);border:1px solid #8b713e;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;margin-top:9px;padding:8px 10px;display:grid}.profession-preview-art{width:42px;height:48px}.profession-preview>div{flex-direction:column;gap:2px;min-width:0;display:flex}.profession-preview strong{font-size:12px}.profession-preview small{color:#8fb2b3;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.profession-preview-mark{color:#16323c;background:#d8ae53;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.gateway-server-list{gap:10px;display:grid}.gateway-server-button{width:100%;font:inherit;text-align:left;cursor:pointer}.gateway-server-button:hover:not(:disabled){background:#123e4d;border-color:#b48b3e}.gateway-server-button:disabled{cursor:wait;opacity:.72}.gateway-back{margin-top:12px}.rebirth-offer{flex-direction:column;gap:6px;margin:0;display:flex}.rebirth-offer div{align-items:baseline;gap:8px;display:flex}.rebirth-offer dt{color:#8fd0e2;white-space:nowrap;margin:0}.rebirth-offer dd{color:#fff;margin:0}.rebirth-dialog-actions{justify-content:flex-end;gap:8px;display:flex}.rebirth-dialog-actions button{color:#f0ca63;background:#0a3344;border:1px solid #efc056;min-width:72px;height:32px}.rebirth-dialog-actions button:disabled{opacity:.55}.character-reference{gap:8px}.character-reference-nav{align-items:stretch;gap:4px;display:flex}.character-reference-nav .character-section-tabs{flex:1}.character-reference-nav .character-section-tabs button{height:38px}.character-enhance-tab{color:#f0ca63;background:#0a3344;border:1px solid #2b5c6b;justify-content:center;align-items:center;gap:4px;min-width:58px;font-size:11px;display:flex}.character-enhance-tab.active,.character-enhance-tab:hover{color:#fff;background:#b14f42;border-color:#efc056}.reference-panel{color:#fff;background:#3e7889;border:3px solid #163f50;flex-direction:column;gap:0;display:flex;overflow:hidden}.reference-role-row{background:#3c7586;border-bottom:2px solid #1b4d61;grid-template-columns:55px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:57px;padding:6px 8px;display:grid}.reference-panel .reference-role-avatar{background:#8592b6;border-color:#a7b1ca;width:48px;height:48px}.reference-role-avatar .game-asset-fallback{font-size:23px}.reference-role-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.reference-role-copy strong{font-size:14px}.reference-role-copy span{color:#c3d7d9;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.reference-select-button,.reference-wide-row button,.reference-stat-cell button{color:#fff;background:#0a3850;border:1px solid #17445a;font-size:11px}.reference-select-button{padding:7px 9px}.reference-summary-grid{border-bottom:1px solid #215267;grid-template-columns:1fr 1fr;display:grid}.reference-value{border-bottom:1px solid #215267;justify-content:space-between;align-items:center;min-height:39px;padding:0 10px;display:flex}.reference-value:nth-child(odd){border-right:1px solid #215267}.reference-label{color:#ffd53d;white-space:nowrap;font-size:12px;font-weight:600}.reference-value strong,.reference-wide-row strong{font-size:13px;font-weight:500}.accent-value,.reference-wide-row em{color:#fff}.reference-wide-row{border-bottom:1px solid #215267;grid-template-columns:94px minmax(0,1fr) auto auto;align-items:center;gap:7px;min-height:39px;padding:0 10px;display:grid}.reference-wide-row em{color:#ffe032;font-style:normal;font-weight:700}.reference-wide-row button{min-width:48px;height:31px}.reference-stat-grid{flex-direction:column;display:flex}.reference-stat-row{border-bottom:1px solid #215267;grid-template-columns:1fr 1fr;min-height:40px;display:grid}.reference-stat-cell{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;padding:0 9px;display:grid}.reference-stat-cell:first-child{border-right:1px solid #215267}.reference-stat-cell strong{text-align:right;font-size:13px;font-weight:500}.reference-stat-cell button{place-items:center;width:31px;height:31px;font-size:16px;display:grid}.reference-stat-cell button svg{color:#d5e8e8}.muted-value{color:#b0cccf!important;font-size:10px!important;font-weight:400!important}.reference-section-heading{color:#ffd53d;border-bottom:1px solid #215267;align-items:center;min-height:39px;padding:0 10px;font-size:13px;font-weight:600;display:flex}.reference-extra-row{grid-template-columns:94px minmax(0,1fr) auto}.reference-extra-row button{place-items:center;width:31px;min-width:31px;display:grid}.reference-shortcuts{background:#2a6174;gap:5px;padding:7px;display:flex}.reference-shortcuts button{color:#d9e9e8;background:#235c6e;border:1px solid #4d8995;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;height:29px;font-size:10px;display:flex}.enhancement-menu{background:#3e7889;border:3px solid #163f50;flex-direction:column;gap:10px;padding:10px 8px;display:flex}.enhancement-group h3{color:#0a2b3d;justify-content:center;align-items:center;margin:0 0 7px;font-size:13px;font-weight:700;display:flex;position:relative}.enhancement-group h3:before,.enhancement-group h3:after{content:"";background:linear-gradient(90deg,#0000,#225164);flex:1;height:1px}.enhancement-group h3:after{background:linear-gradient(90deg,#225164,#0000)}.enhancement-group h3 span{padding:0 13px}.enhancement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px;display:grid}.enhancement-entry{color:#fff;background:#0b4055;border:1px solid #0d4055;justify-content:center;align-items:center;gap:8px;min-height:58px;font-size:13px;display:flex;position:relative}.enhancement-entry:hover{background:#10566a;border-color:#f0c755}.enhancement-entry.locked{color:#8fb5bb;background:#164b5d}.enhancement-icon{color:#f1cb61;place-items:center;display:grid}.enhancement-lock{color:#7faab3;position:absolute;right:7px}@media (width<=520px){.reference-panel{border-width:2px}.reference-role-row{grid-template-columns:48px minmax(0,1fr) auto;padding:5px}.reference-panel .reference-role-avatar{width:42px;height:42px}.reference-label{font-size:11px}.reference-value,.reference-wide-row,.reference-stat-cell{padding-left:7px;padding-right:7px}.reference-wide-row{grid-template-columns:78px minmax(0,1fr) auto auto}.reference-extra-row{grid-template-columns:78px minmax(0,1fr) auto}.reference-shortcuts button{font-size:9px}.enhancement-menu{padding:8px 5px}.enhancement-grid{gap:3px 5px}.enhancement-entry{min-height:53px;font-size:12px}}.character-workbench{gap:10px}.role-dossier{background:linear-gradient(110deg,#113f50,#0d3042 62%,#183b45);border:1px solid #3a6975;grid-template-columns:76px minmax(0,1fr) 54px;align-items:center;gap:15px;min-height:142px;padding:18px;display:grid;position:relative;overflow:hidden}.role-dossier:after{content:"角色志";color:#fff04;letter-spacing:8px;pointer-events:none;font-family:STKaiti,KaiTi,serif;font-size:62px;position:absolute;bottom:-7px;right:70px}.game-asset{color:#e5c265;background:linear-gradient(145deg,#194c5b,#0b2c3c);border:1px solid #4d7d87;place-items:center;width:46px;height:46px;display:grid;position:relative;overflow:hidden}.game-asset img{object-fit:contain;width:100%;height:100%}.game-asset-fallback{font-family:STKaiti,KaiTi,serif;font-size:23px;font-weight:700}.role-portrait{border-color:#b8954c;width:76px;height:96px;box-shadow:inset 0 0 0 4px #061f2b,0 7px 18px #00151e99}.role-portrait .game-asset-fallback{font-size:38px}.role-dossier-copy{z-index:1;min-width:0;position:relative}.role-name-line{align-items:center;gap:8px;margin:7px 0 3px;display:flex}.role-name-line h2{letter-spacing:1px;margin:0;font-family:STKaiti,KaiTi,serif;font-size:25px}.membership-badge,.header-membership{color:#91a9af;white-space:nowrap;background:#173743;border:1px solid #607985;align-items:center;gap:3px;font-size:9px;display:inline-flex}.membership-badge{padding:3px 6px}.membership-badge.tier-regular,.header-membership.tier-regular{color:#f0d56a;background:#4a3a12;border-color:#c9a227}.membership-badge.tier-super,.header-membership.tier-super{color:#ffe083;background:#5a4020;border-color:#cfa64a}.membership-badge.tier-small_dragon,.header-membership.tier-small_dragon{color:#9fe9e5;background:#174d57;border-color:#64aeb4}.membership-badge.tier-great_dragon,.header-membership.tier-great_dragon{color:#ffe083;background:#5a4020;border-color:#cfa64a}.role-dossier-copy p{color:#a4bec0;margin:0;font-size:12px}.role-dossier-copy p b{color:#d8b559;padding:0 5px}.role-dossier-tags{flex-wrap:wrap;gap:5px;margin-top:13px;display:flex}.role-dossier-tags span{color:#94b2b5;background:#123645;border-left:2px solid #b89649;padding:3px 6px;font-size:9px}.role-level-seal{z-index:1;color:#e8c466;clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%);background:#102c38;border:1px solid #b89449;flex-direction:column;justify-content:center;align-items:center;width:50px;height:64px;display:flex;position:relative}.role-level-seal small{letter-spacing:1px;font-size:8px}.role-level-seal strong{font-size:18px}.character-section-tabs{background:#0b2d3d;border:1px solid #2b5c6b;grid-template-columns:repeat(3,1fr);display:grid}.character-section-tabs button{color:#7fa3ab;background:0 0;justify-content:center;align-items:center;gap:6px;height:42px;font-size:12px;display:flex}.character-section-tabs button+button{border-left:1px solid #2b5c6b}.character-section-tabs button.active{color:#fff;background:#b14f42;box-shadow:inset 0 -2px #efc05d}.character-panel{background:#0c3041;border:1px solid #285968;flex-direction:column;gap:12px;padding:14px;display:flex}.panel-title-line{justify-content:space-between;align-items:center;display:flex}.panel-title-line h3{margin:3px 0 0;font-size:16px}.character-system-grid{margin-top:1px}.equipment-section-tabs{background:#082937;gap:5px;padding:4px;display:flex}.equipment-section-tabs button{color:#779da5;background:0 0;border:1px solid #0000;flex:1;height:32px;font-size:11px}.equipment-section-tabs button.active{color:#ffdc78;background:#5b4728;border-color:#aa8a45}.equipment-board{min-height:180px;padding:5px;position:relative}.loadout-sigil{z-index:0;color:#d1ad53;background:#0a2b39;border:1px solid #3c7180;flex-direction:column;justify-content:center;align-items:center;width:82px;height:82px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 0 7px #133f4d}.loadout-sigil>*{transform:rotate(-45deg)}.loadout-sigil span{white-space:nowrap;max-width:62px;margin-top:4px;font-family:STKaiti,KaiTi,serif;font-size:12px;overflow:hidden}.equipment-slot-grid{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 116px;display:grid;position:relative}.equipment-slot{color:#fff;background:#103747;border:1px solid #2c5d6b;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:59px;padding:6px;display:grid}.equipment-slot:nth-child(odd){text-align:left}.equipment-slot:nth-child(2n){text-align:right;grid-template-columns:auto minmax(0,1fr) 46px}.equipment-slot:nth-child(2n)>.game-asset{grid-column:3}.equipment-slot:nth-child(2n)>.equipment-slot-copy{grid-area:1/2}.equipment-slot:nth-child(2n)>button{grid-area:1/1}.equipment-slot.filled{background:linear-gradient(100deg,#173e49,#463b27);border-color:#8d7440}.equipment-slot-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.equipment-slot-copy small{color:#cfad5c;font-size:9px}.equipment-slot-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.equipment-slot-copy span{color:#70969e;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.equipment-slot button{color:#d79a83;background:#3d2d2b;border:1px solid #72584a;padding:4px 5px;font-size:8px}.loadout-count{color:#e5c05d;border:1px solid #9e8040;padding:4px 8px;font-size:11px}.panel-note{color:#7599a0;margin:0;font-size:10px;line-height:1.7}.relic-panel .equipment-slot-grid{grid-template-columns:minmax(260px,420px);justify-content:center}.relic-panel .equipment-slot{text-align:left;grid-template-columns:52px minmax(0,1fr) auto}.relic-panel .equipment-slot>.game-asset{grid-column:1}.relic-panel .equipment-slot>.equipment-slot-copy{grid-column:2}.relic-panel .equipment-slot>button{grid-column:3}.relic-panel .loadout-sigil{display:none}.relic-panel .equipment-board{min-height:0}.header-name-line{align-items:center;gap:6px;display:flex}.header-name-line strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.header-membership{padding:2px 4px}@media (width<=620px){.equipment-slot-grid{gap:5px 80px}.loadout-sigil{width:58px;height:58px;box-shadow:0 0 0 4px #133f4d}.loadout-sigil svg{width:17px}.loadout-sigil span{max-width:48px;font-size:9px}.equipment-slot{grid-template-columns:39px minmax(0,1fr);min-height:53px}.equipment-slot>.game-asset{width:39px;height:39px}.equipment-slot>button{display:none}.equipment-slot:nth-child(2n){grid-template-columns:minmax(0,1fr) 39px}.equipment-slot:nth-child(2n)>.game-asset{grid-column:2}.equipment-slot:nth-child(2n)>.equipment-slot-copy{grid-column:1}.equipment-slot-copy span{display:none}}@media (width<=420px){.role-dossier{grid-template-columns:60px minmax(0,1fr);padding:14px}.role-portrait{width:60px;height:78px}.role-level-seal{width:38px;height:48px;position:absolute;top:10px;right:10px}.role-dossier-copy{padding-right:34px}.role-name-line{flex-direction:column;align-items:flex-start;gap:3px}.role-dossier-tags span:nth-child(n+3){display:none}.equipment-slot-grid{gap:4px 58px}.equipment-slot{padding:4px}.equipment-slot-copy small{font-size:8px}.equipment-slot-copy strong{font-size:10px}.game-asset-fallback{font-size:18px}}@media (prefers-reduced-motion:no-preference){.character-panel{animation:.18s ease-out character-panel-in}@keyframes character-panel-in{0%{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}}.panel-title-line{gap:8px}.equipment-score{color:#e4bd5c;white-space:nowrap;margin-left:auto;font-size:10px}.loadout-profile-tabs{gap:5px;padding:4px 0 0;display:flex;overflow:auto}.loadout-profile-tabs button{color:#759ba4;background:#0a2b39;border:1px solid #285b6b;min-width:58px;height:27px;font-size:10px}.loadout-profile-tabs button.active{color:#f4d375;background:#4b3a25;border-color:#be9948}.formation-panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:1rem}.formation-summary{align-items:center;gap:.8rem;display:flex}.formation-summary .growth-copy{flex:1}.formation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.formation-card{border:1px solid var(--line);background:#0c1f3280;border-radius:8px;min-width:0;padding:.9rem}.formation-card.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px #4fd5b538}.formation-card.locked{opacity:.72}.formation-card-heading{align-items:center;gap:.55rem;display:flex}.formation-card-heading>div{flex:1;min-width:0}.formation-card-heading strong,.formation-card-heading small{display:block}.formation-card-heading small{color:var(--muted);margin-top:.18rem}.formation-icon{width:2rem;height:2rem;color:var(--gold);background:#d4a84e1f;border-radius:6px;place-items:center;display:grid}.formation-card p{min-height:2.7rem;color:var(--muted);line-height:1.5}.formation-meta{color:var(--text);justify-content:space-between;gap:.5rem;margin-bottom:.55rem;font-size:.78rem;display:flex}.formation-footnote{color:var(--muted);font-size:.8rem}@media (width<=640px){.formation-grid{grid-template-columns:1fr}.formation-meta{flex-direction:column}}