/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.flex{display:flex}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.ring,.shadow{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ivory:#f2eedf;--muted:#a6b1a8;--gold:#e4bc7b;--gold-dark:#c99755;--panel:#172a27;--green:#a2c5ab;--line:#c3d2b71c;--ui-scale:1;--font-sans:Arial,Helvetica,sans-serif;color-scheme:dark}*{box-sizing:border-box}body,html{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--ivory);letter-spacing:.01em;background:#142720;font:14px/1.6 Arial,Helvetica,sans-serif}button,input,select{font:inherit}a,button,input,select{outline-offset:5px}button{color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--gold)}h1,h2,h3,p{margin:0}h2,h3{font-weight:500}h2{font-family:Georgia,serif;font-size:32px;line-height:1.2}h3{font-size:18px;line-height:1.4}p{color:var(--muted)}svg{flex-shrink:0}button{transition:background .18s,color .18s,border-color .18s,transform .18s}button:hover:not(:disabled){filter:brightness(1.09)}button:active:not(:disabled){transform:translateY(1px)}.app{width:100%;height:100dvh;min-height:520px;position:relative;overflow:hidden}.world{position:absolute;inset:0}.world canvas{width:100%;height:100%;display:block}.title-vignette{pointer-events:none;background:linear-gradient(90deg,#10241ff5,#10241fdf 20%,#10241f9a 40%,#10241f05 68%),linear-gradient(#10231a5c,#152a2100 20% 72%,#0c211fce);position:absolute;inset:0}.landing-nav{justify-content:space-between;position:absolute;top:30px;left:4.3%;right:4.3%}.brand,.landing-nav{align-items:center;display:flex}.brand{letter-spacing:-1.1px;gap:12px;font-size:26px;font-weight:700}.brand>svg{color:var(--gold);stroke-width:1.4px;width:29px;height:29px}.brand>span>span{color:var(--gold);font-weight:400}.brand-small{font-size:22px}.landing-nav nav{gap:38px;padding-left:18px;display:flex}.landing-nav nav button{color:#c3cbbf;padding:10px 0;font-size:12px;position:relative}.landing-nav nav button.active{color:var(--ivory)}.landing-nav nav button.active:after{content:"";background:var(--gold);width:22px;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.iconbtn{color:#c7d0c3;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.iconbtn:hover{background:#fff1;border-color:#fff2}.hero{max-width:600px;position:absolute;top:24.7%;left:7%}.eyebrow{letter-spacing:2.1px;color:var(--gold);font-size:9px;font-weight:600;line-height:1.5}.hero>.eyebrow{letter-spacing:2.8px;color:#c4bea1;align-items:center;gap:12px;font-size:10px;display:flex}.tiny-line{background:var(--gold);width:28px;height:1px}.hero h1{letter-spacing:-2px;text-shadow:0 3px 40px #06181266;margin:24px 0;font:clamp(42px,4.45vw,72px)/1.13 Georgia,serif}.hero h1 em{color:#d4c6a5;font-style:normal;font-weight:400}.hero>p{color:#bdc4b5;max-width:450px;font-size:13px;line-height:1.9}.danger,.primary,.secondary{letter-spacing:.2px;border-radius:5px;justify-content:center;align-items:center;gap:13px;min-height:44px;padding:12px 20px;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex}.primary{background:var(--gold);color:#25332a;border:1px solid #edca95;box-shadow:0 5px 20px #0002}.secondary{color:#dce2d2;background:#ffffff05;border:1px solid #a2bb9940}.danger{color:#fff0e7;background:#8c493d;border:1px solid #c57966}.hero-button{border-radius:4px;gap:16px;min-width:245px;min-height:52px;margin-top:35px}.hero-button span{letter-spacing:1.7px;margin-right:10px;font-size:11px}.hero-meta{color:#8fa396;gap:15px;margin-top:18px;font-size:10px}.hero-meta,.hero-meta span{align-items:center;display:flex}.hero-meta span{gap:6px}.hero-meta i{background:#738e78;border-radius:50%;width:3px;height:3px}.world-label{background:linear-gradient(90deg,#23392e87,#23392e05);border-left:1px solid #b4c8a75c;align-items:center;gap:14px;padding:14px 17px;display:flex;position:absolute;bottom:20%;right:7%}.world-label div{flex-direction:column;gap:3px;display:flex}.world-label span:not(.signal-dot){letter-spacing:1.8px;color:#c5cdb5;font-size:8px}.world-label strong{color:#e9e6d2;font-size:13px;font-weight:400}.world-label>svg{color:#b2bfa2;opacity:.6;margin-left:20px}.signal-dot{background:#aac59d;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 12px #aac59d88}.landing-footer{color:#9cae9e;border-top:1px solid #d0dfc41c;justify-content:space-between;align-items:center;height:72px;font-size:9px;display:flex;position:absolute;bottom:0;left:4.3%;right:4.3%}.landing-footer>div{gap:25px;display:flex}.landing-footer>div>span{align-items:center;gap:4px;display:flex}.landing-footer>div>span kbd:last-of-type{margin-right:5px}.version{letter-spacing:1.4px;font-size:8px}.landing-footer button,.version{align-items:center;gap:8px;display:flex}.landing-footer button{font-size:10px}kbd{color:#d2d9c9;background:#ffffff04;border:1px solid #c1cdb73b;border-radius:3px;justify-content:center;min-width:19px;padding:3px 5px;font-family:Arial,Helvetica,sans-serif;font-size:9px;line-height:1.2;display:inline-flex}.glass{background:#102824df;border:1px solid #b5c8aa26;border-radius:7px;box-shadow:0 7px 24px #0c1c1822}.game-top{pointer-events:none;align-items:center;gap:28px;display:flex;position:absolute;top:23px;left:28px;right:28px}.game-top>*{pointer-events:auto}.game-brand{border-right:1px solid #ccd9bc44;padding-right:26px}.location h2{margin-top:3px;font-family:Arial,sans-serif;font-size:16px}.location .eyebrow{font-size:8px}.top-right{background:#173128bc;border:1px solid #c7d5b426;border-radius:40px;gap:9px;margin-left:auto;padding:4px 8px}.connection,.top-right{align-items:center;display:flex}.connection{color:#b7cdb1;gap:7px;padding:0 12px;font-size:10px}.connection i{background:#a4ce91;border-radius:50%;width:5px;height:5px}.connection.offline i{background:#d09b5b}.quest{gap:13px;width:310px;padding:17px;display:flex;position:absolute;top:98px;left:28px}.quest-icon{color:var(--gold);padding-top:3px}.quest strong{margin:6px 0;font-size:13px;font-weight:500;display:block}.quest p{color:#b2bfa9;font-size:11px;line-height:1.6}.text-link{color:var(--gold);align-items:center;gap:8px;padding:0;font-size:11px;display:inline-flex}.quest .text-link{margin-top:12px}.game-sidebar{flex-direction:column;gap:12px;display:flex;position:absolute;top:115px;right:28px}.game-sidebar button{color:#d9decb;background:#102824d9;border:1px solid #bacdae2b;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:68px;height:65px;display:flex}.game-sidebar button span{font-size:9px}.game-sidebar button.active{border-color:var(--gold);color:var(--gold)}.hud-bottom{pointer-events:none;justify-content:space-between;align-items:flex-end;gap:20px;display:flex;position:absolute;bottom:57px;left:28px;right:28px}.hud-bottom>*{pointer-events:auto}.character-hud{align-items:center;gap:14px;width:280px;padding:14px;display:flex}.character-hud>div:last-child{flex:1}.class-seal{background:#081d194a;border:1px solid #b9c7a641;border-radius:8px 8px 20px 20px;justify-content:center;width:46px;height:52px}.class-seal,.health-label{align-items:center;display:flex}.health-label{justify-content:space-between;gap:12px;margin-bottom:7px}.health-label strong{font-size:12px;font-weight:500}.health-label span{color:#bbc9b0;align-items:center;gap:4px;font-size:9px;display:flex}.hp-track,.resource-track,.small-track{background:#0d1c18;border:1px solid #b9c7a619;border-radius:2px;height:6px;overflow:hidden}.hp-track i,.resource-track i,.small-track i{background:#9fbd86;height:100%;transition:width .2s;display:block}.resource-track{height:3px;margin-top:4px}.resource-track i{background:#8cbfbd}.character-hud small{color:#90a591;margin-top:6px;font-size:8px;display:block}.abilitybar{align-items:center;gap:11px;display:flex}.abilitybar :is(button,.auto-attack){color:#e3e3c8;background:#102824eb;border:1px solid #b8c8a546;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;width:57px;height:57px;display:flex;position:relative;box-shadow:0 4px 18px #0003}.abilitybar :is(button,.auto-attack)>svg{stroke-width:1.5px;width:25px;height:25px}.abilitybar :is(button,.auto-attack).signature{border-color:var(--skill-color);background:linear-gradient(150deg,#2e4541,#14251e)}.abilitybar :is(kbd,.auto-label){color:#e0e0c8;background:#172c22;border-color:#869478;font-size:8px;position:absolute;bottom:-9px}.abilitybar :is(button,.auto-attack)>span{white-space:nowrap;color:#c3cfb5;font-size:8px;position:absolute;bottom:-27px}.abilitybar>i{background:#d3dfbc29;width:1px;height:31px;margin:0 4px}.cooldown{background:#071712b8;border-radius:8px;justify-content:center;align-items:center;font-size:21px;display:flex;position:absolute;inset:0}.cargo-hud{min-width:225px;padding:14px 16px}.cargo-hud>.eyebrow{color:#b2bfa4;font-size:8px}.resourcebar{flex-wrap:wrap;gap:17px}.resourcebar,.resourcebar>span{align-items:center;display:flex}.resourcebar>span{color:#c2cdb6;gap:5px}.resourcebar>span>b{font-size:13px;font-weight:500}.resourcebar small{color:#9aab96;font-size:10px}.cargo-hud .resourcebar{margin:10px 0}.cargo-hud .resourcebar small{display:none}.cargo-foot{color:#8fa28b;gap:5px;font-size:8px}.cargo-foot,.xp-wrap{align-items:center;display:flex}.xp-wrap{color:#c6cbb4;gap:14px;font-size:9px;position:absolute;bottom:17px;left:28px;right:28px}.xp-wrap>div{background:#0b1b16b3;border:1px solid #ccd7ba2b;flex:1;height:4px}.xp-wrap i{background:#d9b66d;height:100%;transition:width .3s;display:block}.xp-wrap span b{font-size:13px;font-weight:500}.party-hud{width:220px;padding:13px;position:absolute;top:290px;left:28px}.party-hud>div{align-items:center;gap:8px;margin:6px 0;font-size:10px;display:flex}.player-dot{border-radius:50%;width:6px;height:6px}.small-track{width:60px;height:3px;margin-left:auto}.activity-feed{max-width:330px;position:absolute;bottom:184px;left:30px}.activity-feed p{color:#e0e3cd;text-shadow:0 1px 5px #000;margin-top:7px;font-size:10px}.camp-banner{align-items:center;gap:14px;padding:16px;display:flex;position:absolute;top:100px;left:50%;transform:translate(-50%)}.camp-banner>svg{color:var(--gold)}.camp-banner strong{font-size:13px;font-weight:500}.camp-banner p{font-size:10px}.level-notice{border:1px solid var(--gold);color:var(--gold);background:#243a28ef;border-radius:5px;gap:12px;padding:12px 18px;font-size:12px;bottom:166px;left:50%;transform:translate(-50%);box-shadow:0 0 25px #caae6233}.level-notice,.modal-shade{align-items:center;display:flex;position:absolute}.modal-shade{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0614119c;justify-content:center;padding:30px;inset:0}.modal{background:linear-gradient(135deg,#23372f,#142923 70%);border:1px solid #9eab8959;border-radius:11px;flex-direction:column;width:min(530px,100%);max-height:calc(100dvh - 60px);animation:enter .2s ease-out;display:flex;overflow:hidden;box-shadow:0 25px 100px #00120bb3}.modal.wide{width:min(1000px,100%)}.modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:26px 30px 22px;display:flex}.modal h2{margin-top:7px;font-size:28px}.modal-body{overscroll-behavior:contain;font-size:calc(13px * var(--ui-scale));scrollbar-color:#657c66 transparent;scrollbar-width:thin;padding:26px 30px 30px;overflow-y:auto}.modal-body>p{margin-bottom:23px;line-height:1.8}.modal-body label{color:#c9d1bd;margin:17px 0 9px;font-size:11px;display:block}.modal-body label:first-child{margin-top:0}input:not([type=range]),select{width:100%;min-height:41px;color:var(--ivory);outline-color:var(--gold);background:#0c231bc4;border:1px solid #a7b79e39;border-radius:5px;padding:10px 12px;font-size:12px}input::placeholder{color:#728a78}input[type=range]{accent-color:var(--gold);width:100%}label>input,label>select{margin-top:8px}.full{width:100%}.spaced{margin-top:18px}.fineprint{color:#90a58e!important;margin-top:17px!important;margin-bottom:0!important;font-size:10px!important;line-height:1.7!important}.intro-icon{width:74px;height:74px;color:var(--gold);background:#d4b2660a;border:1px solid #ae9a6559;border-radius:50%;justify-content:center;align-items:center;margin:2px auto 22px;display:flex}.character-create{grid-template-columns:1.3fr 1fr;gap:35px;display:grid}.class-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.class-grid button{text-align:center;background:#11271e55;border:1px solid #b5c4aa26;border-radius:5px;flex-direction:column;align-items:center;gap:8px;padding:16px 7px;display:flex}.class-grid button svg{color:var(--class-color)}.class-grid strong{font-size:10px;font-weight:500}.class-grid small{color:#8da18a;font-size:8px}.class-grid button.selected{border-color:var(--class-color);background:#71826420}.swatches{gap:10px;display:flex}.swatches button{border:3px solid #182e24;border-radius:50%;outline:1px solid #0000;width:24px;height:24px}.swatches button.selected{outline-color:var(--gold)}.class-detail{border-left:1px solid var(--line);padding-left:30px}.class-detail>.eyebrow{margin-top:20px}.class-detail h3{margin:8px 0 13px;font:27px Georgia,serif}.class-detail>p:not(.eyebrow){font-size:12px;line-height:1.8}.portrait{border-bottom:1px solid var(--line);background:radial-gradient(#93b9a32b,#0000 70%);justify-content:center;align-items:center;height:215px;display:flex;position:relative;overflow:hidden}.portrait-halo{border:1px solid #c1bd8147;border-radius:50%;width:140px;height:140px;position:absolute;top:25px}.portrait-halo:before{content:"";border:1px dashed #c1bd812e;border-radius:50%;position:absolute;inset:9px}.portrait-head{background:var(--skin);z-index:1;border-top:12px solid #413929;border-radius:15px 15px 21px 21px;width:48px;height:61px;top:65px;box-shadow:inset 8px 0 #0002}.portrait-body,.portrait-head{position:absolute;transform:rotate(-5deg)}.portrait-body{background:var(--coat);border-top:7px solid #d1b882;border-radius:35px 35px 15px 15px;width:110px;height:120px;top:125px;box-shadow:inset 25px 0 #0002}.portrait>svg{z-index:2;color:#e8dab5;filter:drop-shadow(4px 4px #0003);position:absolute;top:127px;left:18%;transform:rotate(-10deg)}.skill-line{border:1px solid var(--line);align-items:center;gap:13px;margin:23px 0;padding:15px;display:flex}.skill-line strong{font-size:11px;display:block}.skill-line small{color:#9aaf92;margin-top:4px;font-size:9px;display:block}.steps{gap:10px;margin:20px 0;display:grid}.steps>span{color:#c5d1bc;align-items:center;gap:14px;font-size:11px;display:flex}.steps kbd{min-width:62px;padding:6px}.reward-note{color:var(--gold);background:#d6b76c08;border:1px solid #bea36e3b;align-items:center;gap:15px;margin:23px 0;padding:16px;display:flex}.reward-note span{color:#a7b49a;font-size:9px}.reward-note strong{color:#d9d7b6;margin-top:4px;font-size:12px;font-weight:500;display:block}.wagon-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.wagon-card{text-align:left;background:#0d241950;border:1px solid #bac9aa38;border-radius:7px;padding:20px 18px;position:relative}.wagon-card.selected{border-color:var(--gold);background:#a7ab6510}.wagon-art{width:100%;transition:transform .4s}.wagon-art svg{width:100%;height:auto;display:block}.wagon-card h3{margin:12px 0;font:21px Georgia,serif}.wagon-card p{min-height:60px;font-size:11px;line-height:1.8}.wagon-card small{color:#92a88c;margin-top:17px;font-size:9px;display:block}.selection-check{width:20px;height:20px;color:var(--gold);border:1px solid #d8c18e66;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.modal-actions{color:#a2b698;justify-content:space-between;align-items:center;gap:20px;margin-top:26px;font-size:11px;display:flex}.rotate-control{align-items:center;gap:9px;margin:0!important;font-size:10px!important;display:flex!important}.rotate-control input{width:100px;margin:0}.biome-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.biome-card{text-align:left;background:#11261d70;border:1px solid #b3c4a42e;border-radius:7px;min-height:175px;display:flex;position:relative;overflow:hidden}.biome-card.selected{border-color:var(--gold);background:#a6a96c0b}.biome-card>div:last-of-type{padding:18px}.biome-card small{letter-spacing:1.5px;color:#c1b781;font-size:8px}.biome-card h3{margin:8px 0;font:20px Georgia,serif}.biome-card p{font-size:10px;line-height:1.7}.route-resource{color:#b5c398;margin-top:12px;font-size:9px;display:block}.biome-drawing{background:linear-gradient(#5c7f65,#243c32);justify-content:center;align-items:end;width:125px;min-width:125px;padding-bottom:22px;display:flex;position:relative;overflow:hidden}.biome-drawing span{filter:drop-shadow(2px 4px #132b2422);border-bottom:65px solid #19362d;border-left:25px solid #0000;border-right:25px solid #0000;width:0;height:0;position:absolute;bottom:40px}.biome-drawing span:first-child{bottom:28px;left:-10px;transform:scale(1.4)}.biome-drawing span:nth-child(2){bottom:45px;left:38px;transform:scale(1.8)}.biome-drawing span:nth-child(3){bottom:15px;left:80px;transform:scale(1.3)}.biome-drawing span:nth-child(4){border-bottom-color:#244937;bottom:9px;left:15px}.biome-drawing>svg{z-index:2;color:#c7b285;transform:rotate(-10deg)}.biome-cave .biome-drawing{background:linear-gradient(#1c3042,#456777)}.biome-cave .biome-drawing span{border-bottom-color:#9b9e9e;transform:scale(.5)rotate(180deg)}.biome-cave .biome-drawing span:nth-child(2){border-bottom-color:#8bb6bb;transform:scale(1.1)}.biome-village .biome-drawing{background:linear-gradient(#897f5b,#3c513e)}.biome-village .biome-drawing span{border-bottom-color:#594633;transform:rotate(-3deg);box-shadow:0 24px #8c7959}.biome-ruins .biome-drawing{background:linear-gradient(#77716a,#353d3b)}.biome-ruins .biome-drawing span{background:#4b5551;border:0;border-radius:5px;width:20px;height:80px;transform:rotate(8deg);box-shadow:0 5px #d6c09433}.route-check{color:var(--gold);position:absolute;top:12px;right:12px}.expedition-settings{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;margin-top:25px;padding-top:20px;display:flex}.expedition-settings p{margin-top:6px;font-size:10px}.expedition-settings label{margin-top:0}.stepper{gap:15px}.stepper,.stepper button{align-items:center;display:flex}.stepper button{border:1px solid #a7b89a4d;justify-content:center;width:26px;height:26px}.stepper strong{font-size:14px}.empty-state{text-align:center;padding:25px 15px}.empty-state>svg{color:var(--gold);margin-bottom:20px}.empty-state h3{font:24px Georgia,serif}.empty-state p{max-width:400px;margin:16px auto 25px;font-size:12px}.upgrade-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.upgrade-grid>button{text-align:left;background:linear-gradient(#96935412,#10281f80);border:1px solid #cab37d6e;border-radius:7px;flex-direction:column;padding:25px;display:flex}.upgrade-symbol{color:var(--gold);background:#d9c0710d;border:1px solid #ad9c6266;border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;margin:10px auto 28px;display:flex}.upgrade-grid h3{margin:10px 0 15px;font:23px Georgia,serif}.upgrade-grid p{min-height:72px;margin-bottom:26px;font-size:12px;line-height:1.7}.upgrade-grid .text-link{margin-top:auto}.inventory-layout{grid-template-columns:1fr 1.1fr;gap:40px;display:grid}.inventory-layout h3{margin-bottom:18px}.inventory-layout .resourcebar{border:1px solid var(--line);background:#08201655;border-radius:4px;margin-bottom:28px;padding:15px}.inventory-layout .resourcebar small{display:none}.weapon-list{flex-direction:column;gap:7px;display:flex}.weapon-list>button{text-align:left;background:#0f271b4f;border:1px solid #adbf9f26;border-radius:4px;align-items:center;gap:15px;padding:13px;display:flex}.weapon-list>button.selected{color:var(--gold);border-color:#cbb77c8c}.weapon-list strong{font-size:11px;font-weight:500;display:block}.weapon-list small{color:#8fa489;margin-top:4px;font-size:9px;line-height:1.5;display:block}.weapon-list button>svg:last-child{margin-left:auto}.tags{flex-wrap:wrap;gap:7px;display:flex}.tags span{background:#acb58c12;border:1px solid #acb58c37;border-radius:4px;padding:5px 10px;font-size:10px}.separator{letter-spacing:1.3px;color:#829980;align-items:center;gap:14px;margin:25px 0;font-size:8px;display:flex}.separator:after,.separator:before{content:"";background:var(--line);flex:1;height:1px}.invite-code{letter-spacing:5px;width:100%;color:var(--gold);background:#d3bd800a;border:1px dashed #c7b57d66;border-radius:6px;justify-content:center;align-items:center;gap:25px;padding:18px;font-size:30px;display:flex}.members{margin:25px 0}.members>div{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding:12px 0;display:flex}.members strong{font-size:12px;font-weight:500;display:block}.members small{color:#8ea084;font-size:9px;display:block}.members>div>svg{color:#acbf88;margin-left:auto}.avatar{background:#aec69a15;border:1px solid #aec69a47;border-radius:50%;justify-content:center;width:34px;height:34px;font-size:10px}.avatar,.workshop-head{align-items:center;display:flex}.workshop-head{justify-content:space-between;gap:20px}.workshop-head h3{margin-bottom:14px;font:24px Georgia,serif}.workshop-head .wagon-art{width:220px}.workshop-tabs{border-bottom:1px solid var(--line);gap:30px;margin:20px 0;display:flex}.workshop-tabs button{color:#9fb196;border-bottom:2px solid #0000;padding:13px 0;font-size:11px}.workshop-tabs button.active{color:var(--gold);border-color:var(--gold)}.station-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.station-card{background:#0b241965;border:1px solid #b0c29c26;border-radius:6px;padding:19px}.station-top{color:var(--gold);justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.station-top span{letter-spacing:1px;color:#9eb48f;font-size:8px}.station-card h3{margin:10px 0;font-size:15px}.station-card p{min-height:55px;font-size:10px;line-height:1.8}.station-card .resourcebar{gap:10px;margin:15px 0}.station-card .resourcebar small{display:none}.station-card .resourcebar b{font-size:10px}.station-card .resourcebar svg{width:12px}.station-card .secondary{min-height:35px;padding:8px;font-size:10px}.build-layout{grid-template-columns:1fr 1.5fr;gap:30px;display:grid}.build-layout p{margin:10px 0;font-size:11px}.wagon-floor{background:repeating-linear-gradient(90deg,#5b5a3c,#5b5a3c 18px,#535238 18px 20px);border:10px solid #304639;border-radius:6px;height:180px;margin-top:40px;position:relative}.central-path{letter-spacing:2px;color:#c4c7a46c;background:#21392b70;border-top:1px dashed #c4c7a447;border-bottom:1px dashed #c4c7a447;width:100%;height:27%;font-size:8px;top:37%}.central-path,.placement-preview,.wagon-floor>button{justify-content:center;align-items:center;display:flex;position:absolute}.placement-preview,.wagon-floor>button{background:#39513e;border:1px solid #bcc8a988;border-radius:3px;width:28px;height:28px;transform:translate(-50%,-50%)}.placement-preview{border:1px dashed var(--gold);color:var(--gold);pointer-events:none;background:#c7ae6a30}.furniture-list{max-height:190px;margin-top:17px;overflow-y:auto}.furniture-list>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;font-size:10px;display:flex}.resident-card{border:1px solid var(--line);align-items:center;gap:25px;margin-bottom:15px;padding:24px;display:flex}.resident-card>.intro-icon{min-width:74px;margin:0}.resident-card p{margin:10px 0 17px;font-size:11px}.stack{flex-direction:column;gap:11px;margin-top:23px;display:flex}.journal-grid{grid-template-columns:repeat(2,1fr);gap:30px 40px;display:grid}.chapter{color:var(--gold);opacity:.7;font:32px Georgia,serif}.journal-grid h3{margin:9px 0 13px;font:22px Georgia,serif}.journal-grid p{font-size:12px;line-height:1.8}.controls-guide{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:15px;margin-top:30px;padding-top:25px;display:grid}.controls-guide>span{color:#acbea1;align-items:center;gap:8px;font-size:9px;display:flex}.journey-summary{border:1px solid var(--line);background:#0c231b55;margin-top:25px;padding:20px}.journey-summary p{margin:10px 0 15px;font-size:11px}.settings-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:15px 0;font-size:12px;display:flex}.settings-row:first-child{padding-top:0}.settings-row small{color:#829b80;margin-top:4px;font-size:9px;display:block}.settings-row select{width:145px;font-size:11px}.toggle{background:#0b241a;border:1px solid #a8bb9c4d;border-radius:15px;width:38px;height:21px;padding:3px}.toggle i{background:#60775f;border-radius:50%;width:13px;height:13px;transition:transform .2s;display:block}.toggle.on{background:#a2ba8226;border-color:#b6bf8b78}.toggle.on i{background:#c7d19e;transform:translate(16px)}.settings-row+h3{margin-top:25px;font-size:14px}.key-settings{grid-template-columns:1fr 1fr;gap:5px 17px;margin-top:10px;display:grid}.key-settings button{border-bottom:1px solid var(--line);color:#a4b69a;justify-content:space-between;align-items:center;padding:8px 0;font-size:10px;display:flex}.danger-text{color:#ce9481;font-size:10px}.map-display{background:#142c22;border:1px solid #b9c9a94d;border-radius:6px;height:390px;position:relative;overflow:hidden}.map-display>svg{width:100%;height:100%;padding:25px}.map-legend{gap:20px;font-size:9px;display:flex;position:absolute;bottom:10px;left:15px}.map-legend span{align-items:center;gap:7px;display:flex}.map-legend i{border-radius:50%;width:6px;height:6px}.error-toast,.toast{z-index:50;color:#d7e3bd;background:#223d2df2;border:1px solid #b0be9880;border-radius:6px;align-items:center;gap:10px;max-width:90vw;padding:13px 18px;font-size:11px;animation:enter .2s;display:flex;position:absolute;top:25px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0004}.error-toast{color:#e9d4b4;background:#493a2cf5;border-color:#bd926363;max-width:600px;top:auto;bottom:25px}.error-toast button{margin-left:10px;padding:4px;display:flex}.loading-screen{z-index:40;background:#10251feb;flex-direction:column;justify-content:center;align-items:center;animation:enter .2s;display:flex;position:absolute;inset:0}.loading-screen .wagon-art{width:190px;animation:bob 2s ease-in-out infinite}.loading-screen h2{margin-top:25px;font:27px Georgia,serif}.loading-screen p{color:#91a68a;margin-top:20px;font-size:11px}.loading-dots{gap:7px;margin-top:23px;display:flex}.loading-dots i{background:var(--gold);border-radius:50%;width:5px;height:5px;animation:bob .8s infinite}.loading-dots i:nth-child(2){animation-delay:.15s}.loading-dots i:nth-child(3){animation-delay:.3s}.spin{animation:spin 1s linear infinite}.reduced *{scroll-behavior:auto!important;transition:none!important;animation:none!important}@keyframes bob{50%{transform:translateY(-5px)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes enter{0%{opacity:0}to{opacity:1}}@media (min-width:1700px){.hero{top:28%}.hero>p{font-size:15px}.hero-button{min-height:58px;margin-top:40px}.hero-meta{font-size:12px}.landing-nav{top:40px}.landing-footer{height:86px}.world-label{bottom:23%}}@media (max-width:1150px){.hero{top:25%;left:5%}.hero h1{font-size:51px}.hero>p{font-size:12px}.world-label{bottom:24%;right:5%}.landing-footer>div{gap:12px}.cargo-hud{min-width:180px}.cargo-hud .resourcebar{gap:11px}.character-hud{width:235px}.abilitybar{gap:8px}.abilitybar :is(button,.auto-attack){width:49px;height:49px}.quest{width:280px}.camp-banner{flex-wrap:wrap;min-width:360px;top:250px}.biome-drawing{width:100px;min-width:100px}.station-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:850px){.landing-nav{top:22px}.landing-nav nav{gap:20px}.landing-footer>.version{display:none}.hero h1{font-size:44px}.hero{max-width:430px;top:24%;left:6%}.hero>p{font-size:11px}.world-label{bottom:19%;right:5%}.world-label>svg{display:none}.brand{font-size:22px}.game-brand{display:none}.game-top{gap:10px;left:18px;right:18px}.quest{width:250px;top:95px;left:18px}.game-sidebar{right:18px}.hud-bottom{left:18px;right:18px}.cargo-hud{display:none}.character-hud{width:240px}.xp-wrap{left:18px;right:18px}.modal-shade{padding:20px}.modal{max-height:calc(100dvh - 40px)}.modal>header{padding:20px}.modal h2{font-size:25px}.modal-body{padding:20px}.class-detail{padding-left:20px}.character-create{gap:20px}.class-grid{grid-template-columns:repeat(2,1fr)}.wagon-grid{gap:9px}.wagon-card{padding:15px 12px}.wagon-card h3{font-size:18px}.wagon-card p{font-size:10px}.wagon-card small{font-size:8px}.biome-grid{gap:10px}.biome-drawing{display:none}.controls-guide{grid-template-columns:repeat(3,1fr)}.upgrade-grid>button{padding:18px}.upgrade-grid h3{font-size:20px}.inventory-layout{gap:25px}.top-right .connection{display:none}}@media (max-width:600px){.app{min-height:420px}.hero{top:22%;left:7%;right:7%}.hero h1{letter-spacing:-1.3px;margin:20px 0;font-size:42px}.hero>.eyebrow{letter-spacing:2px;font-size:8px}.title-vignette{background:linear-gradient(90deg,#10241fed,#10241f50),linear-gradient(#0000 20%,#0c211fe6)}.landing-nav nav{display:none}.hero>p{max-width:320px;font-size:12px}.desktop{display:none}.hero-button{margin-top:26px}.hero-meta{font-size:9px}.landing-footer>div,.world-label{display:none}.landing-footer>.version{font-size:7px;display:flex}.landing-footer{height:58px}.brand{font-size:23px}.modal-shade{padding:10px}.modal{max-height:calc(100dvh - 20px)}.modal>header{padding:20px 18px}.modal h2{font-size:24px}.modal-body{padding:20px 18px}.character-create{grid-template-columns:1fr}.class-grid{grid-template-columns:repeat(3,1fr)}.class-detail{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.portrait{height:150px}.portrait-head{top:30px}.portrait-body{top:90px}.portrait>svg{top:80px;left:27%}.portrait-halo{top:10px}.wagon-grid{grid-template-columns:1fr}.wagon-card{grid-template-columns:140px 1fr;gap:4px 12px;padding:17px;display:grid}.wagon-card .wagon-art{grid-row:1/4;align-self:center}.wagon-card h3{margin:5px 0}.wagon-card p{min-height:0}.wagon-card small{margin-top:5px}.selection-check{top:8px;right:8px}.modal-actions{flex-direction:column;align-items:stretch}.rotate-control{justify-content:center}.biome-grid{grid-template-columns:1fr}.biome-drawing{min-width:100px;display:flex}.biome-card{min-height:140px}.expedition-settings{flex-wrap:wrap}.expedition-settings>.primary{width:100%}.upgrade-grid{grid-template-columns:1fr}.upgrade-grid>button{grid-template-columns:50px 1fr;gap:5px 15px;padding:20px;display:grid}.upgrade-symbol{grid-row:1/5;width:45px;height:45px;margin:10px 0}.upgrade-symbol svg{width:24px}.upgrade-grid h3{margin:4px 0}.upgrade-grid p{min-height:0;margin:0}.upgrade-grid .text-link{margin-top:10px}.build-layout,.inventory-layout{grid-template-columns:1fr}.station-grid{grid-template-columns:1fr 1fr}.station-card{padding:13px}.station-card h3{font-size:13px}.workshop-head .wagon-art{width:130px}.workshop-head h3{font-size:20px}.workshop-head .resourcebar small{display:none}.workshop-tabs{gap:22px}.workshop-tabs button{font-size:10px}.journal-grid{grid-template-columns:1fr;gap:25px}.controls-guide{grid-template-columns:repeat(2,1fr)}.resident-card{gap:15px;padding:15px}.resident-card>.intro-icon{width:50px;min-width:50px;height:50px}.game-top{top:13px;left:13px;right:13px}.location h2{font-size:13px}.location .eyebrow{letter-spacing:1.5px;font-size:7px}.top-right{gap:0;padding:2px}.top-right .iconbtn{width:32px;height:32px}.top-right .iconbtn svg{width:17px}.quest{gap:9px;width:218px;padding:12px;top:76px;left:13px}.quest strong{font-size:11px}.quest p{font-size:9px}.quest .eyebrow{font-size:7px}.game-sidebar{gap:8px;top:85px;right:13px}.game-sidebar button{gap:4px;width:50px;height:53px}.game-sidebar button span{font-size:7px}.game-sidebar button svg{width:18px}.hud-bottom{flex-wrap:wrap;gap:14px;bottom:52px;left:13px;right:13px}.character-hud{gap:10px;width:170px;padding:10px}.class-seal{width:32px;height:37px}.class-seal svg{width:21px}.health-label strong{font-size:10px}.health-label span{font-size:8px}.health-label span svg{display:none}.character-hud small{font-size:7px}.abilitybar{gap:7px}.abilitybar :is(button,.auto-attack){width:37px;height:41px}.abilitybar :is(button,.auto-attack) svg{width:20px}.abilitybar :is(button,.auto-attack) span{display:none}.abilitybar :is(kbd,.auto-label){padding:2px 3px;font-size:6px;bottom:-7px}.abilitybar :is(button,.auto-attack):last-child,.abilitybar>i{display:none}.xp-wrap{font-size:7px;bottom:17px;left:13px;right:13px}.activity-feed{max-width:240px;bottom:150px;left:13px}.activity-feed p{font-size:8px}.party-hud{width:175px;top:245px;left:13px}.level-notice{white-space:nowrap;padding:10px 12px;font-size:10px;bottom:150px}.camp-banner{gap:10px;width:calc(100% - 26px);min-width:0;padding:12px;top:250px}.camp-banner strong{font-size:12px}.camp-banner p{font-size:9px}.camp-banner .primary{min-height:35px;padding:8px 12px;font-size:10px}.workshop-head .resourcebar{gap:9px}.toast{white-space:nowrap;padding:10px 13px;font-size:10px;top:10px}.map-display{height:300px}.class-detail .skill-line{margin:18px 0}.key-settings{gap:4px 12px}}.summary-stats{text-align:center;justify-content:space-around;margin:15px 0 30px;display:flex}.summary-stats span{color:#a4b398;flex-direction:column;font-size:10px;display:flex}.summary-stats b{color:var(--gold);margin-bottom:8px;font:32px Georgia,serif}.summary-stats+h3{margin-bottom:15px;font-size:13px}.training-options{flex-direction:column;gap:8px;margin-top:13px;display:flex}.training-options .secondary{font-size:9px!important}.extension-card{background:#acb16e0a;border:1px solid #b9b2823b;border-radius:6px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:18px;display:flex}.extension-card p{margin-top:6px;font-size:10px}.extension-card .resourcebar small{display:none}.field-actions{gap:8px;display:flex;position:absolute;bottom:182px;right:28px}.field-actions button{color:#d5ddc3;background:#173028d9;border:1px solid #aec79b33;border-radius:5px;align-items:center;gap:8px;padding:9px 12px;font-size:9px;display:flex}.field-actions svg{color:#c8bc89}@media (max-width:600px){.field-actions{flex-direction:column;bottom:140px;right:13px}.field-actions button{padding:7px;font-size:8px}}.performance-details{background:#142c2545;border:1px solid #bdbd9222;border-radius:10px;margin:20px 0;padding:14px 16px;font-size:13px}.performance-details summary{cursor:pointer;color:var(--cream,#e9e4ce)}.performance-details p{font-variant-numeric:tabular-nums;line-height:1.8}.performance-details small{color:#aebaaa;font-size:11px}:root{--arena-panel:#182522;--arena-cream:#f1ead7;--arena-muted:#a9b7aa;--arena-copper:#d8ad71;--arena-line:#c0cbb12b}.app{color:var(--arena-cream)}.modal{background:linear-gradient(145deg,#24322ff7,#182421fa);border-color:#c4c9ad3d;box-shadow:0 24px 90px #0008}.hero h1,.modal h2{letter-spacing:-.035em}.modal-body>p{color:#c1c9b8}.primary{color:#1b2925;background:#d7b477;border-color:#e1c495;font-weight:700;box-shadow:0 3px #8f744a}.secondary{background:#d4e3cf08;border-color:#b5c4ae42}.arena-card:focus-visible,.arena-hud button:focus-visible,.modal button:focus-visible{outline-offset:4px;outline:3px solid #f1d493}.modal .workshop-tabs{white-space:nowrap;overflow-x:auto}.hero>.eyebrow{color:#d9c68d}.hero h1 em{color:#bacc97}.hero-meta{color:#d0d8bc}.landing-footer{background:#13241fcb}.world-label{background:#172b24b0;border:1px solid #d3dbbd28;border-radius:8px;padding:13px 17px}.arena-hud{pointer-events:none;z-index:5;position:absolute;inset:0}.arena-hud button{pointer-events:auto}.arena-topbar{border:1px solid var(--arena-line);background:#172421ee;border-radius:12px;gap:22px;height:61px;padding:0 17px;position:absolute;top:20px;left:25px;right:25px;box-shadow:0 6px 25px #0003}.arena-logo,.arena-topbar{align-items:center;display:flex}.arena-logo{color:#e2c28b;border-right:1px solid var(--arena-line);gap:8px;height:35px;padding-right:22px}.arena-logo strong{color:#eee5cd;letter-spacing:-.7px;font-size:19px}.arena-logo strong span{color:#c0d09d}.wave-status{min-width:155px}.wave-status>.eyebrow{letter-spacing:1.6px;color:#abb8a4;margin-bottom:4px;font-size:8px;display:block}.wave-status>div{align-items:center;gap:8px;display:flex}.wave-status b{letter-spacing:.4px;font-size:18px;font-weight:800}.wave-status>div>span{color:#8da38b;font-size:12px}.wave-status .boss-wave{color:#efab86;background:#c16d3f22;border-radius:4px;align-items:center;gap:4px;padding:4px 6px;font-size:9px;display:flex}.wave-meta{color:#c6d1bb;font-variant-numeric:tabular-nums;gap:20px;font-size:12px;display:flex}.wave-meta>span{align-items:center;gap:7px;display:flex}.wave-meta svg{color:#9cac91}.arena-quick-nav{align-items:center;gap:8px;margin-left:auto;display:flex}.arena-quick-nav>button{color:#becdb1;background:#ccdcc407;border:1px solid #c6d2b51c;border-radius:6px;place-items:center;width:35px;height:35px;display:grid}.arena-quick-nav>button:hover{color:#f4e0aa;background:#cedcaf14}.arena-connection{background:#b0d595;border-radius:50%;width:7px;height:7px;margin-right:9px;box-shadow:0 0 8px #9edb7480}.arena-connection.offline{box-shadow:none;background:#efb271}.arena-xp{background:#17251fef;border:1px solid #e1ca823f;border-radius:10px;gap:13px;padding:9px 14px 10px 9px;position:absolute;top:91px;left:26px;right:26px;box-shadow:0 5px 18px #0003}.arena-level,.arena-xp{align-items:center;display:flex}.arena-level{color:#202e25;background:#d6b572;border-radius:7px;flex-direction:column;flex:none;justify-content:center;width:45px;height:42px;box-shadow:inset 0 0 0 3px #fff3,inset 0 0 0 4px #725b4133}.arena-level>span{letter-spacing:1px;font-size:8px;font-weight:800}.arena-level>b{font-size:22px;line-height:22px}.arena-xp-main{flex:1}.arena-xp-label{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.arena-xp-label>strong{letter-spacing:1.8px;color:#d0dbad;font-size:9px}.arena-xp-label>span{font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.arena-xp-label small{color:#8fa386;font-size:10px;font-weight:400}.arena-xp-track{background:#071c1566;border:1px solid #b5c69638;border-radius:4px;height:12px;padding:2px;overflow:hidden}.arena-xp-track>i{background:linear-gradient(90deg,#779965,#c3d587);border-radius:2px;height:100%;transition:width .2s;display:block;box-shadow:0 0 11px #b1d57e70}.arena-xp-hint{color:#9fb295;flex-direction:column;align-items:center;gap:4px;min-width:70px;font-size:8px;display:flex}.arena-xp-hint b{color:#d1ddb7;font-size:12px}.arena-party{border:1px solid var(--arena-line);background:#1a2923dc;border-radius:10px;width:190px;padding:10px 13px;position:absolute;top:171px;left:26px}.arena-party>div{align-items:center;gap:9px;padding:5px 0;display:flex}.arena-party-avatar{background:#bdcaa21a;border:2px solid;border-radius:7px;place-items:center;width:25px;height:27px;font-size:10px;display:grid}.arena-party>div>div{flex:1}.arena-party strong{margin-bottom:4px;font-size:10px;font-weight:600;display:block}.arena-party>div>div>div{background:#07170f80;border-radius:2px;height:3px}.arena-party i{border-radius:2px;height:3px;display:block}.arena-party small{font-variant-numeric:tabular-nums;color:#b6c3a4;font-size:9px}.arena-bottom{justify-content:space-between;align-items:flex-end;gap:18px;display:flex;position:absolute;bottom:25px;left:26px;right:26px}.arena-vitals{border:1px solid var(--arena-line);background:#17241fee;border-radius:12px;width:300px;padding:14px 15px;box-shadow:0 5px 18px #0003}.arena-vitals-title{align-items:center;gap:9px;margin-bottom:10px;display:flex}.arena-class{place-items:center;width:26px;display:grid}.arena-vitals-title>strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.arena-vitals-title>span:last-child{color:#ddc1a0;font-variant-numeric:tabular-nums;align-items:center;gap:5px;margin-left:auto;font-size:10px;display:flex}.arena-health{background:#070f0a99;border:1px solid #a8c69438;border-radius:4px;height:11px;padding:2px}.arena-health>i{background:linear-gradient(90deg,#98634e,#da9970);border-radius:2px;height:100%;transition:width .15s;display:block}.arena-energy{background:#0d1b1690;border-radius:3px;height:4px;margin-top:6px;overflow:hidden}.arena-energy>i{background:#78b6ad;height:100%;transition:width .15s;display:block}.arena-vitals>small{color:#8fa38c;margin-top:8px;font-size:8px;display:block}.arena-weapon-slot{border:1px solid var(--arena-line);border-left:3px solid var(--rarity);background:#17241fee;border-radius:10px;align-items:center;gap:10px;min-width:222px;max-width:290px;padding:13px 17px 13px 10px;display:flex;box-shadow:0 5px 18px #0003}.arena-weapon-slot>div>span{color:var(--rarity);letter-spacing:.8px;text-transform:uppercase;margin-bottom:4px;font-size:8px;display:block}.arena-weapon-slot strong{margin-bottom:5px;font-size:13px;font-weight:700;display:block}.arena-weapon-slot small{color:#a4b79a;font-size:9px}.weapon-art{filter:drop-shadow(0 3px #0003);flex-shrink:0}.arena-abilities{gap:10px;padding-bottom:6px;display:flex}.arena-abilities>:is(button,.auto-attack){color:#d2cba9;background:#17241ff2;border:1px solid #bdcbaa4d;border-radius:10px;place-items:center;width:59px;height:61px;display:grid;position:relative;box-shadow:inset 0 -3px #0003,0 5px 18px #0003}.arena-abilities>:is(button,.auto-attack):hover{background:#263a2c;border-color:#e1c483}.arena-abilities>:is(button,.auto-attack).arena-skill{border-color:var(--skill-color);color:var(--skill-color);background:#223b32}.arena-abilities :is(kbd,.auto-label){color:#233025;white-space:nowrap;background:#eadcbb;border:1px solid #c2ad7d;border-radius:4px;padding:3px 6px;font-size:8px;font-weight:800;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.arena-abilities b{color:#dfe4c7;background:#16241acf;border-radius:9px;place-items:center;font-size:24px;display:grid;position:absolute;inset:0}.arena-victory{background:#18291ff2;border:1px solid #d4bc75;border-radius:15px;flex-direction:column;align-items:center;gap:15px;padding:26px;display:flex;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 60px #0006}.arena-victory>svg{color:#d6bf78}.arena-victory>strong{font:28px Georgia,serif}.arena-selection-shade{z-index:38;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0b1716d9;justify-content:center;align-items:center;padding:25px;display:flex;position:absolute;inset:0}.arena-selection{background:radial-gradient(at top,#31443b80,#0000 60%),#172520f5;border:1px solid #bfc7a636;border-radius:18px;outline:none;width:min(1030px,100%);max-height:calc(100dvh - 50px);padding:22px 30px 24px;overflow-y:auto;box-shadow:0 30px 90px #0009}.selection-topline{border-bottom:1px solid #c9cfaf26;justify-content:space-between;align-items:center;padding-bottom:17px;display:flex}.selection-topline>span{color:#b6c9aa;letter-spacing:1.5px;align-items:center;gap:8px;font-size:9px;display:flex}.selection-topline>span:last-child{letter-spacing:0;color:#e4c888;font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.selection-topline>span.urgent{color:#f6a181}.arena-selection>header{text-align:center;padding:23px 0}.selection-star{color:#e1c484;place-items:center;margin-bottom:8px;display:inline-grid}.arena-selection>header>.eyebrow{letter-spacing:2px;color:#c6b982;font-size:9px}.arena-selection h2{letter-spacing:-1px;margin:10px 0;font:36px Georgia,serif}.arena-selection>header>p:last-child{color:#a7b69d;font-size:12px}.arena-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:4px 0 23px;display:grid}.arena-card{text-align:left;border:1px solid var(--rarity);flex-direction:column;min-height:350px;display:flex;position:relative}@supports (color:color-mix(in lab,red,red)){.arena-card{border:1px solid color-mix(in srgb,var(--rarity) 70%,transparent)}}.arena-card{border-top:3px solid var(--rarity);background:radial-gradient(ellipse at 50% 32%,var(--rarity),transparent 60%),linear-gradient(160deg,#2c3c31,#192922);border-radius:12px;padding:17px 20px 18px}@supports (color:color-mix(in lab,red,red)){.arena-card{background:radial-gradient(ellipse at 50% 32%,color-mix(in srgb,var(--rarity) 14%,transparent),transparent 60%),linear-gradient(160deg,#2c3c31,#192922)}}.arena-card{isolation:isolate;transition:transform .15s,border-color .15s,box-shadow .15s;overflow:hidden;box-shadow:0 7px #0e1c17,0 12px 25px #0003}.arena-card:hover:not(:disabled){transform:translateY(-5px);box-shadow:0 7px #0e1c17,0 17px 30px #0005}.arena-card:disabled{opacity:1}.arena-card.unchosen{opacity:.45;filter:saturate(.5)}.arena-card.picked{box-shadow:0 0 0 2px var(--rarity),0 12px 35px #0005}.card-rarity{color:var(--rarity);letter-spacing:.5px;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.card-rarity>i{background:var(--rarity);width:5px;height:5px;transform:rotate(45deg)}.card-rarity>span{opacity:.6;margin-left:auto;font-size:10px}.card-picture{height:135px;color:var(--rarity);justify-content:center;align-items:center;margin:12px 0 8px;display:flex;position:relative}.card-picture:before{content:"";border:1px solid var(--rarity);width:95px;height:95px;position:absolute;transform:rotate(45deg)}@supports (color:color-mix(in lab,red,red)){.card-picture:before{border:1px solid color-mix(in srgb,var(--rarity) 23%,transparent)}}.card-picture:before{z-index:-1;background:var(--rarity);border-radius:19px}@supports (color:color-mix(in lab,red,red)){.card-picture:before{background:color-mix(in srgb,var(--rarity) 5%,transparent)}}.card-kind{letter-spacing:1.7px;color:#9eaf94;font-size:8px}.arena-card h3{color:#f3ebd0;margin:9px 0 10px;font:25px/1.15 Georgia,serif}.arena-card>p{color:#b9c6ad;min-height:54px;margin-bottom:12px;font-size:11px;line-height:1.7}.card-level{letter-spacing:.6px;color:var(--rarity);margin-bottom:15px;font-size:9px}.card-choose{color:#e6ddb9;border-top:1px solid #b3c49a26;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;font-size:10px;font-weight:600;display:flex}.rarity-epic:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#b288ee24,#0000 65%);width:200px;height:240px;animation:epic-breathe 3.8s ease-in-out infinite;position:absolute;top:30px;left:calc(50% - 100px)}.rarity-legendary{background:radial-gradient(at 50% 35%,#e7c55726,#0000 65%),linear-gradient(160deg,#3b3d29,#232a1e)}.arena-selection>footer{text-align:center;border-top:1px solid #c9cfaf26;padding-top:17px}.selection-members{flex-wrap:wrap;justify-content:center;align-items:center;gap:17px;display:flex}.selection-members>span{color:#8fa38a;align-items:center;gap:6px;font-size:10px;display:flex}.selection-members>span.ready{color:#bed396}.arena-selection>footer>p{color:#82967f;margin-top:11px;font-size:9px}.arsenal-intro{align-items:center;gap:13px;margin-bottom:22px;display:flex}.arsenal-stamp{color:#d5be81;background:#c3b17210;border:1px solid #c3b17260;border-radius:12px;flex:none;place-items:center;width:48px;height:48px;display:grid}.arsenal-intro h3{margin-bottom:5px;font:25px Georgia,serif}.arsenal-intro p{color:#a6b69e;font-size:10px}.permanent-label{white-space:nowrap;color:#c1cf9e;border:1px solid #bdce9c30;border-radius:5px;align-items:center;gap:5px;margin-left:auto;padding:5px 8px;font-size:9px;display:flex}.arsenal-warning{color:#d7bd8b;background:#c99a5720;border:1px solid #d3a35d40;border-radius:7px;margin-bottom:15px;padding:10px 14px;font-size:11px}.arsenal-layout{grid-template-columns:215px minmax(0,1fr);gap:25px;display:grid}.arsenal-catalog{flex-direction:column;gap:6px;max-height:630px;padding-right:6px;display:flex;overflow:auto}.arsenal-catalog>button{text-align:left;background:#0d211b30;border:1px solid #bbd0ac24;border-radius:7px;align-items:center;gap:8px;min-height:57px;padding:9px 10px 9px 6px;display:flex}.arsenal-catalog>button.selected{background:#c4ad6713;border-color:#d1b878}.arsenal-catalog>button.locked .weapon-art{opacity:.6}.arsenal-catalog strong{margin-bottom:5px;font-size:10px;display:block}.arsenal-catalog small{color:#8fa389;font-size:8px}.arsenal-catalog>button>svg:last-child:not(.weapon-art){color:#a4b58b;flex:none;margin-left:auto}.arsenal-detail{min-width:0}.arsenal-weapon-heading{align-items:center;gap:18px;margin:0 0 20px;display:flex}.arsenal-weapon-picture{background:radial-gradient(#b5c49b1a,#0000);border:1px solid #c5b88430;border-radius:13px;flex:none;place-items:center;width:116px;height:116px;display:grid}.arsenal-weapon-heading .eyebrow{letter-spacing:1.3px;font-size:8px}.arsenal-weapon-heading h3{margin:8px 0;font:29px Georgia,serif}.arsenal-weapon-heading p{color:#aebda4;font-size:11px;line-height:1.7}.weapon-stat-grid{border-top:1px solid var(--arena-line);border-bottom:1px solid var(--arena-line);grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:17px;padding:16px 0;display:grid}.weapon-stat-grid>span{color:#8fa387;flex-direction:column;gap:6px;font-size:8px;display:flex}.weapon-stat-grid b{color:#e1d9bc;font-size:17px;font-weight:600}.weapon-action-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.weapon-action-row>button{min-height:38px;padding:10px 14px;font-size:10px}.arena-cost{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.arena-cost>span{color:#acbea0;background:#c6dcbb07;border:1px solid #b9c7a922;border-radius:4px;padding:4px 7px;font-size:9px}.arena-cost>span.missing{color:#d6a18d;border-color:#dba08a30}.upgrade-preview{color:#a8b694;margin-top:9px;font-size:9px}.element-tree-heading{border-top:1px solid var(--arena-line);justify-content:space-between;align-items:end;gap:12px;margin-top:23px;padding-top:23px;display:flex}.element-tree-heading .eyebrow{font-size:8px}.element-tree-heading h4{margin-top:6px;font:21px Georgia,serif}.element-tree-heading>small{color:#94a58a;text-align:right;max-width:100px;font-size:8px;line-height:1.5}.element-tree{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:20px;display:grid;position:relative}.element-tree:before{content:"";background:#b1c09e33;height:1px;position:absolute;top:24px;left:10%;right:10%}.element-node{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.element-icon{border:1px solid var(--element-color);width:47px;height:47px}@supports (color:color-mix(in lab,red,red)){.element-icon{border:1px solid color-mix(in srgb,var(--element-color) 60%,transparent)}}.element-icon{color:var(--element-color);z-index:1;background:#1b2c25;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 0 4px #1e3027}.element-node.learned .element-icon{background:var(--element-color)}@supports (color:color-mix(in lab,red,red)){.element-node.learned .element-icon{background:color-mix(in srgb,var(--element-color) 17%,#1b2c25)}}.element-node.learned .element-icon{box-shadow:0 0 0 4px #1e3027,0 0 15px var(--element-color)}@supports (color:color-mix(in lab,red,red)){.element-node.learned .element-icon{box-shadow:0 0 0 4px #1e3027,0 0 15px color-mix(in srgb,var(--element-color) 20%,transparent)}}.element-node>strong{color:var(--element-color);margin-top:13px;font-size:10px}.element-level{color:#9bad8e;margin-top:5px;font-size:9px}.element-pips{gap:3px;margin-top:7px;display:flex}.element-pips>i{background:#c3d0b21c;border-radius:2px;width:8px;height:4px}.element-pips>i.filled{background:var(--element-color)}.element-node>p{color:#96aa8b;min-height:66px;margin:11px 0 8px;font-size:8px;line-height:1.6}.element-node>.arena-cost{justify-content:center;gap:3px;margin-top:auto}.element-node .arena-cost>span{padding:3px 4px;font-size:7px}.element-node>button{border:1px solid var(--element-color);width:100%;margin-top:10px;font-size:8px}@supports (color:color-mix(in lab,red,red)){.element-node>button{border:1px solid color-mix(in srgb,var(--element-color) 30%,transparent)}}.element-node>button{color:var(--element-color);background:var(--element-color);border-radius:4px;justify-content:center;align-items:center;gap:1px;padding:7px 3px;display:flex}@supports (color:color-mix(in lab,red,red)){.element-node>button{background:color-mix(in srgb,var(--element-color) 7%,transparent)}}.element-node>button:disabled{opacity:.4}.element-max{color:var(--element-color);align-items:center;gap:3px;margin-top:auto;font-size:8px;display:flex}.element-node>button.element-activate{color:#99ac8f;background:0 0;border-color:#b2c79b25;margin-top:5px}.element-node>button.element-activate.active{color:var(--element-color);background:var(--element-color)}@supports (color:color-mix(in lab,red,red)){.element-node>button.element-activate.active{background:color-mix(in srgb,var(--element-color) 10%,transparent)}}.element-note{color:#81977d;margin-top:16px;font-size:9px;line-height:1.6}.rail-loading{z-index:45;background:radial-gradient(at 50% 40%,#2d4538,#152820 55%,#10201c);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.rail-loading-grain{opacity:.2;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#d8cfab06 4px);position:absolute;inset:0}.rail-loading-route{opacity:.55;background:repeating-linear-gradient(90deg,#0000,#0000 48px,#b9a57712 49px 56px,#0000 57px);border-top:1px solid #adbd9420;border-bottom:1px solid #adbd9420;height:60px;position:absolute;top:53%;left:0;right:0;transform:rotate(-12deg)scale(1.2)}.rail-loading-route>span{background:#20372a;border:1px solid #b2bf912c;border-radius:50%;width:8px;height:8px;position:absolute;top:28px}.rail-loading-route>span:first-child{left:12%}.rail-loading-route>span:nth-child(2){left:28%}.rail-loading-route>span:nth-child(3){left:50%}.rail-loading-route>span:nth-child(4){left:72%}.rail-loading-route>span:nth-child(5){left:88%}.rail-loading-center{z-index:1;text-align:center;max-width:470px;padding:30px;position:relative}.rail-loading-center>.eyebrow{letter-spacing:3px;color:#9cae8e;font-size:9px}.rail-loading-art{width:220px;margin:40px auto 0;animation:rail-wagon-bob 2s ease-in-out infinite}.rail-loading-art svg{filter:drop-shadow(0 10px 20px #08130d55);width:100%;display:block}.rail-loading-dots{justify-content:center;gap:9px;height:20px;margin-top:13px;display:flex}.rail-loading-dots>i{background:#d1b576;border-radius:50%;width:6px;height:6px;animation:rail-dot-bob 1.2s ease-in-out infinite}.rail-loading-dots>i:nth-child(2){animation-delay:.16s}.rail-loading-dots>i:nth-child(3){animation-delay:.32s}.rail-loading-center h2{color:#e7dfbe;letter-spacing:-.6px;margin-top:13px;font:32px Georgia,serif}.rail-loading-center>p{color:#a7b69a;margin-top:13px;font-size:11px;line-height:1.8}.rail-loading-tip{border-top:1px solid #aebc9524;flex-direction:column;align-items:center;gap:10px;margin-top:50px;padding-top:20px;display:flex}.rail-loading-tip>small{letter-spacing:1.4px;color:#8e9f7b;font-size:8px}.rail-loading-tip>span{color:#c0c9a5;font-size:10px;line-height:1.8}.rail-loading-mile{letter-spacing:2px;color:#6d856b;font-size:8px;position:absolute;bottom:30px}.rail-loading-actions{justify-content:center;gap:10px;margin-top:20px;display:flex}.rail-loading-actions>button{font-size:11px}.reduced .rarity-epic:after{opacity:.5;animation:none}.reduced .rail-loading-art,.reduced .rail-loading-dots>i{animation:none}@keyframes epic-breathe{0%,to{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}@keyframes rail-wagon-bob{50%{transform:translateY(-4px)rotate(-.5deg)}}@keyframes rail-dot-bob{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}@media (max-width:1100px){.arena-topbar{gap:15px}.arena-logo{padding-right:14px}.arena-logo strong{font-size:17px}.arena-bottom{gap:12px}.arena-vitals{width:260px}.arena-weapon-slot{min-width:195px;padding:12px}.arena-abilities>:is(button,.auto-attack){width:52px;height:55px}.arsenal-layout{grid-template-columns:180px minmax(0,1fr);gap:18px}.element-tree{gap:5px}.element-node>p{font-size:7.5px}.arena-card{padding:15px}.arena-card h3{font-size:23px}}@media (max-width:850px){.arena-topbar{gap:12px;height:57px;padding:0 12px;top:12px;left:15px;right:15px}.arena-logo strong{display:none}.arena-logo{padding-right:12px}.wave-status{min-width:130px}.wave-status b{font-size:16px}.wave-meta{gap:13px;font-size:10px}.arena-xp{top:78px;left:15px;right:15px}.arena-xp-hint{display:none}.arena-party{width:170px;top:151px;left:15px}.arena-bottom{bottom:20px;left:15px;right:15px}.arena-vitals{width:230px}.arena-weapon-slot{gap:5px;min-width:175px;max-width:190px;padding:10px 8px}.arena-weapon-slot>.weapon-art{width:37px}.arena-weapon-slot strong{font-size:11px}.arena-weapon-slot small{font-size:8px}.arena-abilities{gap:7px}.arena-abilities>:is(button,.auto-attack){width:42px;height:48px}.arena-abilities :is(kbd,.auto-label){padding:3px 4px;font-size:7px}.arena-selection{padding:17px 20px}.arena-selection h2{font-size:30px}.arena-cards{gap:11px}.arena-card{min-height:325px;padding:13px}.card-picture{height:110px}.arena-card h3{font-size:21px}.arena-card>p{font-size:10px}.arsenal-layout{grid-template-columns:150px minmax(0,1fr);gap:15px}.arsenal-catalog>button{gap:4px;padding:8px 6px}.arsenal-catalog strong{font-size:9px}.arsenal-catalog .weapon-art{width:30px}.arsenal-weapon-heading{gap:12px}.arsenal-weapon-picture{width:80px;height:90px}.arsenal-weapon-picture .weapon-art{width:70px}.arsenal-weapon-heading h3{font-size:25px}.weapon-stat-grid{gap:7px}.weapon-stat-grid b{font-size:14px}.element-tree{grid-template-columns:repeat(3,1fr);gap:18px 9px}.element-tree:before{display:none}.element-node>p{min-height:44px;font-size:8px}.element-node>button{font-size:9px}.permanent-label{display:none}}@media (max-width:600px){.arena-topbar{gap:8px}.arena-logo{display:none}.wave-meta{gap:8px;margin-left:auto}.wave-meta>span:first-child{display:none}.arena-quick-nav{gap:4px}.arena-quick-nav>button{width:28px;height:30px}.arena-connection{display:none}.wave-status{min-width:120px}.arena-xp{gap:10px;padding:7px}.arena-level{width:38px;height:37px}.arena-xp-label>strong{letter-spacing:1px;font-size:8px}.arena-xp-label>span{font-size:10px}.arena-party{width:150px;padding:7px 9px;top:145px}.arena-bottom{flex-wrap:wrap;gap:9px}.arena-vitals{width:calc(100% - 189px);min-width:135px;padding:10px}.arena-class{display:none}.arena-vitals-title{flex-wrap:wrap;gap:5px;margin-bottom:7px}.arena-vitals-title>strong{font-size:10px}.arena-vitals-title>span:last-child{margin-left:0;font-size:8px}.arena-vitals>small{font-size:7px;line-height:1.5}.arena-weapon-slot{opacity:.93;order:-1;min-width:180px;max-width:195px;position:absolute;bottom:108px;left:0}.arena-abilities{gap:6px}.arena-abilities>:is(button,.auto-attack){width:39px;height:45px}.arena-abilities>:is(button,.auto-attack)>svg{width:20px}.arena-selection-shade{align-items:flex-start;padding:10px}.arena-selection{border-radius:12px;max-height:calc(100dvh - 20px);padding:16px 13px}.selection-topline{padding-bottom:12px}.selection-topline>span{letter-spacing:1px;font-size:7px}.arena-selection>header{padding:16px 0}.selection-star{display:none}.arena-selection h2{margin:8px 0;font-size:26px}.arena-selection>header>p:last-child{font-size:10px}.arena-cards{grid-template-columns:1fr;gap:12px;margin-bottom:18px}.arena-card{grid-template-columns:70px minmax(0,1fr);column-gap:13px;min-height:0;padding:13px;display:grid}.card-rarity{grid-column:1/-1;margin-bottom:9px;font-size:9px}.card-picture{grid-area:2/1/6;align-self:center;height:95px;margin:0}.card-picture .weapon-art{width:76px;height:76px}.card-picture>svg:not(.weapon-art){width:44px}.card-picture:before{border-radius:10px;width:57px;height:57px}.card-kind{grid-column:2;font-size:7px}.arena-card h3{margin:5px 0;font-size:21px}.arena-card>p{min-height:0;margin-bottom:8px;font-size:10px}.card-level{grid-column:2;margin-bottom:9px;font-size:8px}.card-choose{grid-column:2;padding-top:8px;font-size:9px}.arena-selection>footer>p{font-size:8px;line-height:1.7}.selection-members{gap:10px}.selection-members>span{font-size:9px}.arsenal-intro{gap:10px;margin-bottom:17px}.arsenal-intro h3{font-size:23px}.arsenal-intro p{font-size:9px;line-height:1.6}.arsenal-stamp{width:42px;height:42px}.arsenal-layout{grid-template-columns:1fr;gap:22px}.arsenal-catalog{grid-template-columns:repeat(2,1fr);gap:5px;max-height:210px;display:grid}.arsenal-catalog>button{min-height:48px}.arsenal-catalog strong{font-size:9px}.arsenal-catalog small{font-size:7px}.arsenal-weapon-heading h3{font-size:26px}.weapon-stat-grid b{font-size:14px}.weapon-stat-grid>span{font-size:7px}.element-tree{grid-template-columns:repeat(3,1fr);gap:20px 11px}.element-node>p{min-height:57px}.rail-loading-center{max-width:380px;padding:25px}.rail-loading-center>.eyebrow{letter-spacing:2px;font-size:8px}.rail-loading-center h2{font-size:27px}.rail-loading-art{width:190px;margin-top:32px}.rail-loading-tip{margin-top:35px}}.material-stack{z-index:8;pointer-events:none;flex-direction:column;gap:8px;width:150px;display:flex;position:absolute;top:164px;left:26px}.material-stack-title{letter-spacing:1.7px;color:#e0e2c5;text-shadow:0 1px 4px #000;margin-bottom:1px;padding-left:7px;font-size:8px}.material-pill{background:linear-gradient(100deg,#334637f5,#1c2e24f5);border:2px solid #17261e;border-radius:30px;align-items:center;gap:8px;height:48px;padding:3px 15px 3px 3px;transition:border-color .18s,box-shadow .18s;display:flex;box-shadow:0 3px #0c191a70,inset 0 1px #c2d2a52b}.material-image{background:#14251e;border:1px solid #bccea047;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 -3px #0003}.material-amount{flex-direction:column;flex:1;align-items:flex-end;gap:2px;display:flex}.material-amount small{color:#adbd9a;letter-spacing:.5px;font-size:7px}.material-amount strong{font-variant-numeric:tabular-nums;color:#f1e6bb;font-size:16px;font-weight:800;line-height:18px}.material-changed{border-color:#d6d893;box-shadow:0 0 18px #c5df8950,inset 0 0 12px #b9d17618}.material-changed .material-amount strong{color:#e8ffba}.comic-ui .cargo-hud{display:none}.comic-ui:not(.arena-active) .quest{top:103px;left:202px}.comic-ui:not(.arena-active) .party-hud{top:415px}.arena-active .arena-party{top:425px}.arena-vitals{width:320px;padding:15px 17px}.arena-vitals-title>span:last-child{color:#f3dac3;font-size:14px;font-weight:800}.arena-vitals-title>strong{font-size:14px}.arena-health{height:16px}.arena-abilities{padding-bottom:25px}.arena-abilities>:is(button,.auto-attack){width:64px;height:65px}.arena-abilities :is(kbd,.auto-label){z-index:3}.arena-abilities b{font-variant-numeric:tabular-nums;flex-direction:column;justify-content:center;align-items:center;font-size:23px;display:flex}.arena-abilities b>small{letter-spacing:1.5px;color:#adbea4;margin-top:1px;font-size:7px}.ability-name{white-space:nowrap;color:#d8dec0;text-shadow:0 1px 3px #000;font-size:8px;position:absolute;top:calc(100% + 17px);left:50%;transform:translate(-50%)}.comic-ui .xp-wrap{background:#17251ff2;border:1px solid #b6c68c50;border-radius:8px;gap:14px;height:34px;padding:7px 12px;font-size:11px}.comic-ui .xp-wrap>div{height:12px}.comic-ui .xp-wrap>span>b{font-size:16px}.comic-ui .hud-bottom{bottom:77px}.comic-ui .health-label>span{font-size:13px}.comic-ui .hp-track{height:13px}.comic-ui .abilitybar .cooldown{font-size:22px}.comic-ui .abilitybar :is(kbd,.auto-label){z-index:2}@media (max-width:1000px){.arena-vitals{width:270px}.arena-abilities>:is(button,.auto-attack){width:49px;height:55px}.arena-bottom{gap:10px}}@media (max-width:850px){.material-stack{gap:6px;width:128px;top:151px;left:15px}.material-pill{gap:5px;height:42px;padding-right:11px}.material-image{width:32px;height:32px}.material-image svg{width:29px;height:29px}.material-amount strong{font-size:14px}.material-stack-title{font-size:7px}.arena-active .arena-party{width:155px;top:367px}.comic-ui:not(.arena-active) .quest{width:240px;top:99px;left:160px}.arena-vitals{width:235px}.arena-vitals-title>span:last-child{font-size:11px}.arena-abilities>:is(button,.auto-attack){width:42px;height:50px}}@media (max-width:600px){.material-stack{gap:5px;width:110px;top:145px}.material-pill{height:37px;padding-right:10px}.material-image{width:28px;height:28px}.material-image svg{width:26px;height:26px}.material-amount strong{font-size:13px;line-height:14px}.material-amount small{font-size:6px}.arena-active .arena-party{width:132px;top:340px}.comic-ui:not(.arena-active) .quest{width:calc(100% - 212px);padding:9px;top:85px;left:142px}.comic-ui:not(.arena-active) .quest .quest-icon{display:none}.comic-ui:not(.arena-active) .quest p{font-size:8px}.comic-ui:not(.arena-active) .party-hud{width:150px;top:340px}.arena-vitals{width:calc(100% - 187px);min-width:130px;padding:10px}.arena-vitals-title>span:last-child,.arena-vitals-title>strong{font-size:11px}.arena-health{height:13px}.arena-abilities>:is(button,.auto-attack){width:39px;height:46px}.arena-abilities b{font-size:20px}.ability-name{white-space:normal;text-align:center;max-width:67px;font-size:7px;line-height:1.3;top:calc(100% + 16px)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}