:root{font-family:Microsoft YaHei UI,Microsoft YaHei,PingFang SC,sans-serif;color:#284639;background:#091c22;font-synthesis:none;--gold:#9b762f;--muted:#6b8070;--teal:#29866f;--line:#9f8a534d;--panel:#f3f1ddeb;--ink:#284639;--ui-scale:1;--ui-width:1080px;--ui-height:1920px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;overflow:hidden;display:grid;place-items:center;background:#091c22}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:wait;filter:saturate(.35);opacity:.72}button,input,select{outline:none}button:focus-visible,a:focus-visible{outline:3px solid #c9a752;outline-offset:5px}input:focus,select:focus{border-color:#ae8a3c!important;box-shadow:0 0 0 3px #e7c65a4d}button svg{pointer-events:none}input,select{color:#294c40;background:#f7f4e5;border:2px solid #a69e70;border-radius:5px;width:100%;padding:15px 20px;font-size:26px;box-shadow:inset 0 2px 5px #506d4b12}input::placeholder{color:#849383}select{appearance:none}option{background:#f4f2de;color:#284639}label{display:block;font-size:24px;color:#355442;letter-spacing:.04em}label input,label select{margin-top:12px}p{line-height:1.8}h1,h2,h3,p{margin-top:0}strong,b{font-weight:600}[hidden]{display:none!important}#game-frame{position:relative;width:min(100vw,56.25vh);height:min(100vh,calc(100vw * 16 / 9));overflow:hidden;container-type:size;background:#0b2a26;flex:none}#game-stage{position:absolute;left:0;top:0;width:1080px;height:1920px;transform:scale(calc(100cqw/1080px));transform-origin:left top}#world,#app{position:absolute;inset:0}#world canvas{display:block;width:100%;height:100%}#app{pointer-events:none}#app button,#app input,#app select,#app form,#app a{pointer-events:auto}.ui-stage-frame{position:relative;width:calc(var(--ui-width) * var(--ui-scale));height:calc(var(--ui-height) * var(--ui-scale));flex:none}.ui-stage{position:absolute;left:0;top:0;width:var(--ui-width);height:var(--ui-height);transform:scale(var(--ui-scale));transform-origin:left top}.icon{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.skill-medallion{display:block;width:100%;height:100%;aspect-ratio:1;background-image:url(/assets/ui/skill-medallions.png);background-size:300% 300%;background-position:var(--skill-x) var(--skill-y);background-repeat:no-repeat;flex:none}.element-medallion{background-image:url(/assets/ui/element-medallions.png);background-size:300% 100%}.eyebrow{font-size:24px;letter-spacing:.18em;color:#9a7432;font-weight:600}.primary{display:flex;align-items:center;justify-content:center;gap:18px;background:linear-gradient(#fff9dc,#e4c87c);color:#38513c;border:3px double #9e803d;box-shadow:inset 0 0 0 3px #fff4cf,0 5px 12px #6a643523;padding:16px 28px;font-weight:800;letter-spacing:.12em;font-size:28px;border-radius:8px;transition:filter .15s,transform .15s}.primary:hover{filter:brightness(1.07);box-shadow:inset 0 0 0 3px #fff4cf,0 5px 18px #d6b4566b}.primary:active{transform:translateY(3px);filter:brightness(.92)}.primary:disabled{background:#ddd9bc;color:#768170;border-color:#aaa584}.secondary{display:flex;justify-content:center;align-items:center;gap:20px;width:100%;border:2px solid #8da682;background:linear-gradient(#f8f8e6,#dce8cf);padding:14px 20px;color:#3e6c51;border-radius:6px;font-size:24px;box-shadow:inset 0 0 0 2px #fff9e2}.secondary:active{transform:translateY(2px);filter:brightness(.94)}.subtle{display:flex;align-items:center;gap:12px;color:#4a7057;font-size:24px}.muted{color:var(--muted);font-size:24px}.brand-seal{display:grid;place-items:center;border:3px double #c5aa64;border-radius:8px;width:56px;height:56px;font-family:serif;color:#fff4cc;font-size:30px;background:linear-gradient(135deg,#76ab87,#275f50);box-shadow:inset 0 0 0 3px #d7e5b450;line-height:1}.brand-seal.small{width:46px;height:46px;font-size:26px}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#5d9c72;box-shadow:0 0 10px #b9df9d;flex-shrink:0}.section-title{display:flex;align-items:center;gap:14px;margin-bottom:24px;border-bottom:1px solid #b9ab7559;padding-bottom:18px}.section-title .icon{color:#967334;width:30px;height:30px}.section-title h2{font-size:30px;letter-spacing:.06em;margin:0;font-family:SimSun,serif;font-weight:800}.section-title>span:last-child{margin-left:auto;color:#708469;font-size:24px}.surface,.hud-brand,.match-clock,.icon-button,.leaderboard,.death-banner,.event-banner,.results-panel,.comment-panel{border:24px solid transparent;border-image-source:url(/assets/ui/sect-panel.png);border-image-slice:256 fill;border-image-width:24px;border-image-repeat:stretch;background:#f3f2dfeb;background-clip:padding-box;padding:6px;color:#294b3b;box-shadow:0 10px 28px #31553622}.connection-status{position:absolute;bottom:6px;left:18px;font-size:24px;color:#f7ffe5;text-shadow:0 2px 4px #163525;z-index:12}.connection-status:before{content:"";display:inline-block;width:7px;height:7px;background:#c3ef8e;border-radius:50%;margin-right:8px}.connection-status.offline{color:#ffedce}.connection-status.offline:before{background:#e88c59}.toast{position:absolute;top:100px;left:50%;transform:translate(-50%);max-width:min(80vw,760px);z-index:40;padding:16px 28px;border:2px solid #b49650;background:#faf2d8f2;border-radius:8px;box-shadow:0 8px 30px #253f2c33;color:#416743;text-align:center;font-size:24px}.toast.error{border-color:#bb7958;color:#9b452d;background:#fff0dff5}.select-wrap{position:relative}.select-wrap:after{content:"\2304";position:absolute;right:20px;top:30px;color:#8a723e;pointer-events:none}.form-error{color:#a95232;font-size:24px;margin:16px 0 0;overflow-wrap:anywhere}kbd{font-family:inherit}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition:none!important}}.login-screen{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 20%,#6fa98c3d,transparent 34%),#092c28;pointer-events:auto;--login-scale:1}.login-stage{position:relative;width:calc(1080px * var(--login-scale));height:calc(1920px * var(--login-scale));overflow:hidden;background:#153d35;box-shadow:0 0 0 1px #e9d49624,0 24px 88px #041b1899}.login-stage-contents{position:absolute;left:0;top:0;width:1080px;height:1920px;transform:scale(var(--login-scale));transform-origin:left top;overflow:hidden;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,Arial,sans-serif;letter-spacing:0}.login-bg{position:absolute;inset:0;width:1080px;height:1920px;object-fit:cover;user-select:none}.login-logo{position:absolute;left:150px;top:240px;width:780px;height:390px;object-fit:contain;filter:drop-shadow(0 14px 22px #123b2d80);user-select:none}.login-enter{position:absolute;left:240px;top:1460px;width:600px;height:200px;padding:0;border:0;border-radius:40px;background:transparent;color:#fff0be;cursor:pointer;overflow:visible;transform:translateZ(0);transition:filter .16s ease,transform .16s ease}.login-enter img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none}.login-enter:not(:disabled):hover{filter:brightness(1.14) drop-shadow(0 0 18px #e4c76b80)}.login-enter:focus-visible{outline:4px solid #f5d998;outline-offset:8px;filter:brightness(1.12)}.login-enter:not(:disabled):active{transform:translateY(5px);filter:brightness(.86)}.login-enter.is-disabled{cursor:wait;filter:saturate(.45) brightness(.72);opacity:1}.login-enter-label{position:absolute;inset:0;display:grid;place-items:center;font-size:54px;line-height:1;font-weight:900;color:#fff0be;text-shadow:0 3px 0 #173b2f,0 0 12px #ad7f3170;pointer-events:none;white-space:nowrap;letter-spacing:.08em}.login-loading-panel{position:absolute;left:290px;top:1326px;width:500px;height:112px;padding:10px 26px;border:3px solid #e7cc8ac7;border-radius:16px;background:linear-gradient(180deg,#234d3fe8,#102e29eb);box-shadow:0 12px 28px #0b241c6b;color:#fff0be;text-align:center}.login-loading-text{height:28px;font-size:26px;line-height:28px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 0 #10382db8}.login-loading-track{position:relative;width:100%;height:14px;margin-top:8px;border-radius:999px;overflow:hidden;background:#0a2420b8;box-shadow:inset 0 2px 5px #0008}.login-loading-fill{position:absolute;left:0;top:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#91b985,#f0d69a);transition:width .18s ease}.login-loading-percent{margin-top:4px;font-size:24px;line-height:24px;font-weight:800;color:#fff0be;text-shadow:0 2px 0 #10382db8}.login-status{position:absolute;left:300px;width:480px;height:54px;display:flex;align-items:center;justify-content:center;gap:18px;font-size:34px;line-height:54px;font-weight:800;color:#a9f0a8;text-align:center;text-shadow:0 4px 10px #123f0d8f,0 1px 0 #0007;white-space:nowrap}.login-status:before{content:"";width:22px;height:22px;border-radius:50%;background:#a9f0a8;box-shadow:0 0 20px #a9f0a8c2;flex:0 0 auto}.login-status.is-pending{color:#e9d89a}.login-status.is-pending:before{background:#e9d89a;box-shadow:0 0 20px #e9d89aad}.login-status.is-error{color:#ffb1a8}.login-status.is-error:before{background:#ff6b5a;box-shadow:0 0 20px #ff6b5aad}.login-status-host{top:1695px}.login-status-server{top:1760px}.login-error{position:absolute;left:198px;top:1326px;width:684px;min-height:72px;display:flex;align-items:center;justify-content:center;padding:12px 30px;border:3px solid #efc58cbd;border-radius:18px;background:#173b2ee8;color:#ffe2c0;font-size:30px;line-height:40px;font-weight:800;text-align:center;text-shadow:0 2px 4px #0009;overflow-wrap:anywhere}.login-test-window{position:absolute;left:120px;top:730px;width:840px;height:540px;padding:34px 60px;border:4px solid #e8ca87d1;border-radius:18px;background:linear-gradient(160deg,#2b594bf5,#102f29f5);box-shadow:inset 0 0 0 5px #ad9a5f40,0 26px 70px #09251d94}.login-test-title{height:62px;display:grid;place-items:center;color:#f4d397;font-size:38px;font-weight:900;line-height:1}.login-test-mode{position:absolute;left:90px;top:104px;width:660px;display:flex;gap:12px}.login-test-mode button{flex:1;height:54px;border:2px solid #d9bd7880;border-radius:8px;color:#f4d397;font-size:26px;font-weight:800;background:#6d997033}.login-test-mode button.selected{background:#dce6bff0;color:#244d3d;border-color:#e7cc8ad9}.login-test-field{position:absolute;left:90px;width:660px;display:grid;gap:6px;color:#f4d397;font-size:24px;font-weight:800}.login-test-field input{width:100%;height:54px;margin:0;border:2px solid #d9bd789e;border-radius:8px;background:#0c2d2570;color:#fff0be;outline:0;padding:0 18px;font-size:25px;font-weight:700;user-select:text}.login-test-field input:focus{border-color:#ffe4abf0!important;box-shadow:0 0 0 3px #ffe4ab2e}.login-test-field-account{top:184px}.login-test-field-room{top:280px}.login-test-confirm{position:absolute;left:270px;top:444px;width:300px;height:64px;border:3px solid #e7cc8ad9;border-radius:8px;background:linear-gradient(#e7edc9,#b9cda1);color:#244d3d;font-size:30px;font-weight:900;cursor:pointer}.login-test-confirm:disabled{cursor:wait;opacity:.72}.lobby-screen{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(#c7e0c142,#f2edcd80);pointer-events:auto;overflow:hidden}.lobby-stage{display:flex;flex-direction:column;padding:64px 72px 72px}.lobby-toolbar{display:flex;align-items:center;justify-content:space-between;height:56px;color:#506d49;font-size:24px}.lobby-toolbar-actions{display:flex;align-items:center;gap:28px}.lobby-sheet{display:flex;flex-direction:column;width:100%;margin:auto 0;padding:40px 48px 44px;border-width:32px;border-image-width:32px}.roster{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px 16px}.roster li{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:120px}.seat-dot{width:64px;height:64px;border:2px dashed #afbb96;border-radius:50%}.avatar-initial{width:64px;height:64px;border:2px solid #b6a15e;background:linear-gradient(#f9edbf,#c4d9ae);border-radius:50%;display:grid;place-items:center;color:#557547;font-family:serif;font-size:28px}.roster .is-host .avatar-initial{border-color:#c9a04a;box-shadow:0 0 0 3px #e7c65a55}.roster-name{max-width:100%;color:#3d5b3f;font-size:24px;line-height:28px;white-space:nowrap}.seat-count{margin:20px 0 0;text-align:center;font-size:28px;color:#6b7d5c;font-variant-numeric:tabular-nums}.queue-note{margin:8px 0 0;text-align:center;font-size:24px;color:#a67d32}.starting-skill-picker{margin-top:28px;padding-bottom:20px;border-bottom:1px solid #a6b68455}.starting-skill-picker .spell-limit-row{margin-top:16px}.starting-skill-help{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0 0;font-size:24px;line-height:32px;color:#7b885f}.starting-skill-status{min-width:0}.environment-theme-picker{margin-top:24px}.lobby-sheet form{display:grid;gap:24px;margin-top:40px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0;font-size:26px}.setting-row .select-wrap{width:240px}.setting-row select{margin:0;font-size:26px;padding:12px 18px}.setting-row .select-wrap:after{top:14px}.switch-row{display:flex;align-items:center;justify-content:space-between;position:relative;margin:0;font-size:26px}.switch-row input{position:absolute;right:0;width:70px;height:36px;opacity:0;margin:0;cursor:pointer;z-index:1}.switch{width:70px;height:36px;border-radius:20px;background:#c0c8ac;border:2px solid #9da880;position:relative;box-shadow:inset 0 2px 4px #66764822}.switch:after{content:"";position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:#f3edcc;border:1px solid #a6b17b;transition:transform .15s}.switch-row input:checked+.switch{background:#65997a;border-color:#4b7b63}.switch-row input:checked+.switch:after{background:#f6e7a9;transform:translate(32px)}.switch-row input:focus-visible+.switch{outline:3px solid #c4a04c;outline-offset:4px}.start-button{width:100%;margin-top:8px}.guest-wait{text-align:center;margin:8px 0 0;color:#96743b;font-size:28px}.battle-mode-note{margin:28px 0 0;text-align:center;color:#7b885f;font-size:24px;line-height:34px}.game-hud{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.hud-top{position:absolute;left:28px;right:28px;top:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:30px}.hud-brand{display:flex;align-items:center;gap:12px;border-width:16px;border-image-width:16px;padding:4px 8px;min-height:86px;box-shadow:0 6px 18px #193d201a}.hud-brand>strong{display:grid;gap:4px;font-family:SimSun,serif;letter-spacing:.15em;font-size:30px;line-height:36px;color:#547043}.hud-brand>strong small{font-size:24px;line-height:29px;letter-spacing:.02em;white-space:nowrap}.room-label{font-size:24px;color:#81906b;border-left:1px solid #a7ac7d77;padding-left:14px;white-space:nowrap}.match-clock{position:absolute;left:50%;transform:translate(-50%);top:-4px;width:470px;border-width:20px;border-image-width:20px;padding:5px 12px;text-align:center;display:grid;grid-template-columns:auto auto;align-items:center;column-gap:20px}.phase-label{font-size:24px;color:#447c59;letter-spacing:.05em}.time-remaining{font-size:46px;font-family:Georgia,serif;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#465b37;line-height:1.15}.war-countdown{grid-column:1/-1;font-size:24px;color:#8d7e4b;margin-top:5px;white-space:nowrap}.hud-actions{display:flex;gap:12px;margin-top:10px}.icon-button{border-width:8px;border-image-width:8px;padding:2px;width:62px;height:62px;display:grid;place-items:center;color:#57744e}.icon-button>.icon{width:28px;height:28px}.icon-button:hover{filter:brightness(1.12)}.icon-button:active{transform:translateY(2px)}.leaderboard{position:absolute;right:28px;top:150px;width:340px;border-width:20px;border-image-width:20px;padding:5px;color:#4a6646}.board-title{display:flex;justify-content:space-between;padding:0 4px 13px;border-bottom:1px solid #b7ad7f7a;color:#6c784f;font-size:24px}.players-count{font-size:24px;color:#8a9671;font-variant-numeric:tabular-nums}.leaderboard ol{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:2px}.leaderboard li{display:flex;gap:10px;align-items:center;min-height:41px;font-size:24px;border:1px solid transparent;border-radius:4px;padding:4px}.leaderboard .rank{font-size:24px;color:#a3a682;font-variant-numeric:tabular-nums;min-width:32px}.rank-name{white-space:nowrap;color:#4e6849;font-size:24px}.rank-score{margin-left:auto;color:#9b7f38;font-size:24px;font-variant-numeric:tabular-nums}.leaderboard li:first-child .rank{color:#b98e33}.leaderboard li.is-self{background:#a9c89740;border-color:#a8b77d80}.leaderboard li.is-self .rank-name{color:#36714e}.leaderboard li.is-dead .rank-name{color:#9da38b}.queue-indicator{color:#a67d32;font-size:24px;margin:12px 4px 0;line-height:1.5}.queue-indicator:empty{display:none}.controls-hint{position:absolute;bottom:36px;left:38px;display:flex;flex-direction:column;align-items:center;gap:4px;color:#f4f1cb;font-size:24px;text-shadow:0 2px 4px #24452b}.controls-hint>span:last-child{margin-top:7px;text-align:center;line-height:1.6}.controls-hint kbd{display:inline-grid;place-items:center;width:34px;height:34px;border:2px solid #d7dbaa99;border-radius:5px;background:#72937675;margin:0 2px;font-size:24px}.death-banner{position:absolute;top:34%;left:50%;transform:translate(-50%);text-align:center;border-width:24px;border-image-width:24px;padding:12px 28px;min-width:580px}.death-banner>span{display:block;font-size:24px;color:#9b8144;letter-spacing:.18em;margin-bottom:12px}.death-banner strong{font-size:34px;font-weight:800;letter-spacing:.06em;color:#6a734b}.event-banner{position:absolute;left:50%;top:22%;transform:translate(-50%);border-width:20px;border-image-width:20px;padding:12px 45px;white-space:nowrap;font-family:SimSun,serif;font-weight:800;font-size:38px;letter-spacing:.12em;color:#ae7d27;animation:banner-in .3s ease}.war-active .phase-label{color:#af6541}.war-active .match-clock{filter:drop-shadow(0 3px 10px #c994422b)}.touch-pad{display:none;position:absolute;left:24px;bottom:max(30px,env(safe-area-inset-bottom,0px));width:112px;height:112px;border-radius:50%;border:3px solid #d8e6acaa;background:radial-gradient(#afc99677,#3a6e4b88);box-shadow:inset 0 0 0 8px #e5e4b533,0 3px 12px #28482830;pointer-events:auto;touch-action:none}.touch-pad span{position:absolute;top:35px;left:35px;width:36px;height:36px;border:2px solid #e2d4a0;background:linear-gradient(#e8e8b9,#87af86);border-radius:50%;pointer-events:none;box-shadow:0 2px 5px #2a4b3566}.ui-portrait .hud-top{top:28px}.ui-portrait .hud-brand{position:absolute;left:0;top:0}.ui-portrait .hud-actions{position:absolute;right:0;top:0;margin-top:0}.ui-portrait .room-label{border:0;padding:0}.ui-portrait .match-clock{top:116px;width:500px}.ui-portrait .leaderboard{top:292px;right:24px;width:330px}.ui-portrait .controls-hint{display:none}.ui-portrait .event-banner{top:24%;font-size:34px;padding:10px 28px}@keyframes banner-in{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}@media(pointer:coarse){.in-game .touch-pad{display:block}.controls-hint{display:none}}@media(max-width:700px){.touch-pad{width:84px;height:84px;left:16px;bottom:max(34px,env(safe-area-inset-bottom,0px))}.touch-pad span{width:28px;height:28px;left:25px;top:25px}.connection-status{font-size:16px;bottom:4px;left:10px}}.self-status{position:absolute;left:28px;right:28px;bottom:22px;height:160px;display:grid;grid-template-rows:88px 24px 24px;row-gap:12px;pointer-events:none}.hud-build-row{display:flex;align-items:center;justify-content:center;gap:28px;min-width:0}.build-slots{display:flex;align-items:center;justify-content:center;gap:16px;flex:none}.hud-active-slot{position:relative;width:82px;height:82px;flex:none;padding:0;pointer-events:auto}.hud-active-slot>.skill-medallion{width:82px;height:82px;filter:drop-shadow(0 3px 4px #142b25b3)}.hud-active-slot>.skill-infusions{position:absolute;left:-2px;bottom:-3px;justify-content:flex-start;gap:3px}.hud-active-slot .infusion-dot{width:20px;height:20px;font-size:18px;line-height:20px;border-color:#d0e0b6;background:color-mix(in srgb,var(--element-color),#183f36 30%);color:#102c28;box-shadow:0 1px 3px #142b2599}.hud-active-slot .infusion-dot.is-empty{border-color:#bfd2ba99;background:#183f36b3}.hud-skill-level,.passive-hud-stacks{position:absolute;right:-2px;bottom:-2px;min-width:24px;padding:0 3px;border:1px solid #b3a36b;border-radius:5px;font-size:18px;line-height:23px;text-align:center;background:#eff1cf;color:#345342;box-shadow:0 1px 3px #142b2580}.passive-hud-row{display:flex;align-items:center;gap:8px;flex:none}.passive-hud-row:empty{display:none}.passive-hud-slot{position:relative;width:40px;height:40px;padding:0;flex:none;pointer-events:auto}.passive-hud-slot>.skill-medallion{width:40px;height:40px;filter:drop-shadow(0 0 4px #e7d08c)}.passive-hud-stacks{bottom:-3px;right:-3px;min-width:18px;font-size:18px;line-height:20px}.health-track{position:relative;justify-self:center;width:800px;height:24px;border:1px solid #c0d3aab3;border-radius:3px;background:#122b29d9;overflow:hidden;box-shadow:0 2px 5px #10272580}.health-fill{height:100%;width:100%;background:linear-gradient(#b5e39b,#67ba7f 55%,#3a956d);transition:width .1s linear}.health-track>span{position:absolute;inset:0;display:grid;place-items:center;font-size:24px;line-height:24px;color:#f8ffe5;text-shadow:0 1px 3px #163b2d,0 -1px 2px #163b2d;font-variant-numeric:tabular-nums}.xp-row{display:flex;align-items:center;gap:14px;min-width:0;height:24px}.self-level{font-size:24px;line-height:24px;color:#f4e6ab;text-shadow:0 2px 4px #15392e;font-weight:700;font-variant-numeric:tabular-nums;flex:none}.xp-track{height:10px;flex:1;min-width:0;border:1px solid #bccd9da6;border-radius:3px;background:#112b29bf;overflow:hidden;box-shadow:0 1px 4px #14342c80}.xp-track>div{height:100%;width:0;background:linear-gradient(90deg,#60c7bb,#d8ed9b);transition:width .15s}.xp-track.is-full>div{background:#e5eea4;box-shadow:0 0 8px #edffb3}.game-hud .hud-character-button{font-size:24px;line-height:32px;width:88px;min-height:62px;border:2px solid #a5a66e;border-radius:8px;background:#f1e4b6;color:#6a6030;box-shadow:inset 0 0 0 2px #fff7da}.card-picker,.results-screen{position:absolute;inset:0;display:grid;place-items:center;pointer-events:auto;overflow:hidden;background:linear-gradient(#e1ebcb70,#a5c9ad94);backdrop-filter:blur(3px);z-index:9}.choice-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:24px 0 52px}.choice-title{text-align:center;color:#486c4b}.choice-title>span{color:#a4843b;font-size:24px;letter-spacing:.18em}.choice-title h2{font-family:SimSun,serif;font-size:46px;font-weight:800;letter-spacing:.16em;margin:12px 0 0;text-shadow:0 2px 0 #fff5cb}.choice-cards{display:flex;gap:18px;justify-content:center}.choice-card{position:relative;width:344px;height:516px;aspect-ratio:2/3;flex:none;padding:0;background:transparent url(/assets/ui/skill-card.png) center/100% 100% no-repeat;border:0;border-radius:0;display:block;text-align:left;color:#466b49;filter:drop-shadow(0 12px 18px #3e644b2e);transition:transform .16s,filter .16s}.choice-card:hover,.choice-card:focus-visible{transform:translateY(-12px);filter:drop-shadow(0 10px 24px #d6b45d80) brightness(1.035)}.choice-card:active{transform:translateY(-5px);filter:brightness(.96)}.card-topline{position:absolute;left:42px;top:248px;width:260px;height:32px;display:flex;align-items:center;justify-content:space-between;font-size:24px;color:#80632b;line-height:32px}.card-topline kbd{display:grid;place-items:center;width:28px;height:28px;border:1px solid #a4996d;border-radius:5px;color:#8a7b42;font-size:24px;background:#f5f1d54d}.card-art{position:absolute;left:50%;top:27%;transform:translate(-50%,-50%);width:51%;height:auto;aspect-ratio:1;margin:0}.card-art>.skill-medallion{width:100%;height:100%;filter:drop-shadow(0 3px 5px color-mix(in srgb,var(--card-color),transparent 55%))}.choice-card h3{position:absolute;left:42px;top:282px;width:260px;height:36px;white-space:nowrap;font-family:SimSun,serif;font-size:28px;font-weight:800;letter-spacing:0;text-align:center;margin:0;line-height:36px;color:#3c6d4b}.card-level{position:absolute;left:42px;top:320px;width:260px;height:32px;color:color-mix(in srgb,var(--card-color),#463b17 65%);text-align:center;font-size:24px;line-height:32px;white-space:nowrap}.choice-card>p{position:absolute;left:42px;top:354px;width:260px;color:#4b6144;font-size:24px;line-height:32px;height:32px;margin:0}.choose-label{position:absolute;left:42px;top:421px;width:260px;height:33px;display:flex;align-items:center;justify-content:space-between;color:#7c6027;font-size:24px;line-height:32px;border-top:1px solid #ac9e6766}.choose-label>.icon{width:24px;height:24px}.ui-portrait .choice-stage{gap:40px;padding-bottom:80px}.ui-portrait .choice-title h2{font-size:54px}.results-screen{z-index:10;background:linear-gradient(#dceac980,#adc7a9b8)}.results-stage{display:grid;place-items:center}.results-panel{width:930px;border-width:32px;border-image-width:32px;padding:10px 22px;text-align:center}.result-crown{display:block;width:42px;height:42px;margin:14px auto 6px;color:#b49343}.results-panel h1{font-size:46px;font-family:SimSun,serif;letter-spacing:.18em;font-weight:800;margin:12px 0 24px;color:#4e744e}.result-list{list-style:none;padding:0;margin:0;display:grid;gap:5px}.result-list li{display:flex;align-items:center;gap:22px;padding:10px 14px;text-align:left;border-bottom:1px solid #aeb78555;border-radius:4px;min-height:72px}.result-rank{font-size:28px;color:#98a27a;font-family:Georgia,serif;min-width:42px}.result-list li:first-child .result-rank,.result-list li:first-child .result-score{color:#b88a32}.result-list li.is-self{border-color:#9fb27a80;background:#b4ce984d}.result-list li>span{min-width:0}.result-list li>span>strong{display:block;font-size:26px;color:#456a4c;white-space:nowrap}.result-list small{display:block;font-size:24px;color:#8b9676;margin-top:3px}.result-score{margin-left:auto;font-size:32px;color:#a08b42;font-variant-numeric:tabular-nums;white-space:nowrap}.result-score small{font-size:24px;text-align:right}.result-note{color:#8b9471;font-size:24px;letter-spacing:.03em;margin:20px 0}.results-panel .primary{width:100%;justify-content:space-between}.wait-for-host{color:#9b803e;font-size:26px;margin-bottom:0}.result-leave{justify-content:center;width:100%;margin:16px auto 0;font-size:24px}.card-picker .choice-card [data-text-owner]{overflow:clip;overflow-wrap:break-word}.card-picker .choice-card [data-text-owner=card-summary]{display:block;max-height:32px;white-space:nowrap}.card-picker .choice-card [data-text-owner=card-title]{white-space:nowrap}.card-picker .choice-card [data-text-owner=card-synergy]{position:absolute;left:42px;top:388px;width:260px;height:32px;line-height:32px;white-space:nowrap;font-size:24px;color:#6c5a2e;text-align:center}.card-picker .choice-option{width:344px;min-height:516px;display:block}.card-picker .card-topline kbd{width:30px;height:30px;line-height:28px}.card-picker.is-forced-upgrade .choice-cards{width:100%;justify-content:center}.card-picker.is-forced-upgrade .choice-controls,.card-picker.is-spell-choice .offer-actions,.card-picker.is-forced-upgrade .offer-actions{justify-content:center}.element-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--element-color);font-size:24px;line-height:1.25;white-space:nowrap}.element-badge>.icon{width:28px;height:28px;stroke-width:1.8}.element-plus{font-size:24px;color:#728d88;line-height:1}.hud-stage .element-panel{position:absolute;left:26px;top:300px;width:164px;pointer-events:none;color:#486847}.element-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:54px;padding:8px 12px;border:1px solid #c4c99e99;border-radius:6px;background:#193e34df;color:#f3efce;font-size:24px;line-height:32px;pointer-events:auto;box-shadow:0 3px 10px #13332940}.element-toggle>.icon{width:24px;height:24px;transition:transform .2s}.element-toggle[aria-expanded=true]>.icon{transform:rotate(90deg)}.hud-stage .element-panel.is-expanded{width:400px;max-height:calc(var(--ui-height) - 520px);border:16px solid transparent;border-image:url(/assets/ui/sect-panel.png) 256 fill stretch;border-image-width:16px;background:#f3f2dfed;background-clip:padding-box;padding:4px;color:#486847;box-shadow:0 8px 24px #31553622}.element-panel.is-expanded .element-toggle{border:0;border-radius:0;background:none;color:#526e47;box-shadow:none;padding:2px 0;height:40px}.element-details{display:flex;flex-direction:column;gap:12px;min-height:0;padding-top:12px}.element-loadout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;flex:none}.element-loadout>.element-slot{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:70px}.element-loadout .element-badge{flex-direction:column;gap:5px;color:color-mix(in srgb,var(--element-color),#38533a 60%)}.element-loadout .element-badge>.icon{width:30px;height:30px}.element-skill-count,.element-empty-state{font-size:24px;line-height:32px;color:#78865e}.element-empty-state{grid-column:1/-1;text-align:center}.element-limit{flex:none;font-size:24px;line-height:32px;margin:0;color:#758367}.element-recipes{min-height:0;max-height:720px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9eac79 transparent;pointer-events:auto;border-top:1px solid #9bbfa555;padding-right:6px}.element-explanation{font-size:24px;line-height:32px;margin:12px 0;color:#758367}.element-recipes ol{list-style:none;margin:0;padding:0;display:grid;gap:12px}.element-recipes li{display:grid;grid-template-rows:34px 32px 32px;gap:6px;min-height:132px;padding:10px;border:1px solid #a2b48366;border-radius:5px;background:#cbd6b22b}.element-recipes li.is-ready{background:#bfcea34d;border-color:#a2b483aa}.recipe-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;height:34px}.recipe-heading>strong{font-size:24px;line-height:34px;height:34px;white-space:nowrap;color:#657b45;flex:none}.recipe-formula{display:flex;align-items:center;gap:5px;min-width:0;flex-wrap:nowrap}.recipe-formula .element-badge{gap:3px;font-size:24px;color:color-mix(in srgb,var(--element-color),#38533a 60%)}.recipe-formula .element-badge>.icon{width:24px;height:24px}.element-recipes li p{font-size:24px;line-height:32px;height:32px;margin:0;white-space:nowrap;color:#758367}.recipe-state{font-size:24px;line-height:32px;height:32px;white-space:nowrap;color:#8b906d}.is-ready .recipe-state{color:#61834f}.element-panel [data-text-owner]{overflow:clip;overflow-wrap:break-word}.reaction-notice{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;flex:none;padding:10px 0;border-top:1px solid color-mix(in srgb,var(--reaction-color),transparent 55%)}.reaction-notice>div{display:flex;align-items:center;gap:6px}.reaction-notice>strong{font-size:24px;line-height:32px;color:#657b45;white-space:nowrap}.choice-option{width:344px;display:flex;flex:none;flex-direction:column;gap:12px;min-height:678px}.choice-title .choice-element-limit{font-size:24px;line-height:32px;margin:8px 0 0;color:#667952}.choice-option>.card-synergy{height:150px;display:grid;grid-template-rows:26px 52px 48px;gap:3px;margin:0;padding:8px 12px;border:1px solid #899f6b66;border-radius:7px;background:linear-gradient(140deg,#f4f2d9eb,#e2ebc9ed);color:#566e4b;box-shadow:0 6px 15px #3e644b1a;text-align:left}.card-synergy-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-synergy-heading>span,.card-synergy>span{font-size:24px;line-height:26px;color:#8e7c43}.card-synergy-heading>strong{font-size:24px;line-height:26px;color:#536f45}.card-synergy>p{font-size:24px;line-height:26px;margin:0}.card-synergy>.card-reaction-more{font-size:24px;line-height:24px;color:#7c875b}.choice-stage{gap:20px;padding-top:16px;padding-bottom:30px}.skill-infusions{display:flex;align-items:center;justify-content:center;gap:4px}.infusion-dot{display:grid;place-items:center;width:20px;height:20px;border:1px solid color-mix(in srgb,var(--element-color),#49634a 45%);border-radius:50%;background:color-mix(in srgb,var(--element-color),#f1edce 45%);font-size:18px;line-height:20px;color:#3f5339}.infusion-dot.is-empty{border:1px solid #a9b698;background:transparent}.ui-portrait .choice-stage{gap:30px;padding-top:24px;padding-bottom:60px}.card-picker.is-infusing .choice-cards{display:grid;grid-template-columns:repeat(2,440px);gap:20px}.infusion-skill{display:flex;align-items:center;gap:24px;width:900px;border-width:20px;border-image-width:20px;padding:16px}.infusion-skill-art,.infusion-skill-art>.skill-medallion{width:96px;height:96px;flex:none}.infusion-skill strong{font-size:32px;line-height:42px;color:#486c45}.infusion-skill p{font-size:24px;line-height:32px;margin:4px 0;color:#7b885f}.infusion-skill .skill-infusions{justify-content:flex-start}.infusion-skill .infusion-dot{width:32px;height:32px;font-size:24px;line-height:30px}.infusion-choice{display:grid;grid-template-rows:32px 36px 32px;gap:8px;min-height:200px;border-width:16px;border-image-width:16px;padding:12px 16px;text-align:left}.infusion-choice-head{display:flex;align-items:center;justify-content:space-between}.infusion-choice kbd{display:grid;place-items:center;width:30px;height:30px;font-size:24px;line-height:28px;border:1px solid #a4996d;border-radius:5px;color:#80632b}.infusion-choice strong{font-size:28px;line-height:36px;color:#486c45;white-space:nowrap}.infusion-choice p{font-size:24px;line-height:32px;margin:0;color:#6c7d5d;white-space:nowrap}.infusion-choice:hover,.infusion-choice:focus-visible{filter:brightness(1.05);outline:2px solid #ba9a50;outline-offset:4px}.hud-stage .prank-panel{position:absolute;right:24px;top:860px;width:132px;pointer-events:auto}.prank-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:54px;padding:8px 12px;border:1px solid #c4c99e99;border-radius:6px;background:#193e34df;color:#f3efce;font-size:24px;line-height:32px;box-shadow:0 3px 10px #13332940}.prank-count{font-variant-numeric:tabular-nums;color:#e8d79f}.hud-stage .prank-panel.is-expanded{width:330px;border-width:20px;border-image-width:20px;padding:6px}.prank-panel.is-expanded .prank-toggle{height:40px;padding:0;border:0;border-radius:0;background:none;color:#526e47;box-shadow:none}.prank-panel.is-expanded .prank-count{color:#8a9671}.prank-empty{margin:12px 0 0;color:#7b885f;font-size:24px;line-height:34px}.prank-list{list-style:none;padding:0 6px 0 0;margin:12px 0 0;max-height:220px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin}.prank-list li{display:grid;gap:4px;padding:10px 0;border-bottom:1px solid #a6b68455;font-size:24px;line-height:32px}.prank-list li:last-child{border-bottom:0}.prank-list .is-target{color:#9b6439}.prank-people,.prank-result{overflow-wrap:anywhere}.prank-result{color:#7b885f}.prank-development{margin-top:16px;padding-top:12px;border-top:1px solid #a6b68466;font-size:24px;line-height:34px}.prank-development summary{cursor:pointer;color:#8e713e;pointer-events:auto}.prank-development summary:focus-visible{outline:3px solid #c9a752;outline-offset:4px}.prank-development p{margin:10px 0;color:#9b6439;font-size:24px;line-height:32px}.prank-development label{font-size:24px;line-height:32px}.prank-target{margin-top:8px;font-size:24px;padding:10px 12px}.prank-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.prank-actions button{font-size:24px;padding:8px 4px;min-height:50px;white-space:nowrap}.prank-panel:has(.prank-development[open]) .prank-list{max-height:160px}.growth-medallion{background-image:url(/assets/ui/growth-medallions.png);background-size:600% 400%}.augment-art{position:relative;display:block;width:100%;height:100%;aspect-ratio:1}.augment-art>.skill-medallion{width:100%;height:100%}.augment-art>b{position:absolute;right:-4px;bottom:0;display:grid;place-items:center;width:32px;height:32px;border:2px solid #9c7730;border-radius:50%;background:#f6e4ac;color:#72511c;font-size:24px;line-height:28px}.progression-screen{position:absolute;inset:0;z-index:18;display:grid;place-items:center;background:#c6d5b575;backdrop-filter:blur(3px);pointer-events:auto}.progression-stage{padding:94px 56px}.progression-window{height:1732px;border:32px solid transparent;border-image:url(/assets/ui/sect-panel.png) 256 fill stretch;border-image-width:32px;background:#f4f1dfea;background-clip:padding-box;padding:10px;display:flex;flex-direction:column;gap:18px;color:#385440;box-shadow:0 18px 55px #29492f38}.progression-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px}.progression-header h1{margin:0;font-size:38px;font-family:serif;color:#476c47;line-height:48px}.progression-header p{margin:0;font-size:24px;line-height:30px;color:#8d7943}.progression-close{width:70px;height:62px;flex:none;border:2px solid #b5a06c;border-radius:8px;color:#6c653d;font-size:32px;background:#f8edca}.progression-groups,.progression-tabs{display:flex;gap:14px;flex:none}.progression-groups button,.progression-tabs button{flex:1;min-width:0;border:2px solid #b3b58a;border-radius:8px;background:#dce8cd;color:#63794f;font-size:28px;line-height:38px;min-height:62px;padding:8px}.progression-groups button.is-selected,.progression-tabs button.is-selected{background:#f9edc2;border-color:#b39142;color:#7a5e25;box-shadow:inset 0 0 0 2px #fff8df}.progression-tabs button{font-size:26px;min-height:56px}.progression-phase{margin:0;font-size:24px;line-height:32px;color:#8b7441;text-align:center;flex:none}.progression-body{flex:1;min-height:0;position:relative}.progression-scroll{height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9eac79 #e9ecd6;padding:0 8px 18px 0}.growth-title{font-size:30px;line-height:40px;color:#4c7047;margin:0 0 14px}.growth-empty{font-size:26px;line-height:40px;color:#7d8968;margin:30px 0;text-align:center}.growth-attribute-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.growth-attribute{display:grid;grid-template-columns:62px 1fr;gap:6px 12px;padding:14px;border:1px solid #b2bb8c;border-radius:8px;background:#edf0d7}.growth-attribute>.skill-medallion{width:62px;height:62px;grid-row:1/3}.growth-attribute h3{font-size:24px;line-height:30px;margin:0;color:#5a754b}.growth-attribute strong{font-size:28px;line-height:34px;color:#84672f;font-variant-numeric:tabular-nums}.growth-source-list{display:grid;gap:12px;margin-top:24px}.growth-source{border-top:1px solid #b5ba904d;padding:12px 0}.growth-source h3{margin:0 0 8px;font-size:26px;line-height:34px;color:#617849}.growth-source h3 small{font-size:24px;color:#9c8b50;margin-left:12px}.growth-source p{margin:0;font-size:24px;line-height:34px;color:#6e7e5a;overflow-wrap:break-word}.growth-skill-list,.growth-passive-list{display:grid;gap:18px}.growth-skill,.growth-passive{border:2px solid #b9ba8a;background:#eef0d8;border-radius:10px;padding:20px}.growth-row-head{display:flex;align-items:center;gap:18px;margin-bottom:14px}.growth-row-head>.skill-medallion{width:78px;height:78px;flex:none}.growth-row-head h3{margin:0;font-size:30px;line-height:40px;color:#476d45}.growth-row-head p{margin:2px 0 0;font-size:24px;line-height:32px;color:#8b7946}.growth-short{font-size:24px;line-height:34px;margin:8px 0;color:#637851}.growth-stat-lines{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin:14px 0}.growth-stat-lines>div{display:flex;justify-content:space-between;gap:12px;font-size:24px;line-height:32px;color:#6f8059}.growth-stat-lines strong{font-weight:600;color:#8a6a30;font-variant-numeric:tabular-nums}.growth-milestones{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.growth-milestone{border:1px solid #adb88b;border-radius:7px;padding:12px;font-size:24px;line-height:32px;color:#7d8154;background:#f3f2dd}.growth-milestone.is-filled{background:#dbe9c8;color:#48724f}.growth-milestone>div{display:flex;justify-content:space-between;gap:10px}.growth-meter{height:8px;background:#b9c6a280;border-radius:5px;overflow:hidden;margin-top:8px}.growth-meter>i{display:block;height:100%;background:linear-gradient(90deg,#72a27a,#d9d393);border-radius:inherit}.growth-passive-state{font-size:24px;line-height:34px;color:#a18035;margin:10px 0 0}.growth-section-divider{height:1px;background:#b2b99066;margin:24px 0}.growth-card-help{font-size:24px;line-height:32px;color:#6c7749;text-align:center;margin:0}.growth-quick-button{font-size:26px;border:2px solid #9fa976;border-radius:7px;padding:9px 18px;background:#edf0d5;color:#526f46;min-height:54px}.growth-toolbar{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap}.growth-toolbar button{font-size:26px;line-height:34px;min-height:58px;padding:10px 20px;border:2px solid #a9aa73;background:#efe6bb;border-radius:7px;color:#6f5d2c}.growth-toolbar button:disabled{color:#8e9279;background:#dbdeca;filter:none;opacity:1}.rarity-label{font-size:24px;line-height:32px;color:var(--rarity-color);font-weight:800}.offer-preview{position:absolute;left:42px;top:350px;width:260px;height:66px;display:grid;gap:2px;grid-template-rows:32px 32px;color:#556b42}.offer-preview>span{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:24px;line-height:32px;white-space:nowrap;overflow:clip}.offer-preview b{font-weight:700;color:#836329}.offer-detail-button{font-size:24px;color:#496d48;border-bottom:1px solid #91aa7b;line-height:32px;padding:5px 0;margin-top:8px}.offer-detail{border:2px solid #b6b882;background:#f4efd6;border-radius:10px;padding:18px;margin-top:16px;width:960px}.offer-detail h3{font-size:30px;line-height:40px;color:#537348;margin:0 0 10px}.offer-detail p{font-size:24px;line-height:34px;color:#617449;margin:4px 0}.offer-detail-list{max-height:260px;overflow-y:auto;scrollbar-width:thin}.offer-detail-list>div{display:flex;justify-content:space-between;gap:15px;font-size:24px;line-height:36px;color:#6b7951}.offer-detail-list strong{color:#8c6c2d;font-weight:700}.results-build-list{display:grid;gap:10px;margin-top:18px;max-height:430px;overflow-y:auto;scrollbar-width:thin}.results-build-row{display:flex;gap:14px;align-items:center;padding:9px;background:#dde8ca;border:1px solid #acb68c;border-radius:6px}.results-build-row>.skill-medallion{width:58px;height:58px;flex:none}.results-build-row strong{display:block;font-size:26px;line-height:34px;color:#567148}.results-build-row p{font-size:24px;line-height:32px;margin:0;color:#7d8152}.results-person-select{display:flex;gap:12px;align-items:center;font-size:24px;line-height:32px;margin:20px 0}.results-person-select select{font-size:24px;padding:8px 14px}.progression-screen button:disabled{opacity:1;filter:none;background:#dee2cc;color:#899274;border-color:#b4ba9c}.card-picker .choice-stage{gap:24px;padding-top:60px;padding-bottom:60px}.card-picker .choice-cards{gap:18px}.card-picker .choice-option{min-height:586px}.card-picker .offer-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 12px;min-height:60px}.card-picker .offer-actions button{font-size:24px;line-height:32px;min-height:48px;white-space:nowrap}.card-picker .offer-banish{color:#987647;border:1px solid #b1a36f;border-radius:6px;padding:4px 10px;background:#eee5c3}.card-picker .offer-banish:disabled{color:#93977d;background:#dbe1cb;opacity:1;filter:none}.card-picker .offer-preview{top:352px;height:66px}.card-picker .choice-card [data-text-owner=card-numeric-preview]{overflow:clip;white-space:normal}.card-picker .card-level{color:#6b7246}.card-picker .choice-controls{width:960px;justify-content:space-between}.card-picker.is-infusing .choice-controls{justify-content:center}.card-picker .offer-detail{max-height:390px;flex:none}.card-picker .offer-detail-list{max-height:250px}.card-picker .offer-detail-list>div{align-items:start}.card-picker .offer-detail-list>div>span{max-width:36%;flex:none;line-height:34px}.card-picker .offer-detail-list>div>strong{text-align:right;line-height:34px;overflow-wrap:break-word}.card-picker .offer-detail-list p{line-height:34px}.card-picker .card-art>.augment-art{width:100%;height:100%}.results-screen .results-panel{max-height:1780px;display:flex;flex-direction:column}.results-screen .result-list{max-height:650px;overflow-y:auto;scrollbar-width:thin;flex:none}.results-screen .results-build-list{height:340px;flex:none}.results-screen .result-note{margin:14px 0}.results-screen .growth-toolbar{margin-top:14px}.results-screen .result-leave{margin:0;width:auto}.results-screen .results-build-row>div{min-width:0}.results-screen .results-build-row p{overflow-wrap:break-word}.results-screen .results-build-heading{margin:0;line-height:34px}.card-picker .offer-preview>.offer-before-after{justify-content:center;color:#536a42;font-variant-numeric:tabular-nums}.rarity-label{color:color-mix(in srgb,var(--rarity-color),#49432b 58%)}.rarity-label:before{content:"";display:inline-block;width:8px;height:8px;background:var(--rarity-color);border:1px solid #a89a68;border-radius:50%;margin-right:7px;vertical-align:middle}.progression-screen button:disabled,.meta-content button:disabled,.card-picker .offer-banish:disabled,.growth-toolbar button:disabled{color:#5e6b4d;opacity:1;filter:none}.meta-tile>small{color:#697548}.meta-wallet{display:flex;align-items:center;gap:16px;border-bottom:1px solid #b8bb9059;padding:0 0 18px;margin-bottom:22px;color:#807442;font-size:26px;line-height:38px;flex-wrap:wrap}.meta-wallet>strong{font-size:38px;color:#9a7730;font-variant-numeric:tabular-nums}.meta-wallet>small{font-size:24px;color:#7d8967;margin-left:auto;line-height:34px}.meta-selection{display:grid;grid-template-columns:390px 1fr;gap:22px;align-items:start}.meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.meta-tile{display:flex;flex-direction:column;align-items:center;gap:5px;border:2px solid #aeb88b;border-radius:9px;background:#e5eccf;padding:10px 5px;color:#607b4d;min-height:154px}.meta-tile>.skill-medallion{width:72px;height:72px;flex:none}.meta-tile>strong{font-size:24px;line-height:30px;white-space:nowrap}.meta-tile>small{font-size:24px;line-height:28px;color:#8f8e65}.meta-tile.is-selected{border-color:#b4913e;background:#fbefc8;box-shadow:inset 0 0 0 2px #fff9df}.meta-tile:active{transform:translateY(2px)}.meta-detail{padding:18px;border:2px solid #b8b887;border-radius:10px;background:#f3f1d9;min-width:0}.meta-detail .growth-row-head{display:block;text-align:center}.meta-detail .growth-row-head>.skill-medallion{width:100px;height:100px;margin:0 auto 12px}.meta-detail .growth-row-head h3{font-size:30px;line-height:40px}.meta-detail .growth-row-head p{font-size:24px;line-height:32px;margin:4px 0}.meta-description{font-size:24px;line-height:36px;color:#63784f;margin:16px 0;overflow-wrap:break-word}.meta-change{display:grid;grid-template-columns:1fr;gap:5px;border-top:1px solid #b9b98a66;border-bottom:1px solid #b9b98a66;padding:14px 0;font-size:24px;line-height:32px;color:#7b8761}.meta-change strong{font-size:32px;line-height:42px;color:#668154;font-variant-numeric:tabular-nums}.meta-change .meta-gold{color:#af8630}.meta-cost{font-size:26px;line-height:36px;color:#9b7c34;margin:20px 0}.meta-detail .primary{font-size:26px;line-height:34px;padding:12px 16px;width:100%;letter-spacing:.04em}.meta-unlock-note{font-size:24px;line-height:34px;color:#a28842;margin:18px 0}.character-grid{grid-template-columns:repeat(2,1fr)}.character-grid .meta-tile{min-height:185px;padding:14px 10px}.character-grid .meta-tile>.skill-medallion{width:86px;height:86px}.meta-quest-list{display:grid;gap:18px}.meta-quest{display:grid;grid-template-columns:76px 1fr 116px;gap:14px;border:2px solid #b6bb8b;border-radius:9px;background:#eef0d7;padding:16px}.meta-quest-art,.meta-quest-art>.skill-medallion,.meta-quest-art>.augment-art{width:76px;height:76px}.meta-quest-body{min-width:0}.meta-quest h3{font-size:28px;line-height:38px;color:#55734a;margin:0 0 6px}.meta-quest p{font-size:24px;line-height:34px;color:#7e8766;margin:6px 0 10px;overflow-wrap:break-word}.meta-quest strong{display:block;font-size:24px;line-height:34px;color:#8c7537}.meta-quest>button{align-self:start;font-size:24px;line-height:32px;min-height:56px;padding:10px 8px;border:2px solid #ad9a54;border-radius:7px;background:#f6e7ba;color:#80672e}.meta-quest-progress{font-size:24px;line-height:30px;color:#8a8b64;margin-top:12px}.meta-quest-progress .growth-meter{margin-top:5px}.meta-content button:disabled{opacity:1;filter:none;background:#dfe5ce;color:#8b9678;border-color:#b7bf9c}