.account-tabs{display:flex;gap:8px;margin:0 0 22px}.account-tabs button{flex:1;border:1px solid #78948b66;border-radius:12px;padding:12px;background:#203f36;color:#e9dfc3;font:inherit;cursor:pointer}.account-tabs button[aria-pressed=true]{background:#e8bc6c;color:#243b34;border-color:#e8bc6c}.account-form{display:grid;gap:12px}.account-form label{display:grid;gap:7px}.account-form input{width:100%;box-sizing:border-box}.account-form small{color:#b9c8b4;font-size:12px;line-height:1.5}.account-error{color:#ffc2ad;background:#693c333d;padding:12px;border-radius:10px}.account-form a,.landing-legal a{color:#f3db9f;text-underline-offset:4px}.landing-legal{display:flex;gap:14px;align-items:center}.landing-account{display:flex;gap:10px;align-items:center}.landing-account>button{font:inherit}.account-name{color:#f2dfb5;font-size:13px}.account-entry :focus-visible,.landing-legal a:focus-visible{outline:2px solid #f6d081;outline-offset:4px}@media(max-width:700px){.landing-account .account-name{display:none}.landing-legal{gap:10px;font-size:11px}.landing-footer{flex-wrap:wrap;gap:10px}.landing-footer>div:not(.landing-legal){display:none}}.checkpoint-shade{position:absolute;inset:0;z-index:55;background:#081b18c9;backdrop-filter:blur(7px);display:grid;place-items:center;padding:16px;overflow:hidden}.checkpoint-dialog{width:min(680px,100%);max-height:calc(100dvh - 32px);background:linear-gradient(145deg,#30483b,#182c27);border:2px solid #c6ae73;border-radius:19px;box-shadow:0 24px 80px #0008,0 0 0 5px #182923;padding:20px 26px;outline:none;color:#f1ecd8}.checkpoint-top{display:flex;justify-content:space-between;border-bottom:1px solid #d3c59b30;padding-bottom:12px;gap:12px}.checkpoint-top>span{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;letter-spacing:1px;color:#b4c4a8}.checkpoint-top .urgent{color:#ffb399}.checkpoint-dialog>header{display:flex;gap:17px;align-items:center;margin:21px 0 18px}.checkpoint-seal{flex-shrink:0;display:grid;place-items:center;width:61px;height:61px;background:#accb9122;border:2px solid #9db782;border-radius:50%;color:#d6e7b6}.checkpoint-dialog .eyebrow{font-size:10px;letter-spacing:1.5px;color:#d5bd7e}.checkpoint-dialog h2{font-size:30px;margin:4px 0 7px}.checkpoint-dialog header p:last-child{font-size:12px;color:#b8c9ac}.checkpoint-loot{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.checkpoint-loot>span{display:flex;gap:7px;align-items:center;background:#0e221a99;border:1px solid #bdcda32b;border-radius:11px;padding:8px}.checkpoint-loot>span>span{display:flex;flex-direction:column;line-height:1.3}.checkpoint-loot small{font-size:9px;color:#b0c0a4}.checkpoint-loot b{font-size:18px;font-variant-numeric:tabular-nums}.checkpoint-reward-note{text-align:center;font-size:9px;margin:7px 0 16px;color:#9caf95}.checkpoint-paths{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkpoint-path{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;padding:20px 10px;border:2px solid #ddbc77;border-radius:13px;background:linear-gradient(150deg,#82602b50,#c79b4920);color:#ebcd8d;min-width:0}.checkpoint-path>strong{font-size:19px;color:#f6e6bf}.checkpoint-path>span{font-size:11px;color:#d2d9ba}.checkpoint-path>small{font-size:9px;color:#aabb9e}.checkpoint-path.return{border-color:#8bb5a3;background:linear-gradient(150deg,#4c85734d,#498e7520);color:#b7d8c2}.checkpoint-path.return>strong{color:#d3e8ce}.checkpoint-path.chosen{opacity:1;box-shadow:0 0 0 2px #ddbc7755}.checkpoint-chosen{position:absolute;right:11px;top:11px}.checkpoint-path:focus-visible{outline:3px solid #fff1c1;outline-offset:3px}.checkpoint-dialog>footer{margin-top:16px;border-top:1px solid #c2d6b426;padding-top:14px}.checkpoint-members{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.checkpoint-members>span{display:flex;align-items:center;gap:5px;color:#9daf99;max-width:100%;font-size:10px}.checkpoint-members b{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkpoint-members small{font-size:9px}.checkpoint-members .ready{color:#cce8ad}.checkpoint-dialog>footer>p{text-align:center;font-size:10px;color:#a8bba0;line-height:1.6;margin-top:9px}@media(max-width:520px){.checkpoint-shade{padding:10px}.checkpoint-dialog{padding:14px;max-height:calc(100dvh - 20px)}.checkpoint-dialog>header{gap:10px;margin:14px 0}.checkpoint-seal{width:45px;height:45px}.checkpoint-seal svg{width:24px}.checkpoint-dialog h2{font-size:23px}.checkpoint-dialog .eyebrow{font-size:8px}.checkpoint-top>span{font-size:8px;letter-spacing:.5px}.checkpoint-dialog header p:last-child{font-size:10px}.checkpoint-loot{gap:5px}.checkpoint-loot>span{padding:7px 3px;gap:2px}.checkpoint-loot svg{width:27px;height:27px}.checkpoint-loot small{font-size:7px}.checkpoint-loot b{font-size:15px}.checkpoint-paths{gap:8px}.checkpoint-path{padding:15px 6px;gap:6px}.checkpoint-path>strong{font-size:15px}.checkpoint-path>span{font-size:9px}.checkpoint-path>small{font-size:8px}.checkpoint-members{gap:6px}.checkpoint-members b{max-width:76px}.checkpoint-dialog>footer>p{font-size:9px}}@media(max-height:560px){.checkpoint-dialog{padding:10px 18px}.checkpoint-top{padding-bottom:6px}.checkpoint-dialog>header{margin:9px 0;gap:12px}.checkpoint-dialog h2{font-size:24px;margin:2px 0}.checkpoint-seal{width:43px;height:43px}.checkpoint-dialog header p:last-child{font-size:10px}.checkpoint-loot>span{padding:4px 8px}.checkpoint-loot svg{height:27px;width:27px}.checkpoint-loot b{font-size:15px}.checkpoint-reward-note{margin:4px 0 8px}.checkpoint-path{padding:9px;gap:3px}.checkpoint-path>svg{width:22px;height:22px}.checkpoint-path>strong{font-size:17px}.checkpoint-path>small{display:none}.checkpoint-dialog>footer{margin-top:8px;padding-top:8px}.checkpoint-dialog>footer>p{margin-top:5px;font-size:9px}.checkpoint-members{gap:8px}}.game-emblem{display:block;object-fit:contain;flex:none;pointer-events:none;user-select:none;filter:drop-shadow(0 2px 1px #10251c40)}.brand.brand-symbol{display:inline-flex;align-items:center;justify-content:center;line-height:0;gap:0!important}.brand.brand-symbol>.game-emblem{width:72px!important;height:72px!important}.brand-small.brand-symbol>.game-emblem{width:46px!important;height:46px!important}.arena-logo{padding:0!important;justify-content:center!important;min-width:46px}.arena-logo>.game-emblem{width:48px!important;height:48px!important}.arena-quick-nav>button{width:40px!important;height:40px!important;display:grid;place-items:center}.arena-quick-nav .game-emblem{width:34px!important;height:34px!important}.arena-abilities>:is(button,.auto-attack)>.game-emblem{width:42px!important;height:42px!important}.arena-class>.game-emblem{width:37px!important;height:37px!important}.arena-abilities>:is(button,.auto-attack)>kbd{z-index:2}.arena-abilities>:is(button,.auto-attack)>b{z-index:3}.depot-top.depot-top-minimal{background:none;border:0;box-shadow:none;min-height:0;padding:0;left:22px;right:22px;top:16px;pointer-events:none}.depot-top-minimal button{pointer-events:auto}.depot-top-minimal .depot-brand{border:0;background:none;padding:0}.depot-top-minimal .depot-brand>.game-emblem{width:66px!important;height:66px!important}.depot-top-minimal .depot-utilities{gap:9px}.depot-top-minimal .depot-utilities>button{width:42px;height:42px;border:0;background:#243d32b8;border-radius:12px}.depot-top-minimal .depot-connection{width:7px;height:7px;font-size:0;margin:0 5px;display:flex}.depot-top-minimal .depot-connection i{display:block}.depot-dock>button>.game-emblem{width:37px!important;height:37px!important}.depot-actions>button>.game-emblem,.depot-class>.game-emblem{width:35px!important;height:35px!important}.depot-interact>.game-emblem{width:27px!important;height:27px!important}.depot-actions b{z-index:3}.depot-actions kbd{z-index:4}.lobby-active .material-stack{top:100px}.game-top .location{display:none}.game-top .top-right .game-emblem{width:30px!important;height:30px!important}.abilitybar>:is(button,.auto-attack)>.game-emblem{width:36px!important;height:36px!important}.class-grid .game-emblem,.game-sidebar .game-emblem{margin:auto}.workshop-tabs .game-emblem{width:22px!important;height:22px!important}@media(max-width:600px){.depot-top.depot-top-minimal{left:11px;right:11px;top:10px}.depot-top-minimal .depot-brand>.game-emblem{width:53px!important;height:53px!important}.depot-top-minimal .depot-utilities>button{width:37px;height:37px}.depot-top-minimal .depot-utilities>button:first-of-type{display:grid}.depot-top-minimal .depot-utilities .game-emblem{width:31px!important;height:31px!important}.lobby-active .material-stack{top:80px}.depot-dock>button{gap:4px}.depot-dock>button>.game-emblem{width:28px!important;height:28px!important}.depot-dock small{display:none}.depot-actions>button>.game-emblem{width:30px!important;height:30px!important}.arena-abilities>:is(button,.auto-attack)>.game-emblem{width:33px!important;height:33px!important}.arena-quick-nav>button{width:34px!important;height:34px!important}.arena-quick-nav .game-emblem{width:29px!important;height:29px!important}.arena-logo>.game-emblem{width:39px!important;height:39px!important}.brand.brand-symbol>.game-emblem{width:58px!important;height:58px!important}}.game-emblem[data-emblem]:not([data-emblem=logo]){background:radial-gradient(circle,#153c29 59%,transparent 61%)}.auto-attack{cursor:default}.auto-label{font-family:Arial,Helvetica,sans-serif;font-size:9px;min-width:19px;padding:3px 5px;border:1px solid #c1cdb73b;line-height:1.2;border-radius:3px;color:#d2d9c9;display:inline-flex;justify-content:center;background:#ffffff04}.game-emblem[data-emblem=logo]{object-fit:contain;width:216px!important;height:72px!important;border-radius:0;flex:none}.brand.brand-symbol>.game-emblem[data-emblem=logo]{width:270px!important;height:90px!important}.brand.brand-symbol.brand-small>.game-emblem[data-emblem=logo]{width:150px!important;height:50px!important}.depot-top-minimal .depot-brand>.game-emblem[data-emblem=logo]{width:240px!important;height:80px!important}.arena-logo>.game-emblem[data-emblem=logo]{width:126px!important;height:42px!important}@media(max-width:700px){.depot-top-minimal .depot-brand>.game-emblem[data-emblem=logo]{width:150px!important;height:50px!important}.arena-logo>.game-emblem[data-emblem=logo]{width:84px!important;height:28px!important}.brand.brand-symbol>.game-emblem[data-emblem=logo]{width:210px!important;height:70px!important}.brand.brand-symbol.brand-small>.game-emblem[data-emblem=logo]{width:120px!important;height:40px!important}}.class-tree{color:#e6e6d6;--class-color:#80b5c9}.class-tree-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.class-tree-heading h3{font-size:28px;margin:5px 0 8px;color:#f3edda;letter-spacing:-.03em}.class-tree-heading p{font-size:13px;color:#a8b9af;margin:0;line-height:1.6}.class-tree-heading .eyebrow{font-size:10px;letter-spacing:.16em;color:var(--class-color)}.talent-permanent{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #a4c99e38;border-radius:8px;color:#b4d6ad;font-size:10px;white-space:nowrap;background:#86b9840c}.talent-context-note{background:#c9b57b10;border:1px solid #c9b57b30;border-radius:9px;padding:10px 13px;font-size:12px;color:#ddceab}.class-tree-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px;align-items:stretch}.talent-map-scroll{overflow-x:auto;outline-offset:4px;scrollbar-color:#6d8c78 #182923;scrollbar-width:thin;border:1px solid #526c5e55;border-radius:15px;background:radial-gradient(ellipse at 50% 6%,#6f9d7240,transparent 48%),linear-gradient(155deg,#1a312a,#15251f);box-shadow:inset 0 0 0 3px #14241f;position:relative}.talent-map{min-width:530px;padding:24px 16px 25px}.talent-origin{display:flex;align-items:center;flex-direction:column;position:relative;padding-bottom:31px;gap:5px}.talent-origin:after{content:"";position:absolute;left:50%;bottom:0;height:28px;width:2px;background:linear-gradient(var(--class-color),#526f5c)}.talent-origin-symbol{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;background:#12261f;border:2px solid var(--class-color);box-shadow:0 4px 0 #0d1b17,0 0 24px color-mix(in srgb,var(--class-color) 15%,transparent);margin-bottom:6px}.talent-origin strong{font-size:13px;letter-spacing:.04em;color:#edf1db}.talent-origin small{font-size:10px;color:#afc3b2}.talent-branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;gap:10px}.talent-branches:before{content:"";height:2px;position:absolute;top:0;left:16.65%;right:16.65%;background:#526f5c}.talent-branch{position:relative;padding-top:21px}.talent-branch:before{content:"";height:19px;width:2px;position:absolute;top:0;left:50%;background:#526f5c}.talent-branch.active:before{background:var(--talent-color)}.talent-branch-heading{text-align:center;margin-bottom:17px;display:flex;flex-direction:column;gap:5px}.talent-branch-heading strong{font-size:13px;color:var(--talent-color);letter-spacing:.03em}.talent-branch-heading span{font-size:9px;color:#b6c5b8;letter-spacing:.025em}.talent-branch.closed .talent-branch-heading{filter:saturate(.45);opacity:.75}.talent-trunk{display:flex;justify-content:center;position:relative;padding-bottom:30px}.talent-trunk:after{content:"";width:2px;height:24px;position:absolute;bottom:0;left:50%;background:#526f5c}.talent-branch.active .talent-trunk:after{background:var(--talent-color)}.talent-fork{display:grid;grid-template-columns:1fr 1fr;gap:5px;position:relative;padding-top:20px}.talent-fork:before{content:"";position:absolute;top:0;height:2px;left:25%;right:25%;background:#526f5c}.talent-fork>.talent-node:before{content:"";width:2px;height:20px;background:#526f5c;position:absolute;top:-20px;left:50%;pointer-events:none}.talent-node{appearance:none;position:relative;border:0;background:transparent;padding:0 2px 6px;min-width:0;display:flex;flex-direction:column;align-items:center;color:#e6eadc;gap:6px;cursor:pointer;outline-offset:4px;border-radius:10px;width:100%;max-width:140px;font:inherit;text-align:center;transition:transform .15s ease,background .15s ease}.talent-node:hover{transform:translateY(-2px);background:#ffffff05}.talent-node:focus-visible{outline:2px solid #f2dc94}.talent-node-image{position:relative;display:grid;place-items:center;width:66px;height:66px;border:2px solid #748679;border-radius:18px;background:linear-gradient(145deg,#314c3e,#20352c);box-shadow:0 4px 0 #0d1d16,inset 0 0 0 3px #192e23}.talent-node.selected .talent-node-image{border-color:#f0d589;box-shadow:0 4px 0 #0d1d16,0 0 0 3px #e9ca6b24,inset 0 0 0 3px #192e23}.talent-node.learned .talent-node-image{border-color:var(--talent-color);background:linear-gradient(145deg,color-mix(in srgb,var(--talent-color) 22%,#183026),#193126)}.talent-node.learned.selected .talent-node-image{border-color:#f0d589}.talent-node.locked .talent-node-image{filter:saturate(.25);background:#1e3028;border-color:#526256}.talent-node.locked.selected .talent-node-image{filter:saturate(.55);border-color:#f0d589}.talent-node-name{font-size:10px;font-weight:650;line-height:1.35;min-height:27px;max-width:105px;overflow-wrap:break-word}.talent-trunk .talent-node-name{font-size:11px;min-height:auto}.talent-node.locked .talent-node-name{color:#aab6aa}.talent-node-mark{position:absolute;bottom:-5px;right:-5px;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#22352a;border:2px solid #112019;color:#abbcac}.talent-node-mark.earned{background:var(--talent-color);color:#173022}.talent-rank-pips{display:inline-flex;gap:4px;align-items:center}.talent-rank-pips i{display:block;width:13px;height:5px;background:#0d2018;border:1px solid #617565;border-radius:2px}.talent-rank-pips i.filled{background:var(--talent-color);border-color:var(--talent-color);box-shadow:0 0 7px color-mix(in srgb,var(--talent-color) 20%,transparent)}.talent-node-rank{font-size:8px;color:#a0b5a6;line-height:1}.talent-detail{display:flex;flex-direction:column;background:linear-gradient(165deg,#273a30,#1b2b23);border:1px solid #69816b70;border-radius:15px;padding:17px 18px 15px;box-shadow:inset 0 0 0 3px #14271f}.talent-detail-kicker{display:flex;justify-content:space-between;font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:var(--talent-color);gap:10px}.talent-detail-kicker span:last-child{color:#a2b6a9}.talent-detail-art{display:flex;justify-content:center;align-items:center;height:112px;margin:10px -4px;background:radial-gradient(ellipse,color-mix(in srgb,var(--talent-color) 17%,transparent),transparent 70%)}.talent-detail h4{font-size:22px;line-height:1.15;letter-spacing:-.035em;margin:1px 0 11px;color:#f1eedb}.talent-detail-rank{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#b5cbb9;margin-bottom:14px}.talent-description{font-size:12px;line-height:1.7;color:#d2dfcf;margin:0 0 19px;min-height:60px}.talent-cost-label{font-size:9px;color:#a6bba9;letter-spacing:.055em;text-transform:uppercase;margin:0 0 10px}.talent-costs{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.talent-costs>span{display:flex;align-items:center;gap:7px;color:#e3e5cf}.talent-costs>span>span{display:flex;flex-direction:column;gap:1px}.talent-costs strong{font-size:12px}.talent-costs small{font-size:9px;color:#a8b9a7}.talent-costs>span.missing strong{color:#f2a18a}.talent-commitment,.talent-insufficient,.talent-lock-reason{font-size:10px;line-height:1.6;margin:5px 0 12px;color:#d7c99b}.talent-lock-reason{display:flex;align-items:flex-start;gap:7px;color:#b7c2b2}.talent-lock-reason svg{flex-shrink:0;margin-top:2px}.talent-commitment{padding-left:10px;border-left:2px solid #d1b76e70}.talent-insufficient{color:#efb39f}.talent-learn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:1px solid #dec078;border-radius:8px;color:#172820;background:#d9b66c;min-height:40px;padding:8px;font-size:11px;font-weight:750;cursor:pointer;box-shadow:0 3px 0 #725d32;margin-top:auto}.talent-learn:hover:not(:disabled){background:#e7c67b;transform:translateY(-1px)}.talent-learn:focus-visible{outline:2px solid #fff4d1;outline-offset:4px}.talent-learn:disabled{cursor:not-allowed;color:#9cac9c;background:#354c3d;border-color:#617462;box-shadow:none}.talent-complete{display:flex;justify-content:center;align-items:center;gap:8px;padding:12px;color:var(--talent-color);border:1px solid color-mix(in srgb,var(--talent-color) 35%,transparent);border-radius:8px;background:#0f241a60;font-size:11px;margin-top:auto}.talent-persistence{font-size:9px;line-height:1.6;color:#91a997;text-align:center;margin:12px 0 0}.talent-tree-key{display:flex;flex-wrap:wrap;align-items:center;gap:13px;margin-top:14px;padding:0 3px;font-size:9px;color:#a4b7a6}.talent-tree-key>span{display:inline-flex;align-items:center;gap:5px}.talent-tree-key i{display:inline-block;width:7px;height:7px;border-radius:2px}.talent-tree-key .learned{background:#8dcf99}.talent-tree-key .available{border:1px solid #9baa94}.talent-tree-key small{margin-left:auto;font-size:9px;color:#91a997}@media(max-width:1040px){.class-tree-layout{grid-template-columns:minmax(0,1fr)}.talent-detail{display:grid;grid-template-columns:100px minmax(0,1fr) 190px;column-gap:18px;align-items:start}.talent-detail-kicker{grid-column:1/-1}.talent-detail-art{grid-column:1;grid-row:2/7;margin:8px 0 0}.talent-detail h4{grid-column:2;grid-row:2;margin-top:12px}.talent-detail-rank{grid-column:2;grid-row:3;max-width:230px;margin-bottom:7px}.talent-description{grid-column:2;grid-row:4/7;margin-bottom:8px;min-height:0}.talent-cost-label{grid-column:3;grid-row:2;margin-top:15px}.talent-costs{grid-column:3;grid-row:3/5}.talent-commitment,.talent-insufficient,.talent-lock-reason{grid-column:2/4}.talent-complete,.talent-learn{grid-column:3;margin-top:2px}.talent-persistence{grid-column:2/4;text-align:left}.talent-tree-key small{margin-left:0}}@media(max-width:620px){.class-tree-heading{gap:10px;flex-direction:column}.class-tree-heading h3{font-size:25px}.talent-detail{display:flex;padding:15px}.talent-detail-art{height:85px;margin:7px 0}.talent-detail h4{margin-top:0}.talent-detail-rank{max-width:none;width:100%}.talent-description{min-height:0}.talent-cost-label{margin-top:12px}.talent-costs{grid-template-columns:repeat(4,1fr);width:100%;gap:5px}.talent-costs>span{gap:4px}.talent-costs svg{width:20px}.talent-costs small{font-size:8px}.talent-persistence{text-align:center}.talent-tree-key{gap:10px}}@media(prefers-reduced-motion:reduce){.talent-learn,.talent-node{transition:none}.talent-learn:hover:not(:disabled),.talent-node:hover{transform:none}}.lobby-active{--depot-ink:#263c36;--depot-paper:#efe5c9;--depot-brass:#e6bb71;--depot-wood:#9e7651}.lobby-hud{position:absolute;inset:0;pointer-events:none}.lobby-hud a,.lobby-hud button,.lobby-hud nav{pointer-events:auto}.depot-top{position:absolute;top:20px;left:25px;right:25px;gap:24px;padding:12px 18px;border:2px solid #253b34;background:linear-gradient(180deg,#314a43f2,#203b33ef);border-radius:15px;box-shadow:0 5px 0 #182c2550,inset 0 1px #e5d4a43b;min-height:74px}.depot-brand,.depot-top{display:flex;align-items:center}.depot-brand{gap:10px;color:#eac781;padding:0}.depot-brand strong{font-size:24px;letter-spacing:-1px;color:#f5ead0}.depot-brand strong span{color:#e6bd7e;font-weight:500}.depot-top-divider{height:36px;width:1px;background:#d8cba43b}.depot-location>span{font-size:9px;font-weight:700;letter-spacing:2px;color:#b9c6a9}.depot-location h2{font:20px Georgia,serif;margin-top:4px;color:#f2e9cf}.depot-utilities{margin-left:auto;display:flex;align-items:center;gap:7px}.depot-utilities>button{height:35px;width:35px;border:1px solid #c1d2b336;border-radius:9px;background:#182e2638;display:grid;place-items:center;color:#e0dcc1}.depot-connection{display:flex;align-items:center;gap:7px;color:#bdcdaa;font-size:9px;margin-right:12px}.depot-connection i{width:6px;height:6px;border-radius:50%;background:#bdd88d;box-shadow:0 0 8px #bada8750}.depot-connection.offline i{background:#e3aa63;box-shadow:none}.lobby-active .material-stack{top:122px;left:29px;width:147px;gap:8px}.lobby-active .material-stack-title{color:#f6ebce;font-weight:700;text-shadow:0 2px 3px #1e372b}.lobby-active .material-pill{background:linear-gradient(90deg,#eee5ca,#e3d4af);border:2px solid #2a4034;box-shadow:0 4px 0 #283c3045,inset 0 1px #fff8;padding-right:15px}.lobby-active .material-image{background:#d9cfad;border:1px solid #a99569;box-shadow:inset 0 -2px #89795030}.lobby-active .material-amount small{color:#6d775a;font-size:9px}.lobby-active .material-amount strong{color:#30483a}.lobby-active .material-changed{border-color:#c8db83;box-shadow:0 0 16px #c9d78580,0 4px 0 #283c3045}.depot-ticket{position:absolute;right:29px;top:119px;width:258px;background:#f0e6cbed;color:#2a4037;padding:17px 19px 12px;border:2px solid #344b3b;border-radius:13px;box-shadow:0 5px 0 #203b304a,0 12px 25px #18302528;pointer-events:auto}.depot-ticket:after,.depot-ticket:before{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:#44614c;top:37px;border:1px solid #344b3b}.depot-ticket:before{left:-7px}.depot-ticket:after{right:-7px}.depot-ticket-top{display:flex;justify-content:space-between;color:#778265;font-size:9px;font-weight:800;letter-spacing:1.6px;border-bottom:1px dashed #8d96765c;padding-bottom:11px}.depot-ticket h3{font:25px Georgia,serif;line-height:1.15;margin:15px 0 9px;color:#2d4637}.depot-ticket p{font-size:11px;line-height:1.65;color:#69775d}.depot-ticket>button{align-items:center;width:100%;font-size:11px;font-weight:700;border:1px solid #7b8f64;border-radius:6px;background:#cfdaaf;color:#344b36;padding:9px 10px;box-shadow:0 2px 0 #a6b584}.depot-ticket-foot,.depot-ticket>button{display:flex;justify-content:space-between;margin-top:15px}.depot-ticket-foot{border-top:1px dashed #8d96765c;padding-top:9px;font-size:9px;color:#7c8367}.depot-ticket-foot>span{display:flex;align-items:center;gap:4px}.depot-crew{position:absolute;top:385px;left:29px;width:170px;background:#233c32e8;border:1px solid #b8c29445;padding:13px;border-radius:10px;box-shadow:0 4px 0 #152c2545}.depot-crew>.eyebrow{font-size:9px;color:#d5ca98}.depot-crew>div{display:flex;gap:8px;align-items:center;margin-top:10px;font-size:10px}.depot-crew>div>i{width:8px;height:8px;border-radius:50%;border:1px solid #f4e5bc70}.depot-crew>div>strong{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.depot-crew>div>span{margin-left:auto;color:#bfce91}.crew-wait{display:block;width:6px;height:6px;border:1px solid #b7c29555;border-radius:50%}.depot-bottom{position:absolute;left:27px;right:27px;bottom:24px;justify-content:space-between;gap:18px}.depot-bottom,.depot-vitals{display:flex;align-items:center}.depot-vitals{gap:11px;width:220px;border:2px solid #253a32;border-radius:12px;background:#eef0d2ed;padding:11px 13px;box-shadow:0 4px 0 #263e2e66;color:#2d4436}.depot-class{height:39px;width:37px;background:#334c40;border:1px solid #b5ba85;border-radius:10px;display:grid;place-items:center;flex:none}.depot-vitals>div{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:4px;align-items:center;justify-content:space-between}.depot-vitals strong{font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.depot-vitals>div>span{display:flex;align-items:center;gap:3px;font-size:9px;font-weight:700}.depot-hp{width:100%;height:7px;background:#c5c7a2;border-radius:3px;overflow:hidden;margin-top:3px}.depot-hp>i{display:block;height:100%;background:linear-gradient(90deg,#88a56b,#a5bc7b)}.depot-dock{display:flex;align-items:stretch;gap:7px;background:#233b32eb;border:2px solid #1f352e;border-radius:14px;padding:7px;box-shadow:0 5px 0 #1b31254f,inset 0 1px #e8d1a32b}.depot-dock>button{display:flex;align-items:center;gap:9px;border:1px solid #c7c99c2b;border-radius:8px;padding:9px 15px;color:#dbd8b5;background:#314c3e;min-height:51px}.depot-dock>button>span{display:flex;flex-direction:column;align-items:start;font-weight:700;font-size:11px;line-height:1.4}.depot-dock small{font-size:9px;letter-spacing:.25px;font-weight:400;color:#a9b895;margin-top:3px}.depot-dock>button.depot-travel{background:linear-gradient(135deg,#ecc786,#dbae65);border-color:#f1d395;color:#34402e;box-shadow:0 2px 0 #a78149}.depot-travel small{color:#776744}.depot-actions{display:flex;gap:8px;pointer-events:auto;padding-bottom:9px}.depot-actions>button{width:42px;height:44px;display:grid;place-items:center;background:#243e33f2;border:1px solid #c6cc9d5c;border-radius:10px;position:relative;color:var(--skill-color,#d8d3ad);box-shadow:0 4px 0 #21362b6b}.depot-actions kbd{position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);background:#e6dbb6;border:1px solid #8f936c;color:#374733;font-size:9px;font-weight:700;padding:2px 5px;min-width:20px;white-space:nowrap}.depot-actions b{position:absolute;inset:0;background:#233d30df;border-radius:10px;display:grid;place-items:center;font-size:18px;color:#e9dbb7}.depot-interact{position:absolute;bottom:121px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;border:1px solid #c6d0a464;border-radius:30px;background:#223c31e8;padding:7px 12px 7px 7px;font-size:11px;color:#e4e4c8;box-shadow:0 3px 12px #1d332c30;white-space:nowrap}.depot-interact kbd{background:#ebdeba;color:#344b39;border-color:#f4e5c4;font-weight:800;font-size:10px;width:25px;height:25px;align-items:center;border-radius:50%}.depot-interact:active{transform:translateX(-50%) translateY(1px)!important}.wagon-illustration{width:100%;position:relative;transition:transform .25s}.wagon-illustration svg{width:100%;display:block;overflow:visible;filter:drop-shadow(0 9px 7px #14281b28)}.wagon-card .wagon-illustration{margin:0 -8px;width:calc(100% + 16px);height:auto}.wagon-card .wagon-illustration svg{height:auto}.wagon-card{background:linear-gradient(170deg,#314b40,#1b3027)!important;border:2px solid #75866c!important;border-radius:14px!important;padding:19px!important;box-shadow:0 4px 0 #10271e50;overflow:hidden}.wagon-card.selected{border-color:#e4c386!important;background:linear-gradient(150deg,#46543d,#243d30)!important}.wagon-card h3{font:23px Georgia,serif!important;color:#f0e2bd;margin:10px 0!important}.wagon-card>p{font-size:11px!important;color:#b8c6a6!important}.wagon-card>small{font-size:9px!important;letter-spacing:1px;color:#ddc38e!important;border-top:1px solid #bfc69b32;padding-top:12px;display:block;margin-top:14px}.workshop-modal{width:min(1120px,calc(100vw - 40px))!important;--arena-line:#b7bc8d35;background:linear-gradient(135deg,#2b4438,#1b3128)!important;border:2px solid #9aa67b!important;border-radius:18px!important;box-shadow:0 12px 0 #10231b40,0 30px 90px #06180a80!important}.workshop-modal>header{background:linear-gradient(100deg,#3b5140,#283f32);border-bottom:1px solid #c7c19855;padding:22px 28px!important}.workshop-modal>header h2{color:#f0e3be;font-size:30px}.workshop-modal .modal-body{padding:24px 28px!important}.workshop-head{background:linear-gradient(100deg,#e5ddbd,#d8d4b0);color:#344b37;border:2px solid #8c9970;border-radius:14px;padding:18px 24px!important;position:relative;overflow:hidden;min-height:155px}.workshop-head:after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:repeating-linear-gradient(90deg,#819269 0 12px,#c5c69c 12px 24px);opacity:.4}.workshop-head>div:first-child{z-index:1}.workshop-head h3{font:27px Georgia,serif!important;color:#354d39}.workshop-head .eyebrow{color:#7b8661;font-size:9px;margin-bottom:6px}.workshop-head .wagon-illustration{width:300px!important;margin:-35px -5px -28px 0;flex:none}.workshop-head .resourcebar{margin-top:14px}.workshop-head .resourcebar span{background:#f5ebcf;border:1px solid #a5ae7c;color:#374c37}.workshop-head .resourcebar b{color:#354c37}.workshop-head .resourcebar small{color:#738061}.workshop-tabs{gap:6px!important;padding:16px 0!important;margin:6px 0 14px!important;flex-wrap:wrap;border-bottom:1px solid #b9c49340!important}.workshop-tabs>button{padding:9px 13px!important;border:1px solid #a7bc9140!important;border-radius:7px!important;background:#1d332b!important;color:#bbc9a7!important;font-size:11px!important;display:flex;align-items:center;gap:7px}.workshop-tabs>button.active{background:#d5c48f!important;color:#30432e!important;border-color:#e9d49b!important;box-shadow:0 3px 0 #8e845a}.workshop-tabs>button:after{display:none!important}.workshop-modal .reward-note{border-radius:9px;background:#aeb7890a;border-color:#bac3943d}.workshop-modal .resourcebar>span{display:flex;align-items:center;gap:5px;padding:4px 7px;border-radius:8px;font-size:10px;background:#192f2755}.workshop-modal .resourcebar svg{width:24px;height:24px}.workshop-modal .resourcebar small{display:inline!important;font-size:9px}.station-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important}.workshop-modal .station-card{display:flex;flex-direction:column;border:1px solid color-mix(in srgb,var(--station-accent,#a8ba85) 58%,#283d2c)!important;border-radius:13px!important;padding:17px!important;background:radial-gradient(ellipse at 50% 18%,color-mix(in srgb,var(--station-accent,#a8ba85) 13%,transparent),transparent 60%),#20372c!important;box-shadow:0 4px 0 #122b204a;overflow:hidden}.workshop-modal .station-card h3{font:22px Georgia,serif;margin:7px 0;color:#f0e3c2}.workshop-modal .station-card>p{font-size:11px!important;line-height:1.65;color:#aebfa0;min-height:49px}.station-top{display:flex;justify-content:space-between;align-items:center;color:var(--station-accent,#c7c594)!important;font-size:9px!important;letter-spacing:.8px;margin:0!important}.station-top>span:last-child{background:#0c251b66;border:1px solid #abc59b20;border-radius:20px;padding:3px 7px;color:#bfcaa4;font-size:9px;letter-spacing:.4px}.station-card>.resourcebar{margin:15px 0 13px!important;flex-wrap:wrap;gap:5px!important}.station-card>.secondary{margin-top:auto;font-size:11px;padding:10px 11px;border-color:color-mix(in srgb,var(--station-accent,#b9c491) 35%,transparent);background:color-mix(in srgb,var(--station-accent,#b9c491) 9%,transparent)}.station-card .text-link{font-size:11px}.station-portrait{position:relative;isolation:isolate;display:grid;place-items:center;height:151px;margin:1px 0 3px}.station-orbit{position:absolute;width:123px;height:123px;border:1px solid color-mix(in srgb,var(--station-accent) 30%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--station-accent) 17%,transparent),transparent 70%);z-index:-1}.station-orbit:after{content:"";position:absolute;inset:9px;border:1px dashed color-mix(in srgb,var(--station-accent) 20%,transparent);border-radius:50%}.station-portrait img{width:160px;height:145px;object-fit:contain;filter:drop-shadow(0 7px 6px #10281a50);position:relative}.station-rank{position:absolute;bottom:1px;display:flex;gap:5px;background:#1a3128e0;border:1px solid color-mix(in srgb,var(--station-accent) 30%,transparent);padding:5px 8px;border-radius:20px}.station-rank i{width:6px;height:6px;border-radius:2px;transform:rotate(45deg);background:#475d47}.station-rank i.filled{background:var(--station-accent)}.station-banner{display:flex;align-items:center;gap:20px;padding:5px 20px 5px 9px;background:linear-gradient(100deg,color-mix(in srgb,var(--station-accent) 13%,#20382b),#20382b);border:1px solid color-mix(in srgb,var(--station-accent) 42%,transparent);border-radius:13px;margin-bottom:23px;min-height:145px}.station-banner>.station-portrait{width:165px;flex:none;height:140px;margin:0}.station-banner h3{font:27px Georgia,serif;color:#f2e5c1;margin:5px 0}.station-banner p{font-size:11px;line-height:1.75;max-width:530px;color:#b8c6a4}.station-banner .eyebrow{color:var(--station-accent);font-size:9px;letter-spacing:1.5px}.station-banner-stamp{margin-left:auto;align-self:flex-start;display:flex;gap:4px;align-items:center;white-space:nowrap;color:#a8bc90;font-size:9px;letter-spacing:1px;padding-top:14px}.garden-growth{display:flex;gap:7px;margin:8px 0 15px}.garden-growth i{flex:1;height:6px;background:#3a5540;border:1px solid #a1b57930;border-radius:5px}.garden-growth i.grown{background:#b5ca78}.garden-empty{display:flex;align-items:center;gap:15px;padding:20px;border:1px dashed #8fa46d75;background:#73894e10;border-radius:12px;margin:15px 0}.garden-empty p{font-size:11px;color:#adc298}.garden-empty svg{color:#b5c87d}.workshop-modal .resident-card{border-radius:11px;background:#8c927512;border-color:#a6b08138}.workshop-modal .arsenal-stamp{background:#50635d30;border-color:#95b7af55}.workshop-modal .arsenal-catalog>button{border-radius:8px;background:#102b2035}.workshop-modal .arsenal-catalog>button.selected{background:#c9bb7a17;border-color:#dbc58a}.workshop-modal .arsenal-weapon-picture{background:radial-gradient(#ddc77c24,transparent);border:1px solid #a9bd8b45}.workshop-modal .arsenal-intro{display:none}.workshop-modal .build-layout{padding-top:4px}.workshop-modal .wagon-floor{border:4px solid #506d51;border-radius:12px;background:repeating-linear-gradient(0deg,#a3916c,#a3916c 22px,#958464 23px,#958464 24px);box-shadow:inset 0 0 0 5px #c9b78a33}.workshop-modal .central-path{background:#ede4ba4d;color:#4d6244;font-size:9px}.workshop-modal .station-banner+.class-tree{margin-top:0}@media(max-width:1100px){.depot-dock>button{padding:9px 11px}.depot-dock>button>span{font-size:11px}.depot-dock small{font-size:9px}.depot-bottom{gap:12px}.depot-vitals{width:195px}.depot-actions,.depot-dock{gap:5px}.depot-ticket{width:231px}.depot-actions>button{width:37px}}@media(max-width:850px){.depot-top{left:15px;right:15px;top:15px;padding:11px 13px;gap:13px}.depot-brand strong{font-size:20px}.depot-location h2{font-size:17px}.depot-location>span{font-size:9px}.depot-connection{font-size:0;margin:0 4px}.depot-utilities{gap:4px}.lobby-active .material-stack{left:17px;top:114px;width:126px}.depot-ticket{right:18px;top:112px;width:212px;padding:14px}.depot-ticket h3{font-size:22px}.depot-ticket p,.depot-ticket-foot{font-size:9px}.depot-bottom{left:17px;right:17px;bottom:17px;flex-wrap:wrap}.depot-vitals{position:absolute;bottom:93px;width:200px;left:0}.depot-actions{position:absolute;right:0;bottom:101px}.depot-dock{margin:auto;min-width:450px;justify-content:center}.depot-dock>button{flex:1;padding:9px 18px}.depot-dock>button>span{font-size:11px}.depot-dock small{font-size:9px}.depot-interact{bottom:183px}.depot-crew{left:17px;top:350px;width:150px}.workshop-modal{width:calc(100vw - 24px)!important}.workshop-modal .modal-body{padding:20px!important}.workshop-head{padding:16px!important}.workshop-head .wagon-illustration{width:240px!important;margin-right:-20px}.workshop-head h3{font-size:24px!important}.station-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.station-banner-stamp{display:none}.station-banner>.station-portrait{width:140px}.station-banner{padding-right:16px}.station-banner h3{font-size:24px}.station-banner p{font-size:10px}}@media(max-width:600px){.depot-top{min-height:63px;left:11px;right:11px;top:11px;padding:9px 11px;gap:10px}.depot-brand{gap:6px}.depot-brand strong{font-size:18px}.depot-brand>svg{width:22px}.depot-top-divider{height:27px}.depot-location h2{font-size:13px;max-width:125px;line-height:1.2}.depot-location>span{font-size:9px;letter-spacing:1px}.depot-utilities>button{width:29px;height:29px}.depot-connection,.depot-utilities>button:first-of-type{display:none}.lobby-active .material-stack{top:94px;left:13px;width:111px;gap:5px}.lobby-active .material-pill{height:36px;padding-right:10px}.lobby-active .material-amount small{font-size:9px}.depot-ticket{right:13px;top:94px;width:180px;padding:12px}.depot-ticket-top{font-size:9px;padding-bottom:8px;letter-spacing:1px}.depot-ticket h3{font-size:20px;margin:11px 0 7px}.depot-ticket p{font-size:11px;line-height:1.6}.depot-ticket>button{font-size:11px;margin-top:10px;padding:7px 8px}.depot-ticket-foot{margin-top:12px;padding-top:7px;font-size:9px}.depot-ticket-foot>span:last-child{display:none}.depot-bottom{left:12px;right:12px;bottom:12px}.depot-dock{min-width:0;width:100%;gap:4px;padding:5px;border-radius:11px}.depot-dock>button{padding:9px 7px;gap:5px;min-height:49px}.depot-dock>button>svg{width:18px}.depot-dock>button>span{font-size:11px}.depot-dock small{font-size:9px}.depot-vitals{width:179px;bottom:83px;padding:8px 10px;gap:8px}.depot-class{height:34px;width:31px}.depot-vitals strong{font-size:10px}.depot-vitals>div>span{font-size:9px}.depot-actions{bottom:92px;gap:5px}.depot-actions>button{width:32px;height:37px}.depot-actions>button>svg{width:18px}.depot-actions kbd{font-size:9px;padding:2px 3px;min-width:17px}.depot-interact{bottom:165px;font-size:11px;padding-right:10px}.depot-interact kbd{width:22px;height:22px;font-size:9px}.depot-crew{top:288px;left:13px;width:145px;padding:10px}.depot-crew>div{font-size:9px;margin-top:7px}.depot-crew .eyebrow{font-size:9px}.workshop-modal{width:calc(100vw - 18px)!important;max-height:calc(100dvh - 18px)!important}.workshop-modal>header{padding:16px!important}.workshop-modal>header h2{font-size:25px}.workshop-head,.workshop-modal .modal-body{padding:15px!important}.workshop-head{min-height:0;display:flex;flex-direction:column-reverse;align-items:start!important}.workshop-head .wagon-illustration{align-self:center;width:250px!important;margin:-25px 0 -11px}.workshop-head h3{font-size:23px!important}.workshop-head .resourcebar{gap:4px}.workshop-tabs{gap:5px!important}.workshop-tabs>button{padding:8px 9px!important;font-size:9px!important}.workshop-tabs>button svg{width:13px}.station-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.workshop-modal .station-card{padding:11px!important;border-radius:10px!important}.workshop-modal .station-card h3{font-size:19px}.workshop-modal .station-card>p{font-size:11px!important;min-height:54px}.station-top{font-size:9px!important;letter-spacing:.2px}.station-top>span:last-child{font-size:9px;padding:3px 5px}.station-portrait{height:125px}.station-portrait img{width:130px;height:120px;max-width:115%}.station-orbit{height:100px;width:100px}.station-card .resourcebar{gap:3px!important}.station-card .resourcebar span{padding:2px 4px;font-size:9px}.station-card .resourcebar small{display:none!important}.station-card .resourcebar svg{width:20px;height:20px}.station-card>.secondary{font-size:11px!important;gap:3px;padding:8px 4px;min-height:34px}.station-card .text-link{font-size:11px}.station-banner{gap:9px;padding:7px 12px 7px 0;min-height:115px}.station-banner>.station-portrait{width:105px;height:110px}.station-banner>.station-portrait img{width:112px;height:110px}.station-banner .station-orbit{width:85px;height:85px}.station-banner h3{font-size:22px}.station-banner .eyebrow{font-size:9px;letter-spacing:.8px}.station-banner p{font-size:11px;line-height:1.6}.wagon-card h3{font-size:21px!important}.wagon-card>p{font-size:10px!important}}@media(max-width:380px){.depot-brand strong{font-size:16px}.depot-brand>svg{display:none}.depot-location h2{font-size:12px}.depot-ticket{width:165px}.depot-dock>button{padding:8px 5px}.depot-dock>button>svg{display:none}.depot-actions>button{width:29px}.depot-vitals{width:165px}.station-grid{grid-template-columns:1fr!important}.station-portrait{height:150px}.station-portrait img{width:160px;height:145px}.workshop-modal .station-card>p{min-height:0}}@media(prefers-reduced-motion:reduce){.wagon-illustration{transition:none}}.reduced .wagon-illustration{transition:none}@media(max-width:600px){.station-grid{grid-template-columns:1fr!important;gap:13px!important}.workshop-modal .station-card{padding:16px!important}.workshop-modal .station-card>p{font-size:11px!important;min-height:0;line-height:1.7}.station-top,.station-top>span:last-child{font-size:10px!important}.station-top>span:first-child{line-height:1.5;max-width:75%}.station-portrait{height:150px}.station-portrait img{width:165px;height:145px}.station-card .resourcebar span{font-size:11px;padding:4px 6px}.station-card .resourcebar small{display:inline!important;font-size:10px}.station-card .text-link,.station-card>.secondary{font-size:11px!important;min-height:40px}.depot-dock>button>svg{display:none}.depot-dock>button{justify-content:center;padding:8px 6px}.depot-dock>button>span{font-size:11px;align-items:center;text-align:center}.depot-dock small{font-size:9px;line-height:1.3}.depot-ticket-foot{font-size:9px}.depot-ticket p{font-size:11px}.depot-ticket>button{font-size:11px;min-height:37px}.depot-vitals strong{font-size:11px}.depot-vitals>div>span{font-size:10px}.depot-crew>div{font-size:11px}.lobby-active .material-amount small{font-size:9px}.station-banner p{font-size:11px}.station-banner .eyebrow{font-size:9px}}@media(max-width:600px) and (max-height:650px){.depot-ticket p,.depot-ticket-foot{display:none}.depot-ticket h3{font-size:19px}.depot-ticket>button{margin-top:10px}.depot-ticket{padding:11px}.depot-crew{top:289px}}.lobby-hud .depot-top-minimal{align-items:flex-start}.lobby-hud .depot-utilities{background:#152e28df;border:1px solid #c8a66b55;border-radius:30px;padding:4px 7px;gap:8px}.lobby-hud .depot-top-minimal .depot-utilities>button{border-radius:50%;background:#142b25;width:42px;height:42px}.lobby-hud .depot-connection{display:flex!important;margin:0 1px!important}.lobby-hud .depot-connection i{width:9px;height:9px;background:#69df72;border:1px solid #142f23;box-shadow:0 0 7px #69df7240}.lobby-active .material-stack{top:112px!important;left:22px!important;width:112px;gap:5px}.lobby-active .material-pill{height:34px;background:#172d25ed;border:1px solid #c6ad7355;box-shadow:0 2px 4px #12271f50;padding-right:12px}.lobby-active .material-image{background:transparent;border:0;box-shadow:none;width:33px;height:31px}.lobby-active .material-amount strong{color:#fff1d4;font-size:16px;font-variant-numeric:tabular-nums}.lobby-active .material-amount small{display:none!important}.lobby-hud .depot-bottom{bottom:25px;left:25px;right:25px;align-items:flex-end;flex-wrap:nowrap}.lobby-hud .depot-vitals{position:relative;bottom:auto;left:auto;width:250px;min-height:49px;border:2px solid #d9b46c;border-radius:35px;background:#142b26f5;color:#fff1d4;padding:8px 12px;box-shadow:0 3px 0 #15241c}.lobby-hud .depot-class{border:0;background:none;color:#ed6463!important;border-radius:50%;width:30px}.lobby-hud .depot-vitals strong{display:none}.lobby-hud .depot-vitals>div{position:relative;height:27px}.lobby-hud .depot-hp{position:absolute;inset:0;height:27px;margin:0;border-radius:20px;background:#542d2b;border:1px solid #f5bc8666;overflow:hidden}.lobby-hud .depot-hp>i{background:linear-gradient(#e45d54,#be343a);border-radius:20px}.lobby-hud .depot-vitals>div>span{position:absolute;z-index:1;inset:0;justify-content:center;font-size:13px;text-shadow:0 1px 2px #482021}.lobby-hud .depot-vitals>div>span svg{display:none}.lobby-hud .depot-dock{min-width:0;width:auto;gap:12px;padding:0;background:none;border:0;box-shadow:none;margin:0}.lobby-hud .depot-actions>button,.lobby-hud .depot-dock>button{flex:none;width:62px;height:62px;min-height:0;padding:6px;border-radius:50%;display:grid;place-items:center;border:2px solid #d9b46c;background:#142c27f5;box-shadow:0 3px 0 #0b201b;color:#e9cc91}.lobby-hud .depot-dock>button>span{display:none}.lobby-hud .depot-actions{position:relative;bottom:auto;right:auto;gap:11px;padding:0}.lobby-hud .depot-actions>button:last-child{display:none}.lobby-hud .depot-actions>button>svg{width:29px;height:29px}.lobby-hud .depot-actions kbd{bottom:-10px;border:1px solid #caae70;border-radius:5px;background:#172c25;color:#f7e3b8;font-size:11px}.lobby-hud .depot-interact{bottom:105px;background:#162e27e8;border-color:#d7b87777}.lobby-hud .depot-crew{top:87px;left:auto;right:25px;width:150px;background:#152f27dd}.station-banner{background:#20382b;border-color:#a3b29040}.workshop-modal .station-card{background:#20372c!important}@media(max-width:700px){.lobby-active .material-stack{left:11px!important;top:83px!important;width:88px;gap:3px}.lobby-active .material-pill{height:28px;padding-right:8px}.lobby-active .material-amount strong{font-size:13px}.lobby-active .material-image{width:27px;height:25px}.lobby-hud .depot-utilities{gap:4px;padding:3px}.lobby-hud .depot-top-minimal .depot-utilities>button{width:33px;height:33px}.lobby-hud .depot-bottom{left:12px;right:12px;bottom:20px;gap:8px}.lobby-hud .depot-vitals{position:absolute;bottom:72px;width:190px;min-height:40px;padding:5px 8px}.lobby-hud .depot-dock{gap:7px}.lobby-hud .depot-actions>button,.lobby-hud .depot-dock>button{width:44px;height:44px}.lobby-hud .depot-interact{bottom:145px;font-size:10px}.lobby-hud .depot-crew{right:12px;top:70px;width:135px}}.station-portrait .station-sprite{width:160px;height:145px;max-width:100%;overflow:hidden;filter:drop-shadow(0 5px 4px #10281a45)}@media(max-width:600px){.station-banner .station-sprite{width:105px;height:110px}}.run-results-shade{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px;background:#0f211cd9;backdrop-filter:blur(5px);overflow:hidden}.run-results{width:min(1000px,100%);height:min(575px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:20px;padding:24px;border:2px solid #d8c38c;border-radius:19px;background:#233c31;box-shadow:0 7px 0 #10241c,0 20px 70px #0005;overflow:hidden;outline:none;color:#f1e8c9}.run-results.lost{border-color:#9cb1a0}.run-results-heading{display:flex;align-items:center;gap:13px;min-width:0}.run-results-heading h2{font-family:Georgia,serif;font-size:clamp(24px,3vw,36px);margin:5px 0 0;line-height:1.1;color:#f4e6c4}.result-outcome{font-size:10px;font-weight:800;letter-spacing:2px;color:#d9c78d}.run-result-meta{margin-left:auto;display:flex;gap:13px;align-items:center;color:#b5c6ab;font-size:12px;white-space:nowrap}.run-result-meta span{display:flex;flex-direction:column;gap:4px}.run-result-meta b{font-size:15px;color:#e7dfbf}.mvp-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-height:0}.mvp-card{display:flex;flex-direction:column;align-items:center;min-height:0;min-width:0;padding:16px 12px 10px;border:2px solid color-mix(in srgb,var(--mvp-color) 50%,#203e30);border-radius:13px;background:linear-gradient(160deg,color-mix(in srgb,var(--mvp-color) 14%,#1c342a),#192f27);box-shadow:0 4px 0 #12271f;overflow:hidden;text-align:center}.mvp-card.own-mvp{border-color:var(--mvp-color)}.mvp-card-icon{display:grid;place-items:center;flex:1;min-height:42px;max-height:110px}.mvp-card-icon .game-emblem{width:clamp(44px,7.2vw,82px)!important;height:clamp(44px,7.2vw,82px)!important}.mvp-card h3{font-family:inherit;font-size:13px;font-weight:600;line-height:1.35;margin:8px 0 3px;min-height:18px;color:#dce4c9}.mvp-value{font-size:clamp(23px,3vw,38px);line-height:1.1;color:var(--mvp-color);font-variant-numeric:tabular-nums;white-space:nowrap}.mvp-winner{width:100%;padding:13px 0 10px;margin-top:auto}.mvp-award{display:block;font-size:9px;letter-spacing:1.2px;font-weight:800;color:var(--mvp-color);margin-bottom:7px}.mvp-winner>div{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0}.mvp-winner strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.mvp-own{display:flex;justify-content:space-between;gap:10px;width:100%;padding-top:8px;border-top:1px solid #ced4af26;font-size:11px;color:#aebda4}.mvp-own strong{color:#dce5c8}.run-results-footer{display:flex;justify-content:flex-end;gap:10px}.run-results-footer button{min-height:41px;min-width:130px;display:flex;align-items:center;justify-content:center;gap:10px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){.run-results{width:min(540px,100%);height:min(760px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);padding:16px;gap:13px}.run-results-shade{padding:12px}.run-results-heading{gap:9px}.run-results-heading>.game-emblem{width:42px!important;height:42px!important}.run-results-heading h2{font-size:24px}.result-outcome{font-size:9px;letter-spacing:1px}.run-result-meta{font-size:10px;gap:7px;flex-direction:column;align-items:flex-end}.run-result-meta span{flex-direction:row;gap:4px}.run-result-meta b{font-size:11px}.mvp-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mvp-card{padding:10px 12px 8px}.mvp-card-icon{max-height:65px;min-height:27px}.mvp-card-icon .game-emblem{width:54px!important;height:54px!important}.mvp-card h3{font-size:12px;margin-top:4px}.mvp-value{font-size:28px}.mvp-winner{padding:7px 0}.mvp-award{font-size:9px;margin-bottom:4px}.mvp-winner strong{font-size:12px}.mvp-winner .game-emblem{width:20px!important;height:20px!important}.mvp-own{padding-top:5px;font-size:10px}.run-results-footer{justify-content:stretch}.run-results-footer button{flex:1;min-width:0;min-height:39px;font-size:12px;gap:7px}}@media(max-height:560px){.run-results{padding:13px;gap:10px}.run-results-heading h2{font-size:23px}.run-results-heading>.game-emblem{width:39px!important;height:39px!important}.mvp-card{padding:8px}.mvp-card-icon{max-height:45px;min-height:22px}.mvp-card-icon .game-emblem{width:39px!important;height:39px!important}.mvp-card h3{font-size:11px;margin:3px 0}.mvp-value{font-size:23px}.mvp-winner{padding:5px 0}.mvp-award{font-size:8px;margin-bottom:3px}.mvp-winner strong{font-size:11px}.mvp-own{font-size:10px;padding-top:4px}.run-results-footer button{min-height:34px}.run-results-footer .game-emblem{width:21px!important;height:21px!important}}@media(max-width:700px) and (max-height:560px){.run-results{width:100%;grid-template-rows:auto minmax(0,1fr) auto}.mvp-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.mvp-card-icon{display:none}.mvp-card h3{font-size:10px;min-height:27px}.mvp-winner>div>.game-emblem{display:none}.mvp-winner strong{font-size:10px}.mvp-value{font-size:20px}.mvp-own{font-size:9px}.run-results-heading h2{font-size:20px}}@media(max-width:479px) and (max-height:560px){.mvp-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mvp-card h3{min-height:14px}.mvp-card h3,.mvp-winner strong{font-size:11px}.mvp-value{font-size:23px}}.mvp-card h3,.mvp-own,.mvp-value,.mvp-winner{flex-shrink:0}.mvp-card h3{overflow-wrap:anywhere}.mvp-own strong{white-space:nowrap}@media(max-height:420px){.mvp-card-icon{display:none}.run-results{padding:10px;gap:8px}.run-results-heading h2{font-size:20px}.run-results-footer button{min-height:32px}}@media(max-width:479px) and (max-height:420px){.mvp-cards{grid-template-columns:1fr;grid-template-rows:repeat(4,minmax(0,1fr));gap:5px}.mvp-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-content:center;gap:2px 8px;padding:5px 10px;text-align:left}.mvp-card h3{font-size:10px;line-height:1.2;min-height:0;margin:0}.mvp-value{grid-column:2;grid-row:1/3;font-size:21px}.mvp-winner{padding:0;margin:0;display:flex;align-items:center;gap:5px;min-width:0}.mvp-award{font-size:7px;letter-spacing:.3px;margin:0;white-space:nowrap}.mvp-winner>div{min-width:0;justify-content:flex-start}.mvp-winner strong{font-size:10px;line-height:1.2}.mvp-own{display:none}.run-result-meta{gap:3px}.run-results-heading>.game-emblem{width:32px!important;height:32px!important}.run-results-footer .game-emblem{display:none}}@media(max-width:360px) and (min-height:421px){.mvp-value{font-size:22px}}.result-secured{margin-right:auto;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.result-secured>small{font-size:9px;color:#afc0a4}.result-secured>span{display:flex;align-items:center;gap:3px;font-size:11px}.result-secured b{font-variant-numeric:tabular-nums}@media(max-width:700px){.run-results-footer{flex-wrap:wrap}.result-secured{width:100%;justify-content:center;gap:12px}.result-secured>span{font-size:10px}.result-secured svg{height:19px;width:19px}}@media(max-height:420px){.run-results-footer{flex-wrap:nowrap}.result-secured{width:auto;gap:4px}.result-secured>small{display:none}.result-secured>span{font-size:9px;gap:1px}.result-secured svg{width:16px;height:16px}.run-results-footer button{min-width:0;padding:6px 10px;font-size:10px;flex:0 1 auto}}.latency-heading{display:grid;gap:4px;margin:16px 0 9px}.latency-heading strong{font-size:12px;color:#e6dab8}.latency-table{width:100%;border-collapse:collapse;margin:0 0 11px;font-size:11px;font-variant-numeric:tabular-nums}.latency-table td,.latency-table th{padding:7px 6px;border-bottom:1px solid #adc6ae24;text-align:right;white-space:nowrap}.latency-table th:first-child{text-align:left;white-space:normal;font-weight:500;color:#c3d0b6}.latency-table thead th{color:#e7c482!important;font-weight:700!important}.latency-table td{color:#efe4c6}.server-timing{display:grid;gap:6px;padding-top:12px;margin-top:12px;border-top:1px solid #adc6ae24;font-size:11px;color:#c3d0b6}.server-timing strong{font-size:11px;color:#e6dab8}.performance-details>small{display:block;line-height:1.5}@media(max-width:400px){.latency-table{font-size:10px}.latency-table td,.latency-table th{padding:7px 4px}}.character-art-preview{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:310px;border-radius:22px;background:radial-gradient(ellipse at 50% 45%,#e6d5a64a 0,#b9cfad16 45%,transparent 72%)}.character-art-preview canvas{display:block;width:280px;max-width:100%;height:auto;aspect-ratio:28/29}.character-art-status{position:absolute;top:45%;left:12px;right:12px;text-align:center;font-size:.8rem;color:var(--muted,#b8c3ae)}.character-motion-toggle{margin-top:-5px;padding:7px 14px;border:1px solid #b1c29945;border-radius:999px;background:#24463b;color:#f4e7c6;font-size:.75rem;cursor:pointer}.character-motion-toggle[aria-pressed=true]{background:#496a4a;border-color:#d6c390}.character-motion-toggle:disabled{opacity:.45;cursor:default}@media(max-width:600px){.character-art-preview{min-height:250px}.character-art-preview canvas{width:230px}}.character-body-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:9px 0 14px}.character-body-options button{padding:12px;border-radius:12px;border:1px solid #9ab39145;background:#24463b60;color:#d6dfc9;font-weight:600;cursor:pointer}.character-body-options button.selected,.character-body-options button[aria-pressed=true]{background:#52745266;border-color:#ddc47c;color:#fff0cb;box-shadow:inset 0 0 0 1px #ddc47c55}.appearance-note{font-size:.79rem;line-height:1.55;color:#b7c3ad;margin:10px 0 16px}.appearance-settings{margin:20px 0;padding-top:15px;border-top:1px solid #a9bb8a26}.appearance-settings .character-art-preview{min-height:265px}.appearance-settings .character-art-preview canvas{width:230px}.character-preview-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}