.brand,.btn,.text-btn,.career-mini{white-space:nowrap}.topbar .brand{flex-shrink:0}.card-art .glyph img{width:55px;height:55px;position:static}
@media(max-width:700px){.topbar:has(.run-top){height:94px;display:grid;grid-template-columns:1fr auto;grid-template-rows:30px 28px;gap:6px 8px;padding:10px 0}.topbar:has(.run-top) .brand{grid-column:1;grid-row:1}.topbar:has(.run-top) .run-top{grid-column:1;grid-row:2;justify-content:flex-start}.topbar:has(.run-top) .top-actions{grid-column:2;grid-row:1/3;align-self:center}.hand .card-text{font-size:11px;min-height:83px}.hand-zone .hand .card{min-height:214px}.hand-zone .hand{min-height:230px}}
:root{--bg:#142520;--paper:#f5edd8;--ink:#2e322a;--muted:#b3b7a6;--gold:#e5bf78;--line:#d6ba7338;--green:#83b29a;--red:#dc8970;--font:'Microsoft YaHei','PingFang SC',system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--paper);font:14px/1.6 var(--font)}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.42}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #f0cc81;outline-offset:4px}button{touch-action:manipulation}img{user-select:none;-webkit-user-drag:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:700}button{border:0}a{color:inherit}body:has(.modal-layer){overflow:hidden}.loading{display:grid;min-height:100vh;place-items:center;color:var(--gold)}
.shell{max-width:1340px;margin:auto;padding:0 38px 26px;min-height:100vh}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:23px;letter-spacing:2px;font-weight:800;background:none;padding:0}.brand img{width:30px;height:38px;object-fit:cover;object-position:50% 50%;border-radius:5px}.brand .demo{font-size:10px;letter-spacing:1.2px;color:var(--gold);border:1px solid var(--line);padding:2px 7px;border-radius:4px}.top-actions{display:flex;gap:9px;align-items:center}.text-btn{color:#d2d4c2;background:none;padding:9px 10px;border-radius:5px;font-size:12px}.text-btn:hover{background:#ffffff0c}.sep{height:18px;width:1px;background:var(--line)}
.home-scene{position:fixed;inset:0;z-index:-2;background:linear-gradient(90deg,#142520f0,#142520b8 56%,#142520a8),url('assets/backgrounds/chapter-01-windbud.png') center/cover;filter:saturate(.78)}.home-main{padding-top:45px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--gold);font-weight:600}.intro{display:flex;justify-content:space-between;align-items:end;gap:30px}.intro h1{font-size:49px;line-height:1.4;margin:7px 0 12px;letter-spacing:3px}.intro p{color:#c4c7b5;font-size:14px;line-height:1.9}.run-info{display:flex;gap:22px;font-size:11px;color:#d1d1bb;padding-bottom:10px}.run-info span::before{content:'◇';color:var(--gold);padding-right:7px}
.career-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin:31px 0 25px}.career{position:relative;padding:0 13px 20px;text-align:left;border:1px solid #c6bf8835;border-radius:12px;background:linear-gradient(180deg,#c9ccb611,#4c655322);overflow:hidden;transition:.2s;min-width:0}.career:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,var(--career-color),transparent 65%);opacity:.12}.career:hover{transform:translateY(-5px);border-color:#e6c27b9c}.career.selected{border-color:var(--gold);box-shadow:0 0 0 1px #e5bf783a;background:linear-gradient(180deg,#d7c78f14,#74816a38)}.career .serial{font-size:10px;letter-spacing:2px;color:#c0c2aa;position:absolute;top:12px;left:15px}.career .portrait{height:235px;display:flex;align-items:end;margin-top:18px;position:relative}.career .portrait img{width:112%;height:100%;object-fit:contain;max-width:none;margin-left:-6%;filter:drop-shadow(0 13px 7px #0003)}.career h2{font-size:20px;margin:9px 0 3px;position:relative}.career .guild{font-size:11px;letter-spacing:2px;color:#bfc1aa}.career .tag{font-size:11px;color:var(--career-color);margin-top:13px;position:relative;white-space:nowrap}.selected-mark{position:absolute;right:12px;top:11px;font-size:13px;color:var(--gold)}
.journey-bar{display:grid;grid-template-columns:1fr auto auto;gap:30px;align-items:center;padding:23px 26px;border:1px solid var(--line);border-radius:10px;background:#1a2c25d9}.career-description h3{font-size:17px;margin-bottom:5px}.career-description p{color:#bfc3af;font-size:12px;max-width:410px}.mode-switch{display:flex;padding:4px;background:#0c1b17a1;border:1px solid var(--line);border-radius:7px;gap:3px}.mode-switch button{background:none;padding:10px 17px;color:#aeb8a8;font-size:12px;border-radius:4px;white-space:nowrap}.mode-switch button.active{background:#445449;color:#f4e8c7}.btn{border-radius:7px;padding:13px 25px;background:#dfbd7e;color:#2c3529;font-weight:700;box-shadow:0 3px 0 #8f744b;transition:.15s;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover:not(:disabled){background:#f1d49e;transform:translateY(-1px)}.btn.secondary{background:#3f6152;color:#f3efd9;box-shadow:0 3px 0 #263c30}.btn.secondary:hover:not(:disabled){background:#537663}.btn.outline{border:1px solid var(--line);background:transparent;color:#d6d7bc;box-shadow:none}.btn.danger{background:#b97762;color:white;box-shadow:0 3px 0 #79513f}.btn.small{padding:9px 16px;font-size:12px}.home-footer{display:flex;justify-content:space-between;color:#98a48e;font-size:11px;padding:22px 0;gap:20px}.resume{border:1px solid #8eac8c55;background:#314d3c80;padding:10px 18px;color:#d0e1c6;border-radius:7px;font-size:12px;margin-top:18px;display:inline-flex;gap:16px}
.run-top{display:flex;align-items:center;gap:18px}.career-mini{display:flex;align-items:center;gap:9px;font-weight:700}.career-mini img{width:30px;height:30px}.stats{display:flex;align-items:center;gap:17px}.stat{display:flex;align-items:center;gap:6px;font-size:12px;color:#e9e2c8}.stat img{width:21px;height:21px}.health{width:126px;background:#25382d;border:1px solid #d5ad6833;border-radius:20px;height:22px;position:relative;overflow:hidden}.health .fill{height:100%;background:linear-gradient(90deg,#ad5b4e,#d78d70);transition:width .3s}.health span{position:absolute;inset:0;text-align:center;font-size:11px;line-height:20px;color:#fff5dc}.run-heading{display:flex;justify-content:space-between;align-items:center;margin:24px 0 17px;gap:15px}.run-heading h1{font-size:27px;letter-spacing:1px}.run-heading p{color:#afb7a1;font-size:12px}.chapter-label{font-size:10px;letter-spacing:2px;color:var(--gold)}.badge{font-size:11px;padding:5px 10px;border:1px solid var(--line);border-radius:4px;color:#d2cfb0;white-space:nowrap}.map-scene{position:relative;border-radius:13px;min-height:400px;overflow:hidden;background-size:cover;background-position:center;border:1px solid #cab58255;display:flex;align-items:end}.map-scene:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#10231aee,transparent 95%)}.map-hero{position:absolute;left:3%;bottom:28%;width:20%;height:65%;object-fit:contain;filter:drop-shadow(0 7px 4px #0005)}.map-story{position:absolute;top:30px;left:30px;text-shadow:0 2px 9px #0009}.map-story h2{font-size:29px;margin-bottom:6px}.map-story p{font-size:12px;color:#f1e8c5}.trail{position:relative;display:grid;grid-template-columns:repeat(4,1fr);width:100%;padding:30px 28px 24px;gap:12px}.trail:before{content:'';height:1px;background:#d9c38677;position:absolute;left:10%;right:10%;top:58px}.trail-node{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;position:relative}.node-orb{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;border:1px solid #cab58266;background:#233e31e8;color:#b3b59b}.node-orb img{width:40px;height:40px}.trail-node.current .node-orb{background:#f2d79a;border-color:#fff0bd;box-shadow:0 0 0 7px #e5bf7822,0 0 24px #efcb6c44}.trail-node.done .node-orb{background:#547d5b;color:var(--paper)}.trail-node span{font-size:11px;color:#c4ceb5}.trail-node.current span{color:#ffdda0}.node-options{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:19px}.node-option{display:flex;align-items:center;gap:16px;text-align:left;padding:20px;border-radius:9px;background:#233b30;border:1px solid var(--line);transition:.2s}.node-option:hover{background:#2d4939;transform:translateY(-3px)}.node-option img{width:44px;height:44px}.node-option strong{font-size:15px;display:block;margin-bottom:4px}.node-option small{display:block;color:#b6bfa8;font-size:11px}.node-options.single{grid-template-columns:1fr}.map-tip{font-size:12px;color:#9cae97;margin-top:18px}
.combat{border:1px solid #cab58266;border-radius:12px;overflow:hidden;background:#284232}.battlefield{height:400px;position:relative;background-size:cover;background-position:center;overflow:hidden}.battlefield:after{pointer-events:none;content:'';position:absolute;inset:0;box-shadow:inset 0 -28px 25px #112b2180}.battle-round{position:absolute;top:15px;left:18px;border:1px solid #dccb9e88;background:#192f23cf;padding:5px 12px;border-radius:20px;z-index:3;font-size:11px;color:#efdfb7}.hero-entity{position:absolute;left:4%;bottom:9%;width:27%;height:77%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 6px 4px #0004)}.enemy{position:absolute;bottom:7%;height:85%;width:26%;background:none;padding:0;display:flex;align-items:center;justify-content:end;flex-direction:column;z-index:2;transition:.25s}.enemy .entity-img{height:73%;width:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 6px 4px #0004);transition:filter .2s}.enemy.targeted .entity-img{filter:drop-shadow(0 0 9px #fff0c188) drop-shadow(0 6px 4px #0004)}.enemy.targeted:after{content:'';position:absolute;bottom:23px;width:65%;height:12px;border:2px solid #f8d784;border-radius:50%;box-shadow:0 0 11px #ffef9d88;z-index:-1}.enemy.dead{opacity:.15;pointer-events:none}.enemy:disabled{opacity:.15}.enemy-name{font-size:11px;color:#ffedbd;text-shadow:0 1px 4px #000;background:#1d3127d9;padding:1px 8px;border-radius:4px}.enemy-hp{height:7px;width:68%;background:#2d3424;border:1px solid #f7d09c88;border-radius:6px;margin:4px 0;overflow:hidden}.enemy-hp i{display:block;height:100%;background:#c97859;transition:width .3s}.enemy-hp-text{font-size:10px;background:#152b20b5;border-radius:4px;padding:0 5px;color:#f8eac8}.intent{position:absolute;top:1px;display:flex;align-items:center;gap:5px;padding:5px 10px;white-space:nowrap;background:#243b30ee;border:1px solid #e7d09299;border-radius:7px;font-size:12px;box-shadow:0 2px 6px #0003}.intent img{width:20px;height:20px}.intent strong{font-size:15px;color:#ffdc91}.enemy-status{display:flex;gap:3px;position:absolute;bottom:70px;right:3px;flex-wrap:wrap;max-width:90px}.status-pill{padding:1px 5px;background:#243c2ff2;border:1px solid #d5b97366;border-radius:5px;font-size:10px;color:#f0dcb0}.hero-shield{position:absolute;left:6%;bottom:11px;z-index:3;display:flex;gap:6px;align-items:center;background:#1e3a2de8;border:1px solid #efdaa36b;border-radius:6px;padding:4px 9px;font-size:12px}.hero-shield img{width:21px}.damage-pop{position:absolute;font-size:31px;color:#fff3cd;font-weight:900;text-shadow:0 2px 0 #853d2e;left:43%;top:40%;animation:pop .8s forwards;pointer-events:none;z-index:6}.hero-pop{left:15%;top:50%;color:#ffba9b}.hit .entity-img{animation:shake .35s}.combat-foot{background:#173025;min-height:51px;display:flex;align-items:center;justify-content:space-between;padding:8px 17px;border-top:1px solid #cfb57b55;gap:12px}.resource-meter{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:#f0deba}.resource-meter img{width:24px;height:24px}.pips{display:flex;gap:4px}.pip{width:12px;height:12px;border-radius:50%;background:#3c4f3d;border:1px solid #adab7e66}.pip.filled{background:var(--gold);box-shadow:0 0 6px #dcb96044}.element{padding:1px 7px;border-radius:5px;border:1px solid #b7b78c55;min-width:26px;text-align:center;color:#b0bbaa}.element.fire{color:#ffc294;background:#9c563744}.element.ice{color:#bcf0ed;background:#476f6a66}.element.thunder{color:#dbc7ff;background:#6c5b8d66}.log-toggle{background:none;font-size:11px;color:#b8c4ac;max-width:50%;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hand-zone{display:grid;grid-template-columns:76px 1fr 142px;gap:14px;margin-top:16px;align-items:start}.energy-orb{border-radius:50%;width:63px;height:63px;border:2px solid #e3c080;background:radial-gradient(circle at 35% 30%,#e9d39b,#a18a4b);box-shadow:0 0 0 5px #c5b77d13;color:#293c2a;display:grid;place-items:center;font-size:28px;font-weight:800;margin:8px 0 9px}.energy-label{text-align:center;width:63px;color:#b7c2a8;font-size:10px}.pile-btn{display:flex;justify-content:space-between;gap:8px;border:1px solid var(--line);border-radius:5px;font-size:11px;background:#263e30;padding:7px 8px;width:100%;margin-top:7px;color:#c2ceb3}.hand{display:flex;gap:9px;overflow-x:auto;padding:8px 4px 16px;min-height:239px;align-items:start;scrollbar-width:thin;scrollbar-color:#6d7f5d transparent}.card{position:relative;flex:0 0 145px;width:145px;min-height:211px;padding:0;background:#efe5ca;color:#3c392e;text-align:left;border:3px solid #ac956b;border-radius:10px;box-shadow:0 4px 0 #17251b;overflow:visible;transition:transform .15s,border-color .15s}.card:hover:not(:disabled){transform:translateY(-6px);border-color:#f7d794}.card.selected{transform:translateY(-7px);border-color:#fce1a2;box-shadow:0 0 0 3px #e7c07966}.card.unplayable{filter:saturate(.55);opacity:.58}.card-cost{position:absolute;top:-4px;left:-5px;display:grid;place-items:center;width:30px;height:30px;background:#f7e5b9;border:2px solid #735e40;border-radius:50%;font-size:17px;font-weight:800;z-index:2}.card-art{height:77px;background:linear-gradient(135deg,#cbd4ba,#a3b295);border-radius:6px 6px 0 0;overflow:hidden;position:relative}.card-art img{height:155px;width:100%;object-fit:contain;object-position:top;position:absolute;top:-6px}.card-art .glyph{position:absolute;inset:0;font-size:34px;display:grid;place-items:center;color:#fff3cf;text-shadow:0 2px 4px #665337}.card-category{position:absolute;top:7px;right:7px;font-size:9px;padding:0 4px;background:#283b2bd9;border-radius:4px;color:#fbebc3}.card-title{font-weight:800;font-size:13px;line-height:1.4;padding:7px 8px 4px;border-bottom:1px solid #c2ac7e;margin:0 7px 5px;padding-left:0;padding-right:0}.card-text{font-size:10px;line-height:1.65;padding:0 8px 7px;min-height:66px;display:block}.card-up{color:#66804b;display:block;font-size:9px;line-height:1.4;margin-top:4px}.card .reason{position:absolute;inset:auto 0 0;text-align:center;padding:2px;background:#735e3c;color:#fff2d3;font-size:9px;border-radius:0 0 6px 6px}.turn-actions{padding-top:8px}.turn-actions .btn{width:100%;margin-bottom:9px;padding:14px 10px}.turn-tip{font-size:10px;color:#9eb295;text-align:center;line-height:1.7}.selected-hint{font-size:12px;color:#ecd39a;margin-top:7px;min-height:20px}.selected-hint strong{color:#fff0c3}.run-footer{font-size:10px;color:#87a186;display:flex;justify-content:space-between;margin-top:10px}.battle-log{color:#bdcaae;font-size:12px;line-height:2.1}.battle-log li{margin:3px 0}
.panel{padding:36px 35px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#2c4936,#1c3227);margin-top:23px}.panel.center{text-align:center}.panel h2{font-size:29px;margin-bottom:9px;color:#f5e5ba}.panel .lead{color:#b8c7aa;font-size:13px;line-height:1.9}.reward-cards{display:flex;justify-content:center;gap:17px;flex-wrap:wrap;margin:30px 0}.reward-cards .card{flex:0 0 164px;width:164px;min-height:228px}.reward-cards .card-art{height:91px}.reward-cards .card-art img{height:180px}.reward-cards .card-title{font-size:14px}.reward-cards .card-text{font-size:11px}.actions{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:20px}.reward-note{font-size:11px;color:#aebfa0;margin-top:14px}.panel-scene{height:180px;object-fit:contain;margin:10px auto 18px;display:block}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.choice-btn{padding:24px 20px;background:#39543d;border:1px solid var(--line);border-radius:8px;color:#e8e4cb;text-align:left}.choice-btn:hover{background:#476447}.choice-btn img{width:40px;height:40px;margin-bottom:12px}.choice-btn strong{display:block;font-size:17px}.choice-btn small{display:block;color:#b8c8ac;margin-top:8px;font-size:12px}.metrics{display:flex;justify-content:center;gap:45px;margin:27px 0}.metrics strong{font-size:28px;display:block;color:#f1ce8c}.metrics span{font-size:11px;color:#b0c09e}.empty{padding:30px;text-align:center;color:#aabb9c;font-size:13px}.rank-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;margin-top:18px}.rank-table td,.rank-table th{padding:12px 9px;border-bottom:1px solid var(--line)}.rank-table th{color:#b3c0a4;font-weight:400}.rank-table td{color:#eee3c3}.deck-list{display:flex;flex-direction:column;gap:6px;max-height:55vh;overflow:auto}.deck-row{background:#263e2e;border:1px solid #b3b48033;border-radius:6px;padding:11px 13px;display:flex;gap:15px;justify-content:space-between;align-items:center;text-align:left;font-size:12px}.deck-row span{font-size:10px;color:#b0be9c}.deck-row:hover{background:#365138}.modal-layer{position:fixed;inset:0;z-index:50;background:#08130fce;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:22px}.modal{width:min(720px,100%);max-height:90vh;overflow:auto;border:1px solid #d1b37677;border-radius:13px;background:#1e3529;box-shadow:0 20px 90px #0008;padding:28px;color:#e9e2c5}.modal h2{font-size:24px;color:#f2dcac}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.close-btn{background:#3d4d37;border:1px solid var(--line);width:30px;height:30px;border-radius:50%;color:#d5d7b7;font-size:18px}.modal p{color:#bec9ad;font-size:13px;line-height:1.9;margin:12px 0}.modal ul{padding-left:20px;color:#bec9ad;font-size:12px;line-height:2}.ad-circle{width:88px;height:88px;display:grid;place-items:center;border:2px solid #d9ba75;border-radius:50%;margin:25px auto;font-size:32px;color:#f2d498;background:#384d35}.ad-label{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#a8bba2}.ad-preview{text-align:center}.ad-preview .btn{min-width:180px}#toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);opacity:0;z-index:100;border:1px solid #ddc38499;background:#263f2bef;color:#fff0c4;padding:12px 22px;border-radius:8px;transition:.2s;pointer-events:none;max-width:90%;text-align:center;font-size:12px}#toast.show{transform:translate(-50%,0);opacity:1}
@keyframes pop{from{opacity:1;transform:translateY(0) scale(.8)}25%{transform:translateY(-15px) scale(1.12)}to{opacity:0;transform:translateY(-55px) scale(1)}}@keyframes shake{0%,100%{transform:translateX(0)}30%{transform:translateX(7px)}65%{transform:translateX(-4px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:1500px){.career .portrait{height:280px}.home-main{padding-top:65px}.career-grid{margin-top:40px}.battlefield{height:440px}}
@media(max-width:1000px){.shell{padding:0 24px 22px}.intro h1{font-size:40px}.run-info{display:none}.career .portrait{height:190px}.career{padding:0 10px 16px}.career h2{font-size:17px}.career .tag{font-size:9px}.journey-bar{gap:16px;padding:20px}.mode-switch button{padding:9px 12px}.career-description p{font-size:11px}.hand-zone{grid-template-columns:62px 1fr 115px;gap:10px}.card{flex-basis:134px;width:134px}.battlefield{height:365px}.topbar{height:67px}.brand{font-size:20px}.stats{gap:11px}.health{width:105px}.hero-entity{width:28%}.modal{padding:24px}.node-option{padding:16px}.node-option img{width:33px;height:33px}}
@media(max-width:700px){.shell{padding:0 14px 20px}.topbar{height:60px}.brand{font-size:18px;gap:7px;letter-spacing:1px}.brand img{width:22px;height:29px}.brand .demo{font-size:8px;padding:1px 5px}.top-actions{gap:2px}.text-btn{padding:8px 6px;font-size:10px}.home-main{padding-top:25px}.intro h1{font-size:34px;margin:6px 0 8px}.intro p{font-size:11px}.eyebrow{font-size:9px}.career-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:22px 0 17px}.career .portrait{height:133px;margin-top:13px}.career{padding:0 8px 12px}.career h2{font-size:16px;margin-top:5px}.career .guild{font-size:9px;letter-spacing:1px}.career .tag{font-size:8px;margin-top:7px;white-space:normal;line-height:1.7}.career .serial{font-size:8px;top:7px;left:9px}.selected-mark{top:6px;right:8px;font-size:10px}.journey-bar{grid-template-columns:1fr 1fr;padding:17px;gap:17px 10px}.career-description{grid-column:1/-1}.career-description h3{font-size:16px}.career-description p{font-size:11px}.mode-switch button{padding:9px 8px;font-size:10px}.mode-switch{justify-self:start}.journey-bar>.btn{padding:12px 11px;font-size:12px;justify-self:end;width:100%}.home-footer{font-size:9px;gap:14px;padding-top:17px}.home-footer span{max-width:55%}.run-top{gap:7px}.career-mini{font-size:11px;gap:5px}.career-mini img{width:23px;height:23px}.health{width:84px;height:20px}.health span{font-size:10px;line-height:18px}.stats{gap:8px}.stat{font-size:10px;gap:3px}.stat img{width:17px;height:17px}.run-top+.top-actions .help-label{display:none}.run-heading{margin:17px 0 13px}.run-heading h1{font-size:22px}.run-heading p{font-size:10px}.chapter-label{font-size:8px}.badge{font-size:9px;padding:4px 6px}.map-scene{min-height:350px}.map-story{top:23px;left:20px;right:16px}.map-story h2{font-size:23px}.map-story p{font-size:11px}.map-hero{width:34%;bottom:26%;left:4%;height:56%}.trail{padding:25px 12px 22px;gap:6px}.trail:before{top:48px}.node-orb{width:48px;height:48px}.node-orb img{width:31px;height:31px}.trail-node span{font-size:9px}.node-options{grid-template-columns:1fr;gap:9px;margin-top:12px}.node-option{padding:13px 17px;gap:12px}.node-option img{width:34px;height:34px}.node-option strong{font-size:14px;margin-bottom:2px}.node-option small{font-size:10px}.map-tip{font-size:10px;margin-top:12px}.battlefield{height:285px}.battle-round{font-size:9px;top:10px;left:10px;padding:3px 8px}.hero-entity{left:0;width:34%;height:70%;bottom:14%}.enemy{width:33%;height:77%;bottom:9%}.enemy .entity-img{height:67%}.intent{padding:3px 6px;font-size:10px;top:3px;gap:3px}.intent strong{font-size:12px}.intent img{width:16px;height:16px}.enemy-name{font-size:9px;padding:1px 4px}.enemy-hp{height:6px;width:80%}.enemy-hp-text{font-size:9px}.enemy-status{bottom:59px;right:0;max-width:60px}.status-pill{font-size:8px;padding:1px 3px}.hero-shield{left:8px;bottom:9px;font-size:10px;padding:2px 5px}.hero-shield img{width:17px}.combat-foot{padding:8px 9px;min-height:49px;gap:7px}.resource-meter{font-size:10px;gap:4px}.resource-meter img{width:20px;height:20px}.pip{width:9px;height:9px}.pips{gap:3px}.element{min-width:21px;padding:1px 4px}.log-toggle{font-size:9px;max-width:35%}.hand-zone{grid-template-columns:1fr 90px;gap:8px;margin-top:13px;position:relative}.energy-side{grid-column:1/-1;display:flex;gap:10px;align-items:center}.energy-orb{width:34px;height:34px;font-size:20px;margin:0;box-shadow:none}.energy-label{width:auto;display:inline-block;font-size:10px}.energy-side .pile-btn{width:auto;margin:0;font-size:9px;padding:5px 9px}.hand{grid-column:1;min-height:217px;gap:9px;padding-top:10px;padding-bottom:14px}.card{width:128px;flex-basis:128px;min-height:201px}.card-art{height:66px}.card-art img{height:140px}.card-title{font-size:12px;padding-top:6px}.card-text{font-size:10px;min-height:72px}.card-cost{width:27px;height:27px;font-size:15px}.card-category{font-size:8px}.turn-actions{grid-column:2;padding-top:10px}.turn-actions .btn{font-size:11px;padding:13px 7px}.turn-tip{font-size:9px}.selected-hint{font-size:10px;line-height:1.7;min-height:17px}.run-footer{font-size:8px;gap:8px}.panel{padding:25px 16px;margin-top:17px}.panel h2{font-size:24px}.panel .lead{font-size:12px}.reward-cards{gap:10px;margin:22px 0}.reward-cards .card{flex-basis:calc(50% - 6px);width:calc(50% - 6px);max-width:175px;min-height:226px}.reward-cards .card-text{font-size:11px}.reward-cards .card-title{font-size:13px}.choice-grid{grid-template-columns:1fr;gap:10px;margin-top:22px}.choice-btn{padding:16px;display:grid;grid-template-columns:34px 1fr;column-gap:14px}.choice-btn img{width:34px;height:34px;grid-row:1/3;margin:0}.choice-btn strong{font-size:15px}.choice-btn small{font-size:11px;margin-top:4px}.metrics{gap:21px;margin:22px 0}.metrics strong{font-size:23px}.metrics span{font-size:10px}.modal-layer{padding:13px}.modal{padding:20px;max-height:92dvh}.modal h2{font-size:20px}.modal p{font-size:12px}.modal-head{margin-bottom:13px}.rank-table{font-size:10px}.rank-table td,.rank-table th{padding:10px 5px}.damage-pop{font-size:24px}.panel-scene{height:135px}}