:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#e5e5db;background:#111512;font-synthesis:none;--bg: #111512;--panel: #191e19;--gold: #c8aa70;--line: rgba(198, 184, 147, .13);--muted: #7e887f;--serif: "Songti SC", "STSong", "Noto Serif CJK SC", "SimSun", serif}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button{transition:background .18s,border-color .18s,transform .18s,color .18s}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:hover:not(:disabled){color:#e5c98e}input{color:#e6e6df}input:focus{outline:none}::selection{background:#715e36;color:#fff}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#454a3c;border-radius:6px}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:220px;background:#131814;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:30;padding:34px 20px 0}.brand{display:flex;gap:11px;align-items:center}.brand-mark{font-family:var(--serif);font-size:32px;font-weight:700;color:#d2b67f;border:1px solid #aa8d55;width:47px;height:49px;display:grid;place-items:center;position:relative;transform:rotate(-4deg);background:#2b2b1d}.brand-mark:after{content:"";position:absolute;inset:3px;border:1px solid #8b7545}.brand h1{font-family:var(--serif);font-size:21px;letter-spacing:1px;margin:0 0 7px;font-weight:600;white-space:nowrap}.brand h1 span{font-size:14px;color:#b5a986;letter-spacing:0}.brand small{font-size:8px;color:#6d776c;letter-spacing:1px;white-space:nowrap}.nav-caption{font-size:10px;color:#626e62;letter-spacing:3px;margin:50px 13px 18px}nav{display:flex;flex-direction:column;gap:9px}nav button{height:48px;padding:0 16px;display:flex;align-items:center;gap:14px;text-align:left;color:#929b90;font-size:14px;border:1px solid transparent;border-radius:4px}nav button.active{color:#dbc18d;background:linear-gradient(90deg,#343426,#2f30226b);border-color:#494734}nav button.active:before{content:"";width:2px;height:23px;background:#cbb078;position:absolute;left:20px}.nav-dot{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#c5ab74}.sidebar-art{position:relative;flex:1;min-height:140px;max-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;opacity:.55}.sidebar-art>span{writing-mode:vertical-rl;font-family:var(--serif);font-size:24px;color:#4c5848;letter-spacing:9px;z-index:1}.sidebar-art i{font-family:var(--serif);font-size:11px;letter-spacing:5px;color:#58634d;font-style:normal;margin-top:17px;z-index:1}.mountains{position:absolute;font-family:var(--serif);font-size:190px;color:#273027;transform:scaleX(1.6);bottom:-60px;opacity:.4}.sidebar-bottom{margin-top:auto}.offline-status{display:flex;gap:9px;align-items:center;padding:18px 5px;font-size:11px;color:#7f8b77;border-bottom:1px solid var(--line)}.offline-status>i,.offline-pill>span{width:5px;height:5px;background:#849778;border-radius:50%}.offline-status svg{margin-left:auto}.profile{display:flex;align-items:center;text-align:left;width:100%;gap:10px;padding:22px 0}.profile-avatar{font-family:var(--serif);font-size:20px;width:35px;height:35px;border-radius:50%;background:#34382b;border:1px solid #54543b;display:grid;place-items:center;color:#c9b584}.profile b{font-size:12px;font-weight:500;display:block;margin-bottom:5px}.profile small{font-size:9px;color:#6e796c;display:block}.profile>svg{margin-left:auto;color:#6e796c}.workspace{margin-left:220px}.topbar{height:74px;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between;background:#141915}.breadcrumb{display:flex;gap:14px;align-items:center;font-size:12px;color:#747e73}.breadcrumb strong{font-size:12px;font-weight:400;color:#c4c9bd}.topbar-right{display:flex;gap:20px;align-items:center;color:#929c8b}.offline-pill{display:flex;align-items:center;gap:8px;font-size:11px}.separator{height:14px;width:1px;background:var(--line);margin:0 1px}.icon-btn{display:grid;place-items:center;padding:3px;color:#90998a}.mobile-menu{display:none}.main-content,.battle-content{padding:32px 38px 0;max-width:1670px;margin:auto}.welcome-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{font-size:9px;letter-spacing:2.6px;color:#8c947f;display:block;font-weight:500}.welcome-row h2,.page-title h2{font-family:var(--serif);font-weight:600;font-size:29px;letter-spacing:2px;margin:10px 0 9px}.heading-period{color:var(--gold)}.welcome-row p,.page-title>p{margin:0;color:#7f897c;font-size:12px;letter-spacing:1px}.date-seal{border:1px solid #625b40;padding:7px 5px;color:#ad9970;writing-mode:vertical-rl;display:flex;gap:5px;font-family:var(--serif);font-size:10px;line-height:1.3;opacity:.8}.date-seal b{font-weight:500}.hero-banner{height:370px;position:relative;overflow:hidden;border:1px solid #4c4a34;border-radius:5px;background:#1c2923}.hero-banner>img{width:100%;height:100%;object-fit:cover;object-position:center 0%}.banner-shadow{position:absolute;inset:0;background:linear-gradient(90deg,#0f1712f7,#0f1712d4 26%,#0f17123d 62%,#0c120e14),linear-gradient(0deg,rgba(9,17,12,.5),transparent 30%)}.banner-content{position:absolute;inset:32px auto 25px 35px}.banner-kicker{display:flex;align-items:center;gap:9px;color:#c6b480;font-size:11px;letter-spacing:2px}.banner-kicker i{width:18px;height:1px;background:#bda56c}.banner-content h2{font-family:var(--serif);font-size:49px;line-height:1.29;font-weight:600;letter-spacing:6px;margin:17px 0 12px;color:#eee8d3;text-shadow:0 2px 10px #0002}.banner-content h2 span{color:#c7a86d}.banner-content p{font-size:11px;line-height:1.9;color:#a1ab98;letter-spacing:1px;margin:0 0 18px}.primary{background:linear-gradient(110deg,#d7bc85,#bb985c);color:#25281d!important;font-size:12px;font-weight:600;border:1px solid #d8bc81;border-radius:3px;padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:42px;box-shadow:0 3px 14px #0001}.primary:hover:not(:disabled){background:linear-gradient(100deg,#e4cc9b,#ceb079);box-shadow:0 4px 18px #ba995322;transform:translateY(-1px)}.banner-cta{min-width:175px;gap:13px}.banner-cta>svg:last-child{margin-left:12px}.banner-foot{display:flex;gap:19px;margin-top:16px;font-size:9px;color:#858f7d}.banner-foot>span{display:flex;align-items:center;gap:5px}.banner-character{position:absolute;right:28px;bottom:43px;writing-mode:vertical-rl;display:flex;gap:13px;align-items:center;text-shadow:0 3px 6px #000}.banner-character b{font-family:var(--serif);font-size:29px;letter-spacing:8px;color:#e2d9bc}.banner-character span{font-family:var(--serif);font-size:10px;letter-spacing:3px;color:#b4b49c}.banner-pagination{position:absolute;bottom:16px;left:50%;display:flex;gap:5px}.banner-pagination b{width:20px;height:3px;background:#d0b17d}.banner-pagination i{width:5px;height:3px;background:#b7baa355}.home-grid{display:grid;grid-template-columns:1.85fr 1fr;gap:26px;margin-top:27px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:12px}.section-heading h3{margin:0;font-family:var(--serif);font-size:17px;font-weight:600;display:flex;gap:9px;align-items:center;letter-spacing:1px}.section-stroke{display:inline-block;width:3px;height:15px;background:#c5aa73}.small{font-size:10px}.muted{color:var(--muted)}.mode-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mode-card{background:linear-gradient(140deg,#20261f,#191e19);border:1px solid var(--line);border-radius:4px;text-align:left;padding:22px 18px 14px;position:relative;overflow:hidden}.mode-card.selected{border-color:#8b7a50;background:linear-gradient(130deg,#333629,#22271f)}.mode-card>svg{color:#b9ac83;margin-bottom:13px;stroke-width:1.3}.mode-num{position:absolute;right:15px;top:13px;font-family:var(--serif);font-size:31px;font-style:italic;color:#66705a30}.mode-card h4{font-family:var(--serif);font-size:17px;letter-spacing:1px;margin:0 0 8px;font-weight:500}.mode-card p{font-size:10px;color:#7e8878;margin:0;white-space:nowrap}.mode-bottom{font-size:7px;letter-spacing:1.8px;color:#65725f;border-top:1px solid #83867116;display:flex;align-items:center;justify-content:space-between;margin-top:17px;padding-top:11px}.check-circle{display:grid;place-items:center;background:#bfa66f;color:#252d1e;border-radius:50%;width:14px;height:14px}.difficulty-row{display:flex;align-items:center;gap:16px;margin-top:17px}.difficulty-row>div:first-child{display:flex;gap:7px;align-items:center;font-size:10px;color:#a1aa95}.difficulty-row b{font-weight:400}.segmented{display:flex;padding:3px;background:#101511;border:1px solid #363d30;border-radius:4px;gap:3px}.segmented button{font-size:10px;padding:5px 13px;color:#89947e;display:flex;justify-content:center;gap:5px;align-items:center;border:1px solid transparent;border-radius:2px}.segmented button.selected{background:#343a2c;color:#d2bc87;border-color:#575b3b}.difficulty-desc{font-size:9px;color:#69765f}.journey-panel{border:1px solid var(--line);background:linear-gradient(130deg,#1d231c,#181e18);padding:19px 20px 0;border-radius:4px;align-self:stretch;margin-top:0;display:flex;flex-direction:column}.journey-panel .section-heading{margin-bottom:20px}.journey-panel .section-heading h3{font-size:15px}.journey-panel .section-heading>svg{color:#7f876a}.stats{display:grid;grid-template-columns:repeat(3,1fr);padding:8px 0 24px}.stats>div{display:flex;align-items:center;flex-direction:column;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stats strong{font-family:Georgia,serif;font-size:30px;font-weight:400;color:#ddd2b6}.stats strong small{font-size:15px;margin-left:2px}.stats>div>span{font-size:9px;color:#7a8570;margin-top:8px}.journey-bottom{display:flex;align-items:center;border-top:1px solid var(--line);padding:20px 0;margin-top:auto;gap:10px}.journey-icon{width:32px;height:35px;display:grid;place-items:center;color:#9b956c;background:#2b3224;border:1px solid #424a34;border-radius:3px}.journey-bottom b{font-size:10px;font-weight:400;color:#bbbfa6}.journey-bottom p{font-size:9px;color:#6f7b66;margin:6px 0 0}.journey-bottom button{margin-left:auto;color:#929c7a}.featured{margin-top:30px}.heading-inline{display:flex;gap:16px;align-items:center}.text-btn{display:inline-flex;gap:8px;align-items:center;font-size:11px;color:#b4a578;padding:0}.count-badge{font-size:8px;padding:2px 5px;background:#30372a;color:#b6b595;border-radius:3px}.featured-heroes{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.hero-tile{position:relative;display:block;width:100%;height:219px;border:1px solid #686044;border-radius:4px;overflow:hidden;padding:0;background:#263026;text-align:left}.portrait{position:absolute;inset:0;background-repeat:no-repeat;background-color:#263127;transition:transform .6s,filter .3s}.hero-tile:hover .portrait{transform:scale(1.055);filter:brightness(1.12)}.hero-tile:hover{border-color:#d4b677}.portrait-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0b120deb,transparent 60%),linear-gradient(90deg,transparent 50%,#0c160e22)}.seal{background:#222c27b3;border:1px solid var(--faction);color:var(--faction);width:24px;height:28px;display:inline-grid;place-items:center;font-family:var(--serif);font-size:16px;border-radius:1px;box-shadow:inset 0 0 0 2px #16231f;flex-shrink:0}.hero-tile>.seal{position:absolute;top:12px;left:12px;z-index:1}.hero-vertical{position:absolute;right:12px;bottom:48px;writing-mode:vertical-rl;font-family:var(--serif);font-weight:600;font-size:23px;letter-spacing:5px;text-shadow:1px 2px 5px #000;color:#f0e8d0}.tile-info{position:absolute;left:12px;bottom:14px;right:12px}.tile-info>span:first-child{font-size:8px;letter-spacing:1.5px;color:#b0b49c;display:block;margin-bottom:9px}.hp{display:flex;align-items:center;gap:3px;color:#b6ab76}.hp .empty{color:#5c624d}.tile-info .hp svg{width:10px;height:10px}.bottom-tip{display:flex;align-items:center;gap:9px;border:1px solid #343b2d;background:#1c241b;color:#8e9a80;padding:13px 15px;margin-top:19px;border-radius:3px;font-size:10px}.bottom-tip>svg{color:#b1a06e}.bottom-tip button{color:#b5a373;font-size:9px;display:flex;align-items:center;gap:5px;margin-left:9px}.version{margin-left:auto;font-size:8px;color:#586652}footer{display:flex;align-items:center;justify-content:center;gap:13px;font-size:8px;letter-spacing:2px;color:#515e4f;padding:25px 0 22px}footer span{border-left:1px solid #354030;padding-left:14px}.page-title{margin:6px 0 30px}.page-title h2{font-size:32px;margin:14px 0 12px}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:18px;gap:20px}.tabs{display:flex;align-self:stretch;gap:25px}.tabs button{padding:14px 0 18px;font-size:13px;color:#88937d;border-bottom:2px solid transparent;white-space:nowrap}.tabs button.active{color:#d8bf85;border-color:#c9ac74}.search{display:flex;gap:8px;align-items:center;background:#1b221b;border:1px solid #363e2f;border-radius:3px;padding:9px 12px;color:#7c886f;margin-bottom:11px}.search input{background:none;border:0;min-width:0;width:182px;font-size:11px}.search input::placeholder{color:#68755e}.search button{display:flex;padding:0}.catalog-info{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#818f77;margin-bottom:20px}.catalog-info b{font-weight:500;color:#c4b68c}.catalog-info label{display:flex;gap:6px;align-items:center}.catalog-info input{accent-color:#b89b65}.hero-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:25px 18px}.hero-grid .hero-tile{height:244px}.hero-grid-meta{display:flex;justify-content:space-between;font-size:10px;margin-top:10px;color:#858e7b;gap:3px}.hero-grid-meta small{font-size:9px;color:#626f58}.hero-grid-meta .available{color:#aca171}.selected-tick{position:absolute;right:9px;top:9px;color:#272c20;background:var(--gold);border-radius:50%;height:20px;width:20px;display:grid;place-items:center}.empty-state{padding:100px 0;text-align:center;color:#7f8d72}.empty-state h3{font-family:var(--serif);color:#bfb991}.empty-state p{font-size:12px}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.encyclopedia-card{border:1px solid #3e4434;border-radius:4px;background:#1a211a;overflow:hidden;text-align:left;padding:0}.encyclopedia-art{height:175px;position:relative;background:radial-gradient(ellipse at 50% 90%,#69725c33,#11181088);border-bottom:1px solid #464937}.card-art{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:hidden}.card-art>svg{position:relative;width:48%;height:63%;max-width:95px;stroke-width:.8;color:#c3b088;filter:drop-shadow(1px 4px 3px #0008);transform:rotate(-15deg);z-index:1}.card-halo{position:absolute;border:1px solid #a18a5438;border-radius:50%;width:125px;height:125px;box-shadow:0 0 0 9px #887d5010,0 0 0 10px #887d5010;background:radial-gradient(circle,#94864b22,transparent 70%)}.card-art.shield>svg{color:#aab8a1;transform:rotate(5deg);fill:#63766020}.card-art.fire>svg{color:#c99365;fill:#a3573220;transform:none}.card-art.peach{color:#d9a08b;background:radial-gradient(circle,#a1584622,transparent 70%)}.peach-illustration{font-family:Georgia;font-size:110px;line-height:1;color:#ce9c85;transform:rotate(180deg);text-shadow:0 -3px 0 #e0b9a122,0 3px 20px #dc785d33}.vase{position:relative;width:45px;height:67px;background:linear-gradient(100deg,#504830,#b4a579 30%,#6f6546 70%,#292d21);border-radius:10px 10px 20px 20px;box-shadow:1px 8px 15px #0007;border:1px solid #b6a579}.vase:before{content:"";position:absolute;width:28px;height:15px;left:7px;top:-12px;background:linear-gradient(90deg,#685b39,#b9a476,#5e5538);border-radius:4px 4px 0 0;border-top:4px solid #924c34}.vase:after{content:"酒";font-family:var(--serif);position:absolute;left:11px;top:20px;font-size:23px;color:#292e21}.horse-glyph{font-family:var(--serif);font-size:90px;color:#b7a17a;text-shadow:0 3px 15px #000}.mini-seal{position:absolute;right:15px;top:15px;font-family:var(--serif);color:#b49d72;border:1px solid #8e7b55;padding:2px 5px;font-size:14px}.encyclopedia-copy{padding:20px}.encyclopedia-copy>span{font-size:9px;color:#919f82}.encyclopedia-copy h3{font-family:var(--serif);font-size:23px;letter-spacing:3px;font-weight:500;margin:9px 0}.encyclopedia-copy p{font-size:11px;color:#83917a;line-height:1.9;margin:0;min-height:63px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.encyclopedia-copy>b{font-size:10px;color:#baaa7f;display:flex;gap:6px;align-items:center;font-weight:400;margin-top:20px}.encyclopedia-card:hover{border-color:#9e8d5c;transform:translateY(-3px)}.guide-feature{background:linear-gradient(115deg,#2e3829,#17241e);border:1px solid #5e6246;border-radius:5px;padding:34px 40px;display:flex;justify-content:space-between;cursor:pointer}.gold-label{color:#c6b17b;font-size:9px;letter-spacing:2px}.guide-feature h2{font-family:var(--serif);font-size:34px;font-weight:500;letter-spacing:3px;margin:20px 0 15px}.guide-feature p{font-size:12px;line-height:1.9;color:#a2ad97;margin-bottom:22px}.guide-calligraphy{font-family:var(--serif);font-size:180px;color:#a8ab7d30;position:relative;transform:rotate(-5deg);margin-right:30px;text-shadow:8px 5px #0e1c1233}.guide-calligraphy span{position:absolute;writing-mode:vertical-rl;font-size:13px;letter-spacing:4px;right:-25px;top:23px;color:#b4ae7c80}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px}.guide-card{padding:25px;background:#1b221b;border:1px solid #3c4433;text-align:left;position:relative;border-radius:4px}.guide-card:hover{border-color:#968455}.guide-index{font-family:Georgia;font-size:43px;position:absolute;right:19px;top:15px;color:#4e5b4055;font-style:italic}.guide-category{display:flex;gap:7px;align-items:center;font-size:10px;color:#b8a678}.guide-card h3{font-family:var(--serif);font-size:20px;font-weight:500;margin:25px 0 12px;line-height:1.7}.guide-card p{font-size:11px;color:#829174;line-height:1.8}.guide-card>div:last-child{border-top:1px solid var(--line);margin-top:25px;padding-top:16px;display:flex;justify-content:space-between;color:#b9a67b;font-size:10px}.guide-card>div:last-child>span{display:flex;align-items:center;gap:6px;color:#7c8e6d}.modal-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#070d0bd9;backdrop-filter:blur(8px);padding:25px;animation:fade-in .2s}.modal{position:relative;width:520px;max-height:calc(100dvh - 50px);overflow-y:auto;background:#1b221b;border:1px solid #6b6242;box-shadow:0 25px 100px #0009;border-radius:7px;padding:30px}.modal.wide{width:850px}.close-btn{position:absolute;top:15px;right:15px;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;background:#152018bb;color:#b2b89f;border:1px solid #7c835044;z-index:3}.modal-heading h2{font-family:var(--serif);font-size:29px;margin:13px 0;font-weight:500;letter-spacing:3px}.modal-heading p{font-size:12px;color:#8f9c80;line-height:1.9}.setup-layout{display:grid;grid-template-columns:225px 1fr;gap:28px;margin-top:25px}.setup-portrait{position:relative;min-height:440px;overflow:hidden;border:1px solid #756747;border-radius:4px;background:#1d2b23}.setup-portrait .setup-hero-info{position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0b150c);padding:58px 23px 18px}.setup-hero-info .seal{position:absolute;right:20px;top:70px}.setup-hero-info h2{font-family:var(--serif);font-size:37px;letter-spacing:6px;font-weight:500;margin:15px 0}.setup-hero-info>span:not(.seal):not(.hp){font-size:11px;color:#c3b28a;letter-spacing:3px}.setup-hero-info .hp{margin-top:19px}.setup-options h4{font-size:12px;font-weight:400;color:#c1c8b2;margin:0 0 10px}.setup-options h4>span{font-size:9px;color:#7a8a6d;margin-left:8px}.setup-options>.segmented{margin-bottom:20px;min-height:35px}.full{width:100%}.segmented.full button{flex:1}.setup-hero-list{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;max-height:180px;overflow:auto;padding:1px 4px 1px 0}.setup-hero-list button{padding:8px 3px;background:#242d22;border:1px solid #3c4835;font-size:11px;display:flex;gap:4px;justify-content:center;align-items:center;border-radius:3px;white-space:nowrap}.setup-hero-list button.selected{color:#dec58b;border-color:#bda26a;background:#3d422d}.setup-hero-list button>span{font-size:8px;opacity:.8}.setup-skills{border:1px solid #455039;padding:6px 13px;margin-top:16px;background:#141f15;border-radius:3px;min-height:100px}.setup-skills p{font-size:10px;color:#93a280;line-height:1.9;margin:9px 0}.setup-skills b{display:inline-block;font-size:11px;color:#c8b482;margin-right:8px;font-weight:400}.modal-action{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:25px;padding-top:20px;gap:20px}.modal-action>small{font-size:9px;color:#87977a;display:flex;align-items:center;gap:7px}.detail-banner{position:relative;height:230px;margin:-30px -30px 0;overflow:hidden}.detail-banner>.portrait{filter:brightness(.8)}.detail-banner>div:nth-child(2){position:absolute;inset:0;background:linear-gradient(0deg,#1b221b,transparent 80%),linear-gradient(90deg,#111b14aa,#18251b22)}.detail-banner>span{position:absolute;bottom:20px;left:30px}.detail-banner h2{font-family:var(--serif);font-size:36px;letter-spacing:4px;font-weight:500;margin:8px 0}.detail-banner p{color:#b8b28d;font-size:12px;letter-spacing:3px;margin:5px 0 13px}.detail-banner .seal{position:absolute;left:140px;top:20px}.detail-content{padding-top:23px}.detail-content h2{font-family:var(--serif);font-size:33px;font-weight:500;letter-spacing:3px;margin:12px 0 24px}.bio{font-size:12px;line-height:2.1;color:#a1ad91}.detail-content h3{font-family:var(--serif);font-size:17px;font-weight:500;display:flex;gap:8px;align-items:center;margin:25px 0 17px;color:#c5b284}.skill-detail{display:flex;gap:17px;border-top:1px solid var(--line);padding:15px 0}.skill-detail>span{align-self:flex-start;flex-shrink:0;min-width:39px;text-align:center;background:#35402a;border:1px solid #56613f;padding:4px;color:#d1bd86;font-size:12px}.skill-detail p{font-size:11px;line-height:1.9;color:#9baa8b;margin:0}.detail-note{display:flex;align-items:flex-start;gap:10px;font-size:10px;color:#87977b;background:#121c15;border:1px solid #3a4731;padding:13px;margin:15px 0 22px;line-height:1.9;border-radius:3px}.detail-note svg{flex-shrink:0;margin-top:2px}.card-detail-visual{height:180px;background:radial-gradient(ellipse,#65684255,transparent 70%);margin:-10px 0 0}.card-detail-visual .card-art>svg{max-width:110px}.strategy-tip{display:flex;gap:12px;padding:18px;background:#303a26;color:#bbae7b;border:1px solid #586241;border-radius:3px;font-size:12px;line-height:1.8}.strategy-tip svg{flex-shrink:0;margin-top:3px}.strategy-tip p{margin:0}.article{padding:12px 12px 0}.article h2{font-family:var(--serif);font-size:32px;font-weight:500;margin:20px 0 12px;letter-spacing:2px}.article-subtitle{font-size:12px;color:#92a081;margin-bottom:35px}.article section{display:flex;gap:20px;border-top:1px solid var(--line);padding:18px 0}.article section>span{font-family:Georgia;font-size:25px;color:#a99865;margin-top:2px}.article section p{font-size:13px;line-height:2;color:#b0bda0;margin:0}.article-footer{padding-top:25px;margin-top:12px;border-top:1px solid var(--line);font-size:10px;color:#829472;display:flex;align-items:center;gap:8px}.article-footer button{margin-left:auto}.setting-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:20px 0;color:#acae89}.setting-row b{font-size:13px;font-weight:500;color:#d3d6c1}.setting-row p{font-size:11px;color:#87997a;margin:8px 0 0}.toggle{width:39px;height:22px;background:#424d37;border-radius:20px;padding:3px}.toggle>i{display:block;width:16px;height:16px;border-radius:50%;background:#aaa98c;transition:transform .2s}.toggle.on{background:#a48f5c}.toggle.on>i{transform:translate(17px);background:#efe1bb}.setting-version{text-align:center;color:#64745c;font-size:10px;line-height:2}.recent-records p{font-size:11px;color:#b7b28b}.toast{position:fixed;bottom:35px;left:50%;transform:translate(-50%);z-index:150;background:#38402c;border:1px solid #a58e5b;color:#ead8a9;padding:13px 23px;box-shadow:0 8px 30px #0006;border-radius:5px;display:flex;gap:10px;align-items:center;font-size:12px;max-width:90vw;animation:fade-in .2s}.secondary{padding:11px 18px;border:1px solid #5f6648;background:#2d3628;color:#cfca9f;border-radius:3px;font-size:12px;display:inline-flex;gap:7px;align-items:center;justify-content:center}.secondary.toggled{border-color:#d6b475;background:#545233}.battle-content{padding-bottom:30px}.battle-content>.section-heading h2{font-family:var(--serif);font-size:26px;font-weight:500;margin:10px 0 0;display:flex;align-items:center;gap:15px}.tag{font-family:system-ui;font-size:10px;color:#bcb289;border:1px solid #4b5538;padding:5px 8px;border-radius:3px;font-weight:400}.battle-meta{display:flex;align-items:center;gap:20px;font-size:11px;color:#8b9e7c;border-top:1px solid var(--line);padding:13px 0}.battle-meta>span:first-child{display:flex;gap:7px;align-items:center}.battle-meta button{margin-left:auto;display:flex;align-items:center;gap:7px;color:#b4aa7c;font-size:11px}.battlefield{position:relative;border:1px solid #4a543a;border-radius:6px;background:radial-gradient(ellipse at 50% 55%,#3e503233,#111c16aa),linear-gradient(#17221b77,#17221b77),url(/assets/guan-yu.jpg) center 55% / cover;overflow:hidden;min-height:400px}.opponents{display:flex;justify-content:center;gap:35px;padding:22px}.combatant{position:relative;overflow:hidden;height:215px;width:156px;border:1px solid #8c7850;border-radius:4px;padding:0;text-align:left;background:#253521}.combatant-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#101b13 0%,transparent 80%)}.combatant-top{position:absolute;inset:10px 10px auto;display:flex;justify-content:space-between;align-items:flex-start}.role{font-size:9px;padding:3px 6px;background:#512e2dcc;border:1px solid #82584a;color:#dcab92;border-radius:2px}.role.ally{background:#2e4430cc;border-color:#667955;color:#bbcea1}.combatant-info{position:absolute;inset:auto 10px 12px;display:flex;flex-direction:column;gap:8px}.combatant-info strong{font-family:var(--serif);font-size:22px;font-weight:500;letter-spacing:2px;color:#eee2c0}.combatant-info>span:not(.hp){font-size:10px;color:#b7c4a6}.combatant-info small{font-size:8px;color:#b1ab7b}.combatant.targetable{box-shadow:0 0 15px #bcaa6555;border-color:#b7aa66}.combatant.targeted{border:2px solid #efc878;box-shadow:0 0 24px #ca9f6388;transform:translateY(4px)}.combatant.dead{filter:grayscale(1);opacity:.55}.dead-stamp{position:absolute;top:60px;left:40px;transform:rotate(-14deg);font-family:var(--serif);font-size:24px;color:#b58c72;border:2px solid;padding:6px 3px;writing-mode:vertical-rl}.table-center{text-align:center;position:relative;padding:12px 15px 22px;min-height:155px}.table-emblem{position:absolute;inset:-20px 0 0;font-family:var(--serif);font-size:125px;color:#b6b17b09;pointer-events:none}.turn-label{position:relative;display:inline-flex;align-items:center;gap:8px;border:1px solid #78825655;background:#172a1fcc;padding:9px 25px;color:#d1c69a;font-size:13px;letter-spacing:3px;border-radius:3px}.turn-label>span{width:5px;height:5px;background:#c7b26c;box-shadow:0 0 10px #d7be73;border-radius:50%}.table-center>p{position:relative;font-size:11px;color:#98a685;margin:16px 0}.last-log{position:relative;font-size:10px;color:#778d69;max-width:600px;margin:auto;line-height:1.8}.battle-effect{position:absolute;z-index:5;left:50%;top:0;transform:translate(-50%);font-family:var(--serif);font-size:45px;color:#f0d79c;text-shadow:0 0 20px #b98532;display:flex;align-items:center;gap:25px;white-space:nowrap;animation:slash .8s ease-out forwards}.battle-effect svg{color:#e9bb72}.player-zone{display:flex;gap:18px;margin-top:20px}.self-hero{position:relative;overflow:hidden;min-width:123px;width:123px;height:188px;border:1px solid #8d7a4d;border-radius:4px;padding:0}.self-hero>div:last-child{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;padding:10px;background:linear-gradient(0deg,#101b13,transparent 85%)}.self-hero strong{font-family:var(--serif);margin-top:auto;font-size:24px;font-weight:500;letter-spacing:2px}.self-hero div>span:not(.seal):not(.hp){font-size:9px;color:#b1c09e;margin:6px 0 9px}.hand-area{flex:1;min-width:0}.hand-label{display:flex;justify-content:space-between;font-size:10px;color:#7c926e;padding:0 0 18px}.hand-label b{font-weight:400;color:#cabb83;margin-left:4px}.hand-cards{display:flex;gap:8px;overflow-x:auto;padding:8px 3px 10px;min-height:150px}.playing-card{position:relative;flex-shrink:0;width:83px;height:130px;border:1px solid #b7a779;background:linear-gradient(130deg,#e4dcc1,#b9b69c);color:#303c2a;padding:0;border-radius:4px;box-shadow:0 3px 7px #0005;overflow:hidden}.playing-card .card-art{position:absolute;inset:23px 0 25px;height:auto;opacity:.8}.playing-card .card-art>svg{color:#55513c;width:60%;stroke-width:1}.playing-card .card-halo{width:60px;height:60px}.playing-card .peach-illustration{font-size:60px;color:#8d4c40}.playing-card .horse-glyph{font-size:50px;color:#655135}.playing-card .vase{transform:scale(.6)}.playing-card>.card-corner{position:absolute;top:5px;left:5px;font-family:Georgia;font-size:12px;display:flex;flex-direction:column;line-height:1.1;z-index:2}.card-corner i{font-style:normal;font-size:15px}.playing-card>strong{position:absolute;inset:auto 0 19px;font-family:var(--serif);font-size:16px;font-weight:600;letter-spacing:1px;color:#2b3726}.playing-card>.card-footer{position:absolute;inset:auto 0 5px;font-size:7px;color:#61664b}.playing-card.chosen{transform:translateY(-8px);border:2px solid #f7cf79;box-shadow:0 0 12px #bb9559}.playing-card:hover:not(:disabled){color:#212e1e}.battle-actions{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:15px;margin-top:8px}.equipped{display:flex;align-items:center;gap:8px;flex:1;font-size:10px;color:#889a72;flex-wrap:wrap}.equipped small{font-size:10px;color:#5f7554}.equipped button{font-size:9px;border:1px solid #5d6945;color:#c5b585;padding:5px 7px;background:#2d3925;border-radius:2px}.battle-log{border:1px solid #424f33;background:#152017;padding:17px 22px;margin-top:20px;max-height:260px;overflow-y:auto}.battle-log h3{font-size:14px;color:#c4b27d;font-weight:400;margin:0 0 12px}.battle-log p{font-size:10px;color:#a0b08c;line-height:1.8;border-bottom:1px solid #5e6c3d22;padding-bottom:6px}.empty-hand{font-size:12px;color:#7c926a}.result-panel{position:fixed;z-index:50;left:calc(50% + 110px);top:50%;transform:translate(-50%,-50%);width:350px;background:linear-gradient(135deg,#313d29,#19271c);border:1px solid #b99a5e;padding:40px;text-align:center;box-shadow:0 20px 100px #000d;border-radius:5px;color:#d2b97f}.result-panel h2{font-family:var(--serif);font-weight:500;font-size:35px;letter-spacing:5px}.result-panel p{font-size:12px;color:#a4b18f;margin:20px 0}.result-panel .text-btn{display:block;margin:20px auto 0}.battle-content>.section-heading{margin-bottom:20px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slash{0%{opacity:0;transform:translate(-50%,25px) scale(.8)}30%{opacity:1;transform:translate(-50%) scale(1.1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-30px)}}@media(min-width:1550px){.main-content{padding-top:36px}.hero-banner{height:410px}.banner-content{top:39px}.banner-content h2{font-size:56px}.banner-content p{font-size:12px}.banner-foot{margin-top:21px}.featured-heroes .hero-tile{height:250px}.hero-grid .hero-tile{height:280px}}@media(max-width:1200px){.sidebar{width:190px;padding-left:16px;padding-right:16px}.workspace{margin-left:190px}.brand{gap:8px}.brand h1{font-size:18px}.brand h1 span{font-size:12px}.brand-mark{width:40px;height:44px;font-size:28px}.brand small{font-size:7px}.main-content,.battle-content{padding-left:25px;padding-right:25px}.topbar{padding:0 25px}.home-grid{grid-template-columns:1.7fr 1fr;gap:18px}.mode-card{padding:17px 13px 11px}.mode-card p{font-size:8px}.mode-card h4{font-size:16px}.mode-cards{gap:9px}.difficulty-row{gap:10px}.difficulty-desc{font-size:8px}.segmented button{padding:5px 10px}.journey-panel{padding:17px 14px 0}.journey-bottom{gap:8px}.journey-icon{display:none}.journey-bottom b{font-size:9px}.journey-bottom p{font-size:8px}.featured-heroes{gap:11px}.hero-tile{height:200px}.hero-grid{grid-template-columns:repeat(5,1fr)}.hero-grid .hero-tile{height:230px}.result-panel{left:calc(50% + 95px)}}@media(max-width:1000px){.home-grid{grid-template-columns:1fr}.journey-panel{display:none}.mode-card{padding:17px 20px 12px}.mode-card p,.difficulty-desc{font-size:10px}.hero-banner{height:350px}.banner-content{left:27px;top:29px}.banner-content h2{font-size:45px}.banner-content p{font-size:10px}.featured-heroes{grid-template-columns:repeat(3,1fr);gap:16px}.hero-tile{height:240px}.hero-grid{grid-template-columns:repeat(4,1fr)}.cards-grid,.guide-grid{grid-template-columns:repeat(2,1fr)}.hero-grid .hero-tile{height:230px}.catalog-toolbar{flex-direction:column;align-items:stretch;gap:10px}.search{max-width:320px}.catalog-toolbar .tabs{justify-content:space-between;gap:12px}.page-title h2{font-size:28px}.opponents{gap:15px}.combatant{width:130px;height:200px}.battle-actions{flex-wrap:wrap}.equipped{flex-basis:100%;margin-bottom:5px}.battle-content .tag{font-size:8px}.self-hero{min-width:105px;width:105px}.setup-layout{grid-template-columns:190px 1fr;gap:20px}}@media(max-width:740px){.sidebar{transform:translate(-100%);width:220px;box-shadow:15px 0 50px #0006;transition:transform .2s}.sidebar.open{transform:translate(0);top:57px}.workspace{margin-left:0}.topbar{height:57px;padding:0 18px;position:sticky;top:0;z-index:40;background:#141a16f5;backdrop-filter:blur(10px)}.mobile-menu{display:grid}.topbar-right{gap:15px}.topbar-right>.separator{display:none}.offline-pill{font-size:9px}.breadcrumb{gap:10px;font-size:10px}.breadcrumb strong{font-size:10px}.main-content,.battle-content{padding:24px 18px 0}.welcome-row{margin-bottom:23px}.welcome-row h2{font-size:25px;letter-spacing:1px}.welcome-row p{font-size:11px}.eyebrow{font-size:8px;letter-spacing:1.8px}.date-seal{font-size:8px}.hero-banner{height:375px}.hero-banner>img{object-position:60% 45%;opacity:.8}.banner-shadow{background:linear-gradient(90deg,#111b12e8,#0f1712b3 40%,#111b1211),linear-gradient(0deg,#10190bd9,transparent 40%)}.banner-content{top:31px;left:23px;bottom:20px}.banner-kicker{font-size:9px;letter-spacing:1px}.banner-content h2{font-size:43px;letter-spacing:4px;margin:24px 0 17px}.banner-content p{font-size:10px;letter-spacing:.7px;line-height:2;margin-bottom:24px}.banner-cta{min-width:165px;min-height:43px}.banner-foot{font-size:8px;gap:13px;margin-top:21px}.banner-character{right:14px;bottom:49px;gap:9px}.banner-character b{font-size:25px}.banner-character span{font-size:9px}.banner-pagination{left:auto;right:19px;bottom:18px}.home-grid{margin-top:26px}.section-heading{margin-bottom:17px}.section-heading h3{font-size:17px}.mode-cards{gap:8px}.mode-card{padding:19px 12px 11px}.mode-card>svg{width:24px;height:24px;margin-bottom:13px}.mode-card h4{font-size:16px;letter-spacing:.5px}.mode-card p{font-size:8px;letter-spacing:-.4px}.mode-num{font-size:25px;right:10px}.mode-bottom{font-size:6px;letter-spacing:1.2px;margin-top:15px}.difficulty-row{justify-content:space-between;margin-top:17px;gap:8px}.difficulty-desc{font-size:8px}.segmented button{padding:5px 12px}.difficulty-row>div:first-child{font-size:10px;gap:5px}.featured{margin-top:28px}.heading-inline{gap:10px}.heading-inline>.muted{display:none}.text-btn{font-size:10px;gap:6px}.featured-heroes{gap:11px}.featured-heroes .hero-tile{height:198px}.hero-vertical{font-size:22px;right:8px;bottom:43px;letter-spacing:4px}.hero-tile>.seal{top:9px;left:9px;width:22px;height:26px;font-size:15px}.tile-info{left:9px;right:7px;bottom:12px}.tile-info>span:first-child{font-size:7px;letter-spacing:.5px;margin-bottom:7px}.hp{gap:2px}.bottom-tip{padding:13px 10px;flex-wrap:wrap;gap:7px;font-size:8px;line-height:1.8}.bottom-tip button{font-size:8px;margin-left:auto}.bottom-tip .version{display:none}footer{font-size:7px;letter-spacing:1px;padding:25px 0}.page-title{margin-bottom:25px}.page-title h2{font-size:27px;letter-spacing:1px;margin:12px 0}.page-title p{font-size:10px;line-height:1.9;letter-spacing:.2px}.tabs{gap:16px}.tabs button{font-size:11px;padding-bottom:14px}.search{max-width:100%;padding:10px}.search input{font-size:11px;width:100%}.hero-grid{grid-template-columns:repeat(3,1fr);gap:19px 11px}.hero-grid .hero-tile{height:199px}.hero-grid-meta{font-size:8px;flex-wrap:wrap;gap:5px}.hero-grid-meta small{font-size:8px}.catalog-info{font-size:8px;gap:10px;margin-bottom:18px}.catalog-info label{gap:3px}.cards-grid{gap:12px}.encyclopedia-art{height:140px}.encyclopedia-copy{padding:14px}.encyclopedia-copy h3{font-size:21px;letter-spacing:2px}.encyclopedia-copy>span{font-size:8px}.encyclopedia-copy p{font-size:10px;min-height:57px;-webkit-line-clamp:3}.encyclopedia-copy>b{font-size:9px;margin-top:16px}.card-art>svg{max-width:80px}.card-halo{width:95px;height:95px}.guide-feature{padding:26px 23px;position:relative;overflow:hidden}.guide-feature h2{font-size:28px;letter-spacing:2px;position:relative;z-index:1;margin:18px 0}.guide-feature p{font-size:11px;position:relative;z-index:1}.guide-feature .gold-label{font-size:8px}.guide-calligraphy{position:absolute;right:-10px;top:30px;font-size:160px;opacity:.6}.guide-feature .primary{position:relative;z-index:1}.guide-grid{grid-template-columns:1fr;gap:14px}.guide-card{padding:24px}.guide-card h3{font-size:21px;margin:20px 0 8px}.guide-card p{font-size:11px}.guide-card>div:last-child{margin-top:18px}.guide-index{font-size:48px;top:17px;right:25px}.modal-backdrop{padding:12px}.modal{padding:24px;width:100%;max-height:calc(100dvh - 24px);border-radius:5px}.modal.wide{width:100%}.modal-heading h2{font-size:26px}.modal-heading p{font-size:11px}.setup-layout{grid-template-columns:1fr;gap:20px;margin-top:21px}.setup-portrait{min-height:170px;height:170px}.setup-portrait .setup-hero-info{inset:0;background:linear-gradient(90deg,#102016e8,#10201622);padding:20px}.setup-hero-info h2{font-size:29px;margin:15px 0 10px}.setup-hero-info .seal{top:20px;right:20px}.setup-hero-info .hp{margin-top:15px}.setup-options>.segmented{margin-bottom:15px}.setup-options h4{font-size:11px}.setup-hero-list{max-height:145px;grid-template-columns:repeat(4,1fr);gap:6px}.setup-hero-list button{font-size:11px;padding:9px 2px}.setup-skills{min-height:0;margin-top:13px}.modal-action{gap:15px;margin-top:18px;padding-top:17px}.modal-action>small{font-size:8px;max-width:48%;line-height:1.8}.modal-action .primary{padding:12px 17px;font-size:11px}.detail-banner{margin:-24px -24px 0;height:220px}.detail-banner>span{left:24px}.detail-content h2{font-size:29px}.article{padding:8px 0 0}.article h2{font-size:26px;line-height:1.6}.article-subtitle{font-size:11px;line-height:1.8;margin-bottom:25px}.article section{gap:14px}.article section p{font-size:12px;line-height:2}.article section>span{font-size:23px}.article-footer{font-size:9px;flex-wrap:wrap;line-height:1.9}.article-footer button{margin-left:auto}.toast{padding:12px 15px;font-size:11px;bottom:25px;width:max-content}.battle-content{padding-top:21px;padding-bottom:25px}.battle-content>.section-heading h2{font-size:23px;gap:8px;flex-wrap:wrap}.battle-content>.section-heading .text-btn{font-size:9px;white-space:nowrap}.tag{font-size:8px;padding:4px 6px}.battle-meta{font-size:9px;gap:10px}.battle-meta button{font-size:9px;gap:4px}.battlefield{min-height:340px}.opponents{gap:9px;padding:13px 10px}.combatant{width:calc((100vw - 80px) / 3);height:170px;max-width:143px}.combatant-top{inset:7px 6px auto}.combatant-top .seal{width:19px;height:23px;font-size:13px}.role{font-size:8px;padding:2px 4px}.combatant-info{inset:auto 7px 10px;gap:6px}.combatant-info strong{font-size:19px}.combatant-info>span:not(.hp){font-size:8px}.combatant-info .hp svg{width:9px;height:9px}.combatant-info small{font-size:7px;min-height:8px}.combatant.dead .dead-stamp{top:40px;left:27px;font-size:21px}.table-center{padding:14px 10px 15px}.turn-label{font-size:11px;letter-spacing:2px;padding:8px 17px}.table-center>p{font-size:9px;line-height:1.8;margin:15px 0 10px}.last-log{font-size:9px}.player-zone{gap:11px;margin-top:17px}.self-hero{width:84px;min-width:84px;height:165px}.self-hero>div:last-child{padding:8px}.self-hero strong{font-size:21px}.self-hero div>span:not(.seal):not(.hp){font-size:8px}.self-hero .hp svg{width:9px;height:9px}.self-hero .seal{width:19px;height:22px;font-size:13px}.hand-label{font-size:8px;padding-bottom:14px}.hand-label>span:last-child{font-size:7px}.hand-cards{gap:7px;min-height:140px}.playing-card{width:72px;height:120px}.playing-card>strong{font-size:15px;letter-spacing:.5px}.playing-card>.card-footer{font-size:7px}.battle-actions{gap:7px;padding-top:14px;margin-top:6px}.battle-actions>.secondary,.battle-actions>.primary{flex:1;font-size:10px;padding:10px 8px;gap:5px;min-height:39px;white-space:nowrap}.battle-actions>.primary svg{width:13px}.equipped{font-size:9px;gap:6px}.equipped small,.equipped button{font-size:8px}.result-panel{left:50%;width:310px;padding:35px}.battle-effect{font-size:35px}.battle-log{padding:16px}.battle-log p{font-size:9px}.hp svg{flex-shrink:0}}@media(max-width:370px){.topbar-right{gap:10px}.offline-pill{display:none}.main-content,.battle-content{padding-left:14px;padding-right:14px}.welcome-row h2{font-size:22px}.hero-banner{height:360px}.banner-content h2{font-size:40px}.difficulty-desc{display:none}.difficulty-row{justify-content:flex-start;gap:15px}.featured-heroes .hero-tile,.hero-grid .hero-tile{height:178px}.mode-card{padding:18px 9px 10px}.mode-card h4{font-size:15px}.mode-card p{font-size:7px}.hero-vertical{font-size:20px}.topbar .breadcrumb{gap:7px}.battle-actions>.secondary{font-size:9px}.setup-hero-list{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.card-art.illustrated{background-repeat:no-repeat;background-color:#1b281e}.playing-card .card-art.illustrated{inset:0 0 37px;height:auto;opacity:1;mask-image:linear-gradient(#000 80%,transparent)}.playing-card>.card-corner{background:#e7dec1cc;border-radius:2px;padding:2px;color:#313929}.playing-card.red>.card-corner{color:#8e4438}.card-detail-visual .card-art{max-width:210px;margin:auto;border:1px solid #89764b;border-radius:3px}.battle-effect{padding:20px 35px;background:radial-gradient(ellipse,#b2712d88,transparent 70%)}.battle-effect:before{content:"";position:absolute;inset:-25px -50px;z-index:-1;background:url(/assets/cards/5.jpg) center/cover;mask-image:radial-gradient(ellipse,#0009,transparent 68%)}.resume-banner{border:1px solid #62613f;background:linear-gradient(90deg,#303b27,#202a20);border-radius:4px;padding:16px 20px;margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.resume-banner>div{display:flex;align-items:center;gap:12px;color:#c5b47e}.resume-banner b{font-size:12px;font-weight:400;display:block;margin-bottom:5px}.resume-banner small{font-size:9px;color:#8da17c}.resume-banner .text-btn{white-space:nowrap}@media(max-width:740px){.resume-banner{padding:14px 13px}.resume-banner b{font-size:11px}.resume-banner small{font-size:8px}.resume-banner>div{gap:8px}}.portrait{overflow:hidden;background:radial-gradient(ellipse at 70% 30%,#3c4834,#18251d 75%)}.portrait-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;user-select:none}.card-illustration{display:block;width:100%;height:100%;object-fit:contain;object-position:center;user-select:none}.setup-portrait .portrait-image,.detail-banner .portrait-image{object-fit:contain;object-position:right top}.setup-portrait .portrait{background:radial-gradient(ellipse at 80% 30%,#465039,#17241b 70%)}.card-detail-visual .card-art{max-width:100%;border:0;background:transparent}.playing-card .card-illustration{object-fit:cover;object-position:center}@media(min-width:741px){.setup-portrait .portrait-image{object-fit:cover;object-position:center top}}.battle-stage{position:relative;isolation:isolate}.playback-tools{display:flex;align-items:center;gap:12px;min-height:34px;margin:-3px 0 10px;color:#869b76;font-size:10px}.playback-speed{display:flex;padding:2px;border:1px solid #485138;border-radius:3px;background:#152016;gap:2px;margin-left:auto}.playback-speed button{font-size:10px;padding:3px 10px;color:#80946f;border-radius:2px;min-width:32px}.playback-speed button.selected{background:#39432c;color:#d7bd80}.playback-tools>.text-btn{font-size:10px;color:#c6b181;min-width:70px;justify-content:flex-end}.combatant:disabled{opacity:1;cursor:default}.combatant.dead:disabled{opacity:.55}.combatant.is-acting,.self-hero.is-acting{border-color:#e1c584;box-shadow:0 0 0 1px #bea76e99,0 0 22px #c2a76450}.combatant.fx-card,.self-hero.fx-card{outline:1px solid #caa668;outline-offset:3px}.combatant.fx-damage,.self-hero.fx-damage{animation:seat-hit .6s ease-out;box-shadow:inset 0 0 45px #c33f2a88,0 0 18px #b5403677;border-color:#de8a6d}.combatant.fx-heal,.self-hero.fx-heal{box-shadow:0 0 25px #88b88188;border-color:#bee0a3}.combatant.fx-response,.self-hero.fx-response{box-shadow:0 0 25px #84bbce88;border-color:#bbdbe1}.combatant.fx-skill,.self-hero.fx-skill{box-shadow:0 0 25px #d5bd7d88;border-color:#f0d89d}.fx-damage:after,.fx-heal:after,.fx-response:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3}.fx-damage:after{background:linear-gradient(125deg,transparent 40%,#fff0cdcc 48%,#cd603488 51%,transparent 58%);animation:seat-slash .6s ease-out both}.fx-heal:after{background:radial-gradient(ellipse at 50% 80%,#a9dc8c77,transparent 70%);animation:seat-glow .65s ease-out both}.fx-response:after{inset:10% 18%;background:linear-gradient(120deg,#9fdde922,#bfe7f177);border:2px solid #bde7ed;clip-path:polygon(50% 0,100% 16%,90% 67%,50% 100%,10% 67%,0 16%);animation:seat-glow .65s ease-out both}.seat-event{position:absolute;top:43%;left:50%;z-index:8;pointer-events:none;white-space:nowrap;transform:translate(-50%,-50%);font-family:var(--serif);font-size:35px;font-weight:600;color:#efc0a1;text-shadow:0 2px 8px #000,0 0 15px #9a3027;animation:seat-number .65s ease-out both}.seat-event.event-heal{color:#d6efb8;text-shadow:0 2px 8px #000,0 0 15px #66a758}.seat-event.event-response{color:#daeff1;font-size:22px;text-shadow:0 2px 8px #000,0 0 15px #69b6ca}.seat-event.event-skill{color:#f4d79c;font-size:21px;text-shadow:0 2px 8px #000,0 0 15px #c7a159}.seat-event.event-defeat{color:#d9987e;font-size:24px}.battle-links{position:absolute;inset:0;width:100%;height:100%;z-index:4;overflow:visible;pointer-events:none;color:#d9b879}.battle-links line{stroke:currentColor;stroke-width:2;stroke-dasharray:7 7;opacity:.85;animation:action-ray .6s linear infinite;filter:drop-shadow(0 0 4px currentColor)}.battle-links circle{stroke:currentColor;stroke-width:1.5;fill:none;opacity:.6;animation:target-ring .65s ease-out infinite}.links-damage{color:#e3936c}.links-heal{color:#b0d99a}.links-response{color:#a5d7e1}.table-center{z-index:5;position:relative;padding:10px 15px 12px}.action-display{position:relative;display:flex;align-items:center;justify-content:center;gap:22px;max-width:440px;margin:12px auto 9px;min-height:125px;text-align:left;animation:action-reveal .25s ease-out both}.public-card{position:relative;flex:0 0 82px;width:82px;height:122px;border:1px solid #ddc48a;border-radius:4px;background:linear-gradient(130deg,#e4dcc1,#b9b69c);box-shadow:0 4px 20px #0008;overflow:hidden;transform:rotate(-4deg);animation:public-card-enter .32s ease-out both}.public-card .card-art{position:absolute;inset:0 0 38px;height:auto;mask-image:linear-gradient(#000 80%,transparent)}.public-card .card-illustration{object-fit:cover}.public-card-corner{position:absolute;left:4px;top:4px;font:12px/1.1 Georgia,serif;background:#e9e0c5dd;padding:2px 3px;border-radius:2px;color:#303a2b;display:flex;flex-direction:column}.public-card-corner i{font-style:normal;font-size:15px}.public-card.red .public-card-corner{color:#9e443b}.public-card>strong{position:absolute;bottom:20px;left:0;right:0;text-align:center;font-family:var(--serif);font-size:17px;letter-spacing:1px;color:#293623;font-weight:600}.public-card>small{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-size:9px;color:#626548}.action-caption{max-width:280px;min-width:0}.action-kicker{font-size:8px;letter-spacing:2px;color:#9aa178}.action-caption h3{font-family:var(--serif);font-size:20px;font-weight:500;letter-spacing:1px;margin:9px 0;color:#e7d7a4}.action-caption p{font-size:11px;color:#adb996;line-height:1.8;margin:0 0 8px;overflow-wrap:anywhere}.action-outcome{display:inline-block;color:#c9b57c;border:1px solid #76683d77;background:#3c422633;padding:3px 8px;font-size:9px;line-height:1.6;border-radius:2px}.outcome-damage{color:#e4ab8b;border-color:#a9604b77;background:#7d3c2822}.outcome-heal{color:#bfdda6;border-color:#87a46166;background:#658b3922}.outcome-response{color:#b9dce4;border-color:#8eb6c266;background:#466c7e22}.event-portrait{position:relative;width:76px;height:112px;border:1px solid #a38a56;border-radius:4px;overflow:hidden;flex:0 0 76px;box-shadow:0 5px 20px #0006}.event-portrait .portrait-image{object-fit:cover;object-position:center top}.table-center>.battle-instruction{font-size:10px;line-height:1.7;color:#8c9d77;margin:8px 0}.table-center .last-log{font-size:9px;line-height:1.6;color:#768963;max-width:500px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes public-card-enter{0%{opacity:0;transform:translateY(-18px) rotate(-13deg) scale(.8)}to{opacity:1;transform:translateY(0) rotate(-4deg) scale(1)}}@keyframes action-reveal{0%{opacity:.35}to{opacity:1}}@keyframes seat-hit{0%,to{transform:translate(0)}20%{transform:translate(-4px)}45%{transform:translate(4px)}70%{transform:translate(-2px)}}@keyframes seat-slash{0%{opacity:0;transform:translate(-20%,-20%)}35%{opacity:1}to{opacity:0;transform:translate(20%,20%)}}@keyframes seat-glow{0%{opacity:0;transform:scale(.85)}40%{opacity:1}to{opacity:0;transform:scale(1.05)}}@keyframes seat-number{0%{opacity:0;transform:translate(-50%,-15%)}25%{opacity:1}75%{opacity:1}to{opacity:.2;transform:translate(-50%,-100%)}}@keyframes action-ray{to{stroke-dashoffset:-28}}@keyframes target-ring{0%{r:14;opacity:.9}to{r:32;opacity:0}}@media(max-width:740px){.playback-tools{font-size:8px;gap:8px;min-height:27px;margin-bottom:8px}.playback-speed button{font-size:9px;padding:2px 8px;min-width:28px}.playback-tools>.text-btn{font-size:9px;min-width:65px}.table-center{padding:8px 10px 10px;min-height:145px}.action-display{gap:16px;margin:9px auto 6px;min-height:100px;max-width:310px}.public-card{width:65px;height:99px;flex-basis:65px}.public-card .card-art{bottom:33px}.public-card>strong{font-size:15px;bottom:16px}.public-card>small{font-size:8px;bottom:4px}.public-card-corner{font-size:10px;top:3px;left:3px}.public-card-corner i{font-size:12px}.action-caption h3{font-size:17px;margin:6px 0}.action-caption p{font-size:9px;line-height:1.8;margin-bottom:5px}.action-kicker{font-size:7px;letter-spacing:1px}.action-outcome{font-size:8px;padding:2px 6px}.event-portrait{height:96px;width:63px;flex-basis:63px}.table-center .last-log{font-size:8px}.table-center>.battle-instruction{font-size:8px;margin:5px 0}.seat-event{font-size:30px}.seat-event.event-skill,.seat-event.event-response{font-size:19px}.battle-links line{stroke-width:1.5}.playing-card:disabled{opacity:.85}.battlefield{min-height:330px}.opponents .combatant{height:158px}.battle-content>.section-heading{margin-bottom:14px}.table-center .turn-label{font-size:10px;padding:6px 14px}}@media(prefers-reduced-motion:reduce){.action-display,.public-card,.seat-event,.battle-links *,.combatant,.self-hero,.fx-damage:after,.fx-heal:after,.fx-response:after{animation:none!important}}.effect-slash .public-card,.effect-clash .public-card{box-shadow:0 4px 20px #0008,0 0 18px #c2915666}.effect-dodge .public-card{box-shadow:0 4px 20px #0008,0 0 22px #98d6e477}.effect-heal .public-card{box-shadow:0 4px 20px #0008,0 0 22px #a5d08577}.effect-wine .public-card,.effect-wine .event-portrait{box-shadow:0 4px 20px #0008,0 0 22px #dc8b5666}.effect-equip .public-card,.effect-equip .event-portrait{box-shadow:0 4px 20px #0008,0 0 22px #ddc88a77}.effect-break .public-card{animation:public-card-enter .32s ease-out both,seat-hit .5s ease-out}.effect-steal .public-card{box-shadow:0 4px 20px #0008,0 0 22px #b7a0d366}.effect-volley:before{content:"";position:absolute;inset:-25px;z-index:-1;background:url(/assets/cards/5.jpg) center/cover;mask-image:radial-gradient(ellipse,#0008,transparent 70%);animation:seat-glow .8s ease-out}.fx-clash:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(45deg,transparent 40%,#ecdab699 48%,transparent 54%),linear-gradient(-45deg,transparent 40%,#ecdab699 48%,transparent 54%);animation:seat-glow .65s ease-out both}.combatant.fx-break,.self-hero.fx-break{border-color:#d19467;box-shadow:0 0 18px #b57a4d66}.combatant.fx-steal,.self-hero.fx-steal{border-color:#c2abd5;box-shadow:0 0 18px #a088c066}.voice-preview{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line);font-size:10px;color:#829371}.voice-preview .text-btn{font-size:11px}.toggle{flex-shrink:0}@media(max-width:740px){.topbar-right{gap:10px}.voice-preview{font-size:9px}.voice-preview .text-btn{font-size:10px}}.in-battle .workspace{margin-left:0}.in-battle .sidebar,.in-battle .mobile-menu{display:none}.in-battle .topbar{height:48px;padding:0 28px}.in-battle .battle-content{max-width:1320px;margin:0 auto;padding:16px 24px 24px}.in-battle .battle-eyebrow{display:none}.in-battle .battle-content>.section-heading{margin-bottom:12px}.in-battle .battle-content>.section-heading h2{font-size:22px;margin:0}.in-battle .battle-meta{padding:9px 0}.round-track{display:flex;gap:6px;overflow-x:auto;padding:0 0 8px;scrollbar-width:thin}.round-track>span{display:flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid #3e4d3d;border-radius:30px;color:#9aab99;font-size:11px;white-space:nowrap}.round-track i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#26382c;font-size:10px;font-style:normal}.round-track small{color:#82967f;font-size:9px}.round-track .current{border-color:#bcaa6e;color:#e7d9a8;background:#baa25a14}.round-track .current i{background:#b6a268;color:#17221c}.round-track .eliminated{opacity:.4;text-decoration:line-through}.in-battle .playback-tools{margin-bottom:8px;min-height:29px}.in-battle .battlefield{min-height:290px;background-position:center 46%}.in-battle .opponents{padding:14px 20px 8px;gap:32px}.in-battle .combatant{width:136px;height:180px;transition:box-shadow .18s,border-color .18s,transform .18s}.in-battle .combatant.targetable{border-color:#bdcf9b;box-shadow:0 0 0 2px #96bc6933,0 0 22px #91b87318}.in-battle .combatant.targeted{border-color:#e6c978;box-shadow:0 0 0 3px #c8ab5b66,0 0 25px #c8ab5b33;transform:translateY(-3px)}.target-hint{position:absolute;top:39px;left:5px;right:5px;border-radius:3px;padding:4px;color:#b4b8ad;background:#101811dd;font-size:9px}.target-hint.valid{color:#e2d7a8;background:#34482cdd}.in-battle .table-center{min-height:105px;padding:8px 16px 12px}.in-battle .turn-label{padding:6px 18px;font-size:11px;letter-spacing:2px}.in-battle .action-display{min-height:100px;margin:9px auto 3px}.in-battle .public-card{width:70px;height:106px;flex-basis:70px}.in-battle .public-card>strong{font-size:15px}.in-battle .public-card>small{font-size:9px}.in-battle .event-portrait{width:65px;height:100px;flex-basis:65px}.in-battle .action-caption h3{font-size:20px}.in-battle .battle-instruction{font-size:11px;margin:8px 0}.in-battle .last-log{display:none}.commander-dock{position:sticky;bottom:0;z-index:8;padding:12px 16px 8px;margin-top:10px;background:linear-gradient(150deg,#1b291ff7,#111c16fc);border:1px solid #455640;border-radius:8px;box-shadow:0 -8px 35px #0004;backdrop-filter:blur(16px)}.in-battle .player-zone{margin-top:0;gap:16px}.in-battle .self-hero{height:142px;min-width:94px;width:94px}.in-battle .self-hero strong{font-size:22px}.in-battle .self-hero div>span:not(.seal):not(.hp){margin:4px 0 6px}.hand-sort{display:flex;align-items:center;gap:7px}.hand-sort select{border:1px solid #4d6148;color:#cfdbbe;background:#1b2b20;border-radius:4px;padding:4px 8px;font-size:11px;cursor:pointer}.in-battle .hand-label{padding:0 0 3px;align-items:center;font-size:12px}.in-battle .hand-cards{padding:9px 5px 8px;gap:9px;min-height:123px;scrollbar-color:#6f805b #152017;scrollbar-width:thin;scroll-snap-type:x proximity}.in-battle .playing-card{width:78px;height:119px;scroll-snap-align:center;transition:transform .16s,box-shadow .16s,filter .16s}.playing-card.is-playable{border-color:#c9d998;box-shadow:0 0 0 1px #a4bf6e55,0 3px 8px #0006}.playing-card.is-unavailable:not(.chosen):not(.skill-material){filter:saturate(.45);border-color:#777e6b}.playing-card.is-unavailable:not(.chosen):not(.skill-material) .card-illustration{opacity:.55}.in-battle .playing-card.chosen{transform:translateY(-6px);border-color:#ffe1a0;box-shadow:0 0 0 2px #ddc780,0 0 20px #ddc78033}.in-battle .playing-card>.card-footer{font-size:9px;bottom:4px;color:#37412a}.in-battle .playing-card>strong{font-size:15px;bottom:19px}.card-hotkey{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:15px;height:17px;border-radius:2px;font-size:10px;background:#15251ed9;color:#e7dab3}.decision-panel{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:82px;padding:11px 14px;background:#101a14;border:1px solid #3c503b;border-left:3px solid #b6a16a;border-radius:4px;margin-top:9px}.decision-copy{min-width:0}.intent-label{display:block;text-transform:uppercase;font-size:9px;color:#9daa87;letter-spacing:1.5px;margin-bottom:4px}.decision-copy strong{display:block;color:#e3d7b2;font-size:15px;font-weight:500}.decision-copy p{margin:5px 0 0;color:#adbba2;font-size:11px;line-height:1.65}.intent-status,.intent-warning{display:block;font-size:11px;line-height:1.6;margin-top:5px}.intent-status.ready{color:#b8d998}.intent-status.blocked{color:#c4b896}.intent-warning{color:#e6ae7e}.intent-tools{display:flex;gap:8px;flex-shrink:0}.intent-tools button{display:flex;align-items:center;gap:4px;font-size:11px;color:#c5cba8;min-height:34px;padding:5px 8px;border:1px solid #4c5a40;border-radius:4px}.skill-intent{border-left-color:#a9bde2}.turn-resources{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:10px;font-size:11px;color:#a7b59a}.turn-resources>span{display:flex;align-items:center;gap:5px}.turn-resources .discard-warning{color:#dbbe87}.turn-resources button{font-size:11px;color:#ddc486;text-decoration:underline;text-underline-offset:3px}.in-battle .battle-actions{margin-top:8px;padding-top:10px;gap:9px}.in-battle .battle-actions>.primary,.in-battle .battle-actions>.secondary{min-height:42px;padding:10px 16px;font-size:12px}.in-battle .battle-actions .primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.battle-shortcuts{color:#71876d;font-size:10px;text-align:right;margin:8px 0 0}.discard-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:20px}.discard-picker button{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px 10px;min-height:78px;border:1px solid #52664a;border-radius:5px;background:#1f3022;color:#d3dbbc}.discard-picker button>span{font-size:11px}.discard-picker button>b{font-size:15px;font-family:var(--serif);font-weight:400}.discard-picker button>svg{position:absolute;right:7px;top:10px}.discard-picker button.picked{background:#4b4126;border-color:#d5b976;color:#f1d8a2}.discard-count{color:#d2bd86;font-size:12px;margin:16px 0}@media(min-width:761px)and (max-height:850px){.in-battle .battle-content{padding-top:10px}.in-battle .battlefield{min-height:244px}.in-battle .combatant{height:150px;width:112px}.in-battle .table-center{min-height:75px}.in-battle .self-hero{height:124px}.in-battle .decision-panel{min-height:72px}}@media(max-width:760px){.in-battle .topbar{height:44px;padding:0 12px}.in-battle .topbar .breadcrumb{font-size:10px}.in-battle .battle-content{padding:10px 10px 14px}.in-battle .battle-content>.section-heading{margin-bottom:8px}.in-battle .battle-content>.section-heading h2{font-size:18px;gap:5px}.in-battle .battle-meta{font-size:10px;padding:7px 0}.round-track{padding-bottom:5px;gap:4px}.round-track>span{font-size:9px;padding:4px 6px;gap:4px}.round-track small{font-size:8px}.round-track i{width:15px;height:15px;font-size:8px}.in-battle .playback-tools{font-size:9px;min-height:27px;margin:0 0 6px}.in-battle .battlefield{min-height:240px}.in-battle .opponents{padding:10px 9px 6px;gap:9px}.in-battle .combatant{height:136px;width:calc((100vw - 66px) / 3);max-width:110px}.in-battle .combatant-info{inset:auto 7px 7px;gap:4px}.in-battle .combatant-info strong{font-size:17px}.in-battle .combatant-info>span:not(.hp){font-size:9px}.in-battle .combatant-info small{font-size:8px}.in-battle .table-center{min-height:84px;padding:5px 8px 8px}.in-battle .table-center .turn-label{font-size:10px;padding:5px 12px;letter-spacing:1px}.in-battle .battle-instruction{font-size:9px}.in-battle .action-display{min-height:84px;margin:7px auto 2px;gap:12px}.in-battle .public-card{height:82px;width:54px;flex-basis:54px}.in-battle .event-portrait{height:80px;width:53px;flex-basis:53px}.in-battle .action-caption h3{font-size:16px}.in-battle .public-card>strong{font-size:13px}.in-battle .public-card>small{font-size:8px}.commander-dock{padding:9px 9px max(9px,env(safe-area-inset-bottom));margin-top:8px;border-radius:6px}.in-battle .player-zone{gap:9px}.in-battle .self-hero{width:68px;min-width:68px;height:125px}.in-battle .self-hero strong{font-size:18px}.in-battle .self-hero>div:last-child{padding:6px}.in-battle .hand-label{font-size:10px}.hand-sort{gap:4px}.hand-sort select{font-size:10px;padding:4px}.in-battle .hand-cards{min-height:110px;gap:7px;padding-top:8px}.in-battle .playing-card{width:65px;height:101px}.in-battle .playing-card>strong{font-size:13px;bottom:16px}.in-battle .playing-card>.card-footer{font-size:8px;bottom:3px}.in-battle .playing-card .card-art.illustrated{bottom:31px}.card-hotkey{display:none}.decision-panel{min-height:80px;padding:8px 9px;gap:7px;align-items:flex-start}.decision-copy strong{font-size:13px}.decision-copy p{font-size:10px;line-height:1.6}.intent-label{font-size:8px;margin-bottom:3px}.intent-status,.intent-warning{font-size:10px}.intent-tools{flex-direction:column;gap:5px}.intent-tools button{font-size:9px;min-height:30px;padding:4px 5px;white-space:nowrap}.turn-resources{font-size:9px;gap:6px 9px;margin-top:7px}.turn-resources button{font-size:10px}.in-battle .battle-actions{flex-wrap:wrap;gap:6px;margin-top:7px;padding-top:8px}.in-battle .equipped{flex:0 0 100%;min-height:20px;gap:6px}.in-battle .equipped button{font-size:10px;padding:3px 7px}.in-battle .battle-actions>.primary,.in-battle .battle-actions>.secondary{flex:1;min-width:0;min-height:42px;padding:9px 5px;font-size:10px}.in-battle .battle-actions>.secondary>svg{width:13px}.battle-shortcuts{display:none}.target-hint{font-size:8px;top:34px;padding:3px}}@media(prefers-reduced-motion:reduce){.in-battle .combatant,.in-battle .playing-card{transition:none}}.in-battle .combatant.will-affect{border-color:#a9b97c;box-shadow:0 0 0 2px #a9b97c33}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}.game-client{--gold: #dbc18a;--muted: #a4a391;--line: #b99b5b33;--ink: #101715;--bronze: #93733e;--crimson: #7f2925;--hud-height: 64px;height:100dvh;min-height:0;overflow:hidden;position:relative;isolation:isolate;color:#eee6d2;background:#111913}.game-client button{touch-action:manipulation}.game-client .workspace{position:relative;z-index:1;margin:0;height:100%;display:flex;flex-direction:column}.world-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0e1717c9,#15201b33 55%,#0e1516a6),url(/assets/guan-yu.jpg) 54% 45% / cover}.world-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,transparent 5%,#08110c66 65%,#070e0de8)}.world-grain{position:absolute;inset:0;opacity:.12;background:repeating-linear-gradient(112deg,transparent 0 3px,#dfca9f12 4px 5px)}.game-client .topbar{flex:0 0 var(--hud-height);height:var(--hud-height);padding:0 30px;position:relative;top:auto;z-index:30;border:0;background:linear-gradient(#0b1215f5,#0b141de8 75%,#172320bb);box-shadow:0 1px #a98b504f,0 8px 25px #0003;backdrop-filter:blur(16px)}.game-client .breadcrumb{gap:22px}.client-brand{display:flex;align-items:center;gap:11px;padding:0}.client-brand>span{display:grid;place-items:center;width:40px;height:42px;font:28px var(--serif);color:#fae8b5;border:1px solid #d7bc79;background:linear-gradient(135deg,#8c332a,#451d1b);clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);box-shadow:inset 0 0 0 3px #c89c4c33}.client-brand b{font:23px var(--serif);letter-spacing:6px;color:#ecd7a7;text-align:left}.client-brand small{display:block;font:9px system-ui;color:#b8ad90;letter-spacing:3px;margin-top:3px}.game-client .hud-location{font:13px var(--serif);color:#ccb991;border-left:1px solid #9b82534d;padding-left:20px;letter-spacing:2px}.game-client .topbar-right{align-items:center;gap:13px}.game-client .icon-btn{width:36px;height:36px;padding:7px;color:#c5baa0;border:1px solid #ac8b4b4d;background:linear-gradient(145deg,#37433299,#18271ec9);border-radius:4px;box-shadow:inset 0 0 0 2px #0a121844}.game-client .icon-btn:hover{color:#f8df9e;border-color:#c4a763;background:#3b4832}.player-identity{display:flex;gap:9px;align-items:center;margin-right:12px}.player-identity .portrait{width:35px;height:40px;border:1px solid #c6a971;border-radius:3px;overflow:hidden}.player-identity>span{font-size:12px;color:#e1d4b4}.player-identity small{display:block;font-size:10px;color:#9caa91;margin-top:4px}.game-client .offline-pill{font-size:10px;color:#a5b39b;gap:6px}.game-client .separator{display:none}.game-client .main-content{padding:0;max-width:none;margin:0;min-height:0;flex:1;overflow:auto;scrollbar-width:none}.game-client .main-content::-webkit-scrollbar{display:none;width:0;height:0}.game-client .main-content>footer{display:none}.client-navigation{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:25;display:flex;gap:4px;padding:5px;background:linear-gradient(#26322ce8,#10191cf5);border:1px solid #a88a5066;box-shadow:0 9px 30px #0008,inset 0 0 0 3px #141b16;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}.client-navigation button{position:relative;min-width:132px;min-height:55px;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 19px;color:#a7ad9b;border:1px solid transparent;background:linear-gradient(#ffffff03,#0000001a);font:15px var(--serif);letter-spacing:1px}.client-navigation button.active{color:#f7d898;background:linear-gradient(120deg,#6d562b77,#b7984722);border-color:#b5995744;box-shadow:inset 0 -2px #d4b870}.client-navigation button i{font:8px system-ui;color:#847e67;position:absolute;right:7px;top:5px}.client-navigation button svg{color:#bba675}.game-client .primary{background:linear-gradient(135deg,#f0d398,#b68c45);border:1px solid #f2d69e;color:#2a2519;border-radius:3px;box-shadow:inset 0 0 0 2px #6c4d3e33,0 3px 9px #0006;font-weight:600}.game-client .primary:hover:not(:disabled){color:#2a2519;background:linear-gradient(135deg,#ffe5ab,#d5ac5d)}.game-client .secondary{border:1px solid #a8905c88;border-radius:3px;color:#ddca9a;background:linear-gradient(140deg,#3c4431,#1e2e27);box-shadow:inset 0 0 0 2px #090f1233}.game-client .text-btn{color:#d5bd87}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.game-lobby{position:relative;height:100%;min-height:590px;max-height:1300px;overflow:hidden}.game-client .lobby-scene.hero-banner{position:absolute;inset:0;height:auto;border:0;border-radius:0;overflow:hidden;background:none}.lobby-title{position:absolute;left:7.5%;top:7%;z-index:3;pointer-events:none;text-shadow:0 3px 15px #000}.world-chapter{color:#dbc59a;letter-spacing:5px;font-size:11px}.lobby-title h2{font:clamp(68px,8.8vw,152px)/1.12 var(--serif);letter-spacing:12px;font-weight:700;color:#f0dbac;margin:20px 0 8px;filter:drop-shadow(0 5px 0 #29302d)}.lobby-title h2>span{color:#d1b17c}.lobby-motto{margin:0;color:#c2bea8;font:15px var(--serif);letter-spacing:5px}.lobby-general{position:absolute;height:113%;width:55%;right:13%;bottom:-6%;overflow:hidden;mask-image:linear-gradient(0deg,transparent 2%,#000 24%,#000 94%,transparent),linear-gradient(90deg,transparent,#000 12%,#000 80%,transparent);mask-composite:intersect;animation:general-arrive .5s ease-out both}.game-client .hero-banner .lobby-general>img{width:100%;height:100%;object-fit:contain;object-position:center top;filter:drop-shadow(-20px 0 45px #080f10);position:static}.scene-rings{position:absolute;left:37%;top:10%;width:45vw;height:45vw;max-width:800px;max-height:800px;border:1px solid #e7cd9530;border-radius:50%;box-shadow:0 0 0 18px #caa97604,0 0 0 19px #caa97617,0 0 0 80px #caa97602;transform:rotateX(25deg)}.scene-rings:after{content:"谋";position:absolute;inset:9%;display:grid;place-items:center;font:32vw var(--serif);color:#f1dc9a06}.scene-mist{position:absolute;inset:0;background:linear-gradient(0deg,#091410 0%,#11231c66 15%,transparent 45%),linear-gradient(90deg,#10211999,transparent 45%,#101d16aa);pointer-events:none}.general-inscription{position:absolute;right:11%;top:14%;z-index:4;display:flex;flex-direction:column;align-items:center;gap:14px;color:#d7c395;text-shadow:0 2px 8px #000}.general-inscription h3{writing-mode:vertical-rl;font:54px var(--serif);letter-spacing:9px;margin:0;font-weight:500}.general-inscription>span:not(.inscription-faction){writing-mode:vertical-rl;font:13px var(--serif);letter-spacing:3px;color:#bbb69b}.inscription-faction{display:grid;place-items:center;width:33px;height:37px;border:1px solid #b99a5f;color:#f3d9a0;font:24px var(--serif);background:#4b3827cc}.general-inscription button{display:flex;align-items:center;gap:5px;font-size:10px;padding:6px 9px;border:1px solid #b2955655;background:#15241dcc;border-radius:3px;white-space:nowrap}.scene-caption{position:absolute;bottom:20%;left:42%;color:#d1c4a3;display:flex;flex-direction:column;gap:9px;font-size:11px;letter-spacing:3px;text-shadow:0 2px 5px #000}.scene-caption>i{width:38px;height:2px;background:#d4b16c;box-shadow:0 0 12px #caae5b77}.scene-caption>b{font:22px var(--serif);letter-spacing:6px;color:#ebd6a8}.lobby-rank{position:absolute;top:24px;right:30px;display:flex;align-items:center;gap:10px;padding:9px 14px;background:#14231dcc;border:1px solid #b0965855;color:#d2bf8d;font-size:11px}.lobby-rank b{font:20px var(--serif);color:#f3d5a0;margin-right:4px}.lobby-rank small{border-left:1px solid #82764e;padding-left:10px;font-size:10px;color:#9eaa93}.lobby-help{position:absolute;right:30px;top:91px;display:flex;align-items:center;gap:12px;color:#c2b591;background:#16241dc7;border:1px solid #9b814944;padding:11px 14px;text-align:left}.lobby-help span{font-size:10px;color:#a6ae98;line-height:1.8}.lobby-help b{font-size:13px;color:#dac295;font-weight:400}.lobby-modes{position:absolute;z-index:4;top:43%;left:7.5%;display:flex;flex-direction:column;gap:12px;width:250px}.lobby-section-label{display:flex;align-items:center;gap:9px;font:12px var(--serif);color:#d6c39b;letter-spacing:2px;margin-bottom:2px}.lobby-section-label>i{height:10px;width:3px;background:#b79557}.lobby-section-label>span{margin-left:auto;font:9px system-ui;color:#849583;letter-spacing:1px}.battle-mode{position:relative;display:flex;align-items:center;gap:13px;width:100%;min-height:82px;border:1px solid #8b835c77;background:linear-gradient(100deg,#253528f5,#18251ee8);text-align:left;padding:13px 16px;overflow:hidden;box-shadow:0 4px 12px #0005,inset 0 0 0 3px #111d1877;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.battle-mode>img{position:absolute;right:0;top:-32px;height:170%;width:47%;object-fit:cover;object-position:top;opacity:.22;mask-image:linear-gradient(90deg,transparent,#000);filter:grayscale(.3)}.mode-sigil{font:28px var(--serif);color:#aa9f7c;position:relative;padding-right:13px;border-right:1px solid #b99a4e44}.mode-description{position:relative;display:flex;flex-direction:column;gap:7px}.mode-description strong{font:19px var(--serif);letter-spacing:2px;color:#ddd3b7}.mode-description small{font-size:10px;color:#98a18c}.mode-icon{margin-left:auto;position:relative;opacity:.55;color:#b3a273}.battle-mode.selected{border-color:#e7bd72;background:linear-gradient(105deg,#693b29e8,#412a20dd 60%,#29372abd);box-shadow:0 0 20px #dfb56214,inset 0 0 0 3px #dbad5233}.battle-mode.selected .mode-sigil,.battle-mode.selected strong{color:#ffdd9a}.battle-mode.selected small{color:#cebb98}.mode-selected{position:absolute;height:22px;width:3px;left:0;top:50%;transform:translateY(-50%);background:#f5cc81;box-shadow:0 0 12px #f9cb79}.lobby-command{position:absolute;z-index:5;bottom:16%;right:5.5%;width:264px;display:flex;flex-direction:column;gap:12px}.command-current{display:flex;align-items:center;gap:7px;color:#e6c995;font-size:11px}.command-current b{font:14px var(--serif)}.command-current>span{color:#9eaa96;font-size:9px;margin-left:auto}.lobby-difficulty{display:flex;gap:4px;align-items:center;padding:5px;border:1px solid #90794577;background:#101f19eb}.lobby-difficulty>span{color:#a7ae98;font-size:11px;padding:0 10px}.lobby-difficulty button{flex:1;min-height:30px;font-size:11px;color:#a8af99}.lobby-difficulty button.selected{background:linear-gradient(#b5a06744,#b5a06722);box-shadow:inset 0 -2px #cfb36d;color:#f6d89d}.deploy-button{position:relative;display:flex;align-items:center;justify-content:center;gap:17px;min-height:84px;color:#ffe9b5;background:linear-gradient(125deg,#ac5133,#7b2a25 50%,#4e2522);border:1px solid #e5bf7b;box-shadow:inset 0 0 0 3px #45271bbb,inset 0 0 0 4px #e8ba6c77,0 5px 20px #0009;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.deploy-button>span{font:28px var(--serif);letter-spacing:6px;text-align:center;text-shadow:0 2px 4px #38180d}.deploy-button small{display:block;font:9px system-ui;letter-spacing:4px;margin-top:6px;color:#dcbb8d}.deploy-button:hover{color:#fff0c5!important;background:linear-gradient(125deg,#c36940,#8f352b 50%,#642b24);transform:translateY(-2px)}.lobby-resume{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid #a9b38977;background:linear-gradient(110deg,#35543cdd,#1b3527ee);color:#ddd8b1}.lobby-resume>span{flex:1;text-align:left}.lobby-resume b{display:block;font-size:13px;font-weight:500}.lobby-resume small{display:block;font-size:10px;color:#a8b59c;margin-top:4px}.general-retinue{position:absolute;bottom:115px;left:7.5%;display:flex;flex-wrap:wrap;align-items:center;gap:12px;z-index:5}.retinue-label{display:flex;flex-direction:column;gap:7px;align-items:center;color:#b9ae8e;font-size:9px;margin-right:3px}.retinue-portraits{display:flex;gap:8px}.retinue-portraits button{position:relative;width:49px;height:65px;padding:0;border:1px solid #a9986c77;overflow:hidden;border-radius:2px;background:#162219}.retinue-portraits img{width:100%;height:100%;object-fit:cover;object-position:top}.retinue-portraits button>span{position:absolute;bottom:0;left:0;right:0;padding:4px 0;text-align:center;font:10px var(--serif);color:#f2dfb1;background:linear-gradient(transparent,#101b12)}.retinue-portraits button.selected{border-color:#ffdc91;box-shadow:0 0 0 2px #c5a66666;transform:translateY(-5px)}.retinue-note{flex-basis:100%;display:flex;gap:6px;align-items:center;margin-left:42px;color:#7f947f;font-size:9px}@keyframes general-arrive{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.game-client:not(.screen-home) .main-content{margin:24px 5% 105px;flex:1;min-height:0;padding:24px 30px;background:linear-gradient(135deg,#15231af5,#101c1af2);border:1px solid #a88a4b66;box-shadow:inset 0 0 0 4px #0b141d77,0 12px 45px #0008;border-radius:3px}.game-client .page-title{padding-bottom:18px;border-bottom:1px solid #bba56b33;margin-bottom:18px}.game-client .page-title h2{font:30px var(--serif);color:#e7d5ae;margin:8px 0;letter-spacing:4px}.game-client .page-title>.eyebrow{display:none}.game-client .page-title>p{font-size:12px;color:#a3ae99;margin:0}.game-client .catalog-toolbar{margin:0 0 14px;gap:20px;align-items:center}.game-client .tabs{gap:7px;border:0}.game-client .tabs button{padding:10px 18px;font-size:13px;background:#25382acc;border:1px solid #7e7f5344;border-radius:2px;color:#adba9f}.game-client .tabs button.active{background:linear-gradient(#8e6f3d66,#584b2b77);border-color:#c7a461;color:#f3d79a}.game-client .search{background:#0d1b17;border-color:#9b895755;min-height:39px;padding:0 12px}.game-client .search input{font-size:12px}.game-client .catalog-info{color:#98a88d;font-size:11px;margin-bottom:16px}.game-client .hero-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 15px}.game-client .hero-tile{border-radius:3px;border:1px solid #af915b88;box-shadow:inset 0 0 0 3px #111b20,0 5px 13px #0005;transition:transform .18s,box-shadow .18s,border-color .18s}.game-client .hero-tile:after{content:"";position:absolute;inset:4px;border:1px solid #d8b97733;pointer-events:none}.game-client .hero-tile:hover{border-color:#f4d58b;box-shadow:0 0 0 1px #cfab6c55,0 8px 18px #0006;transform:translateY(-3px)}.game-client .hero-grid-meta{font-size:10px;color:#99a486;padding:6px 2px 0}.game-client .hero-vertical{color:#f3e1bc;text-shadow:0 3px 6px #000}.game-client .cards-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.game-client .encyclopedia-card{display:flex;flex-direction:column;border:1px solid #a78b5766;border-radius:3px;background:linear-gradient(#24382a99,#18271df5);box-shadow:inset 0 0 0 3px #162119,0 5px 15px #0006;overflow:hidden}.game-client .encyclopedia-art{width:100%;height:180px;min-height:180px;background:radial-gradient(ellipse,#a6a56b22,transparent 65%);border-bottom:1px solid #94834e55}.game-client .encyclopedia-art .card-art{height:100%;width:100%}.game-client .encyclopedia-copy{padding:14px}.game-client .encyclopedia-copy h3{font:21px var(--serif);color:#e7cf9a}.game-client .encyclopedia-copy>span{font-size:10px;color:#a4ae92}.game-client .encyclopedia-copy>p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.8;color:#adb69f}.game-client .encyclopedia-copy>b{color:#c7ad71;font-size:10px}.game-client .guide-feature{padding:28px;min-height:220px;border:1px solid #a7894c66;background:linear-gradient(100deg,#423721b8,#233c2b55),url(/assets/guan-yu.jpg) center 40% / cover}.game-client .guide-feature h2{font:32px var(--serif);color:#efdcaf}.game-client .guide-feature p{color:#b7bd9f;font-size:12px}.game-client .guide-grid{gap:16px;margin-top:22px}.game-client .guide-card{background:linear-gradient(135deg,#303b27,#1b2c22);border:1px solid #9c855066;border-radius:3px;box-shadow:inset 0 0 0 3px #18241977}.game-client .guide-card h3{color:#e3cda0}.game-client .modal-backdrop{background:#040c0acc;backdrop-filter:blur(10px);z-index:100;padding:20px}.game-client .modal{max-height:calc(100dvh - 40px);background:linear-gradient(145deg,#253227,#101e1afc);border:1px solid #c2a265;border-radius:4px;box-shadow:0 20px 90px #000c,inset 0 0 0 4px #101b1bcc,inset 0 0 0 5px #af914633;scrollbar-width:thin}.game-client .close-btn{position:absolute;top:12px;right:12px;width:35px;height:35px;border:1px solid #a98c4d99;border-radius:3px;background:linear-gradient(#4b4a2f,#263326);color:#e5ce99;z-index:12}.game-client .modal-heading>.eyebrow{display:none}.game-client .modal-heading h2{color:#efd8a5;font:28px var(--serif);letter-spacing:4px}.game-client .modal-heading p{color:#aab59d;font-size:12px}.game-client .detail-banner{border-bottom:1px solid #aa8f5555}.game-client .detail-content{color:#bac4ab}.game-client .detail-content h2,.game-client .detail-content h3{color:#dec591}.game-client .skill-detail{background:#0d1a1488;border-color:#8e794944}.game-client .skill-detail>span{color:#ead2a0;border-color:#a08d5555;background:#5c4d2933}.game-client .detail-note{color:#a7b69c;border-color:#8f7c4855;background:#0c1c1566}.game-client .article>h2{color:#efd5a0;font:30px var(--serif)}.game-client .article section{border-color:#a58b4b33}.game-client .article section>span{color:#b89d63}.game-client .setting-row{border-color:#a68a4c33}.game-client .toggle.on{background:#a58c4d;border-color:#d7ba77}.game-client .deployment-modal{width:min(1080px,calc(100vw - 48px));padding:25px 30px 20px}.game-client .deployment-modal .modal-heading{margin-bottom:17px}.game-client .setup-layout{display:grid;grid-template-columns:minmax(220px,.78fr) minmax(0,1.3fr);gap:25px}.game-client .setup-portrait{position:relative;min-height:440px;height:100%;max-height:620px;border:1px solid #b69b5b88;border-radius:3px;overflow:hidden;background:#0e1917}.game-client .setup-portrait>.portrait{position:absolute;inset:0;width:100%;height:100%}.game-client .setup-portrait .portrait-image{object-fit:cover;object-position:center top}.game-client .setup-hero-info{background:linear-gradient(transparent,#09170ded 65%);padding:35px 20px 20px}.game-client .setup-hero-info h2{color:#f2dab0;font:42px var(--serif);letter-spacing:7px}.game-client .setup-options h4{color:#d9c496;font-size:12px;letter-spacing:1px;margin:12px 0 8px}.game-client .setup-options h4:first-child{margin-top:0}.game-client .segmented{background:#0e1e17;border:1px solid #82744666;padding:3px;border-radius:3px}.game-client .segmented button{color:#a6b298;font-size:12px;min-height:34px}.game-client .segmented button.selected{background:linear-gradient(#bca06355,#7d6d3544);color:#f2d59a;box-shadow:inset 0 -2px #c8a966;border-radius:2px}.deployment-filter{display:flex;justify-content:space-between;gap:10px;margin:10px 0}.deployment-filter>div{display:flex;gap:5px}.deployment-filter button{padding:5px 9px;color:#97aa8d;border:1px solid #8e7e4544;font-size:11px;min-width:28px}.deployment-filter button.selected{color:#f2d39c;background:#9c804433;border-color:#bda15b}.deployment-filter>label{display:flex;align-items:center;border:1px solid #8b7b4e55;padding:4px 7px;gap:5px;color:#a99f7e;min-width:0;width:150px}.deployment-filter input{background:none;border:0;width:100%;min-width:0;font-size:11px}.game-client .setup-hero-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;max-height:243px;overflow-y:auto;padding:3px;scrollbar-width:thin}.game-client .setup-hero-list button{position:relative;height:83px;padding:0 0 7px;overflow:hidden;background:#17251b;border:1px solid #9b855666;border-radius:2px;font-size:11px;display:flex;align-items:flex-end;justify-content:center;text-shadow:0 2px 5px #000;isolation:isolate}.game-client .setup-hero-list button>.portrait{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.game-client .setup-hero-list button:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 25%,#102016e6)}.game-client .setup-hero-list button>span{position:absolute;top:4px;left:4px;width:auto;padding:2px 3px;background:#0d1b15d9;font-size:9px;border:1px solid #a8996944}.game-client .setup-hero-list button.selected{border-color:#f1cc7f;box-shadow:0 0 0 1px #d1aa5f;color:#ffe0a1}.game-client .setup-skills{background:#0e1c1688;border:1px solid #9e8b5544;padding:9px 11px;margin-top:11px;max-height:115px;overflow-y:auto}.game-client .setup-skills p{font-size:11px;line-height:1.7;margin:4px 0;color:#acb89e}.game-client .setup-skills p b{color:#e6ca93}.game-client .modal-action{border-color:#a48b4c55;padding-top:16px;margin-top:18px}.game-client .modal-action .primary{min-width:210px;font-size:15px;min-height:47px}.empty-roster{font-size:12px;padding:20px;color:#aaa98b;text-align:center}.game-client.in-battle .battle-content{display:flex;flex-direction:column;flex:1;min-height:0;padding:10px 20px 14px;width:100%;max-width:none;margin:0;overflow:hidden}.game-client.in-battle .section-heading{flex-shrink:0;margin:0 0 7px}.game-client.in-battle .section-heading h2{color:#e6cf9b;font-size:20px;letter-spacing:3px}.game-client.in-battle .tag{font:10px system-ui;letter-spacing:0;color:#d1bc8b;background:#16281acc;border-color:#aa8b4f66}.arena-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:9px;min-height:31px;flex-shrink:0}.game-client.in-battle .battle-meta{border:0;padding:0;font-size:10px;gap:12px;flex-shrink:0}.game-client.in-battle .battle-meta>span:nth-child(2){color:#8d9e86}.game-client.in-battle .battle-meta button{font-size:10px}.game-client.in-battle .round-track{margin:auto;padding:0;gap:5px;min-width:0}.game-client.in-battle .round-track>span{font-size:10px;padding:4px 7px;background:#17261dd9;border-radius:3px;border-color:#8e8a5566}.game-client.in-battle .round-track .current{background:#7c5e2b88;border-color:#d1b16c;color:#f2dbad}.game-client.in-battle .playback-tools{margin:0;min-height:29px;gap:8px;font-size:10px;flex-shrink:0}.game-client.in-battle .playback-tools>span{display:none}.game-client.in-battle .playback-speed{margin:0;background:#102017;border-color:#9e895366}.game-client.in-battle .battle-stage{display:flex;flex-direction:column;flex:1;min-height:0;gap:10px}.game-client.in-battle .battlefield{position:relative;flex:1;min-height:205px;overflow:hidden;border:1px solid #b7985f88;border-radius:10px 10px 4px 4px;background:radial-gradient(ellipse at center,#20463555,#0a1b15cc 80%),linear-gradient(#162b2099,#0d2018dd),url(/assets/guan-yu.jpg) center 47% / cover;box-shadow:inset 0 0 0 4px #0c1619cc,inset 0 0 0 5px #ad91562c,inset 0 0 80px #09150caa,0 3px 17px #0006}.game-client.in-battle .battlefield:before{content:"";position:absolute;inset:30px 7% 12px;border:1px solid #baab6722;border-radius:50%;box-shadow:0 0 0 12px #b7a05a03,0 0 0 13px #b7a05a15;pointer-events:none}.game-client.in-battle .opponents{position:relative;display:flex;justify-content:space-evenly;gap:25px;padding:18px 10% 4px;z-index:2}.game-client.in-battle .combatant{width:139px;height:183px;flex-shrink:0;border-radius:4px;border:1px solid #b69c6388;box-shadow:0 7px 20px #0008,inset 0 0 0 2px #392c1e}.game-client.in-battle .combatant:before{content:"";position:absolute;inset:3px;border:1px solid #e4ca8733;z-index:1;pointer-events:none}.game-client.in-battle .combatant-overlay{background:linear-gradient(transparent 20%,#13201755 40%,#09170ce8)}.game-client.in-battle .combatant-info strong{color:#f8e0ad;font-size:23px;text-shadow:0 2px 6px #000}.game-client.in-battle .combatant .hp svg{fill:#bfba79;color:#bfba79}.game-client.in-battle .role{border-color:#aa615a77;color:#f1b3a1;background:#6b2d28dd}.game-client.in-battle .role.ally{color:#cadcaa;border-color:#a0b27477;background:#345336dd}.game-client.in-battle .combatant.targetable{border-color:#c6d592;box-shadow:0 0 0 2px #9fb85844,0 0 20px #ced59e22}.game-client.in-battle .combatant.targeted{border-color:#ffdb8b;box-shadow:0 0 0 2px #cfb46f99,0 0 25px #ecc27755}.game-client.in-battle .target-hint{background:#213c20eb;color:#f0d9a1;top:36px}.game-client.in-battle .table-center{position:absolute;left:22%;right:22%;bottom:14px;padding:6px;min-height:0;z-index:5}.game-client.in-battle .table-emblem{font-size:100px;inset:-35px 0 auto;color:#e5d4980a}.game-client.in-battle .turn-label{background:linear-gradient(100deg,#1a2f19dd,#1e3925ee);border-color:#bba06b66;border-radius:2px;font-size:10px;padding:6px 16px}.game-client.in-battle .action-display{min-height:90px;margin:8px auto 0;gap:17px}.game-client.in-battle .public-card{width:61px;height:94px;flex-basis:61px;box-shadow:0 5px 15px #0009}.game-client.in-battle .public-card>strong{font-size:14px;bottom:18px}.game-client.in-battle .public-card>small{font-size:8px;bottom:5px}.game-client.in-battle .event-portrait{height:90px;width:58px;flex-basis:58px}.game-client.in-battle .action-caption h3{font-size:18px}.game-client.in-battle .action-caption p{font-size:10px}.game-client.in-battle .battle-instruction{font-size:10px;margin:9px 0 0;color:#b9bea0}.game-client.in-battle .commander-dock{position:relative;bottom:auto;flex-shrink:0;display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:minmax(100px,auto) auto 19px;gap:5px 18px;margin:0;padding:12px 16px 8px;background:linear-gradient(125deg,#253729f2,#10231df8 65%);border:1px solid #aa8c4d99;border-radius:5px;box-shadow:inset 0 0 0 3px #0b191a99,0 -5px 20px #0005}.game-client.in-battle .player-zone{grid-column:1;grid-row:1 / 3;gap:16px;margin:0;align-items:center;min-width:0}.game-client.in-battle .self-hero{width:103px;min-width:103px;height:161px;border-color:#c5a65b;border-radius:4px;box-shadow:0 3px 13px #0006}.game-client.in-battle .self-hero strong{font-size:25px}.game-client.in-battle .hand-label{font-size:11px;color:#c0bc96;padding:0 0 5px}.game-client.in-battle .hand-cards{min-height:153px;gap:10px;padding:11px 5px 7px;scrollbar-color:#bc9f58 #14251a}.game-client.in-battle .playing-card{width:88px;height:134px;border-radius:4px;background:linear-gradient(120deg,#f0e2bb,#d2c49b);border-color:#b6a06a;box-shadow:0 5px 8px #0007,inset 0 0 0 2px #fff3c344}.game-client.in-battle .playing-card.is-playable{border-color:#d0d89c;box-shadow:0 0 0 1px #c6d58a66,0 4px 8px #0006}.game-client.in-battle .playing-card.chosen{transform:translateY(-8px);border-color:#ffe7a6;box-shadow:0 0 0 2px #d1ac66,0 0 20px #f2c16e44}.game-client.in-battle .playing-card>strong{font-size:18px;bottom:19px;font-weight:500}.game-client.in-battle .playing-card>.card-footer{font-size:9px}.game-client.in-battle .hand-sort select{background:#14281b;border-color:#a9945266;color:#c2c7a5}.game-client.in-battle .decision-panel{grid-column:2;grid-row:1;margin:0;min-height:100px;border:0;border-left:2px solid #c7a764;padding:5px 9px;background:#0d1c1566;border-radius:0;align-items:flex-start;gap:5px}.game-client.in-battle .decision-copy strong{font:16px var(--serif);color:#efd4a0}.game-client.in-battle .decision-copy p{font-size:10px;line-height:1.65;color:#b3bea4}.game-client.in-battle .intent-label{color:#9fae8c;font-size:8px;letter-spacing:2px}.game-client.in-battle .intent-status,.game-client.in-battle .intent-warning{font-size:10px}.game-client.in-battle .intent-tools{flex-direction:column}.game-client.in-battle .intent-tools button{padding:3px 5px;min-height:28px;font-size:9px;background:#18301d;border-color:#9a865444}.game-client.in-battle .intent-tools button svg{display:none}.game-client.in-battle .turn-resources{grid-column:1;grid-row:3;margin:0;font-size:10px;gap:12px;color:#aeb79a}.game-client.in-battle .turn-resources button{color:#ddc184;font-size:10px}.game-client.in-battle .battle-actions{grid-column:2;grid-row:2;display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin:0;padding:6px 0 0;border-top:1px solid #b1975533}.game-client.in-battle .battle-actions>.equipped{grid-column:1 / -1;min-height:20px;font-size:10px;gap:5px}.game-client.in-battle .equipped button{padding:3px 6px;font-size:9px;border-color:#a48d5055;background:#2c3a25}.game-client.in-battle .battle-actions>.primary,.game-client.in-battle .battle-actions>.secondary{min-height:43px;min-width:0;padding:7px 5px;font:12px var(--serif);white-space:nowrap}.game-client.in-battle .battle-actions>.primary>svg,.game-client.in-battle .battle-actions>.secondary>svg{display:none}.game-client.in-battle .battle-shortcuts{grid-column:2;grid-row:3;font-size:8px;margin:0;color:#889a7d;align-self:end}.game-client.in-battle .battle-log{position:absolute;right:24px;top:130px;width:min(340px,80vw);max-height:50%;z-index:20;margin:0;background:#102019f5;border-color:#b4975c88;box-shadow:0 8px 30px #000a}.game-client.in-battle .result-panel{z-index:25;background:#13271af5;border:1px solid #d7b46c;box-shadow:0 0 0 4px #142119,0 12px 50px #000b}@media(min-width:1100px)and (min-height:850px){.game-client.in-battle .opponents{padding-top:28px}.game-client.in-battle .combatant{width:158px;height:212px}.game-client.in-battle .opponents .combatant:first-child:not(:only-child),.game-client.in-battle .opponents .combatant:last-child:not(:only-child){margin-top:24px}.game-client.in-battle .table-center{bottom:25px}.game-client.in-battle .self-hero{height:180px;width:115px;min-width:115px}.game-client.in-battle .playing-card{width:98px;height:147px}.game-client.in-battle .hand-cards{min-height:167px}}@media(max-width:1200px)and (min-width:700px){.lobby-modes{left:5%;width:224px;gap:9px;top:42%}.battle-mode{min-height:73px;padding:10px 13px;gap:10px}.mode-description strong{font-size:17px}.mode-description small{font-size:9px}.lobby-title{left:5%}.lobby-title h2{font-size:100px}.lobby-command{width:232px;right:4%}.general-retinue{left:5%;bottom:110px}.general-inscription{right:10%}.retinue-portraits button{width:42px;height:58px}.game-client .hero-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.game-client .cards-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.game-client.in-battle .arena-toolbar{gap:8px}.game-client.in-battle .round-track small{display:none}.game-client.in-battle .round-track>span{font-size:9px;padding:4px 5px}.game-client.in-battle .commander-dock{grid-template-columns:minmax(0,1fr) 260px;gap:5px 11px}.game-client.in-battle .self-hero{width:83px;min-width:83px;height:138px}.game-client.in-battle .playing-card{width:78px;height:120px}.game-client.in-battle .hand-cards{min-height:140px;gap:7px}}@media(min-width:700px)and (max-height:760px){.game-client{--hud-height: 54px}.game-lobby{min-height:520px}.lobby-title{top:5%}.lobby-title h2{font-size:90px;margin:12px 0 5px}.lobby-modes{top:37%;gap:8px}.battle-mode{min-height:66px;padding-top:9px;padding-bottom:9px}.general-retinue{bottom:99px}.retinue-portraits button{height:54px;width:42px}.lobby-command{bottom:16%;gap:8px}.deploy-button{min-height:72px}.client-navigation{bottom:14px}.client-navigation button{min-height:48px}.game-client.in-battle .combatant{width:113px;height:148px}.game-client.in-battle .opponents{padding-top:12px}.game-client.in-battle .self-hero{height:135px;width:83px;min-width:83px}.game-client.in-battle .playing-card{height:118px;width:78px}.game-client.in-battle .hand-cards{min-height:138px}.game-client.in-battle .table-center{left:25%;right:25%;bottom:9px}.game-client.in-battle .action-display{min-height:75px;margin-top:4px}.game-client.in-battle .public-card{height:75px;width:49px;flex-basis:49px}.game-client.in-battle .event-portrait{height:72px;width:48px;flex-basis:48px}.game-client.in-battle .decision-panel{min-height:86px}}@media(max-width:699px){.game-client{--hud-height: 54px}.game-client .topbar{padding:0 12px;flex-shrink:0}.game-client .breadcrumb{gap:9px}.client-brand{gap:7px}.client-brand>span{width:30px;height:33px;font-size:22px}.client-brand b{font-size:19px;letter-spacing:3px}.client-brand small{display:none}.game-client .hud-location{font-size:11px;letter-spacing:1px;border:0;padding:0;color:#a5ad94}.game-client.screen-home .hud-location,.game-client .player-identity,.game-client .offline-pill,.game-client .fullscreen-control{display:none}.game-client .topbar-right{gap:6px}.game-client .icon-btn{width:31px;height:31px;padding:6px}.game-client .icon-btn>svg{width:16px;height:16px}.client-navigation{position:absolute;left:0;right:0;bottom:0;transform:none;justify-content:space-around;padding:5px 7px max(7px,env(safe-area-inset-bottom));gap:3px;border:0;border-top:1px solid #ba965b77;clip-path:none;background:linear-gradient(#283528f5,#101e1bf9);box-shadow:0 -8px 24px #0006}.client-navigation button{min-width:0;flex:1;min-height:53px;padding:7px 3px;flex-direction:column;gap:6px;font:11px system-ui;letter-spacing:1px}.client-navigation button>svg{width:20px;height:20px}.client-navigation button i{display:none}.client-navigation button.active{border-color:#b89c5b55;box-shadow:inset 0 2px #d6b670;background:linear-gradient(#b89c5b26,#b89c5b05)}.game-client .main-content{padding-bottom:69px}.game-lobby{min-height:0;height:100%;max-height:none}.lobby-title{left:6%;top:5%}.world-chapter{font-size:8px;letter-spacing:2px}.lobby-title h2{font-size:72px;margin:12px 0 9px;letter-spacing:5px}.lobby-motto{font-size:10px;letter-spacing:2px;max-width:120px;line-height:1.8}.lobby-general{width:76%;height:75%;right:-5%;bottom:auto;top:-1%;mask-image:linear-gradient(0deg,transparent 1%,#000 35%,#000 90%,transparent),linear-gradient(90deg,transparent,#000 14%,#000 91%,transparent)}.scene-rings{top:6%;left:19%;width:90vw;height:90vw}.scene-caption{display:none}.general-inscription{right:5%;top:9%;gap:9px}.general-inscription h3{font-size:30px;letter-spacing:4px}.inscription-faction{width:24px;height:28px;font-size:18px}.general-inscription>span:not(.inscription-faction){font-size:9px;letter-spacing:2px}.general-inscription button{position:absolute;top:190px;right:0;font-size:9px;padding:5px 6px}.general-inscription button svg{width:11px}.lobby-rank{inset:auto auto 57% 6%;padding:6px 8px;gap:7px;font-size:9px}.lobby-rank b{font-size:16px}.lobby-rank small{display:none}.lobby-rank>svg{width:13px}.lobby-help{display:none}.lobby-modes{inset:auto 4% 28%;width:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.lobby-section-label{grid-column:1/-1;font-size:10px;margin:0 0 1px}.lobby-section-label>span{font-size:8px}.battle-mode{min-height:79px;padding:10px 5px 8px;flex-direction:column;gap:5px;align-items:flex-start}.battle-mode>img{width:80%;top:-7px;height:150%;opacity:.3}.mode-sigil{border:0;padding:0;font-size:17px;position:absolute;right:7px;top:6px;opacity:.55}.mode-description{gap:5px;z-index:2;padding-top:20px}.mode-description strong{font-size:15px;letter-spacing:1px}.mode-description small{font-size:8px;line-height:1.6;white-space:nowrap}.mode-icon{position:absolute;left:7px;top:7px;width:18px;height:18px;margin:0}.mode-selected{height:22px}.general-retinue{bottom:45%;left:5%;right:5%;gap:7px;justify-content:center}.retinue-label,.retinue-note{display:none}.retinue-portraits{gap:7px;width:100%;justify-content:space-between}.retinue-portraits button{width:calc((100vw - 78px) / 6);max-width:52px;height:57px}.retinue-portraits button>span{font-size:9px;padding:3px 0}.lobby-command{bottom:3%;left:4%;right:4%;width:auto;display:grid;grid-template-columns:1fr;gap:7px}.command-current{display:none}.lobby-difficulty{padding:3px;width:100%}.lobby-difficulty>span{font-size:10px}.lobby-difficulty button{min-height:27px;font-size:10px}.deploy-button{min-height:64px;gap:18px}.deploy-button>span{font-size:24px;letter-spacing:5px}.deploy-button small{font-size:8px;letter-spacing:3px;margin-top:4px}.deploy-button>svg{width:21px}.lobby-resume{padding:8px 12px;min-height:43px;position:absolute;bottom:109px;left:0;right:0;background:linear-gradient(100deg,#365237f5,#132b1ef5)}.lobby-resume b{font-size:11px}.lobby-resume small{font-size:9px;margin:0}.lobby-resume>span{display:flex;align-items:center;justify-content:space-between;gap:8px}.game-lobby:has(.lobby-resume) .lobby-modes{bottom:34%}.game-lobby:has(.lobby-resume) .general-retinue{bottom:52%}.game-lobby:has(.lobby-resume) .lobby-rank{bottom:64%}.game-client:not(.screen-home) .main-content{margin:9px 9px 76px;padding:14px 11px;border-color:#a28e5a88}.game-client .page-title{margin-bottom:12px;padding-bottom:11px}.game-client .page-title h2{font-size:23px;letter-spacing:2px;margin:0 0 7px}.game-client .page-title>p{font-size:10px;line-height:1.7}.game-client .catalog-toolbar{flex-direction:column;gap:10px;align-items:stretch;margin-bottom:10px}.game-client .tabs{gap:4px;overflow:auto;flex-shrink:0}.game-client .tabs button{padding:8px 9px;font-size:10px;white-space:nowrap;min-height:35px}.game-client .search{min-height:36px;width:100%}.game-client .search input{font-size:11px}.game-client .catalog-info{font-size:9px;gap:4px;margin-bottom:12px}.game-client .catalog-info label{font-size:9px;white-space:nowrap}.game-client .hero-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px}.game-client .hero-grid .hero-tile{height:169px}.game-client .hero-vertical{font-size:22px}.game-client .hero-grid-meta{font-size:8px;padding-top:5px;gap:2px}.game-client .hero-grid-meta small{font-size:7px}.game-client .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-client .encyclopedia-art{height:124px;min-height:124px}.game-client .encyclopedia-copy{padding:10px}.game-client .encyclopedia-copy h3{font-size:18px}.game-client .encyclopedia-copy>p{font-size:10px;line-height:1.7}.game-client .guide-feature{min-height:200px;padding:20px 15px}.game-client .guide-feature h2{font-size:25px}.game-client .guide-feature p{font-size:11px}.game-client .guide-grid{grid-template-columns:1fr;gap:12px}.game-client .guide-card{padding:18px}.game-client .modal-backdrop{padding:9px}.game-client .modal{max-height:calc(100dvh - 18px);width:100%;padding:22px 18px}.game-client .modal-heading h2{font-size:25px}.game-client .close-btn{width:32px;height:32px;top:10px;right:10px}.game-client .detail-content{padding:18px 2px 2px}.game-client .detail-banner{margin:-22px -18px 0}.game-client .deployment-modal{height:calc(100dvh - 18px);padding:20px 15px 15px;display:flex;flex-direction:column;overflow:auto}.game-client .deployment-modal .modal-heading{flex-shrink:0;margin-bottom:10px}.game-client .deployment-modal .modal-heading h2{margin:0 0 6px}.game-client .deployment-modal .modal-heading p{font-size:10px;margin:0}.game-client .setup-layout{display:flex;flex-direction:column;gap:12px;min-height:0;flex:1;overflow-y:auto}.game-client .setup-portrait{flex-shrink:0;min-height:160px;height:160px;max-height:160px}.game-client .setup-portrait .portrait-image{object-fit:contain;object-position:25% top}.game-client .setup-hero-info{position:absolute;inset:0;padding:14px 18px;align-items:flex-end;text-align:right;justify-content:center;background:linear-gradient(90deg,transparent 20%,#102117bb 55%,#0d1d14ed)}.game-client .setup-hero-info h2{font-size:34px;letter-spacing:4px;margin:7px 0}.game-client .setup-options{flex-shrink:0}.game-client .setup-options h4{font-size:11px;margin:12px 0 7px}.game-client .segmented button{font-size:11px;min-height:35px}.deployment-filter{gap:6px}.deployment-filter>label{width:125px}.deployment-filter button{padding:6px 8px;font-size:10px}.game-client .setup-hero-list{grid-template-columns:repeat(5,minmax(0,1fr));max-height:186px;gap:6px}.game-client .setup-hero-list button{height:83px;font-size:10px}.game-client .setup-skills{max-height:none;padding:8px}.game-client .setup-skills p{font-size:10px}.game-client .modal-action{flex-shrink:0;padding-top:10px;margin-top:10px;gap:8px}.game-client .modal-action>small{font-size:8px;line-height:1.7;max-width:40%}.game-client .modal-action .primary{min-width:0;min-height:46px;flex:1;font-size:15px}.game-client.in-battle .battle-content{padding:8px 8px 9px}.game-client.in-battle .section-heading{margin-bottom:6px}.game-client.in-battle .section-heading h2{font-size:16px;letter-spacing:1px}.game-client.in-battle .tag{font-size:8px;padding:3px 4px}.game-client.in-battle .section-heading .text-btn{font-size:9px}.game-client.in-battle .arena-toolbar{display:grid;grid-template-columns:1fr auto;gap:5px 6px;margin-bottom:6px}.game-client.in-battle .battle-meta{font-size:9px;gap:8px}.game-client.in-battle .battle-meta button{font-size:9px}.game-client.in-battle .battle-meta>span:nth-child(2){display:none}.game-client.in-battle .round-track{grid-row:2;grid-column:1 / -1;margin:0;gap:4px}.game-client.in-battle .round-track>span{font-size:8px;padding:3px 5px;gap:3px}.game-client.in-battle .round-track small{font-size:7px}.game-client.in-battle .round-track i{width:13px;height:13px;font-size:7px}.game-client.in-battle .playback-tools{font-size:9px;min-height:25px}.game-client.in-battle .playback-speed button{font-size:9px;min-width:27px;min-height:24px}.game-client.in-battle .battle-stage{gap:6px}.game-client.in-battle .battlefield{min-height:178px;border-radius:7px 7px 3px 3px}.game-client.in-battle .battlefield:before{inset:17px 6% 11px}.game-client.in-battle .opponents{padding:9px 7px;gap:8px;justify-content:space-evenly}.game-client.in-battle .combatant{width:calc((100vw - 60px) / 3);max-width:105px;height:132px}.game-client.in-battle .combatant-info{inset:auto 6px 7px;gap:4px}.game-client.in-battle .combatant-info strong{font-size:18px}.game-client.in-battle .combatant-info>span:not(.hp){font-size:8px}.game-client.in-battle .combatant-info small{font-size:7px}.game-client.in-battle .combatant .hp svg{width:8px;height:8px}.game-client.in-battle .combatant-top .seal{width:18px;height:21px;font-size:12px}.game-client.in-battle .role{font-size:7px;padding:2px 3px}.game-client.in-battle .target-hint{top:32px;font-size:8px;padding:3px}.game-client.in-battle .table-center{left:4%;right:4%;bottom:7px;padding:0;min-height:0}.game-client.in-battle .turn-label{font-size:9px;padding:5px 12px}.game-client.in-battle .battle-instruction{display:none}.game-client.in-battle .action-display{min-height:68px;gap:11px;margin:5px auto 0}.game-client.in-battle .public-card{width:45px;height:70px;flex-basis:45px}.game-client.in-battle .public-card>strong{font-size:12px;bottom:14px}.game-client.in-battle .public-card>small{font-size:7px;bottom:3px}.game-client.in-battle .public-card .card-art{bottom:25px}.game-client.in-battle .public-card-corner{font-size:9px}.game-client.in-battle .public-card-corner i{font-size:10px}.game-client.in-battle .event-portrait{width:45px;height:70px;flex-basis:45px}.game-client.in-battle .action-caption h3{font-size:15px;margin:4px 0}.game-client.in-battle .action-caption p{font-size:9px;line-height:1.5;margin:3px 0}.game-client.in-battle .action-outcome{font-size:8px;padding:2px 5px}.game-client.in-battle .commander-dock{display:flex;flex-direction:column;gap:0;padding:8px 8px max(8px,env(safe-area-inset-bottom));background:linear-gradient(130deg,#263b2af8,#11241cfb)}.game-client.in-battle .player-zone{gap:9px;align-items:center}.game-client.in-battle .self-hero{width:67px;min-width:67px;height:111px}.game-client.in-battle .self-hero strong{font-size:18px}.game-client.in-battle .self-hero .seal{width:17px;height:20px;font-size:12px}.game-client.in-battle .self-hero .hp svg{width:8px;height:8px}.game-client.in-battle .self-hero div>span:not(.seal):not(.hp){font-size:8px;margin:4px 0}.game-client.in-battle .hand-label{font-size:10px;padding:0 0 1px}.game-client.in-battle .hand-sort select{font-size:9px;padding:3px 4px}.game-client.in-battle .hand-cards{min-height:102px;gap:7px;padding:8px 4px 6px}.game-client.in-battle .playing-card{width:62px;height:93px}.game-client.in-battle .playing-card>strong{font-size:13px;bottom:15px;letter-spacing:0}.game-client.in-battle .playing-card>.card-footer{font-size:7px;bottom:3px}.game-client.in-battle .playing-card .card-art.illustrated{bottom:28px}.game-client.in-battle .decision-panel{padding:7px 8px;margin-top:6px;min-height:59px;gap:6px;border-left-width:2px;flex-direction:row}.game-client.in-battle .decision-copy strong{font-size:13px}.game-client.in-battle .decision-copy p{font-size:10px;line-height:1.5;margin-top:4px}.game-client.in-battle .intent-label{display:none}.game-client.in-battle .intent-status,.game-client.in-battle .intent-warning{font-size:9px;line-height:1.5;margin-top:4px}.game-client.in-battle .intent-tools button{min-height:28px;padding:3px 5px;font-size:9px}.game-client.in-battle .turn-resources{font-size:9px;margin-top:6px;gap:5px 9px;min-height:15px}.game-client.in-battle .turn-resources button{font-size:9px}.game-client.in-battle .battle-actions{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:5px;margin-top:5px;padding-top:5px}.game-client.in-battle .equipped{flex:none;min-height:18px}.game-client.in-battle .equipped button{font-size:8px;padding:2px 5px}.game-client.in-battle .battle-actions>.primary,.game-client.in-battle .battle-actions>.secondary{min-height:42px;font-size:11px;padding:7px 3px}.game-client.in-battle .battle-shortcuts{display:none}.game-client.in-battle .battle-log{top:145px;right:12px;max-height:38%}.game-client.in-battle.is-replaying .decision-copy p{display:none}.game-client.in-battle.is-replaying .decision-panel{min-height:35px}.game-client.in-battle .result-panel{width:calc(100vw - 36px);padding:25px 18px}}@media(max-width:699px)and (max-height:740px){.game-client{--hud-height: 48px}.lobby-title h2{font-size:59px;margin-top:10px}.general-inscription{top:6%}.general-inscription button{top:170px}.lobby-modes{bottom:29%;gap:6px}.battle-mode{min-height:66px;padding:7px 4px}.mode-description{padding-top:16px;gap:4px}.mode-description strong{font-size:14px}.mode-description small{font-size:7px}.general-retinue{bottom:47%}.retinue-portraits button{height:49px}.lobby-rank{bottom:59%}.lobby-command{gap:5px;bottom:2%}.deploy-button{min-height:57px}.deploy-button>span{font-size:23px}.lobby-difficulty button{min-height:24px}.lobby-resume{bottom:95px;min-height:37px;padding:6px 10px}.game-lobby:has(.lobby-resume) .lobby-modes{bottom:36%}.game-lobby:has(.lobby-resume) .general-retinue{bottom:53%}.game-lobby:has(.lobby-resume) .lobby-rank{bottom:64%}.game-client.in-battle .battle-content{padding:5px 7px 7px}.game-client.in-battle .battlefield{min-height:150px}.game-client.in-battle .combatant{height:115px;max-width:94px}.game-client.in-battle .combatant-info strong{font-size:16px}.game-client.in-battle .decision-panel{min-height:50px}.game-client.in-battle .decision-copy p{font-size:9px}.game-client.in-battle .playing-card{height:86px;width:57px}.game-client.in-battle .hand-cards{min-height:96px}.game-client.in-battle .self-hero{height:105px;min-width:61px;width:61px}.game-client.in-battle .commander-dock{padding:6px}.game-client.in-battle .battle-actions>.primary,.game-client.in-battle .battle-actions>.secondary{min-height:40px}.game-client.in-battle .setup-portrait{min-height:135px;height:135px}}.platform-app .fullscreen-control{display:none}.platform-app{--hud-height: 52px}.platform-app .client-brand small{display:none}.platform-app .topbar{background:linear-gradient(#17261bf5,#101e1af8)}@media(max-height:520px)and (min-width:520px){.game-client{--hud-height: 42px}.game-lobby{min-height:0}.lobby-title{top:7%;left:5%}.lobby-title h2{font-size:65px;margin:10px 0}.world-chapter{font-size:8px}.lobby-motto{font-size:10px}.lobby-modes{top:42%;left:5%;width:200px;gap:5px}.lobby-section-label{display:none}.battle-mode{min-height:44px;padding:7px 10px;flex-direction:row}.mode-description{padding:0;gap:3px}.mode-description strong{font-size:13px}.mode-description small{font-size:8px}.mode-sigil{position:static;font-size:20px;opacity:1}.mode-icon{display:none}.lobby-command{bottom:26%;width:220px;right:4%;left:auto}.lobby-rank,.lobby-help,.retinue-note,.scene-caption{display:none}.general-retinue{bottom:10px;left:5%;right:auto}.retinue-label{display:none}.retinue-portraits button{height:46px;width:38px}.lobby-general{height:115%;right:12%;width:55%;top:auto;bottom:-10%}.client-navigation{left:auto;right:4%;bottom:10px;transform:none;padding:3px;border:1px solid #b0945c55}.client-navigation button{min-height:41px;min-width:58px;padding:4px 7px;font-size:9px;flex-direction:column;gap:4px}.client-navigation button>svg{height:16px;width:16px}.client-navigation button i{display:none}.game-client.in-battle .section-heading{margin:0 0 4px}.game-client.in-battle .section-heading h2{font-size:15px}.game-client.in-battle .arena-toolbar{min-height:24px;margin-bottom:5px}.game-client.in-battle .round-track{display:none}.game-client.in-battle .battle-stage{flex-direction:row;gap:8px}.game-client.in-battle .battlefield{min-height:0;flex:1}.game-client.in-battle .combatant{height:108px;width:73px}.game-client.in-battle .combatant-info strong{font-size:15px}.game-client.in-battle .opponents{padding:8px;gap:8px}.game-client.in-battle .table-center{bottom:6px;left:5%;right:5%}.game-client.in-battle .commander-dock{width:320px;display:flex;flex-direction:column;padding:6px;min-height:0;overflow:auto}.game-client.in-battle .self-hero{height:100px;width:61px;min-width:61px}.game-client.in-battle .playing-card{width:57px;height:88px}.game-client.in-battle .hand-cards{min-height:100px;gap:6px}.game-client.in-battle .decision-panel{min-height:55px;margin-top:4px;padding:5px}.game-client.in-battle .decision-copy p{font-size:9px}.game-client.in-battle .battle-actions{display:grid;grid-template-columns:1fr 1fr 1fr}.game-client.in-battle .battle-actions>.primary,.game-client.in-battle .battle-actions>.secondary{min-height:36px;font-size:10px}.game-client.in-battle .turn-resources{font-size:8px;margin:4px 0}.game-client.in-battle .battle-shortcuts{display:none}}@media(prefers-reduced-motion:reduce){.game-client *,.game-client *:before,.game-client *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.client-navigation{flex-direction:row}.client-navigation button{height:auto}.client-navigation button.active:before{display:none}.player-identity .portrait{position:relative;inset:auto;flex-shrink:0}@media(min-width:700px){.general-retinue{left:37%;bottom:110px}.scene-caption{left:39%;bottom:210px}.lobby-help{top:auto;bottom:35px}.lobby-general{display:flex;justify-content:center;top:8px;height:100%;bottom:auto;mask-image:none}.game-client .hero-banner .lobby-general>img{width:auto;max-width:100%;height:100%;mask-image:linear-gradient(0deg,transparent 2%,#000 28%,#000 97%,transparent),linear-gradient(90deg,transparent,#000 10%,#000 89%,transparent);mask-composite:intersect}}@media(max-height:520px)and (min-width:700px){.general-retinue{left:5%;bottom:10px}.lobby-help{display:none}}.world-backdrop{background:linear-gradient(90deg,#0e1717c9,#15201b33 55%,#0e1516a6),url(/assets/guan-yu.jpg) left center/auto 180% no-repeat}.game-client.in-battle .battlefield{background:radial-gradient(ellipse at center,#20463555,#0a1b15cc 80%),linear-gradient(#162b2099,#0d2018dd),url(/assets/guan-yu.jpg) left 47%/180% auto no-repeat}.game-client .setup-hero-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}.game-client .setup-hero-info .seal{position:static;top:auto;right:auto;margin:0}.game-client .setup-hero-info .hp{margin-top:10px}@media(max-width:699px){.game-client .setup-portrait>.portrait{width:60%}.game-client .setup-portrait .portrait-image{object-fit:cover;object-position:center 15%}.game-client .setup-hero-info{align-items:flex-end;justify-content:center}.game-client .setup-hero-info h2{margin:6px 0}.game-client .setup-hero-info .seal{width:22px;height:25px;font-size:16px}.game-client .setup-hero-info .hp{margin-top:8px}.game-client .setup-hero-info>span:not(.seal):not(.hp){font-size:10px}}.game-client .encyclopedia-art .card-art{display:block}.game-client .encyclopedia-art .card-illustration{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}@media(max-width:699px){.game-client .setup-portrait .portrait-image{object-position:center top}}@media(min-width:700px){.game-client .deployment-modal{height:min(800px,calc(100dvh - 40px));display:flex;flex-direction:column}.game-client .deployment-modal .modal-heading,.game-client .deployment-modal .modal-action{flex-shrink:0}.game-client .setup-layout{flex:1;min-height:0;grid-template-rows:minmax(0,1fr);overflow:hidden;margin-top:0}.game-client .setup-portrait{min-height:0;height:100%;max-height:none}.game-client .setup-options{min-height:0;overflow-y:auto;padding-right:6px;scrollbar-width:thin}}@media(max-height:520px)and (min-width:520px){.deploy-button{min-height:57px;gap:10px}.deploy-button>span{font-size:22px;letter-spacing:3px}.deploy-button>svg{width:18px;flex-shrink:0}.deploy-button small{font-size:8px;letter-spacing:2px}.game-client.in-battle .hand-label{font-size:9px;padding-bottom:0}.game-client.in-battle .playing-card{height:78px;width:52px}.game-client.in-battle .hand-cards{min-height:88px;padding:5px 3px 4px}.game-client.in-battle .self-hero{height:91px}.game-client.in-battle .decision-panel{min-height:45px}.game-client.in-battle .battle-actions{position:sticky;bottom:0;flex-shrink:0;background:#15291e;z-index:10}}.game-client.in-battle .battle-table{position:relative;flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:6px}.game-client.in-battle .table-center{pointer-events:none}.game-client.in-battle .table-skills{flex-shrink:0;border:1px solid #aa8c4d55;border-radius:5px;background:#10231deb;padding:0 7px 6px}.game-client.in-battle .skills-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;color:#d2bc87;font-size:11px}.game-client.in-battle .skills-toolbar small{color:#8d9e8d;margin-left:6px;font-size:10px}.game-client.in-battle .skills-toolbar button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:34px;min-width:84px;padding:4px 8px;color:#e6cf99;font-size:11px;background:transparent;border:0;border-radius:3px}.game-client.in-battle .skills-toolbar button:focus-visible{outline:1px solid #d8c08b}.game-client.in-battle .table-skill-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px}.game-client.in-battle .table-skill{min-width:0;display:flex;align-items:center;gap:8px;padding:5px 7px;border-left:2px solid #697d68;background:#8eaa7a09}.game-client.in-battle .table-skill.own-skill{border-left-color:#d1b56d}.game-client.in-battle .table-skill.fallen-skill{opacity:.6}.game-client.in-battle .table-skill header{color:#e9d5a4;flex-shrink:0;font-size:12px}.game-client.in-battle .table-skill header span{display:none}.game-client.in-battle .skill-names{display:flex;flex-wrap:wrap;gap:4px;min-width:0}.game-client.in-battle .skill-names span{font-size:11px;line-height:1.5;color:#b9c8a5;white-space:nowrap}.game-client.in-battle .skill-names span+span:before{content:"·";color:#74866c;margin-right:4px}.game-client.in-battle .table-skill-rules{display:none}.game-client.in-battle .table-skills.expanded{position:absolute;z-index:12;bottom:0;left:0;right:0;max-height:100%;display:flex;flex-direction:column;background:#10221dfc;border-color:#ad935b;box-shadow:0 -12px 36px #0008}.game-client.in-battle .expanded .skills-toolbar{flex-shrink:0;min-height:40px}.game-client.in-battle .expanded .table-skill-grid{overflow-y:auto;min-height:0;grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));overscroll-behavior:contain;scrollbar-width:thin}.game-client.in-battle .expanded .table-skill{display:block;padding:9px 10px}.game-client.in-battle .expanded .table-skill header{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:5px}.game-client.in-battle .expanded .table-skill header span{display:inline;color:#98ac96;font-size:10px}.game-client.in-battle .expanded .skill-names{display:none}.game-client.in-battle .expanded .table-skill-rules{display:block}.game-client.in-battle .table-skill p{margin:4px 0;color:#cfd9c8;font-size:12px;line-height:1.65;text-align:left}.game-client.in-battle .table-skill b{color:#e4c88e;margin-right:7px}@media(max-width:699px){.game-client.in-battle .table-skill-grid{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}.game-client.in-battle .table-skills{padding:0 5px 4px}.game-client.in-battle .skills-toolbar,.game-client.in-battle .skills-toolbar button{min-height:36px}.game-client.in-battle .table-skill{padding:3px 5px;gap:6px;min-height:26px}.game-client.in-battle .table-skill header{font-size:11px}.game-client.in-battle .skill-names span{font-size:10px}.game-client.in-battle .expanded .table-skill-grid{grid-template-columns:1fr}.game-client.in-battle .expanded .table-skill p{font-size:12px}.game-client.in-battle .decision-panel{max-height:min(112px,15dvh);overflow-y:auto;min-height:48px}.game-client.in-battle .equipped:not(:has(button)){display:none}.game-client.in-battle .battle-actions>.primary,.game-client.in-battle .battle-actions>.secondary{min-height:44px}.game-client.in-battle .hand-sort select{min-height:28px;font-size:10px}}@media(max-width:699px)and (max-height:740px)and (orientation:portrait){.game-client.in-battle .round-track{display:none}.game-client.in-battle .arena-toolbar{display:flex;justify-content:space-between;margin-bottom:5px}.game-client.in-battle .battle-meta>span:nth-child(2){display:none}.game-client.in-battle .battlefield{min-height:150px}.game-client.in-battle .hand-cards{min-height:87px}.game-client.in-battle .playing-card{width:57px;height:82px}.game-client.in-battle .self-hero{width:60px;min-width:60px;height:97px}.game-client.in-battle .decision-panel{min-height:40px;margin-top:3px;padding:5px 6px}.game-client.in-battle .decision-copy strong{font-size:12px}.game-client.in-battle .decision-copy>p{font-size:10px}.game-client.in-battle:not(.has-intent):not(.is-replaying) .decision-copy>p{display:none}.game-client.in-battle .battle-actions{margin-top:3px;padding-top:3px}}@media(orientation:landscape)and (max-height:600px)and (min-width:520px){.game-client.in-battle .topbar{height:38px;min-height:38px}.game-client.in-battle .battle-content{padding:4px 8px 6px}.game-client.in-battle .section-heading{margin-bottom:3px}.game-client.in-battle .section-heading h2{font-size:15px}.game-client.in-battle .arena-toolbar{min-height:25px;margin-bottom:4px;display:flex;justify-content:space-between}.game-client.in-battle .round-track{display:none}.game-client.in-battle .battle-stage{flex-direction:row;gap:7px}.game-client.in-battle .battlefield{min-height:130px}.game-client.in-battle .opponents{padding:7px;gap:7px}.game-client.in-battle .combatant{width:clamp(70px,10vw,100px);height:clamp(100px,29dvh,142px)}.game-client.in-battle .table-center{bottom:7px;left:3%;right:3%}.game-client.in-battle .table-skills{padding:0 5px 4px}.game-client.in-battle .skills-toolbar,.game-client.in-battle .skills-toolbar button{min-height:32px}.game-client.in-battle .table-skill-grid{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}.game-client.in-battle .table-skill{padding:3px 5px;gap:5px;min-height:24px}.game-client.in-battle .table-skill header{font-size:11px}.game-client.in-battle .skill-names span{font-size:10px}.game-client.in-battle .commander-dock{width:clamp(286px,41vw,390px);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto auto;gap:4px;min-height:0;padding:6px;overflow:hidden}.game-client.in-battle .player-zone{grid-column:1;grid-row:1;gap:8px;min-height:0}.game-client.in-battle .self-hero{width:59px;min-width:59px;height:94px}.game-client.in-battle .hand-cards{min-height:87px;padding:4px 2px;gap:6px}.game-client.in-battle .playing-card{width:56px;height:79px}.game-client.in-battle .decision-panel{grid-column:1;grid-row:2;min-height:38px;max-height:22dvh;margin:0;padding:5px 6px;overflow-y:auto}.game-client.in-battle .decision-copy strong{font-size:12px}.game-client.in-battle .decision-copy p{font-size:10px}.game-client.in-battle:not(.has-intent):not(.is-replaying) .decision-copy p{display:none}.game-client.in-battle .turn-resources{grid-column:1;grid-row:3;margin:0;font-size:9px;min-height:14px}.game-client.in-battle .battle-actions{grid-column:1;grid-row:4;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;position:static;padding-top:3px;margin-top:0;flex-shrink:0}.game-client.in-battle .equipped:not(:has(button)){display:none}.game-client.in-battle .equipped{min-height:14px}.game-client.in-battle .battle-actions>.primary,.game-client.in-battle .battle-actions>.secondary{min-height:44px;font-size:11px;padding:5px}.game-client.in-battle .battle-shortcuts{display:none}}@media(max-width:699px)and (max-height:740px)and (orientation:portrait){.game-client.in-battle .battle-table{gap:3px}.game-client.in-battle .battlefield{min-height:144px}.game-client.in-battle .skills-toolbar,.game-client.in-battle .skills-toolbar button{min-height:30px}.game-client.in-battle .table-skill{min-height:20px;padding:1px 4px}}@media(orientation:landscape)and (max-height:360px)and (min-width:520px){.game-client.in-battle .battlefield{min-height:114px}.game-client.in-battle .battle-table{gap:3px}.game-client.in-battle .skills-toolbar,.game-client.in-battle .skills-toolbar button{min-height:28px}.game-client.in-battle .table-skill{min-height:20px;padding:1px 4px}.game-client.in-battle .commander-dock{padding:4px;gap:3px}.game-client.in-battle .player-zone{overflow:hidden}.game-client.in-battle .self-hero{max-height:100%}.game-client.in-battle .hand-area{height:100%;display:flex;flex-direction:column}.game-client.in-battle .hand-label{flex-shrink:0;font-size:9px}.game-client.in-battle .hand-cards{flex:1;min-height:0;padding:3px 2px}.game-client.in-battle .playing-card{max-height:100%}.game-client.in-battle .decision-panel{max-height:16dvh}.game-client.in-battle .turn-resources{display:none}}@media(max-width:699px)and (max-height:740px)and (orientation:portrait){.game-client.in-battle .battlefield{min-height:110px}.game-client.in-battle .opponents{height:min(133px,100%);box-sizing:border-box}.game-client.in-battle .combatant{height:100%;max-height:115px}.game-client.in-battle .decision-panel{max-height:62px}.game-client.in-battle:not(.is-replaying) .table-center .turn-label,.game-client.in-battle:not(.is-replaying) .table-center .battle-instruction{display:none}}@media(orientation:landscape)and (max-height:600px)and (min-width:520px){.game-client.in-battle .player-zone{align-items:stretch;overflow:hidden}.game-client.in-battle .self-hero{height:100%;max-height:108px;align-self:center}.game-client.in-battle .hand-area{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.game-client.in-battle .hand-label{flex:0 0 22px;padding:0;align-items:center}.game-client.in-battle .hand-sort select{min-height:22px;font-size:9px;padding:1px 3px}.game-client.in-battle .hand-cards{flex:1;min-height:0;padding:4px 2px;align-items:flex-start;overflow-y:hidden}.game-client.in-battle .playing-card{height:100%;max-height:86px;min-height:44px}.lobby-command{width:210px;bottom:20%}.lobby-resume{position:static;min-height:40px;margin:4px 0;padding:5px 8px}.game-lobby:has(.lobby-resume) .general-retinue{bottom:10px}.game-lobby:has(.lobby-resume) .lobby-modes{bottom:auto}}@media(orientation:landscape)and (max-height:360px)and (min-width:520px){.lobby-title h2{font-size:45px;margin:4px 0}.lobby-motto{display:none}.game-lobby .lobby-modes{top:29%;gap:3px;width:190px}.battle-mode{min-height:34px;padding:4px 8px}.retinue-portraits button{height:35px;width:30px}.game-client.in-battle .decision-panel{max-height:16dvh}}.game-client.in-battle .compact-round{display:none}@media(orientation:landscape)and (max-height:600px)and (min-width:520px){.game-client.in-battle .battle-content{position:relative}.game-client.in-battle .section-heading{min-height:26px;margin-bottom:4px}.game-client.in-battle .compact-round{display:inline}.game-client.in-battle .arena-toolbar{position:absolute;top:4px;right:86px;z-index:3;min-height:26px;margin:0}.game-client.in-battle .battle-meta,.game-client.in-battle .playback-tools>span{display:none}.game-client.in-battle .playback-tools{min-height:26px;gap:5px}.game-client.in-battle .playback-speed button{min-height:26px}.game-client.in-battle .decision-panel{max-height:clamp(44px,14dvh,64px)}.game-client.in-battle .intent-label{display:none}.game-client.in-battle .intent-tools button{min-height:24px;padding:2px 4px}}@media(max-width:699px),(orientation:landscape)and (max-height:600px)and (min-width:520px){.game-client.in-battle .target-hint{inset:auto 0 0;padding:2px 3px;border-radius:0;font-size:8px;line-height:1.3}.game-client.in-battle.has-intent .combatant-info{bottom:20px;gap:2px}.game-client.in-battle.has-intent .combatant-info strong{font-size:15px;line-height:1.15}.game-client.in-battle.has-intent .combatant-info>span:not(.hp){font-size:8px;line-height:1.2}.game-client.in-battle.has-intent .combatant-info small{font-size:7px;line-height:1.2}.game-client.in-battle.has-intent .combatant .hp svg{width:8px;height:8px}}@media(max-width:699px),(orientation:landscape)and (max-height:600px)and (min-width:520px){.game-client.in-battle .combatant-top{align-items:flex-start;gap:3px}.game-client.in-battle .combatant-top .seal{width:18px;height:21px;font-size:12px}.game-client.in-battle .role{white-space:nowrap;font-size:7px;line-height:1.2;padding:2px 3px}}@media(max-width:699px),(orientation:landscape)and (max-height:600px)and (min-width:520px){.game-client.in-battle:not(.is-replaying) .table-center{display:flex;align-items:center;justify-content:center;gap:8px;padding:0;bottom:5px}.game-client.in-battle:not(.is-replaying) .table-emblem,.game-client.in-battle:not(.is-replaying) .table-center .battle-instruction{display:none}.game-client.in-battle:not(.is-replaying) .turn-label{min-height:22px;margin:0;padding:3px 7px;font-size:9px;white-space:nowrap}.game-client.in-battle .action-display.display-idle{min-height:0;height:34px;margin:0;gap:7px}.game-client.in-battle .display-idle .public-card{width:24px;height:34px;flex-basis:24px;transform:none;animation:none}.game-client.in-battle .display-idle .public-card>strong,.game-client.in-battle .display-idle .public-card>small,.game-client.in-battle .display-idle .public-card-corner,.game-client.in-battle .display-idle .action-kicker,.game-client.in-battle .display-idle .action-caption p{display:none}.game-client.in-battle .display-idle .public-card .card-art.illustrated{inset:0}.game-client.in-battle .display-idle .action-caption h3{font-size:11px;line-height:1.3;margin:0}}@media(max-width:699px)and (max-height:740px)and (orientation:portrait),(orientation:landscape)and (max-height:360px)and (min-width:520px){.game-client.in-battle:not(.is-replaying) .table-center{display:none}}.game-client .identity-choice{margin:16px 0 0;padding:0;border:0;min-width:0}.game-client .identity-choice legend{margin-bottom:8px;padding:0;font-size:12px;color:#d8c99d}.game-client .identity-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.game-client .identity-options button{min-width:0;min-height:40px;padding:6px 2px;font-size:12px;color:#c0c6ab;background:#11271f;border:1px solid #72806366;border-radius:4px}.game-client .identity-options button.selected{color:#f6d69b;background:#5c4a2f;border-color:#cfac65;box-shadow:inset 0 0 0 1px #cfac6533}.game-client .identity-options button:focus-visible{outline:2px solid #e7c98f;outline-offset:2px}.game-client .identity-objective{margin:7px 0 0;font-size:11px;line-height:1.6;color:#b2bea2}@media(orientation:landscape)and (max-height:520px)and (min-width:520px){.game-client .deployment-modal{padding:14px 20px}.game-client .deployment-modal .modal-heading{display:flex;align-items:baseline;gap:14px;margin-bottom:10px;padding-right:30px}.game-client .deployment-modal .modal-heading h2{margin:0;font-size:22px}.game-client .deployment-modal .modal-heading p{margin:0;font-size:10px}.game-client .deployment-modal .modal-action{margin-top:10px;padding-top:10px}.game-client .identity-choice{margin-top:10px}}.game-client.platform-app{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.game-client.platform-app .modal-backdrop{padding-top:max(20px,env(safe-area-inset-top,0px));padding-bottom:max(20px,env(safe-area-inset-bottom,0px))}@media(min-width:700px)and (max-width:1400px)and (min-height:601px){.game-client .topbar{padding-inline:20px}.game-client .topbar-right{gap:10px}.game-client .offline-pill{display:none}.game-client .icon-btn{width:40px;height:40px}.game-client .client-navigation{width:min(680px,calc(100% - 48px));bottom:14px}.game-client .client-navigation button{flex:1;min-width:0;padding:10px 8px;min-height:54px;white-space:nowrap;font-size:14px;gap:8px}.game-client .lobby-help{display:none}.game-client .lobby-rank{top:18px;right:24px}.game-client .setup-layout{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}.game-client .deployment-modal{max-width:calc(100vw - 48px)}.game-client .segmented button,.game-client .identity-options button{min-height:44px}.game-client.in-battle .battle-content{padding:10px 16px 12px}.game-client.in-battle .battle-shortcuts{display:none}.game-client.in-battle .opponents{gap:16px;padding-inline:5%}.game-client.in-battle .combatant{width:116px;height:156px}.game-client.in-battle .intent-tools button{min-height:36px}.game-client.in-battle .battle-actions>.primary,.game-client.in-battle .battle-actions>.secondary{min-height:44px}.game-client.in-battle .skills-toolbar button{min-height:40px}}@media(min-width:700px)and (min-height:601px)and (orientation:portrait){.game-client .player-identity{display:none}.game-client .game-lobby{min-height:0;max-height:none;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(180px,1fr) auto auto auto;gap:20px;padding:24px 24px 104px}.game-client .lobby-title{left:32px;top:38px}.game-client .lobby-title h2{font-size:88px;margin-top:16px}.game-client .world-chapter{font-size:10px;letter-spacing:3px}.game-client .lobby-motto{font-size:13px;letter-spacing:3px}.game-client .lobby-general{right:0;width:72%;height:70%;top:0}.game-client .general-inscription{right:5%;top:12%;gap:10px}.game-client .general-inscription h3{font-size:38px}.game-client .lobby-rank,.game-client .scene-caption{display:none}.game-client .lobby-modes{position:relative;inset:auto;grid-row:2;width:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.game-client .lobby-section-label{grid-column:1 / -1;margin-bottom:2px}.game-client .battle-mode{min-height:82px;padding:10px 12px;gap:10px}.game-client .mode-sigil{font-size:26px;padding-right:10px}.game-client .mode-description strong{font-size:17px;letter-spacing:1px}.game-client .mode-description small{font-size:10px}.game-client .mode-icon{display:none}.game-client .general-retinue{position:relative;inset:auto;grid-row:3;justify-content:center;gap:12px;padding:12px 16px;background:linear-gradient(90deg,#10221bd9,#162b20b3,#10221bd9);border-block:1px solid #b99b5b33}.game-client .retinue-label{margin-right:8px}.game-client .retinue-portraits{gap:14px}.game-client .retinue-portraits button{width:54px;height:72px}.game-client .retinue-note{display:none}.game-client .lobby-command{position:relative;inset:auto;width:auto;grid-row:4;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.game-client .command-current{display:none}.game-client .lobby-difficulty{align-self:stretch}.game-client .lobby-difficulty button{min-height:44px;font-size:14px}.game-client .deploy-button{min-height:76px;gap:12px}.game-client .deploy-button>span{font-size:24px;letter-spacing:4px}.game-client .lobby-resume{grid-column:1 / -1;grid-row:1;min-height:52px}.game-client.in-battle .commander-dock{grid-template-columns:minmax(0,1fr) 240px;grid-template-rows:auto auto auto;gap:8px 12px;padding:12px}.game-client.in-battle .player-zone{grid-column:1 / -1;grid-row:1;gap:14px}.game-client.in-battle .self-hero{width:88px;min-width:88px;height:142px}.game-client.in-battle .playing-card{width:88px;height:132px}.game-client.in-battle .hand-cards{min-height:148px}.game-client.in-battle .decision-panel{grid-column:1;grid-row:2;min-height:82px}.game-client.in-battle .battle-actions{grid-column:2;grid-row:2;align-content:end}.game-client.in-battle .turn-resources{grid-column:1 / -1;grid-row:3}.game-client.in-battle .table-skill{flex-direction:column;align-items:flex-start;gap:2px}}@media(min-width:700px)and (max-width:1400px)and (min-height:601px)and (orientation:landscape){.game-client .game-lobby{min-height:0}.game-client .lobby-title{left:3%;top:7%}.game-client .lobby-title h2{font-size:80px;margin-top:14px}.game-client .lobby-modes{left:3%;width:220px;top:40%;gap:8px}.game-client .battle-mode{min-height:64px;padding:8px 12px}.game-client .general-retinue{left:29%;bottom:104px;width:350px;gap:8px}.game-client .retinue-portraits{gap:7px}.game-client .retinue-portraits button{width:42px;height:60px}.game-client .retinue-note{margin-left:34px}.game-client .lobby-command{right:3%;bottom:104px;width:250px}.game-client .deploy-button{min-height:72px}.game-client .scene-caption{left:33%;bottom:220px}.game-client .general-inscription{right:8%;top:15%}}@media(max-width:699px){.game-client.platform-app .hud-location{display:none}.game-client.platform-app .topbar{padding-inline:8px}.game-client.platform-app .topbar-right{gap:6px}}@font-face{font-family:Moyi Faction Xingshu;src:url(/assets/fonts/faction-xingshu.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+9B4F,U+8700,U+5434,U+7FA4,U+664B}.game-client .detail-banner .detail-faction{position:absolute;inset:50% auto auto 64%;transform:translate(-50%,-50%) rotate(-7deg);width:136px;height:148px;display:grid;place-items:center;font:400 132px/1 Moyi Faction Xingshu,STXingkai,KaiTi,cursive;color:color-mix(in srgb,var(--faction) 55%,#f8e2ae);text-shadow:0 3px 5px #07150c,0 0 30px #07150cdd;pointer-events:none}@media(max-width:699px){.game-client .detail-banner .detail-faction{left:76%;width:90px;height:112px;font-size:100px}}.game-client.platform-app .modal-backdrop{padding:max(12px,var(--safe-top)) max(12px,var(--safe-right)) max(12px,var(--safe-bottom)) max(12px,var(--safe-left))}.game-client.platform-app .modal{max-height:calc(100dvh - max(12px,var(--safe-top)) - max(12px,var(--safe-bottom)))}@media(max-width:699px){.game-client.platform-app .topbar{padding-inline:10px}.game-client.platform-app .topbar-right{gap:4px}.game-client.platform-app .icon-btn{width:40px;height:40px;padding:10px;flex-shrink:0}.game-client.platform-app .icon-btn>svg{width:18px;height:18px}.game-client.platform-app .client-navigation{padding-bottom:7px}.game-client.platform-app .close-btn{width:44px;height:44px;top:8px;right:8px}.game-client.platform-app .deployment-modal{height:calc(100dvh - max(12px,var(--safe-top)) - max(12px,var(--safe-bottom)));overflow:hidden}.game-client.platform-app .setup-portrait{height:130px;min-height:130px;max-height:130px}.game-client.platform-app .segmented button,.game-client.platform-app .identity-options button{min-height:44px}.game-client.platform-app .search input{font-size:16px}.game-client.platform-app.in-battle .commander-dock{padding-bottom:8px}.game-client.platform-app.in-battle .decision-panel{max-height:125px;overflow-y:auto}.game-client.platform-app.in-battle:not(.has-intent):not(.is-replaying) .decision-panel{min-height:44px}.game-client.platform-app.in-battle:not(.has-intent):not(.is-replaying) .decision-copy p{display:none}.game-client.platform-app.in-battle .battle-actions>.primary,.game-client.platform-app.in-battle .battle-actions>.secondary{min-height:44px;font-size:12px}}@media(max-width:699px)and (orientation:portrait){.game-client.platform-app.screen-home .main-content{padding-bottom:66px}.game-client.platform-app .game-lobby{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(100px,1fr) auto auto auto;gap:12px;padding:12px 14px}.game-client.platform-app .lobby-title{top:22px;left:22px}.game-client.platform-app .lobby-title h2{font-size:clamp(56px,17vw,76px);margin-block:12px 6px}.game-client.platform-app .lobby-general{width:83%;right:-10%;top:-1%;height:77%}.game-client.platform-app .lobby-rank{display:none}.game-client.platform-app .general-inscription{right:6%;top:6%}.game-client.platform-app .general-inscription button{min-height:36px;top:160px;padding-inline:9px}.game-client.platform-app .game-lobby .general-retinue{position:relative;inset:auto;grid-row:2;padding-block:5px}.game-client.platform-app .retinue-portraits button{width:calc((100vw - 66px) / 6);height:58px}.game-client.platform-app .game-lobby .lobby-modes{position:relative;inset:auto;width:auto;grid-row:3;gap:7px}.game-client.platform-app .battle-mode{min-height:76px;padding:8px 6px}.game-client.platform-app .mode-description{padding-top:18px}.game-client.platform-app .mode-description strong{font-size:14px}.game-client.platform-app .mode-description small{font-size:8px}.game-client.platform-app .lobby-command{position:relative;inset:auto;grid-row:4;width:auto;gap:8px}.game-client.platform-app .lobby-difficulty button{min-height:38px;font-size:12px}.game-client.platform-app .deploy-button{min-height:60px}.game-client.platform-app .lobby-resume{position:static;inset:auto;min-height:44px;grid-row:1}.game-client.platform-app.in-battle .combatant{height:120px}.game-client.platform-app.in-battle .battlefield{min-height:146px}}@media(min-width:375px)and (max-width:699px)and (min-height:800px)and (orientation:portrait){.game-client.platform-app.in-battle .playing-card{width:70px;height:106px}.game-client.platform-app.in-battle .hand-cards{min-height:118px}.game-client.platform-app.in-battle .self-hero{width:72px;min-width:72px;height:122px}}@media(orientation:landscape)and (max-height:600px)and (min-width:520px){.game-client.platform-app{--hud-height: 40px}.game-client.platform-app .topbar{flex:0 0 40px;height:40px;min-height:40px;padding-inline:10px}.game-client.platform-app .player-identity,.game-client.platform-app .offline-pill,.game-client.platform-app .hud-location{display:none}.game-client.platform-app .topbar-right{gap:6px}.game-client.platform-app .icon-btn{width:36px;height:36px;padding:8px}.game-client.platform-app .client-brand>span{width:28px;height:30px;font-size:22px}.game-client.platform-app .client-brand b{font-size:18px}.game-client.platform-app .modal{max-width:100%}.game-client.platform-app.in-battle .commander-dock{width:44%;min-width:282px;max-width:390px}.game-client.platform-app.in-battle .decision-panel{max-height:68px}.game-client.platform-app.screen-home .main-content{padding-bottom:56px}.game-client.platform-app .client-navigation{left:0;right:0;bottom:0;transform:none;padding:4px 8px;clip-path:none;justify-content:center}.game-client.platform-app .client-navigation button{min-width:0;flex:1;min-height:46px;padding:5px;flex-direction:row;gap:8px;font-size:12px}.game-client.platform-app .client-navigation button i{display:none}.game-client.platform-app .game-lobby{min-height:0;display:grid;grid-template-columns:1fr 210px;grid-template-rows:minmax(0,1fr) auto;gap:8px;padding:10px 18px 8px}.game-client.platform-app .lobby-title{top:6px;left:18px}.game-client.platform-app .lobby-title h2{font-size:46px;margin:4px 0}.game-client.platform-app .world-chapter,.game-client.platform-app .lobby-motto,.game-client.platform-app .lobby-rank,.game-client.platform-app .general-inscription,.game-client.platform-app .scene-caption{display:none}.game-client.platform-app .game-lobby .lobby-modes{position:relative;inset:auto;width:190px;grid-column:1;grid-row:1;align-self:end;display:flex;flex-direction:column;gap:4px}.game-client.platform-app .lobby-section-label{display:none}.game-client.platform-app .battle-mode{min-height:34px;padding:5px 8px;flex-direction:row}.game-client.platform-app .mode-description{padding:0}.game-client.platform-app .mode-description strong{font-size:13px}.game-client.platform-app .mode-description small,.game-client.platform-app .mode-sigil,.game-client.platform-app .mode-icon{display:none}.game-client.platform-app .lobby-command{position:relative;inset:auto;width:auto;grid-column:2;grid-row:1;align-self:end;display:flex;flex-direction:column;gap:5px}.game-client.platform-app .command-current{display:none}.game-client.platform-app .lobby-difficulty button{min-height:30px}.game-client.platform-app .deploy-button{min-height:48px}.game-client.platform-app .deploy-button>span{font-size:21px}.game-client.platform-app .lobby-resume{position:static;min-height:36px;margin:0}.game-client.platform-app .game-lobby .general-retinue{position:relative;inset:auto;grid-column:1 / -1;grid-row:2;justify-content:center}.game-client.platform-app .retinue-label,.game-client.platform-app .retinue-note{display:none}.game-client.platform-app .retinue-portraits{width:auto;gap:10px}.game-client.platform-app .retinue-portraits button{width:34px;height:42px}}@media(max-width:699px)and (orientation:portrait){.game-client.platform-app{padding:0}.game-client.platform-app .topbar{flex-basis:calc(var(--hud-height) + var(--safe-top));height:calc(var(--hud-height) + var(--safe-top));padding-top:var(--safe-top);background:linear-gradient(#10201955,#102019d9)}.game-client.platform-app.screen-home .lobby-scene.hero-banner{position:fixed;inset:0}.game-client.platform-app.screen-home .main-content{padding-bottom:calc(66px + var(--safe-bottom))}.game-client.platform-app .client-navigation{padding-bottom:calc(7px + var(--safe-bottom))}.game-client.platform-app:not(.screen-home):not(.in-battle) .main-content{margin-bottom:calc(76px + var(--safe-bottom))}.game-client.platform-app.in-battle .battle-content{padding-bottom:calc(9px + var(--safe-bottom))}}@media(max-width:699px)and (orientation:portrait){.game-client.platform-app.screen-home .lobby-title{top:calc(var(--safe-top) + var(--hud-height) + 22px)}.game-client.platform-app.screen-home .lobby-general{top:calc(var(--safe-top) + var(--hud-height) - 16px);height:60%}.game-client.platform-app.screen-home .general-inscription{top:calc(var(--safe-top) + var(--hud-height) + 28px)}}html,body,#root{width:100%;height:100%;margin:0;background-color:#101e1a}html,body{overscroll-behavior:none}.game-client.platform-app{position:fixed;inset:0;width:100%;height:100%}.game-client{--layout-gap: clamp(8px, 1.5vmin, 20px);--tablet-card-width: clamp(80px, 9vw, 108px);--tablet-hero-width: clamp(112px, 16vw, 170px)}.game-client .hand-area,.game-client .setup-options,.game-client .catalog-toolbar,.game-client .battle-actions{min-width:0}.game-client .hand-cards,.game-client .setup-options,.game-client .setup-layout,.game-client .main-content,.game-client .table-skill-grid{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.game-client .playing-card{flex-shrink:0}.game-client .modal{max-width:100%;max-height:calc(100dvh - max(12px,var(--safe-top)) - max(12px,var(--safe-bottom)));overflow-y:auto}.game-client .modal-heading{padding-right:44px}.game-client .close-btn{min-width:44px;min-height:44px}.game-client .search input{font-size:16px}.game-client .setup-hero-list{grid-template-columns:repeat(auto-fill,minmax(58px,1fr))}.game-client .main-content{container-type:inline-size}@container (max-width: 580px){.game-client .hero-grid,.game-client .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-client .guide-grid{grid-template-columns:minmax(0,1fr)}.game-client .catalog-toolbar{flex-wrap:wrap}}@container (min-width: 581px) and (max-width: 940px){.game-client .hero-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.game-client .cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-client .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:699px)and (orientation:portrait){.game-client.platform-app .game-lobby{gap:clamp(6px,1.4dvh,12px);padding:8px clamp(10px,3vw,20px);grid-template-rows:minmax(0,1fr) auto auto auto}.game-client.platform-app .retinue-portraits{width:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(4px,2vw,10px)}.game-client.platform-app .retinue-portraits button{width:100%;height:clamp(48px,7dvh,68px)}.game-client.platform-app .retinue-label,.game-client.platform-app .retinue-note{display:none}.game-client.platform-app .lobby-title h2{font-size:clamp(44px,16vw,76px)}.game-client.platform-app .lobby-difficulty button{min-height:44px}.game-client.platform-app .battle-mode{min-height:clamp(58px,9dvh,82px)}.game-client.platform-app .mode-description small{font-size:10px}.game-client.platform-app .deploy-button{min-height:clamp(48px,8dvh,64px)}.game-client.platform-app .lobby-command{gap:6px}}@media(max-width:350px){.game-client.platform-app .client-brand b{display:none}.game-client.platform-app .topbar{padding-inline:8px}.game-client.platform-app .topbar-right{gap:4px}}@media(max-width:699px)and (max-height:680px)and (orientation:portrait){.game-client.platform-app .lobby-title{top:calc(var(--safe-top) + var(--hud-height) + 8px)}.game-client.platform-app .world-chapter,.game-client.platform-app .lobby-motto,.game-client.platform-app .general-inscription{display:none}.game-client.platform-app .lobby-title h2{margin:0;font-size:44px}.game-client.platform-app .lobby-section-label{margin-bottom:4px}.game-client.platform-app .mode-description{padding-top:5px}.game-client.platform-app .battle-mode{padding:6px}.game-client.platform-app .mode-sigil{font-size:25px}}@media(min-width:700px)and (min-height:601px){.game-client.in-battle .combatant{width:var(--tablet-hero-width);height:clamp(156px,23dvh,230px)}.game-client.in-battle .combatant-info strong{font-size:clamp(18px,2.3vw,25px)}.game-client.in-battle .combatant-info>span{font-size:12px}.game-client.in-battle .playing-card{width:var(--tablet-card-width);height:calc(var(--tablet-card-width) * 1.5)}.game-client.in-battle .hand-cards{min-height:calc(var(--tablet-card-width) * 1.5 + 16px);gap:clamp(6px,1vw,12px)}.game-client.in-battle .self-hero{width:var(--tablet-card-width);min-width:var(--tablet-card-width);height:calc(var(--tablet-card-width) * 1.65)}.game-client.in-battle .skills-toolbar,.game-client.in-battle .skills-toolbar button{min-height:44px}.game-client.in-battle .table-skill header{font-size:13px}.game-client.in-battle .skill-names span{font-size:12px}.game-client.in-battle .battle-actions>.primary,.game-client.in-battle .battle-actions>.secondary{min-height:48px;font-size:14px}.game-client .deployment-modal{width:min(1080px,100%)}.game-client .segmented button,.game-client .identity-options button{min-height:44px}.game-client .modal-action .primary{min-height:48px}.game-client .client-navigation button{min-height:54px}}@media(min-width:700px)and (min-height:601px)and (orientation:portrait){.game-client.platform-app .game-lobby{padding:var(--layout-gap) var(--layout-gap) 100px;gap:var(--layout-gap);grid-template-rows:minmax(140px,1fr) auto auto auto}.game-client.platform-app .lobby-title{left:4%;top:4%}.game-client.platform-app .lobby-title h2{font-size:clamp(72px,11vw,112px)}.game-client.platform-app .lobby-general{right:0;top:0;height:75%;width:75%}.game-client.platform-app .general-inscription{right:6%;top:10%}.game-client.platform-app .game-lobby .lobby-modes{position:relative;inset:auto;grid-row:2;width:auto}.game-client.platform-app .battle-mode{min-height:88px}.game-client.platform-app .mode-description strong{font-size:clamp(16px,2.3vw,22px)}.game-client.platform-app .mode-description small{font-size:11px}.game-client.platform-app .game-lobby .general-retinue{position:relative;inset:auto;grid-row:3}.game-client.platform-app .retinue-portraits button{width:clamp(54px,8vw,80px);height:clamp(72px,10vw,106px)}.game-client.platform-app .lobby-command{position:relative;inset:auto;grid-row:4;width:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.game-client.platform-app .lobby-resume{grid-column:1 / -1;grid-row:1}.game-client.platform-app .lobby-difficulty button{min-height:44px}.game-client.platform-app .client-navigation{left:50%;right:auto;bottom:14px;transform:translate(-50%);width:min(720px,calc(100% - 32px));padding:5px}.game-client.platform-app .client-navigation button{flex-direction:row;padding:10px 8px;font-size:14px}.game-client.platform-app.screen-home .main-content{padding-bottom:0}.game-client.platform-app.screen-home .lobby-scene.hero-banner{position:absolute;inset:0}.game-client.platform-app .topbar{--hud-height: 60px;height:60px;flex-basis:60px;padding:0 20px}.game-client.platform-app{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.game-client.platform-app .setup-layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);overflow:hidden;grid-template-rows:minmax(0,1fr)}.game-client.platform-app .setup-options{overflow-y:auto;flex-shrink:1}.game-client.platform-app .setup-portrait{height:100%;max-height:none;min-height:0}.game-client.platform-app.in-battle .commander-dock{grid-template-columns:minmax(0,1fr) clamp(240px,30vw,330px);width:auto;max-width:none;padding:12px}.game-client.platform-app.in-battle .player-zone{grid-column:1 / -1;grid-row:1}.game-client.platform-app.in-battle .decision-panel{grid-column:1;grid-row:2;max-height:140px}.game-client.platform-app.in-battle .battle-actions{grid-column:2;grid-row:2}.game-client.platform-app.in-battle .turn-resources{grid-column:1 / -1;grid-row:3}.game-client.platform-app.in-battle .combatant{max-height:none}}@media(min-width:520px)and (max-height:600px)and (orientation:landscape){.game-client.platform-app.in-battle .commander-dock{width:clamp(250px,calc((100vw - var(--safe-left) - var(--safe-right)) * .43),420px);min-width:0;max-width:48%}.game-client.platform-app .deployment-modal{height:calc(100dvh - max(12px,var(--safe-top)) - max(12px,var(--safe-bottom)));display:flex;flex-direction:column;overflow:hidden}.game-client.platform-app .setup-layout{display:grid;grid-template-columns:minmax(100px,.6fr) minmax(0,1.4fr);grid-template-rows:minmax(0,1fr);overflow:hidden}.game-client.platform-app .setup-portrait{height:100%;min-height:0;max-height:none}.game-client.platform-app .setup-options{overflow-y:auto}.game-client.platform-app .modal-action{margin-top:6px;padding-top:6px}.game-client.platform-app .modal-heading{margin-bottom:6px}.game-client.platform-app .modal-heading p{display:none}}@media(max-width:699px)and (max-height:620px)and (orientation:portrait){.game-client.platform-app{--hud-height: 44px}.game-client.platform-app.in-battle .battle-content{padding:4px 6px 5px}.game-client.platform-app.in-battle .section-heading{margin-bottom:3px}.game-client.platform-app.in-battle .arena-toolbar{min-height:26px;margin-bottom:3px}.game-client.platform-app.in-battle .commander-dock{flex-shrink:0;padding:4px}.game-client.platform-app.in-battle .battle-stage{gap:4px}.game-client.platform-app.in-battle .battlefield{min-height:100px}.game-client.platform-app.in-battle .table-skills{flex-shrink:0}.game-client.platform-app.in-battle .skills-toolbar,.game-client.platform-app.in-battle .skills-toolbar button{min-height:30px}.game-client.platform-app.in-battle .hand-cards{min-height:86px}.game-client.platform-app.in-battle .playing-card{width:54px;height:78px}.game-client.platform-app.in-battle .self-hero{height:90px}.game-client.platform-app.in-battle .decision-panel{max-height:48px;min-height:36px}.game-client.platform-app.in-battle .turn-resources{display:none}}@media(min-width:700px)and (min-height:601px)and (max-height:800px)and (orientation:landscape){.game-client.in-battle .battlefield{min-height:168px}.game-client.in-battle .combatant{height:148px}.game-client.in-battle .commander-dock{grid-template-rows:minmax(76px,auto) auto 16px;padding:8px 12px;gap:4px 10px}.game-client.in-battle .decision-panel{min-height:76px;max-height:90px;overflow-y:auto}.game-client.in-battle .hand-cards{min-height:130px}.game-client.in-battle .playing-card{width:78px;height:116px}.game-client.in-battle .self-hero{height:132px}}@media(max-width:699px)and (max-height:620px)and (orientation:portrait){.game-client.platform-app.in-battle .opponents{height:100%;padding:4px}.game-client.platform-app.in-battle .combatant{height:100%;max-height:100px}.game-client.platform-app.in-battle .combatant-info strong{font-size:14px}}@media(max-width:699px)and (max-height:620px)and (orientation:portrait){.game-client.platform-app.in-battle .battle-content{padding-bottom:calc(5px + var(--safe-bottom))}}@media(min-width:700px)and (min-height:601px)and (max-height:800px)and (orientation:portrait){.game-client.platform-app .game-lobby{grid-template-rows:minmax(40px,1fr) auto auto auto;gap:8px;padding:8px 12px 90px}.game-client.platform-app .battle-mode{min-height:60px}.game-client.platform-app .retinue-portraits button{width:44px;height:54px}.game-client.platform-app .general-retinue{padding-block:6px}.game-client.platform-app .deploy-button{min-height:60px}.game-client.platform-app .lobby-title h2{font-size:64px}.game-client.platform-app.in-battle .battlefield{min-height:168px}.game-client.platform-app.in-battle .combatant{height:148px}.game-client.platform-app.in-battle .commander-dock{grid-template-rows:minmax(76px,auto) auto 16px;padding:8px 12px;gap:4px 10px}.game-client.platform-app.in-battle .player-zone{grid-column:1;grid-row:1 / 3}.game-client.platform-app.in-battle .decision-panel{grid-column:2;grid-row:1;min-height:76px;max-height:90px;overflow-y:auto}.game-client.platform-app.in-battle .battle-actions{grid-column:2;grid-row:2}.game-client.platform-app.in-battle .hand-cards{min-height:130px}.game-client.platform-app.in-battle .playing-card{width:78px;height:116px}.game-client.platform-app.in-battle .self-hero{height:132px}}@media(min-width:520px)and (max-height:600px)and (orientation:landscape){.game-client.platform-app .lobby-title{left:226px;top:8px}.game-client.platform-app .lobby-title h2{font-size:32px;margin:0}}.game-client .screen-timeout-setting{gap:14px;flex-wrap:wrap}.game-client .screen-timeout-setting>div{flex:1 1 220px}.game-client .screen-timeout-setting select{min-height:44px;min-width:130px;max-width:100%;padding:8px 12px;border:1px solid #ac8b4b66;border-radius:4px;background:#172b21;color:#ead6a4;font-size:16px}.game-client .screen-awake-status{color:#a9b99b;font-size:12px;line-height:1.6}.orientation-content{display:contents}.orientation-content[hidden]{display:none}.game-client .orientation-guard{position:absolute;inset:0;z-index:150;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(24px,var(--safe-top)) max(24px,var(--safe-right)) max(24px,var(--safe-bottom)) max(24px,var(--safe-left));text-align:center;background:radial-gradient(ellipse at top,#2b3e2c,#0d1c16 70%);color:#e8d2a2}.game-client .orientation-guard h1{font:28px var(--serif);margin:24px 0 12px}.game-client .orientation-guard p{max-width:440px;line-height:1.8;color:#bec7af}.game-client .orientation-guard small{margin-top:12px;color:#8e9e86}.orientation-device{display:grid;place-items:center;border:2px solid #bca16a;border-radius:10px;background:#13291d;box-shadow:0 8px 30px #0005}.orientation-device.portrait{width:66px;height:100px}.orientation-device.landscape{width:118px;height:72px}@media(min-height:621px)and (max-height:660px)and (max-width:699px)and (orientation:portrait){.game-client.platform-app.in-battle .battlefield{min-height:130px}}.game-client .hero-tile .portrait-shade{background:linear-gradient(0deg,#08150ff7 0%,#08150fe6 20%,#08150f66 37%,transparent 65%)}.game-client .hero-tile .tile-info>span:first-child{font:600 12px/1.45 system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(12px,1.2cqw,14px);max-width:calc(100% - 36px);color:#f5e6c5;letter-spacing:.3px;margin-bottom:7px;text-shadow:0 1px 2px #000;overflow-wrap:anywhere}.game-client .hero-tile .tile-info{left:10px;right:10px;bottom:12px}.guide-feature-art{display:none}@media(min-width:700px){.game-client.platform-h5 .guide-feature{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(300px,30vw,440px);padding:clamp(28px,3vw,48px);align-items:center;background-color:#14221d;background-image:none}.game-client.platform-h5 .guide-feature-art{display:block;position:absolute;right:0;top:0;width:auto;height:100%;max-width:none;object-fit:contain;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 22%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%)}.game-client.platform-h5 .guide-feature .guide-feature-copy{position:relative;z-index:1;width:min(54%,520px)}.game-client.platform-h5 .guide-feature h2{font-size:clamp(28px,2.6vw,42px);line-height:1.4;margin:18px 0 14px}.game-client.platform-h5 .guide-feature p{font-size:14px;line-height:1.8;color:#d0d6be}.game-client.platform-h5 .guide-feature .gold-label{font-size:11px}.game-client.platform-h5 .guide-feature .primary{min-height:44px}.game-client.platform-h5 .guide-calligraphy{display:none}}@media(min-width:700px)and (max-height:600px){.game-client.platform-h5 .guide-feature{min-height:280px;padding:24px}}.game-client .hp{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 4px;align-items:center}.game-client .hp-hearts{display:flex;gap:2px;min-width:0}.game-client .hp-hearts svg{min-width:0;flex-shrink:1}.game-client .hp-value{font:600 11px/1.2 system-ui;white-space:nowrap;font-variant-numeric:tabular-nums}.game-client .hp-track{display:none}.game-client.in-battle .hp-track{display:block;grid-column:1/-1;height:3px;background:#091910;border-radius:2px;overflow:hidden}.game-client.in-battle .hp-track i{display:block;height:100%;background:#a9bb73;transition:width .24s ease}.game-client.in-battle .combatant .hp svg.empty,.game-client.in-battle .self-hero .hp svg.empty{fill:none;color:#65705f;stroke:#65705f;opacity:.55}.game-client.in-battle .hp[data-hp="1"] .hp-value{color:#f0a18d}.game-client.in-battle .hp[data-hp="1"] .hp-track i{background:#d58067}.game-client.in-battle .hp[data-hp="0"] .hp-value{color:#acb3a2}.game-client.in-battle .target-hint{white-space:normal;line-height:1.35;max-height:none}.game-client.in-battle .seat-action-label{position:absolute;left:5px;right:5px;top:33px;z-index:5;padding:3px;font:600 10px/1.2 system-ui;text-align:center;background:#34281fe6;color:#f5d899;border:1px solid #c6a35e88;border-radius:3px}.game-client.in-battle .is-acting{outline:2px solid #dfbd78;outline-offset:2px}.game-client.in-battle .live-health-change{display:block;color:#f0c394;font:600 12px/1.5 system-ui}.game-client.in-battle .live-action-heading{display:inline-block;max-width:min(650px,65vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.game-client.in-battle.is-replaying .section-heading .tag{display:none}.game-client.in-battle.is-replaying .decision-copy p{display:block;max-height:3em;overflow:hidden;line-height:1.5;color:#dfc99d}.game-client.in-battle .battle-meta button{min-height:32px}.game-client .combat-history-modal{width:min(840px,100%);height:min(850px,calc(100dvh - max(12px,var(--safe-top)) - max(12px,var(--safe-bottom))));display:flex;flex-direction:column;overflow:hidden}.game-client .combat-history-modal .modal-heading{flex-shrink:0;margin-bottom:12px}.game-client .combat-history-modal .modal-heading h2{margin-top:4px}.game-client .history-filters{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0;margin-bottom:12px}.game-client .history-filters select,.game-client .history-filters button{min-width:0;min-height:44px;padding:7px 10px;background:#162c21;color:#e5d2a7;border:1px solid #a58b5555;border-radius:3px;font-size:14px}.game-client .history-filters select{flex:1 1 140px}.game-client .combat-history-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:6px}.game-client .combat-record{border-left:3px solid #9c925d;background:#091b1588;padding:10px 12px;margin-bottom:8px;border-radius:3px}.game-client .record-meta{display:flex;justify-content:space-between;color:#9da991;font-size:11px}.game-client .combat-record h3{margin:7px 0 4px;color:#ecd3a0;font:600 14px/1.5 system-ui}.game-client .combat-record p{margin:4px 0;color:#bfcbb5;font-size:12px;line-height:1.65}.game-client .combat-record small{color:#a5b39a;display:block;font-size:11px;line-height:1.6}.game-client .record-health{display:block;margin-top:6px;color:#c1dfa6;font:600 13px/1.5 system-ui}.game-client .record-health.loss{color:#e9ae97}.game-client .record-damage,.game-client .record-defeat{border-color:#b26d55}.game-client .record-heal{border-color:#8bae6d}.game-client .history-note,.game-client .history-empty{color:#a1ad97;font-size:11px;line-height:1.6}.game-client .history-note{margin-bottom:0;flex-shrink:0}.game-client .battle-result-modal{width:min(420px,100%)}.game-client .result-content{text-align:center;color:#e8cd93;padding-block:12px}.game-client .result-content>svg{margin:0 auto}.game-client .result-content h2{font:30px var(--serif);margin:18px 0}.game-client .result-content p{color:#aebca3;margin-block:15px 24px}.game-client .result-content .primary{min-height:48px;margin:auto}.game-client .result-content .text-btn{display:block;min-height:44px;margin:8px auto 0}@media(max-width:699px){.game-client.in-battle .combatant .hp-value,.game-client.in-battle .self-hero .hp-value{font-size:10px}.game-client.in-battle .hp-hearts{gap:1px}.game-client.in-battle .target-hint{font-size:9px}.game-client.in-battle.has-intent .combatant-info{bottom:30px}.game-client.in-battle .seat-action-label{top:27px;font-size:9px;padding:2px}.game-client.in-battle.is-replaying .decision-copy strong{font-size:12px}.game-client.in-battle.is-replaying .decision-copy p{font-size:10px}.game-client .combat-history-modal{padding:18px 14px 12px}.game-client .history-filters select{font-size:16px}}@media(prefers-reduced-motion:reduce){.game-client.in-battle .hp-track i{transition:none}}.record-cause{display:block;margin-top:8px;padding:6px 8px;text-align:left;font-size:12px;color:#ecd69b;border:1px solid #8c784c66;border-radius:6px;background:#c9a76112}.combat-record.record-focused{border-color:#e3be70;box-shadow:0 0 0 2px #e3be7033}.event-badge.event-failed{color:#f1bfa5;background:#542c24}