.cartoon-scene{--feet: calc(var(--battle-scene-party-anchor, .43) * 100% + 6%);--unit: min(20cqh, 30cqw, 200px);container-type:size;background:var(--cartoon-bg)}.cartoon-camp{--feet: 37%;--unit: min(28cqh, 31cqw, 165px)}.camp-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.cartoon-camp.is-departing .cartoon-actor--hero{animation:camp-depart 1.8s ease-in forwards}@keyframes camp-depart{to{transform:translate(-50%,-220%) scale(.6);opacity:0}}.cartoon-scene.is-paused *,.cartoon-scene.is-still *{animation-play-state:paused!important}.cartoon-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(120% 60% at 50% var(--feet),color-mix(in srgb,var(--cartoon-rock-b) 40%,transparent),transparent 70%),linear-gradient(180deg,var(--cartoon-bg) 0%,var(--cartoon-deep) 55%,var(--cartoon-bg) 100%)}.cartoon-far{position:absolute;left:0;right:0;top:calc(var(--feet) - 34%);height:36%;overflow:hidden;opacity:.75}.cartoon-far__strip,.cartoon-ground__strip{position:absolute;inset:0 auto 0 0;width:200%;will-change:transform;animation:cartoon-scroll 26s linear infinite paused}.cartoon-far__strip{background:radial-gradient(28% 70% at 12% 100%,var(--cartoon-rock-c) 0 60%,transparent 61%),radial-gradient(22% 55% at 31% 100%,var(--cartoon-rock-a) 0 60%,transparent 61%),radial-gradient(30% 80% at 52% 100%,var(--cartoon-rock-b) 0 60%,transparent 61%),radial-gradient(20% 50% at 73% 100%,var(--cartoon-rock-a) 0 60%,transparent 61%),radial-gradient(26% 66% at 92% 100%,var(--cartoon-rock-c) 0 60%,transparent 61%),radial-gradient(3% 6% at 40% 60%,var(--cartoon-crystal),transparent 70%),radial-gradient(2.5% 5% at 83% 48%,var(--cartoon-crystal),transparent 70%);background-size:50% 100%;filter:brightness(.55)}.cartoon-ground{position:absolute;left:0;right:0;top:calc(var(--feet) - 2%);bottom:0;overflow:hidden;background:linear-gradient(180deg,var(--cartoon-rock-a),var(--cartoon-deep) 45%,var(--cartoon-bg));box-shadow:0 -2px color-mix(in srgb,var(--cartoon-rock-c) 70%,#000)}.cartoon-ground__strip{animation-duration:3.2s;background:radial-gradient(5% 9% at 10% 14%,color-mix(in srgb,var(--cartoon-rock-c) 80%,#000) 0 55%,transparent 60%),radial-gradient(3% 6% at 36% 26%,color-mix(in srgb,var(--cartoon-rock-b) 80%,#000) 0 55%,transparent 60%),radial-gradient(6% 8% at 63% 10%,color-mix(in srgb,var(--cartoon-rock-c) 70%,#000) 0 55%,transparent 60%),radial-gradient(4% 7% at 85% 30%,color-mix(in srgb,var(--cartoon-rock-b) 70%,#000) 0 55%,transparent 60%);background-size:25% 100%}.cartoon-scene.is-travelling .cartoon-far__strip,.cartoon-scene.is-travelling .cartoon-ground__strip{animation-play-state:running}.cartoon-glow{position:absolute;top:calc(var(--feet) - 30%);width:46%;height:40%;background:radial-gradient(closest-side,color-mix(in srgb,var(--cartoon-torch) 30%,transparent),transparent);pointer-events:none}.cartoon-glow--left{left:-10%}.cartoon-glow--right{right:-10%}.cartoon-stage{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cartoon-actor{--size: calc(var(--unit) * var(--scale, 1));position:absolute;left:var(--x);top:calc(var(--feet) + var(--y) * .6%);width:var(--size);height:var(--size);transform:translate(-50%,-88%)}.cartoon-actor--enemy .cartoon-sprite{transform:scaleX(-1)}.cartoon-actor__shadow{position:absolute;left:25%;right:25%;bottom:9%;height:7%;border-radius:50%;background:#00000073}.cartoon-actor.is-dead{animation:cartoon-fade .6s 1.4s ease-in both}.cartoon-actor--hero.is-dead{animation:none;opacity:.7}.cartoon-sprite{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.cartoon-sprite__sheet{position:absolute;left:0;top:0;width:calc(var(--cols) * 100%);height:calc(var(--rows) * 100%);background-image:var(--sheet);background-size:100% 100%;will-change:transform;transform:translate3d(0,calc(var(--row) * -100% / var(--rows)),0);animation:cartoon-frames var(--seconds) steps(var(--frames),jump-none) var(--repeat) both}.cartoon-sprite.is-pending:before{content:"";position:absolute;left:38%;right:38%;top:22%;bottom:12%;border-radius:40% 40% 18% 18%;background:var(--tone);opacity:.55}.cartoon-actor__health{position:absolute;left:32%;right:32%;top:6%;height:4px;border-radius:2px;background:#0009;overflow:hidden}.cartoon-actor__health span{display:block;height:100%;background:#c8553d;transform-origin:left center}.cartoon-fx{position:absolute;left:var(--x);top:calc(var(--feet) + var(--y) * .6% - var(--unit) * var(--scale, 1) * .5);pointer-events:none}.cartoon-fx--number{z-index:200;font:800 clamp(14px,4vw,20px) / 1 system-ui,sans-serif;color:#f4ead8;text-shadow:0 2px 0 #000,0 0 4px #000;animation:cartoon-rise .9s ease-out both}.cartoon-fx--number span{display:block;transform:translate(-50%)}.cartoon-fx--number.is-heal{color:#8fe0b4}.cartoon-fx--number.is-crit{color:#ffd36a;font-size:clamp(18px,5vw,26px)}.cartoon-fx--burst,.cartoon-fx--glow,.cartoon-fx--wave{z-index:40;width:calc(var(--unit) * .7);height:calc(var(--unit) * .7);margin:calc(var(--unit) * -.35) 0 0 calc(var(--unit) * -.35);border-radius:50%;border:3px solid var(--color);box-shadow:0 0 14px var(--color),inset 0 0 10px var(--color);animation:cartoon-burst .55s ease-out both}.cartoon-fx--burst.is-big{animation-duration:.9s;border-width:4px}.cartoon-fx--glow{border:0;background:radial-gradient(closest-side,color-mix(in srgb,var(--color) 70%,transparent),transparent);box-shadow:none}.cartoon-fx--wave{top:var(--feet);width:calc(var(--unit) * 2.2);height:calc(var(--unit) * .5);margin:calc(var(--unit) * -.25) 0 0 calc(var(--unit) * -1.1);animation-duration:.7s}.cartoon-fx--shot{z-index:150;width:0;height:0;animation:cartoon-shot .28s linear both}.cartoon-fx--shot span{position:absolute;left:-9px;top:-3px;width:18px;height:6px;border-radius:3px;background:var(--color);box-shadow:0 0 8px var(--color)}.cartoon-scene__baking{position:absolute;left:50%;top:calc(var(--feet) + 4%);transform:translate(-50%);padding:4px 10px;border-radius:999px;background:#00000080;color:#e8dcc6;font-size:12px}@keyframes cartoon-frames{0%{transform:translate3d(0,calc(var(--row) * -100% / var(--rows)),0)}to{transform:translate3d(calc((var(--frames) - 1) * -100% / var(--cols)),calc(var(--row) * -100% / var(--rows)),0)}}@keyframes cartoon-scroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@keyframes cartoon-fade{to{opacity:0}}@keyframes cartoon-rise{0%{transform:translateZ(0);opacity:1}70%{opacity:1}to{transform:translate3d(0,-42px,0);opacity:0}}@keyframes cartoon-burst{0%{transform:scale(.3);opacity:.95}to{transform:scale(1.35);opacity:0}}@keyframes cartoon-shot{0%{transform:translateZ(0);opacity:1}to{transform:translate3d(calc(var(--dx) * 1cqw),calc(var(--dy) * .6cqh),0);opacity:.8}}.sprite-portrait{position:relative}.sprite-portrait .cartoon-sprite{inset:auto;left:50%;top:50%;width:min(100%,280px);aspect-ratio:1;transform:translate(-50%,-50%)}.sprite-portrait.is-paused *{animation-play-state:paused!important}.battle-scene{position:relative;width:100%;height:100%;min-height:260px;overflow:hidden;isolation:isolate;background:#080a0c;color:#eee8dd;font-family:system-ui,sans-serif}.battle-scene__canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.battle-scene__canvas canvas{display:block;width:100%;height:100%;touch-action:manipulation}.battle-scene__labels{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.combat-float{color:#fff1d0;font:800 13px system-ui,sans-serif;text-shadow:0 2px 2px #000,1px 0 2px #000,-1px 0 2px #000;white-space:nowrap}.combat-float--heal{color:#a4ffac;font-size:11px}.combat-float--critical{color:#ffe08a;font-size:17px}.battle-scene__metrics{position:absolute;z-index:2;top:var(--battle-scene-metrics-top, max(8px, env(safe-area-inset-top)));right:var(--battle-scene-metrics-right, max(8px, env(safe-area-inset-right)));bottom:var(--battle-scene-metrics-bottom, auto);left:var(--battle-scene-metrics-left, auto);display:grid;gap:2px;padding:6px 8px;border:1px solid rgb(232 222 201 / 16%);border-radius:8px;background:#0c0d0ec2;color:#d6d2c9;font-size:9px;line-height:1.2;font-variant-numeric:tabular-nums;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.battle-scene__metrics strong{color:#f0c875;font-size:10px;font-weight:700}.battle-scene__map{position:absolute;z-index:2;top:var(--battle-scene-map-top, max(8px, env(safe-area-inset-top)));right:var(--battle-scene-map-right, auto);bottom:var(--battle-scene-map-bottom, auto);left:var(--battle-scene-map-left, max(8px, env(safe-area-inset-left)));width:var(--battle-scene-map-width, clamp(44px, 15vw, 72px));height:var(--battle-scene-map-height, clamp(90px, 28vh, 140px));overflow:visible;border:1px solid rgb(232 222 201 / 20%);border-radius:10px;background:#0c0d0eb8;pointer-events:none}.battle-scene__map-outline{fill:none;stroke:#8a806f;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.battle-scene__map-explored{fill:none;stroke:#e3b863;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:.85}.battle-scene__map-party{fill:#f0c875;stroke:#201b14;stroke-width:1.5}.battle-scene__map-enemy{fill:#d66b55;stroke:#251a17;stroke-width:1}.battle-scene__map-boss{fill:#dfab53;stroke:#281e15;stroke-width:1.2}.battle-scene__dim{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;background:#000000ad;pointer-events:none;transition:background .6s ease}.battle-scene__recovery{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;display:grid;align-content:center;justify-items:center;gap:12px;padding:24px;background:#070809f0;color:#eee8dd;text-align:center;pointer-events:auto}.battle-scene__recovery p{max-width:28rem;margin:0;line-height:1.5}.battle-scene__recovery button{min-height:42px;padding:8px 18px;border:1px solid #c9944a;border-radius:9px;background:#38281b;color:#f3e5cd;font:inherit;font-weight:700;cursor:pointer}.battle-scene__recovery button:focus-visible{outline:2px solid #f0c875;outline-offset:3px}.battle-scene__asset-warning{position:absolute;z-index:2;bottom:var(--battle-scene-warning-bottom, max(8px, env(safe-area-inset-bottom)));left:var(--battle-scene-warning-left, 8px);pointer-events:auto;max-width:min(90%,28rem);padding:6px 9px;border:1px solid rgb(232 173 98 / 35%);border-radius:8px;background:#120e0bdb;color:#e8c89c;font-size:10px;line-height:1.35}.battle-scene__asset-warning details{margin-top:3px}.battle-scene__asset-warning summary{cursor:pointer}.battle-scene__asset-warning code{display:block;max-height:5rem;overflow:auto;margin-top:4px;color:#d7d0c4;overflow-wrap:anywhere}@media(prefers-reduced-motion:reduce){.battle-scene__dim{transition:none}}.battle-scene__map-pocket{fill:none;stroke:#6c6457;stroke-width:1.8;stroke-linecap:round}.battle-scene__map-cavern{fill:#5d5548;opacity:.85}.battle-scene__map-arena{fill:#4a2a24;stroke:#a05a44;stroke-width:1}.spirit-callout{color:var(--spirit);font:italic 900 16px Georgia,serif;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-shadow:0 0 10px var(--spirit),0 2px 2px #000,1px 0 2px #000,-1px 0 2px #000}.spirit-callout span{display:inline-block;animation:spirit-callout-pop .35s ease-out}@keyframes spirit-callout-pop{0%{transform:scale(.4)}70%{transform:scale(1.18)}to{transform:scale(1)}}.spirit-callout small{display:block;margin-top:1px;font:800 9px system-ui,sans-serif;font-style:normal;letter-spacing:.08em;text-align:center;color:#fff4dc;text-shadow:0 1px 2px #000,0 0 6px var(--spirit)}.spirit-callout--cast{font-size:15px;text-align:center}.spirit-callout--interrupt{font-size:18px}@media(prefers-reduced-motion:reduce){.spirit-callout span{animation:none}}.battle-scene__dim{display:grid;place-items:start center;padding-top:32vh}.battle-scene__rest{display:grid;justify-items:center;gap:4px;padding:14px 22px;border-radius:10px;background:#080e16b8;border:1px solid rgb(240 199 107 / 30%);color:#f2e2b8;text-align:center;animation:battle-scene-rest 1.2s ease-out both}.battle-scene__rest small{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#b9c6cf}.battle-scene__rest strong{font-family:Georgia,serif;font-size:22px}.battle-scene__rest span{font-size:13px;color:#d7d0c4}.battle-scene__rest em{margin-top:4px;font-size:11px;font-style:normal;color:#8fa0ab}@keyframes battle-scene-rest{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.battle-scene__rest{animation:none}}.battle-scene__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-content:start center;justify-items:center;gap:8px;padding-top:30vh;background:radial-gradient(circle at 50% 38%,#1b2633,#0b1118 70%);color:#f2e2b8;text-align:center;pointer-events:none}.battle-scene__loading img{animation:battle-scene-loading 1.6s ease-in-out infinite}.battle-scene__loading strong{font-family:Georgia,serif;font-size:20px}.battle-scene__loading small{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#8fa0ab}@keyframes battle-scene-loading{0%,to{opacity:.75;transform:scale(.96)}50%{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.battle-scene__loading img{animation:none}}.battle-scene--covering .battle-scene__labels{visibility:hidden}.camp-home{height:100%;min-height:0;display:flex;flex-direction:column;pointer-events:auto;background:#101e26;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3e5061 #0e1928}.camp-wave-clock{flex-shrink:0;display:grid;grid-template-columns:1fr auto;gap:5px 8px;padding:8px 14px;background:#12222c;border-bottom:1px solid #b9c9b633}.camp-wave-clock>div:first-child{display:grid;gap:3px;font-size:11px;font-variant-numeric:tabular-nums}.camp-wave-clock strong{color:#ead9aa}.camp-wave-clock button{min-height:36px;border:1px solid #b4c6b747;border-radius:6px;background:#20343b;padding:5px 9px;font-size:11px}.camp-wave-clock>.progress,.camp-wave-clock>small{grid-column:1 / -1}.camp-wave-clock small{color:#98b1b8;font-size:9px}.camp-wave-actions{display:flex;align-items:center;gap:5px}.camp-wave-actions button{padding:5px 7px;font-size:10px}.camp-depth{display:flex;align-items:center;gap:7px;color:var(--gold)}.camp-depth>span{display:grid;gap:2px;color:#a9babe;text-align:right;font-size:8px}.camp-depth b{font:20px/1 Georgia,serif;color:#ecd8ab}.camp-income{flex-shrink:0;display:grid;grid-template-columns:.8fr 1fr 1fr auto;align-items:center;gap:8px;margin:0;width:100%;padding:9px 18px;border:0;border-top:1px solid #97adae20;border-bottom:1px solid #b9c9b633;background:#12222c;text-align:left}.camp-income>span{display:grid;gap:3px}.camp-income small{font-size:8px;color:#91aaae;letter-spacing:.5px}.camp-income strong{font-size:13px;color:#e6debf;white-space:nowrap}.camp-income .camp-income-grade{display:flex;align-items:center;gap:6px}.camp-income .grade-badge{height:26px;min-width:26px;font-size:16px}.camp-income>svg{color:#8ca3a9}.camp-world{flex:1 0 420px;min-height:420px;position:relative;overflow:hidden;isolation:isolate;background:#20342f}.camp-world-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;--battle-scene-party-anchor: .5}.camp-world-scene>.battle-scene{min-height:0;height:100%}.camp-world-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(#0c1c2480,transparent 22%,transparent 65%,#0c1c2470);box-shadow:inset 0 0 45px #06141c45}.camp-watch{display:flex;align-items:center;justify-content:center;gap:6px;margin:12px auto 0;width:fit-content;max-width:calc(100% - 24px);padding:5px 10px;background:#10232cbd;border:1px solid #c5d6b626;border-radius:30px;color:#d3ddd1;font-size:9px;letter-spacing:.6px}.camp-watch i{width:4px;height:4px;flex:none;border-radius:100%;background:#b6d59c;box-shadow:0 0 7px #b6d59c99}.camp-locations{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.camp-location{position:absolute;display:grid;justify-items:center;gap:3px;width:102px;padding:8px 4px;pointer-events:auto;border:0;border-radius:8px;background:radial-gradient(ellipse at 50% 65%,#0a1929d9,#0a192960 60%,transparent 75%);text-shadow:0 2px 4px #000}.camp-location:hover{background:radial-gradient(ellipse,#293e40e8,transparent 75%)}.camp-location-icon{display:grid;place-items:center;width:25px;height:25px;color:#f0d99c;filter:drop-shadow(0 2px 3px #000)}.camp-location-icon>svg{transform:rotate(-4deg)}.camp-location strong{font:15px/1.1 Georgia,serif;color:#f9e9bd}.camp-location small{font-size:8px;color:#d3ded5}.camp-location--left{left:3px}.camp-location--right{right:3px}.camp-location--upper{top:58%}.camp-location--lower{bottom:6%}.camp-location--center{left:50%;transform:translate(-50%);bottom:1%}.camp-location--center .camp-location-icon{width:30px;height:30px}.camp-departure{position:relative;isolation:isolate;overflow:hidden;flex-shrink:0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;padding:12px 14px 5px;background:linear-gradient(140deg,#22343b,#101c27)}.camp-departure-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.camp-departure-heading>div{display:grid;gap:3px;text-shadow:0 2px 6px #000}.camp-departure-heading small{font-size:8px;color:#98b1b8}.camp-departure-heading strong{font:16px/1.2 Georgia,serif;color:#e4d9bc}.camp-departure-heading>span{display:flex;align-items:center;gap:4px;color:#a2b9af;font-size:8px}.camp-departure .camp-depth{display:none}.camp-raid-button.button{display:flex;justify-content:space-between;gap:8px;max-width:185px;min-height:43px;font:600 13px Georgia,serif;border-radius:5px}.camp-raid-button>span{flex:1;text-align:center}.camp-departure-options{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px;min-height:29px;padding-top:4px;font-size:9px;color:#aebfc2}.camp-departure-options>label{display:flex;gap:5px;align-items:center;cursor:pointer;min-height:24px}.camp-departure-options input{margin:0;accent-color:#dfbd76}.camp-departure-options>span{font-size:8px;color:#7f999f}.camp-gate{grid-column:1 / -1;grid-row:2;margin-top:6px;font-size:10px;color:#edcc91}.camp-report-skills{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.camp-report-skills>span{border:1px solid #617c8a55;border-radius:5px;padding:6px 8px;background:#142635;font-size:11px}.camp-home .grade-legend{margin-top:14px}.camp-town-title{position:absolute;top:51%;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:10px;color:#ead9aa;font:15px Georgia,serif;text-shadow:0 2px 4px #000;pointer-events:none}.camp-town-title>span{width:35px;height:1px;background:#dbca9970}.camp-fire{position:absolute;top:62%;left:50%;transform:translate(-50%);display:grid;justify-items:center;gap:3px;min-width:70px;min-height:48px;padding:5px;border:0;background:radial-gradient(ellipse,#241b17aa,transparent 75%);color:#ffcd87;text-shadow:0 2px 3px #000;font-size:10px}.camp-fire-benefits{padding-left:22px;display:grid;gap:14px;margin:18px 0;line-height:1.5;color:#e6debf}.camp-entrance-art{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;opacity:.65;background:radial-gradient(ellipse at 50% 100%,#83948a26,transparent 70%)}.camp-entrance-art>span{position:absolute;left:calc(50% - 34px);top:8px;width:68px;height:85px;border:10px solid #46565a;border-bottom:0;border-radius:45px 45px 0 0;background:#040c12;box-shadow:0 0 0 8px #2c3d43,0 0 0 18px #3a4b4c}.camp-entrance-art>i{position:absolute;left:30%;top:23px;width:5px;height:25px;background:#8a6743;transform:rotate(12deg)}.camp-entrance-art>i:after{content:"";position:absolute;top:-9px;left:-3px;width:10px;height:14px;border-radius:80% 10% 70% 40%;background:#ffc274;box-shadow:0 0 22px 10px #ef9b4733}.camp-entrance-art>i+i{left:auto;right:30%;transform:rotate(-12deg)}.camp-home.is-departing .camp-watch{color:#ffe1a0;border-color:#d7bc6c77}.camp-home.is-departing .camp-income{pointer-events:none}@media(max-width:350px){.camp-income{padding:8px 12px;gap:5px}.camp-income strong{font-size:11px}.camp-location{width:87px}.camp-location strong{font-size:13px}.camp-location--left{left:0}.camp-location--right{right:0}.camp-raid-button.button{max-width:140px;padding:8px;font-size:11px}}@media(max-height:700px){.camp-location{padding:4px 2px}.camp-location-icon,.camp-location--center .camp-location-icon{width:28px;height:28px;border-radius:7px}.camp-location strong{font-size:13px}.camp-town-title{font-size:16px}}:root{color-scheme:dark;font-family:Avenir Next,Segoe UI,sans-serif;color:#e8e4d9;background:#080e17;font-synthesis:none;--navy: #0c1522;--panel: #142131;--line: #2b3c4d;--muted: #9cabbc;--gold: #efc579;--frost: #a3dded;--green: #9ad2af;--red: #ef9d8b}*{box-sizing:border-box}body{margin:0;min-width:280px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable=true],pre,code{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}button,input,select,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.44}button,a,input,select,textarea,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--frost);outline-offset:3px}button{color:inherit}button svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,Times New Roman,serif;font-weight:500}h1{font-size:32px;line-height:1.15;letter-spacing:-.5px}h2{font-size:21px;line-height:1.25}h3{font-size:16px;line-height:1.3}p{line-height:1.6}svg{vertical-align:middle}small{font-size:10px}strong,b{font-weight:650}.muted{color:var(--muted);font-size:12px}.eyebrow{display:block;color:var(--gold);font:600 9px/1.5 Avenir Next,Segoe UI,sans-serif;letter-spacing:2px;text-transform:uppercase}.line{display:flex;align-items:center;justify-content:space-between;gap:7px}.line>span:first-child{display:flex;align-items:center;gap:5px}.flex-1{flex:1;min-width:0}.full-width{width:100%;margin-top:10px}.button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:7px;padding:9px 13px;border:1px solid #3a4b5c;border-radius:7px;background:linear-gradient(180deg,#253345,#1a2738);font-size:11px;font-weight:650;line-height:1.3}.button:not(:disabled):hover{border-color:var(--gold);filter:brightness(1.13)}.button.primary{color:#231d13;background:linear-gradient(140deg,#f1d29a,#c79953);border-color:#e6c286;box-shadow:0 3px 14px #0003,inset 0 1px #fff5}.button.accent{background:linear-gradient(135deg,#244452,#19303e);color:#c4eaf3;border-color:#486f7e}.button.danger{background:#482d2b;color:#f5b5a6;border-color:#784b43}.button.text-button{border:0;background:transparent;color:var(--frost);box-shadow:none}.button.icon-button{padding:8px;width:40px;min-width:40px;background:transparent;border-color:transparent}.button-row{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.button-row>.button{flex:1}.badge{display:inline-flex;align-items:center;gap:5px;color:#c8d6e5;border:1px solid #3d5064;background:#1c2a3b;border-radius:4px;padding:4px 7px;font:600 9px/1.3 Avenir Next,Segoe UI,sans-serif;white-space:nowrap}.badge.subtle{border-color:#2b4154;font-weight:500;color:var(--muted)}.badge.gold{color:var(--gold);border-color:#5d5037;background:#2b281f}.dot-divider{display:inline-block;vertical-align:middle;width:3px;height:3px;border-radius:50%;background:#718198;margin:0 8px}.spinner{width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress{height:5px;border-radius:3px;background:#030b13b8;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08}.progress>span{display:block;height:100%;background:linear-gradient(90deg,#9f6b30,#edc77c);border-radius:inherit;transition:width .2s linear}.progress.health>span{background:linear-gradient(90deg,#4a8f78,#98cbb0)}.progress.xp>span{background:linear-gradient(90deg,#3c728e,#b0e1ec)}.progress.fury>span{background:linear-gradient(90deg,#9c5838,#e9b46b)}.progress.cast>span{background:linear-gradient(90deg,#aa463d,#f6ac79)}.game-shell{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 15%,#243446,#101a28,#080e17 70%)}.desktop-brand{display:flex;position:fixed;top:44px;left:44px;flex-direction:column;gap:12px;width:180px;color:var(--gold)}.desktop-brand>span{font:25px/1.2 Georgia,serif}.desktop-brand>small{color:#7e91a4;line-height:1.6}.phone-frame{position:relative;display:flex;flex-direction:column;width:100%;max-width:460px;height:100dvh;max-height:1000px;isolation:isolate;overflow:hidden;background:var(--navy);box-shadow:0 24px 100px #0009}.scene-layer{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 45%,#203e43,#0b111c 75%);--battle-scene-map-top: auto;--battle-scene-map-bottom: calc(290px + env(safe-area-inset-bottom)) ;--battle-scene-map-left: 16px;--battle-scene-map-width: 48px;--battle-scene-map-height: 95px;--battle-scene-metrics-top: auto;--battle-scene-metrics-bottom: calc(290px + env(safe-area-inset-bottom)) ;--battle-scene-metrics-right: 16px}.scene-layer>*{width:100%;height:100%}.scene-layer canvas{display:block}.scene-layer .battle-scene__map{opacity:.8}.scene-layer .battle-scene__metrics{font-size:8px;opacity:.75}.scene-layer .battle-scene__asset-warning{bottom:auto;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 32px)}.battle-main{pointer-events:none}.battle-bottom,.battle-top{pointer-events:auto}.app-header{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;min-height:calc(51px + env(safe-area-inset-top));padding:calc(7px + env(safe-area-inset-top)) 16px 7px;border-bottom:1px solid #d5b37027;background:linear-gradient(180deg,#101c2a,#0a1422f5)}.wordmark{display:flex;align-items:center;gap:9px;color:var(--gold)}.wordmark>span{font:16px Georgia,serif;letter-spacing:.5px}.header-actions{display:flex;align-items:center;gap:4px}.save-light{width:5px;height:5px;border-radius:50%;background:#a4caad;box-shadow:0 0 7px #9bddb44d}.save-light.warning{background:#e9a47d}.header-actions .icon-button{min-height:30px;width:30px;min-width:30px;color:#90a2b7;padding:5px}.resource-bar{display:flex;align-items:center;justify-content:space-between;padding:7px 21px;color:var(--gold);font-size:11px;border-bottom:1px solid #c3d6e40b;background:#0b1622f2;min-height:33px;flex-shrink:0}.resource-bar>span{display:flex;align-items:center;gap:7px}.resource-bar>.resource-shards{color:var(--frost)}.resource-bar>.resource-dust{color:#c1a8da}.resource-label{font-size:9px;color:var(--muted);font-weight:400}.resource-bar{justify-content:flex-start;gap:22px}.hero-strip{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;padding-right:10px;text-shadow:0 1px 4px #000}.hero-strip-top{display:flex;align-items:baseline;gap:7px;min-width:0;font-size:11px;color:#c9d6e0}.hero-strip-name{font:13px Georgia,serif;color:var(--gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.hero-strip-level{white-space:nowrap;font-weight:650}.hero-strip-ranks{display:flex;gap:6px;margin-left:auto;white-space:nowrap;font-size:10px;color:#c1a8da}.hero-strip .progress{height:3px}.hero-strip-eta{align-self:flex-end;margin-top:-1px;font-size:9px;line-height:1;color:#9fc3dd;white-space:nowrap}.battle-view .app-header{min-height:calc(32px + env(safe-area-inset-top));padding-top:calc(2px + env(safe-area-inset-top));padding-bottom:2px;background:linear-gradient(#07101c80,#07101c20);border-bottom-color:transparent}.battle-view .wordmark>span{display:none}.battle-view .wordmark>svg{width:18px;height:18px}.battle-view .tab-bar{min-height:calc(56px + env(safe-area-inset-bottom));background:linear-gradient(#101c2a66,#0d1724a6);border-top-color:#52616a33;box-shadow:none}.camp-view .app-header{background:linear-gradient(#101c2af0,#0a1422e8);border-bottom-color:#9cb4c52a}.camp-view .tab-bar{background:linear-gradient(#142031f2,#0d1724fa);border-top-color:#52616a65;box-shadow:0 -7px 25px #0004}.main-content{flex:1;min-height:0;position:relative}.menu-main,.welcome-main{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3e5061 #0e1928;background:radial-gradient(ellipse at 100% 0,#1c2a3c66,transparent 70%),var(--navy)}.screen{padding:25px 18px 30px}.page-title{margin-bottom:24px}.page-title h1{margin-top:5px}.page-title>p:last-child:not(.eyebrow){color:var(--muted);margin-top:10px;font-size:12px;max-width:340px}.section{margin-top:25px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.section-heading h2{font-size:20px}.section-heading .eyebrow{margin-bottom:4px}.section>.muted{margin:-4px 0 14px}.card-list{display:grid;gap:9px}.card{min-width:0;background:linear-gradient(130deg,#1a2a3a,#121f2e);border:1px solid #304355;border-radius:9px;padding:14px}.card.compact{display:flex;align-items:center;gap:11px}.card.compact .button{padding:8px 10px}.card-body{min-width:0;flex:1}.card-body h3{color:#e7e4da}.card-body p{font-size:11px;color:var(--muted);margin-top:4px}.card-body .badge{margin-left:5px}.badge.accent{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 50%,#3d5064)}.square-icon{display:grid;align-items:center;justify-items:center;width:51px;height:54px;flex:0 0 51px;border-radius:8px;border:1px solid #6c6144;background:radial-gradient(circle at 30% 20%,#5b5234,#292c29);color:#ead29a}.square-icon.small{width:40px;height:43px;flex-basis:40px}.square-icon.ghost{border-color:#375963;background:#1c3543;color:#a4d3e2}.info-card{padding:16px;display:flex;gap:12px;align-items:flex-start;background:#19313e78;border:1px solid #345365;border-radius:8px;color:var(--frost);margin-top:20px}.info-card>svg{flex-shrink:0;margin-top:3px}.info-card h3{margin-bottom:5px}.info-card p{color:#afc4cf;font-size:11px}.empty{display:grid;justify-items:center;gap:13px;padding:35px 20px;color:#7993a6;border:1px dashed #304356;border-radius:8px;text-align:center}.empty p{max-width:260px;font-size:12px}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px}.stat{min-width:0;display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:11px 12px;border-radius:6px;border:1px solid #2b3b4e;background:#111f2f;color:var(--muted);font-size:10px}.stat>svg{color:#b6c4cf}.stat strong{margin-left:auto;color:#ecdfbf;font-size:14px}.segmented{display:flex;padding:4px;border:1px solid #2a3a4d;border-radius:7px;background:#081320;margin:19px 0 17px;gap:3px}.segmented>button{border:0;background:transparent;border-radius:4px;flex:1;padding:10px 5px;font-size:11px;color:var(--muted);min-height:38px}.segmented>button[aria-pressed=true]{background:#273446;color:var(--gold);box-shadow:0 2px 6px #0003}.tab-bar{display:grid;flex-shrink:0;grid-template-columns:repeat(6,minmax(0,1fr));min-height:calc(68px + env(safe-area-inset-bottom));padding:5px 4px calc(5px + env(safe-area-inset-bottom));border-top:1px solid #52616a65;background:linear-gradient(#142031,#0d1724);box-shadow:0 -7px 25px #0004;z-index:3}.tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#93a2b5;border:0;background:none;font-size:9px;font-weight:550;min-width:0;padding:5px 0}.tab.selected{color:var(--gold);background:linear-gradient(#d5ac4e15,transparent)}.tab.selected:before{content:"";position:absolute;top:-5px;left:20%;right:20%;height:2px;border-radius:4px;background:var(--gold);box-shadow:0 0 12px #ecb85885}.battle-layout{position:relative;height:100%;display:flex;flex-direction:column;padding:2px 13px 6px;background:linear-gradient(#08131d30,transparent 22%,transparent 70%,#07101c35)}.battle-top{z-index:1;pointer-events:none}.stage-strip{display:flex;align-items:center;gap:8px;padding:0 4px;text-shadow:0 1px 4px #000}.stage-strip h1{margin:0;font-size:14px;white-space:nowrap}.stage-strip h1 span{color:var(--gold)}.fury-inline{flex:1;display:flex;align-items:center;gap:5px;color:var(--gold);font-size:9px;min-width:0}.fury-inline .progress{flex:1;height:4px}.fury-inline strong{font-weight:650;white-space:nowrap}.fury-inline .muted{font-size:8px;font-weight:400}.depth-seal{display:flex;gap:3px;align-items:center;color:var(--gold)}.depth-seal strong{font-size:11px;color:#e3d2b0}.battle-gate{color:#e4d5b9;font-size:10px;margin:3px 5px;pointer-events:auto;text-shadow:0 1px 4px #000}.battle-gate summary{min-height:24px;cursor:pointer}.battle-gate p{padding:5px 8px;background:#0a1422c9;border-radius:4px}.boss-panel{margin-top:4px;background:#1d15174d;border:1px solid #92564733;padding:3px 7px 4px;border-radius:4px;text-shadow:0 1px 4px #000}.boss-panel>.line{font-size:10px;margin-bottom:3px;color:#f3b39f}.boss-panel>.line>span{font-size:9px}.boss-panel>.progress.health>span{background:linear-gradient(90deg,#954e43,#f1a38b)}.boss-test{pointer-events:auto;margin:0 6px 0 auto;position:relative}.boss-test summary{list-style:none;cursor:pointer;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#ffe2b8;background:#6b3a2a99;border:1px solid #f1a38b55;border-radius:99px;padding:1px 7px}.boss-test summary::-webkit-details-marker{display:none}.boss-enraged{display:inline-flex;align-items:center;gap:3px;margin-left:6px;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff1e6;background:#b3261ecc;border-radius:99px;padding:1px 7px;animation:enrage-pulse 1.2s ease-in-out infinite}@keyframes enrage-pulse{50%{background:#e2462fcc}}@media(prefers-reduced-motion:reduce){.boss-enraged{animation:none}}.boss-test p{position:absolute;right:0;top:18px;z-index:5;width:190px;margin:0;padding:6px 8px;font-size:10px;line-height:1.35;color:#f6eadb;background:#1b1414ee;border:1px solid #92564766;border-radius:4px}.cast-warning{margin-top:4px;color:#ffc595}.cast-warning .line{font-size:10px;margin-bottom:3px;gap:6px}.cast-kind{font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:1px 6px;border-radius:99px;color:#fff3e0;background:#4a2f5c;border:1px solid #c49be055;white-space:nowrap}.cast-kind.kind-buster,.cast-kind.kind-blast{background:#7a2b1d;border-color:#ff9a7a66}.cast-kind.kind-volley{background:#6a4a16;border-color:#ffd28466}.cast-kind.kind-rot,.cast-kind.kind-stun{background:#2d4a5e;border-color:#9fd4ff66}.ai-style{font-size:11px;line-height:1.35;opacity:.9}.cast-warning .line em{font-style:normal;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:1px 6px;border-radius:99px;margin-left:auto}.cast-warning.is-breakable .line em{color:#2a1405;background:#ffb347}.cast-warning.is-unbreakable{color:#dccbff}.cast-warning.is-unbreakable .line em{color:#f1eaff;background:#6a4fc0}.cast-warning .progress{height:7px}.cast-warning.is-interrupted{color:#ffe7a6;animation:cast-broken-shake .35s ease-out}.cast-warning.is-interrupted .line s{opacity:.7;text-decoration-thickness:2px;text-decoration-color:#ffd36a}.cast-warning.is-interrupted .line em{color:#241a05;background:#ffd36a;font-size:10px;box-shadow:0 0 10px #ffd36a;animation:cast-broken-flash .4s ease-in-out 3}.cast-warning.is-interrupted .progress{position:relative;box-shadow:0 0 0 1px #ffd36a,0 0 10px #ffd36a99}.cast-warning.is-interrupted .progress.cast>span{background:repeating-linear-gradient(135deg,#ffd36a 0,#ffd36a 6px,#b8862a 6px,#b8862a 12px)}.cast-warning.is-interrupted .progress:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;animation:cast-broken-flash-bar .5s ease-out;pointer-events:none}@keyframes cast-broken-flash{50%{filter:brightness(1.6);transform:scale(1.12)}}@keyframes cast-broken-flash-bar{0%{opacity:.9}to{opacity:0}}@keyframes cast-broken-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}45%{transform:translate(3px)}70%{transform:translate(-2px)}}@media(prefers-reduced-motion:reduce){.cast-warning.is-interrupted,.cast-warning.is-interrupted .line em,.cast-warning.is-interrupted .progress:after{animation:none}}.cast-warning.is-breakable .progress.cast>span{background:linear-gradient(90deg,#c4561f,#ffb347)}.cast-warning.is-unbreakable .progress.cast>span{background:linear-gradient(90deg,#5b3fb0,#c3a6ff)}.battle-spacer{flex:1;min-height:75px;position:relative}.battle-status{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#08142040;border:0;border-radius:30px;padding:4px 10px;color:#cee3e5;text-shadow:0 1px 4px #000;letter-spacing:1.2px;font-size:8px;text-transform:uppercase;white-space:nowrap}.battle-bottom{z-index:1}.battle-tools{display:flex;align-items:center;gap:7px;margin:0 2px 5px}.farm-mode{color:#e2ddd0;font-size:9px;letter-spacing:.5px;flex:1;display:flex;align-items:center;gap:6px;text-shadow:0 1px 5px #000}.mode-dot{width:5px;height:5px;background:#d3b47c;border-radius:50%}.mode-dot.pushing{background:#9dd5b7;box-shadow:0 0 9px #9dd5b766}.mode-switch{flex:0 0 auto;margin-right:auto;display:flex;gap:2px;padding:2px;border:1px solid #6a8b994d;border-radius:7px;background:#0d1b2859}.mode-switch>button{flex:0 0 auto;min-height:24px;padding:0 11px;border:0;border-radius:5px;background:transparent;color:#c0d0d9;font-size:9px;letter-spacing:.4px;text-shadow:0 1px 4px #000;display:inline-flex;align-items:center;justify-content:center;gap:4px}.mode-switch>button[aria-pressed=true]{background:#273446cc;color:var(--gold);box-shadow:0 1px 5px #0005}.mode-switch>button:last-child[aria-pressed=true]{color:#9dd5b7}.mode-switch>button:first-child[aria-pressed=true]{color:#9fd8ff}.stage-pick{all:unset;pointer-events:auto;cursor:pointer;display:inline-flex;align-items:baseline;gap:4px}.stage-pick:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:3px}.map-tag{font-family:Avenir Next,Segoe UI,sans-serif;font-size:8px;letter-spacing:.8px;text-transform:uppercase;color:#c0d0d9;opacity:.85;margin-right:3px;align-self:center;white-space:nowrap}.map-banner{position:absolute;left:50%;top:30%;transform:translate(-50%);z-index:2;display:grid;justify-items:center;gap:2px;padding:10px 22px;border-radius:6px;background:radial-gradient(ellipse at center,#08142099,#08142000 75%);color:#f2e2b8;text-shadow:0 2px 8px #000;pointer-events:none;white-space:nowrap;animation:map-banner 3.6s ease forwards}.map-banner small{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#c0d0d9}.map-banner strong{font-size:22px;font-family:Georgia,serif;letter-spacing:.5px}@keyframes map-banner{0%{opacity:0;transform:translate(-50%,6px)}12%,78%{opacity:1;transform:translate(-50%)}to{opacity:0}}@media(prefers-reduced-motion:reduce){.map-banner{animation:none}}.map-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:10px;scroll-snap-type:x proximity}.map-chips>button{flex:none;scroll-snap-align:start;display:grid;text-align:left;gap:1px;min-width:112px;padding:7px 9px;border-radius:6px;border:1px solid #2a3a4d;background:#081320;color:#c9d6e0}.map-chips>button small{font-size:9px;color:var(--muted);letter-spacing:.5px;text-transform:uppercase}.map-chips>button strong{font-size:12px}.map-chips>button span{font-size:10px;color:var(--muted)}.map-chips>button.look-frost{border-left:3px solid #9fd8ff}.map-chips>button.look-ember{border-left:3px solid #ff7a2a}.map-chips>button.look-barrow{border-left:3px solid #7a9a8a}.map-chips>button[aria-pressed=true]{border-color:#9d8554;background:#2b2c25;color:var(--gold)}.stage-pick-arrow{opacity:.6;transform:translateY(1px)}.barrow-stepper{display:flex;align-items:center;gap:8px;margin:12px 0 8px}.barrow-stepper label{flex:1}.barrow-stepper input{width:100%;text-align:center;font-size:18px;padding:8px}.flip{transform:scaleX(-1)}.barrow-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 12px}.barrow-actions.three{grid-template-columns:1fr 1fr 1fr;margin-bottom:4px}.barrow-actions.one{grid-template-columns:1fr}.barrow-actions.three .button{padding-inline:6px;font-size:12px}.grade-badge{display:inline-grid;place-items:center;min-width:18px;height:16px;padding:0 4px;border-radius:4px;font-size:10px;font-weight:800;color:#10151c;background:#8a96a3;line-height:1}.grade-badge.is-s{background:linear-gradient(#ffe08a,#d9a634)}.grade-badge.is-a{background:#6fd18b}.grade-badge.is-b{background:#6fb6ff}.grade-badge.is-c{background:#a9b2bc}.grade-badge.is-fail{background:#d8574f;color:#fff}.grade-info{border-top:1px solid #22303f;padding-top:8px;margin-bottom:8px}.grade-last{display:flex;align-items:center;gap:6px;margin:0 0 6px;font-size:13px}.grade-legend{display:flex;flex-wrap:wrap;gap:4px 10px;margin:0 0 4px;font-size:11px;color:var(--muted)}.grade-legend>span{display:inline-flex;align-items:center;gap:4px}.scout-report{border-top:1px solid #22303f;padding-top:8px}.scout-report h3{margin:0 0 4px;font-size:15px}.scout-grown{display:flex;align-items:center;gap:6px;margin:0 0 6px;padding:6px 8px;border:1px solid #6b5a39;border-radius:8px;color:var(--gold);font-size:12px}.scout-list{list-style:none;margin:6px 0;padding:0;display:grid;gap:5px}.scout-list>li{display:grid;grid-template-columns:74px auto 1fr auto;align-items:center;gap:8px;padding:6px 8px;border:1px solid #22303f;border-radius:8px;background:#081320}.scout-list>li.is-best{border-color:#6b5a39}.scout-list>li.is-farming{border-color:#3f6b86;background:#0b1c2c}.scout-stage{font-size:12px;color:var(--muted)}.scout-numbers{display:grid;font-size:12px;min-width:0}.scout-numbers small{color:var(--muted);font-size:10px}.scout-list .button{padding:6px 10px;font-size:12px}.battle-chips{display:flex;flex-wrap:wrap;align-items:center;pointer-events:none}.away-chip .grade-badge{height:13px;min-width:14px;font-size:9px}.away-chip.is-grown{border-color:#6b5a39;color:var(--gold)}.away-chip.last-clear{pointer-events:none;animation:chip-in .4s ease-out}@keyframes chip-in{0%{opacity:0;transform:translateY(-4px)}}.away-chip{pointer-events:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:4px;margin:2px 4px 0;padding:2px 8px;border:1px solid #2a3a4d;border-radius:20px;background:#081320cc;color:var(--muted);font-size:10px}.away-chip.is-farming{border-color:#3f6b86;color:#9fd8ff}.speed-note{margin:0 0 4px;text-align:center;font-size:10px;color:#9fd8ff;text-shadow:0 1px 4px #000}.skill-bar.is-locked{opacity:.55}.boss-caption{margin:0 0 4px;font-size:10px;color:#c9d6e0;display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}.boss-caption em{font-style:normal;font-size:9px;letter-spacing:.5px;text-transform:uppercase}.boss-caption em.live{color:#ffc595}.boss-caption em.won{color:#9dd5b7}.boss-caption em.lost{color:#f1a38b}.button.glass{background:#0d1b2859;border-color:#6a8b994d;min-height:30px;padding:4px 9px;font-size:9px;text-shadow:0 1px 4px #000}.button.glass.icon-button{min-width:34px;width:34px;padding:6px}.battle-tools .button.glass.icon-button{min-height:30px;min-width:30px;width:30px;padding:5px}.party-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-bottom:6px}.battle-overview{min-width:0;margin-bottom:6px}.overview-tabs{display:flex;align-items:center;gap:6px;height:24px;color:#b7cbd4;font-size:9px;text-shadow:0 1px 4px #000}.overview-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:#b7cbd4;padding:3px 6px;min-height:24px;font-size:9px}.overview-tabs button[aria-pressed=true]{color:var(--gold);border-bottom-color:var(--gold)}.overview-tabs small{margin-left:auto;font-size:8px}.overview-pager{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:4px}.overview-pager::-webkit-scrollbar{display:none}.overview-pager.is-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing}@media(hover:hover)and (pointer:fine){.overview-pager{cursor:grab}.overview-pager.is-dragging{cursor:grabbing}.overview-pager :is(button,select,input,textarea,a){cursor:auto}}.overview-page{flex:0 0 100%;min-width:0;height:96px;scroll-snap-align:start;scroll-snap-stop:always}.overview-page .party-grid{height:100%;margin:0}.live-meter{background:#101e2b45;text-shadow:0 1px 4px #000}.live-meter-controls{display:flex;align-items:center;gap:4px;height:24px;font-size:9px}.live-meter-controls select{min-width:0;max-width:105px;padding:2px 3px;height:24px;background:#101e2b80;font-size:9px}.live-meter-controls>span{margin-left:auto;white-space:nowrap}.live-meter-controls .button{min-height:24px;height:24px;min-width:24px;width:24px;padding:3px}.live-meter-row{position:relative;isolation:isolate;display:flex;align-items:center;gap:5px;height:18px;padding:0 5px;color:#e4edf2;background:transparent;border:0;font-size:9px}.live-meter-fill{position:absolute;z-index:-1;inset:1px auto 1px 0;background:#679db44d;border-radius:2px}.live-meter-row.role-tank .live-meter-fill{background:#bca26a4d}.live-meter-row.role-healer .live-meter-fill{background:#63b58b4d}.live-meter-row strong{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.live-meter-row b{min-width:63px;text-align:right;font-weight:500}.party-card{display:flex;gap:6px;padding:5px 7px;background:linear-gradient(120deg,#172b3a59,#0d1b293d);border:1px solid #6d8b9b33;border-radius:4px;min-width:0;text-shadow:0 1px 4px #000}.party-card.fallen{opacity:.5;filter:grayscale(1)}.party-role{align-self:center;color:#bfd2df;flex-shrink:0}.party-detail{min-width:0;flex:1}.party-detail .line{gap:4px;margin-bottom:3px}.party-detail strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.party-detail small{color:#c5b88d;font-size:7px}.party-detail>span{font-size:8px;color:#d3dee5;display:block;margin-top:2px}.party-detail .progress{height:3px}.skill-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.skill-slot{min-width:0}.cast-button{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:34px;padding:2px;border:1px solid #7d765566;border-radius:5px 5px 0 0;color:#e4d9af;width:100%;overflow:hidden;text-shadow:0 1px 4px #000}.cast-button>svg{width:14px;height:14px}.cast-button:disabled{opacity:.8}.cast-button:not(:disabled):active{filter:brightness(1.5);transform:translateY(1px)}.skill-0{background:linear-gradient(150deg,#484831,#242b26);color:#e6d6a2;border-color:#706443}.skill-1{background:linear-gradient(150deg,#573c2b,#2b2427);color:#ecba89;border-color:#7b5946}.skill-2{background:linear-gradient(150deg,#2a4b5a,#1a293b);color:#b2e2f1;border-color:#476d81}.skill-3{background:linear-gradient(150deg,#403b55,#242738);color:#ccbee7;border-color:#665c7d}.cast-button.skill-0{background:linear-gradient(150deg,#48483170,#242b2640);border-color:#70644388}.cast-button.skill-1{background:linear-gradient(150deg,#573c2b70,#2b242740);border-color:#7b594688}.cast-button.skill-2{background:linear-gradient(150deg,#2a4b5a70,#1a293b40);border-color:#476d8188}.cast-button.skill-3{background:linear-gradient(150deg,#403b5570,#24273840);border-color:#665c7d88}.cast-button.is-queued{border-color:#e8c35a;box-shadow:inset 0 0 0 1px #e8c35a99,0 0 8px #e8c35a66}.cast-button.is-winding{border-color:#8fd3ff}.cast-button.is-winding:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:var(--wind, 0%);background:#8fd3ff;box-shadow:0 0 6px #8fd3ff;transition:width .25s linear}.queued-tag{position:absolute;top:1px;right:2px;padding:0 3px;border-radius:3px;background:#e8c35a;color:#241c0c;font-size:8px;font-weight:700;line-height:11px;text-shadow:none;text-transform:uppercase}.skill-key{position:absolute;right:5px;top:3px;color:#c9d0ce5c;font-size:8px}.skill-name{font-family:Georgia,serif;font-size:9px;line-height:1.1;min-height:11px;display:flex;align-items:center;text-align:center}.cooldown-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#08121d73;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#e6e1d6;text-shadow:0 1px 4px #000}.cooldown-overlay b{font:14px Georgia,serif}.cooldown-overlay small{font-size:9px;color:var(--muted)}.auto-toggle{width:100%;min-height:18px;border:1px solid #3c4e6077;border-top:0;border-radius:0 0 4px 4px;background:#17233766;color:#c4d6e9;font-size:8px;text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px 4px #000}.auto-toggle.is-auto{color:#e7e0bc;background:#2c302659;border-color:#655b3f88}.welcome{padding:30px 19px calc(25px + env(safe-area-inset-bottom));text-align:center;background:radial-gradient(ellipse at 50% 0,#3942383b,transparent 40%)}.welcome h1{font-size:34px;margin:6px auto 13px;max-width:300px}.welcome .intro{font-size:12px;color:var(--muted);max-width:310px;margin:0 auto 26px}.welcome .section-heading{text-align:left}.welcome .section-heading h2{font-size:20px}.welcome .section-heading>.muted{font-size:9px}.spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;text-align:left}.spec-card{position:relative;min-width:0;display:flex;flex-direction:column;align-items:flex-start;border:1px solid #304454;border-radius:8px;background:linear-gradient(140deg,#1c2d3b,#111d2b);padding:13px;min-height:144px}.spec-card.chosen{border-color:#dcc38b;background:linear-gradient(140deg,#434435,#232e2e);box-shadow:inset 0 0 0 1px #d6bd7240,0 0 12px #ddbd6710}.spec-symbol{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#37463c;color:#dacba0;margin-bottom:9px;border:1px solid #7c82613d}.role-healer{color:#9dd3b4;background:#23433d;border-color:#51837555}.role-dps{color:#e3b18d;background:#49362e;border-color:#936c4c55}.spec-card>small{color:#a5b6c7;font-size:8px;letter-spacing:1px;text-transform:uppercase;margin-bottom:3px}.spec-card>strong{font:16px Georgia,serif;color:#e2dfd1}.role-label{position:absolute;top:17px;right:10px;font-size:8px;color:#a6b8bf}.selection-note{display:flex;gap:8px;text-align:left;align-items:center;padding:12px 0 0;color:var(--gold)}.selection-note p{color:#b9c9cd;font-size:10px}.start-button{margin-top:20px;width:100%;min-height:50px;font-size:13px;justify-content:space-between;padding:10px 18px}.fine-print{font-size:10px;color:#94a5b8;line-height:1.6;margin:12px 0}.welcome .text-button{font-size:10px}.level-medal{flex-shrink:0;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#f1d99b;font:600 17px Georgia,serif;border:1px solid #9d855480;background:radial-gradient(circle at 35% 30%,#4b4630,#1c2733)}.xp-line{display:flex;justify-content:space-between;color:#9daebf;font-size:9px;margin:14px 0 7px}.hero-screen>.progress{height:4px}.skill-card{display:flex;align-items:center;gap:9px}.skill-card h3{font-size:14px}.card-body p.skill-meta{margin-top:1px;font-size:10px}.card-body p.skill-effects{margin-top:3px;color:#cbdae0;line-height:1.35}.skill-actions{display:grid;gap:5px;flex:0 0 88px}.evaluated-effects{list-style:none;margin:9px 0 0;padding:0;display:grid;gap:6px;color:#cbdae0;font-size:11px;line-height:1.65}.evaluated-effects>li{padding-left:9px;border-left:2px solid #6c8c9780;overflow-wrap:anywhere}.skill-estimate{margin-top:9px!important;color:#8d9eaf!important;font-size:9px!important}.button.purchase-button{flex-direction:column;gap:4px}.purchase-cost{font:500 9px/1.3 Avenir Next,Segoe UI,sans-serif;color:inherit;opacity:.85;white-space:normal}.purchase-button:disabled{opacity:.65}.card.compact .purchase-button,.prestige-node .purchase-button{flex-shrink:0;max-width:115px}.skill-actions .button{min-height:32px;padding:4px 6px}.section.tight{margin-top:14px}.section.tight .section-heading{margin-bottom:4px}.section.tight .section-heading h2{font-size:16px}.spec-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:6px}.spec-option{display:grid;justify-items:center;gap:2px;padding:9px 8px;text-align:center;color:#cbdae0}.spec-option.active{border-color:color-mix(in srgb,var(--gold) 55%,transparent)}.spec-option h3{font-size:13px;color:#e7e4da}.spec-option p{font-size:10px;color:var(--muted)}.spec-option .button{margin-top:5px;width:100%;min-height:32px;padding:4px 6px}.card-list.tight{gap:6px}.card-list.tight>.card{padding:9px 10px}.card-list.tight .evaluated-effects{margin-top:3px;gap:2px;line-height:1.4}.card-list.tight .card-body p{margin-top:1px}.reset-card{display:grid;grid-template-columns:43px 1fr;align-items:center;gap:12px;color:#dbc38c;border-color:#6b5c3c}.reset-card p{color:#adb9c4;font-size:11px;margin-top:7px}.reset-card .requirement-line{color:#dfc99e;font-size:10px;padding-top:6px}.reset-card>.button{grid-column:span 2}.prestige-tree{display:grid;gap:10px;margin-bottom:14px}.prestige-node{display:flex;align-items:center;gap:10px;padding:12px}.prestige-node>svg{color:#8d9297;flex-shrink:0}.prestige-node.unlocked{border-color:#7d7149;background:linear-gradient(130deg,#33372d,#182834)}.prestige-node.unlocked>svg{color:var(--gold)}.prestige-node p{font-size:10px}.team-summary{display:flex;justify-content:space-between;align-items:center;gap:2px;padding:16px 8px;border:1px solid #3c5363;border-radius:8px;background:linear-gradient(130deg,#1d3340,#142432)}.team-token{display:flex;align-items:center;flex-direction:column;gap:7px;font-size:9px;color:#e5cb98;flex:1}.team-token small{color:#a6b6c5;font-size:8px}.team-token.ghost{color:#9fcbd8}.team-plus{color:#506b80;font-size:12px}.companion-slot{display:flex;align-items:center;gap:15px}.companion-portrait{position:relative;display:grid;place-items:center;height:80px;width:58px;flex:0 0 58px;border:1px solid #52717c;border-radius:7px 7px 18px 18px;background:radial-gradient(ellipse at top,#335769,#162e3e);color:#add9e4}.companion-portrait>span{position:absolute;bottom:-7px;color:#a5c1d0;background:#1c3143;width:21px;height:21px;text-align:center;line-height:20px;border-radius:50%;border:1px solid #557080;font-size:9px}.companion-slot .eyebrow{font-size:8px;margin-bottom:4px;color:#9bc0ce}.companion-slot h3{font-size:18px}select,input,textarea{color:#d7e0e7;background:#0b1725;border:1px solid #3c5367;border-radius:5px;padding:11px 9px;max-width:100%;min-height:40px;font-size:11px}select{padding-right:22px}.companion-slot select{width:100%;margin-top:11px;font-size:10px}.item-row{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:11px}.item-row:hover{border-color:var(--gold)}.item-row .card-body{display:grid;gap:5px}.item-row .card-body>strong{font:16px Georgia,serif}.item-row .muted{font-size:9px}.item-row>.square-icon{width:43px;height:48px;flex-basis:43px}.item-row>svg{color:#8fa4b7;flex-shrink:0}.item-row .badge{font-size:8px;padding:3px 5px}.has-rarity{border-color:var(--rarity)!important;border-width:2px;box-shadow:inset 0 0 14px color-mix(in srgb,var(--rarity) 22%,transparent)}.has-rarity.rarity-mythic{box-shadow:inset 0 0 16px color-mix(in srgb,var(--rarity) 35%,transparent),0 0 8px color-mix(in srgb,var(--rarity) 45%,transparent)}.all-lines{margin-top:4px;font-size:9px;letter-spacing:.5px;text-transform:uppercase;color:var(--rarity, var(--gold))}.gear-art{display:inline-block;flex-shrink:0;line-height:0}.gear-art svg{width:100%;height:100%;display:block}.gear-art.faded{opacity:.35;filter:grayscale(1)}.forge-head{display:flex;align-items:center;gap:12px}.forge-head>svg{color:#d5a674;flex-shrink:0}.field-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.field-row select{min-width:140px}.toggle-row{display:flex;align-items:center;gap:10px;font-size:12px}.toggle-row input{width:18px;height:18px;min-height:0;accent-color:var(--gold)}.forge-card{display:flex;align-items:center;gap:12px;border-color:#6f5940;background:radial-gradient(ellipse at 0 0,#543d2555,transparent),#182431;margin-top:28px}.forge-card>svg{color:#d5a674;flex-shrink:0}.auto-salvage,.forge-card.mythic-forge{display:grid;gap:10px;align-items:stretch;margin-top:0}.comparison-title{display:grid;grid-template-columns:1fr 1fr;text-align:center;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin:22px 0 10px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.compare-item{text-align:center;border:1px solid #3c4f62;background:#111c29;border-radius:6px;padding:17px 8px}.compare-item svg{color:#d8c28c;margin-bottom:14px}.compare-item h3{font-size:16px}.compare-item p{color:var(--muted);font-size:10px;margin-top:7px}.item-stats{list-style:none;margin:10px 0 0;padding:8px 0 0;border-top:1px solid #2a3a4b;display:grid;gap:4px;font-size:11px}.item-stats li{display:flex;justify-content:space-between;gap:8px}.item-stats span{color:var(--muted)}.item-stats strong{color:#9fe0a8;font-weight:600}.item-stats.inline{display:flex;flex-wrap:wrap;gap:4px 10px;border-top:0;padding:0;margin:2px 0 0;font-size:10px}.item-stats.inline li{gap:4px}.comparison-stats{margin:14px 0}.comparison-stats>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 6px;border-bottom:1px solid #2c3c4d;font-size:11px}.comparison-stats>div>span{color:#a9bac7;flex:1}.comparison-stats small{min-width:38px;text-align:right}.final-comparison{padding:12px;border:1px solid #3c5264;border-radius:6px;background:#0e1c2a}.final-comparison h3{margin-bottom:12px}.final-comparison .line{color:#bbcdd6;font-size:11px;margin-top:8px}.positive{color:var(--green)}.negative{color:var(--red)}.pet-ranks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}.pet-ranks span{display:grid;justify-items:center;padding:6px;border:1px solid #34495c;border-radius:8px;background:#111e2c}.pet-ranks small{font-size:9px;color:#9fb3c1}.pet-ranks b{font-size:18px;color:#e9d39f}.pet-train-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0}.pet-train-buttons .button{min-height:40px;font-size:10px;padding:4px}.pet-list{display:grid;gap:8px;margin-top:8px}.pet-card{display:grid;gap:4px;padding:10px 12px}.pet-card.active-pet{border-color:#baaa73;box-shadow:0 0 0 1px #baaa7322}.pet-card p{font-size:11px;margin:0}.pet-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.pet-head h3{font-size:17px;margin:0 0 2px}.pet-head .button{min-height:34px;font-size:10px;padding:4px 10px}.spirit-bar{height:3px;margin-top:3px;border-radius:2px;background:#ffffff14;overflow:hidden}.spirit-bar span{display:block;height:100%;background:var(--spirit, #c9f0ff);opacity:.75;transition:width .25s linear}.spirit-bar.in-form span{opacity:1;box-shadow:0 0 6px var(--spirit);animation:spirit-glow .9s ease-in-out infinite alternate}.party-card.spirit-active{border-color:var(--spirit);box-shadow:inset 0 0 14px -6px var(--spirit),0 0 8px -3px var(--spirit)}.party-card .spirit-chip{color:var(--spirit);font-weight:800;text-shadow:0 0 6px var(--spirit);white-space:nowrap}@keyframes spirit-glow{0%{opacity:.6}to{opacity:1}}@media(prefers-reduced-motion:reduce){.spirit-bar span{transition:none;animation:none}}.more-tabs{display:flex;flex-wrap:wrap;gap:7px}.more-tabs>button{display:flex;align-items:center;gap:6px;padding:10px;min-height:40px;background:#172638;border:1px solid #32495c;border-radius:5px;color:#a4b5c6;font-size:10px}.more-tabs>button[aria-pressed=true]{color:#e9cf95;border-color:#9d8554;background:#35382e}.leaderboard{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:5px}.leader-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#111e2c;border:1px solid #23364a;border-radius:6px}.leader-row.is-player{border-color:#9d8554;background:#2b2c25;box-shadow:0 0 0 1px #9d855444}.leader-rank{width:34px;flex:none;display:flex;align-items:center;gap:2px;color:var(--muted);font-size:12px;font-weight:700}.leader-row.top-1 .leader-rank{color:#f0cf7f}.leader-row.top-2 .leader-rank{color:#c9d3dc}.leader-row.top-3 .leader-rank{color:#d39a6a}.leader-hero{flex:1;min-width:0;display:grid}.leader-hero strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leader-hero strong em{font-style:normal;font-size:9px;color:var(--gold);margin-left:6px;letter-spacing:.5px;text-transform:uppercase}.leader-hero small,.leader-depth small{font-size:10px;color:var(--muted)}.leader-depth{text-align:right;display:grid}.leader-depth b{font-size:14px;color:#e9cf95}.quest-card{display:flex;align-items:center;gap:12px}.quest-icon{display:grid;place-items:center;border-radius:50%;background:#62563040;width:48px;height:48px;flex:0 0 48px;color:var(--gold)}.quest-icon.frost{background:#33546966;color:var(--frost)}.settings-card{padding:0 14px}.setting-row{display:flex;align-items:center;gap:10px;padding:18px 0;border-bottom:1px solid #2c4052}.setting-note{margin:0;padding:0 0 14px;font-size:13px;color:#9fb0bd;border-bottom:1px solid #2c4052}.setting-row:has(+.setting-note){border-bottom:0;padding-bottom:6px}.setting-row:last-child{border-bottom:0}.setting-row>div{flex:1;min-width:0}.setting-row h3{font-size:16px}.setting-row p{font-size:10px;color:var(--muted);margin-top:5px;max-width:200px}.setting-row select{width:80px;font-size:10px}.switch{width:46px;height:28px;flex:0 0 46px;border:1px solid #476078;background:#101e2d;border-radius:30px;padding:3px}.switch span{width:20px;height:20px;display:block;border-radius:50%;background:#8096ad;transition:transform .18s ease}.switch.on{background:#395347;border-color:#8bb398}.switch.on span{background:#cad9bc;transform:translate(17px)}.screen-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding:35px 0 0;font-size:9px;color:#73869b}.metric-options{display:flex;overflow:auto;gap:5px;padding-bottom:8px;scrollbar-width:thin}.metric-options>button{min-height:36px;background:#132234;color:#9eb4c5;border:1px solid #30485e;padding:7px 10px;font-size:10px;border-radius:4px;white-space:nowrap}.metric-options>button[aria-pressed=true]{color:#d9eaf0;background:#294d60;border-color:#5c8ca0}.meter-summary{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;padding:16px 11px;background:#142437;border:1px solid #30475c;border-radius:6px;margin:5px 0 15px}.meter-summary>div{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:9px}.meter-summary>div>strong{font-size:20px;color:#dfd6b8;font-family:Georgia,serif}.meter-summary .eyebrow{font-size:8px;letter-spacing:.7px}.meter-summary small{color:var(--muted);font-family:Segoe UI,sans-serif;font-size:9px}.meter-rows{display:grid;gap:9px}.meter-row{border:1px solid #2f465c;border-radius:7px;background:#142235;padding:12px}.meter-row summary{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer;min-height:44px}.meter-rank{color:#92b8c6;font-size:13px;width:16px}.meter-row .line{font-size:11px;margin-bottom:7px}.meter-row .line:last-child{margin:6px 0 0}.meter-row .line small{font-size:8px}.meter-skill{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-top:1px solid #324456;font-size:10px;color:#b1c6d1}.meter-skill:first-of-type{margin-top:13px}.dummy-config{display:grid;grid-template-columns:1fr 1fr;gap:13px}.dummy-config>label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:var(--muted)}.dummy-config>label:nth-child(3){grid-column:span 2}.dummy-config>.button{grid-column:span 2}.subheading{font-size:20px;margin:25px 0 14px}.jewel-config{display:grid;gap:12px}.jewel-config label{display:grid;gap:7px;color:var(--muted);font-size:11px}.sockets-list{margin-top:12px}.field-label{display:block;margin:18px 0 8px;color:#a9bfcd;font-size:11px}.save-tools textarea{width:100%;resize:vertical;font:10px/1.7 ui-monospace,monospace}.save-tools>.muted{font-size:11px}.vault-form{margin:16px 0;padding-top:12px;border-top:1px solid #22384a}.vault-form h3{margin:0;font-size:13px}.vault-form input,.hero-name-input{display:block;width:100%;box-sizing:border-box}.vault-form .button{margin-top:10px}.vault-hero{margin:10px 0 0;font-size:12px;color:#a9bfcd}.danger-zone{margin-top:24px;border-top:1px solid #5b4446;padding-top:14px;color:#dea491;font-size:12px}.danger-zone>summary{min-height:35px;cursor:pointer}.danger-zone p{margin:10px 0}.inline-error{padding:12px;background:#4a2c2b;border:1px solid #7a4846;color:#efb4a4;font-size:11px;border-radius:5px;margin-bottom:12px;overflow-wrap:anywhere}.check-row{display:flex;gap:8px;align-items:flex-start;margin:4px 0 8px;color:#c9d6e0;font-size:11px;line-height:1.45}.check-row input{margin-top:2px;flex:none}.inline-warning{padding:12px;color:#ebc88e;background:#423c2c;border:1px solid #72603d;border-radius:5px;font-size:11px;margin:12px 0}.alert,.notice{position:relative;z-index:5;display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:6px;padding:9px 12px;border-bottom:1px solid #985a48;background:#4a2d2b;color:#f6ccbb;font-size:11px;max-height:135px;overflow:auto}.alert p{font-size:10px;margin-top:3px;overflow-wrap:anywhere}.alert strong{font-size:10px}.action-error{background:#3a2b22;border-bottom-color:#8a6a48}.error-code{display:block;margin-top:3px;font-size:9px;letter-spacing:.06em;opacity:.8;font-family:ui-monospace,monospace}.notice{background:#193b3c;color:#c3ded3;border-color:#466c60;font-size:10px}.modal-backdrop{position:absolute;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:calc(18px + env(safe-area-inset-top)) 15px calc(18px + env(safe-area-inset-bottom));background:#020811c9;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal{width:100%;max-width:410px;padding:20px;background:linear-gradient(145deg,#1d2f41,#101c2c);border:1px solid #65717a;border-radius:12px;box-shadow:0 15px 70px #0009;max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.modal>.section-heading{border-bottom:1px solid #7185963d;padding-bottom:12px;margin-bottom:15px}.modal>.section-heading h2{font-size:24px}.modal .icon-button{color:#b6c5ce;min-height:34px;width:34px;min-width:34px}.modal-copy{font-size:12px;line-height:1.8;color:#c4cfda;white-space:pre-line}.offline-icon{display:grid;place-items:center;color:var(--gold);margin:25px 0}.skip-link{position:fixed;top:-100px;z-index:99;padding:12px;background:#e9d092;color:#123}.skip-link:focus{top:10px}.sr-only{position:absolute!important;height:1px!important;width:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(min-width:600px){.game-shell{padding:24px 0}.phone-frame{height:calc(100dvh - 48px);border:1px solid #57616a66;border-radius:18px;box-shadow:0 0 0 6px #080f18,0 0 0 7px #273342,0 20px 90px #000b}}@media(max-width:1020px){.desktop-brand{display:none}}@media(max-width:350px){.screen{padding-left:12px;padding-right:12px}.battle-layout{padding-left:8px;padding-right:8px}.skill-bar{gap:4px}.skill-name{font-size:9px}.party-card{padding:6px;gap:4px}.tab{font-size:8px}.card{padding:11px}}@media(pointer:coarse){.auto-toggle{min-height:24px}.header-actions .icon-button{min-width:40px;width:40px;min-height:40px}}@media(max-height:740px){.battle-spacer{min-height:30px}.party-card{padding-top:6px;padding-bottom:6px}.scene-layer{--battle-scene-map-bottom: calc(280px + env(safe-area-inset-bottom)) ;--battle-scene-map-height: 75px;--battle-scene-map-width: 40px;--battle-scene-metrics-bottom: calc(280px + env(safe-area-inset-bottom)) }}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.hero-head{display:flex;align-items:center;gap:10px}.hero-head .level-medal{width:40px;height:40px;font-size:16px}.hero-head-name{flex:1;min-width:0}.hero-head h1{font-size:22px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.power-badge{display:grid;justify-items:end;padding:4px 9px;border:1px solid #5d5037;border-radius:8px;background:#2b281f}.power-badge small{font-size:8px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.power-badge b{font:600 17px/1.1 Georgia,serif;color:var(--gold)}.hero-xp{display:grid;gap:3px;margin:8px 0 10px}.hero-xp small{font-size:9px;color:#8da0b2}.hero-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;padding:3px;border:1px solid #2b3c4d;border-radius:10px;background:#0c1622}.hero-tabs.two{grid-template-columns:1fr 1fr}.hero-tabs>button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:40px;padding:4px 2px;border:0;border-radius:7px;background:transparent;color:#8fa4b7;font-size:10px;font-weight:600}.hero-tabs>button[aria-selected=true]{background:linear-gradient(180deg,#3a3423,#221f17);color:#ead39b;box-shadow:inset 0 0 0 1px #6d5d3e}.tab-dot{position:absolute;top:4px;right:8px;width:7px;height:7px;border-radius:50%;background:#e4b553;box-shadow:0 0 6px #e4b553}.hero-tab-body{padding-top:10px}.gear-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:2px 0 10px}.gear-actions .button{flex-direction:column;gap:1px;min-height:46px;padding:5px 6px;font-size:12px}.gear-actions .button small{font-size:9px;font-weight:500;opacity:.8}.key-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid #2b3c4d;border-radius:8px;overflow:hidden;background:#2b3c4d;margin-bottom:10px}.key-stats>div{display:flex;justify-content:space-between;align-items:baseline;gap:4px;padding:7px 8px;background:#111c29}.key-stats span{color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.key-stats b{font-size:12px}.hero-stage{display:grid;grid-template-columns:56px minmax(0,1fr) 56px;gap:8px;align-items:stretch;margin:0 0 10px}.gear-column{display:flex;flex-direction:column;justify-content:space-between;gap:8px}.gear-slot{position:relative;display:grid;place-items:center;align-content:center;gap:1px;width:56px;height:56px;padding:0;border:1px solid #3a4d61;border-radius:8px;background:radial-gradient(ellipse at top,#34425b55,transparent),#121e2c;color:#c3cbd2}.gear-slot.empty{border-style:dashed;color:#63778b}.gear-slot-level{font:700 9px/1 Avenir Next,sans-serif;color:#e8e4d9}.gear-slot .affix-pips{bottom:3px;right:3px}.gear-slot-name{font-size:7px;letter-spacing:.5px;text-transform:uppercase}.gear-slot-alert{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--green);color:#10200f;transform:rotate(-90deg);font:800 12px/1 Avenir Next,sans-serif;box-shadow:0 0 0 2px #080e17,0 0 10px #e4b55388}.hero-portrait{position:relative;min-height:248px;border-radius:12px;border:1px solid #2b3c4d;background:radial-gradient(ellipse 60% 18% at 50% 92%,#00000080,transparent 70%),radial-gradient(ellipse at 50% 30%,#3a4a5f,#121d2b 70%);overflow:hidden;touch-action:pan-y;cursor:grab}.hero-portrait canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;opacity:0;transition:opacity .35s}.hero-portrait.ready canvas{opacity:1}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid #2b3c4d;border-radius:8px;overflow:hidden;background:#2b3c4d}.hero-stats>div{display:flex;flex-direction:column;gap:2px;padding:8px 9px;background:#111c29}.hero-stats span{color:var(--muted);font-size:9px}.hero-stats b{font-size:14px}.hero-stats.attributes{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:6px}.hero-stats .attribute b{color:var(--gold)}.hero-stats .attribute span{display:inline-flex;align-items:center;gap:3px}.hero-stats .attribute.main span{color:var(--gold)}.attribute-points{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px}.attribute-tabs{margin:0 0 8px}.fine-print.tight{margin:4px 0 8px;line-height:1.45}.attribute-rows{display:grid;gap:5px}.attribute-row{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:6px;padding:7px 8px 7px 10px;border:1px solid #2b3c4d;border-radius:8px;background:#111c29}.attribute-row.main{border-color:color-mix(in srgb,var(--gold) 55%,transparent)}.attribute-info{min-width:0;display:grid;gap:1px}.attribute-info b{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:#e7e4da}.attribute-row.main .attribute-info b{color:var(--gold)}.attribute-info small{font-size:10px;line-height:1.3;color:var(--muted)}.attribute-owned{font-size:16px;color:var(--gold);min-width:26px;text-align:right}.attribute-row .button{min-height:34px;min-width:38px;padding:0 8px}.attribute-reset{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;font-size:11px;color:var(--muted)}.attribute-reset .button{min-height:32px;padding:0 12px}.attribute-reset-confirm{margin-top:10px;padding:10px}.plan-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:4px 0}.plan-column{display:grid;justify-items:center;gap:5px;padding:7px 2px;border:1px solid #2b3c4d;border-radius:8px;background:#111c29}.plan-column.main{border-color:color-mix(in srgb,var(--gold) 55%,transparent)}.plan-column>span{display:inline-flex;align-items:center;gap:2px;font-size:10px;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-column>b{font-size:16px}.plan-column button{width:34px;height:30px;border-radius:7px;border:1px solid #36506a;background:#1a2a3b;color:inherit;font-size:17px;line-height:1}.plan-column button:disabled{opacity:.35}.hero-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px}.hero-action{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 4px;min-height:64px;border:1px solid #6d5d3e;border-radius:8px;background:linear-gradient(180deg,#3a3423,#221f17);color:#ead39b;font-size:10px;font-weight:600}.hero-action.training{flex-direction:row;justify-content:center;gap:8px;width:100%;min-height:46px;margin-top:7px;border-color:#3d5064;background:linear-gradient(180deg,#1e2d3e,#152231);color:#c8d6e5;font-size:11px}.pending-party{display:flex;align-items:center;gap:9px;margin:10px 0;padding:9px 10px;border:1px solid #5f7e95;border-radius:7px;background:#15283a;color:#cfe3f1}.pending-party p{flex:1;font-size:11px;line-height:1.4}.pending-party .button{min-height:32px;padding:6px 10px}.ascension-panel{display:flex;flex-direction:column;gap:12px}.picker-heading{margin:14px 0 8px;font-size:12px;color:var(--muted)}.modal-backdrop.sheet-backdrop{place-items:end stretch;padding:40px 0 0}.modal.sheet{max-width:none;max-height:78%;padding:14px 15px calc(18px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;border-bottom:0;animation:sheet-up .2s ease-out}.modal.sheet:before{content:"";display:block;width:38px;height:4px;margin:-4px auto 10px;border-radius:2px;background:#6d7c8a}.modal.sheet>.section-heading{padding-bottom:8px;margin-bottom:10px}.modal.sheet>.section-heading h2{font-size:20px}@keyframes sheet-up{0%{transform:translateY(40%);opacity:.4}to{transform:none;opacity:1}}.gain-badge{flex-shrink:0;min-width:34px;text-align:center;padding:2px 4px;border-radius:4px;font:700 10px/1.2 Avenir Next,sans-serif}.gain-badge.up{color:#10200f;background:var(--green)}.gain-badge.down{color:var(--red);background:#3a221f}.gain-badge.even{color:var(--muted);background:#1c2a3b}.level-badge{position:absolute;bottom:3px;left:4px;font:700 9px/1 Avenir Next,sans-serif;color:#e8e4d9;text-shadow:0 1px 2px #000}.affix-pips{position:absolute;bottom:4px;right:4px;display:flex;gap:2px}.affix-pips i{width:5px;height:5px;border-radius:50%;border:1px solid var(--rarity, #8fa4b7)}.affix-pips i.on{background:var(--rarity, #8fa4b7)}.enhance-chip{position:absolute;top:2px;left:3px;padding:1px 3px;border-radius:3px;background:#2a3d2a;color:#b9eab0;font:700 9px/1.1 Avenir Next,sans-serif}.stat-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid #34495d;border-radius:12px;background:#142233;color:#c8d6e5;font-size:10px}.stat-chip.positive{color:var(--green);border-color:#3c6648}.stat-chip.negative{color:var(--red);border-color:#6c3c35}.chip-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.item-card{display:grid;gap:8px;margin-top:10px;padding:11px;border:1px solid #3c4f62;border-radius:10px;background:#0f1b28}.item-card .button-row{margin-top:4px}.item-card .button-row .button{min-height:40px}.item-card .flex-1{flex:1}.item-header{display:flex;align-items:center;gap:10px}.item-header-art{display:grid;place-items:center;width:52px;height:52px;border-radius:9px;background:radial-gradient(ellipse at top,#34425b55,transparent),#121e2c;flex-shrink:0}.item-header h3{font:16px Georgia,serif;margin:1px 0 2px}.item-header .muted{font-size:10px}.item-lines .item-stats{margin:0;padding:7px 0 0}.affix-list{list-style:none;margin:6px 0 0;padding:6px 0 0;border-top:1px dashed #2f4153;display:grid;gap:5px;font-size:11px}.affix-list li{display:grid;grid-template-columns:auto 1fr auto 34px;align-items:center;gap:7px}.affix-list .affix-name{color:var(--rarity, var(--gold));font-style:italic;font-size:10px}.affix-list li>span:nth-child(2){color:var(--muted)}.affix-list strong{color:#9fd9f0;font-weight:600}.affix-roll{height:4px;border-radius:2px;background:#1d2b3a;overflow:hidden}.affix-roll i{display:block;height:100%;background:var(--rarity, var(--gold))}.hero-change{display:grid;gap:2px}.enhance-strip{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"level text" "button button";gap:8px 12px;align-items:center;padding:10px;border:1px solid #45603f;border-radius:10px;background:linear-gradient(135deg,#1c2d22,#111c27)}.enhance-level{grid-area:level;display:grid;justify-items:center;min-width:58px}.enhance-level b{font:600 24px/1.1 Georgia,serif;color:#b9eab0}.enhance-level small{font-size:9px;color:var(--muted)}.enhance-strip>p{grid-area:text;font-size:10px;line-height:1.4}.enhance-strip>.button{grid-area:button}.candidate-row{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 6px;scrollbar-width:none}.candidate-row::-webkit-scrollbar{display:none}.candidate{display:grid;justify-items:center;gap:4px;flex:0 0 58px}.candidate .item-tile{width:58px}.item-tile.selected{outline:2px solid var(--gold);outline-offset:2px}.bag-sticky{position:sticky;top:0;z-index:4;margin:0 -18px 10px;padding:8px 18px 10px;background:#0d1724;border-bottom:1px solid #22303f;box-shadow:0 8px 14px -8px #000c}.bag-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.bag-header h1{font-size:24px}.capacity-line{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;margin:0 0 8px;font-size:10px;color:var(--muted)}.progress.warn>span{background:linear-gradient(90deg,#8a3a30,#e0705c)}.slot-filter{display:flex;gap:5px;overflow-x:auto;margin-top:8px;padding-bottom:2px;scrollbar-width:none}.slot-filter::-webkit-scrollbar{display:none}.slot-filter>button{flex:1 0 34px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:42px;padding:4px 2px;border:1px solid #32495c;border-radius:7px;background:#172638;color:#a4b5c6;font-size:9px}.slot-filter>button[aria-pressed=true]{color:#e9cf95;border-color:#9d8554;background:#35382e}.slot-filter small{color:#7d90a3;font-size:8px}.bag-toolbar{display:flex;justify-content:space-between;gap:8px;margin-top:8px}.bag-toolbar .button{min-height:34px;padding:4px 12px;font-size:11px}.sort-select select{min-height:34px;font-size:11px}.mark-shortcuts .stat-chip{cursor:pointer}.item-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.item-tile{position:relative;display:grid;place-items:center;aspect-ratio:1;padding:4px;border:1px solid #3a4d61;border-radius:8px;background:radial-gradient(ellipse at top,#34425b55,transparent),#121e2c;color:#c3cbd2}.item-tile-up{position:absolute;top:3px;right:3px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--green);color:#10200f;transform:rotate(-90deg)}.item-tile-lock{position:absolute;top:3px;left:4px;color:var(--gold)}.item-tile.marked{filter:brightness(.7)}.item-tile-mark{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;background:#a3332855;border-radius:inherit}.salvage-bar{position:sticky;bottom:8px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:9px 10px 9px 14px;border:1px solid #7a4438;border-radius:10px;background:#26181a;font-size:11px;box-shadow:0 6px 20px #000a}.bag-screen .fine-print{margin-top:10px}.forge-panel{display:grid;gap:10px;padding-top:10px}.forge-panel .forge-head p{font-size:11px;line-height:1.45}.slot-picker-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.slot-picker-row>button{display:grid;place-items:center;min-height:38px;border:1px solid #32495c;border-radius:7px;background:#172638}.slot-picker-row>button[aria-pressed=true]{border-color:#9d8554;background:#35382e}.forge-slot-name{font-size:11px;color:var(--gold);text-align:center}.rarity-rows{display:flex;flex-wrap:wrap;gap:5px 10px;font-size:10px}.rarity-rows>span{position:relative;display:inline-flex;align-items:center;gap:4px;color:var(--rarity)}.rarity-rows .affix-pips{position:static}.rarity-rows .affix-pips i{background:var(--rarity)}.forge-details{margin-top:12px;border:1px solid #6f5940;border-radius:10px;background:radial-gradient(ellipse at 0 0,#543d2555,transparent),#182431;padding:10px 12px}.forge-details>summary{display:flex;align-items:center;gap:8px;color:#e7c28c;font:600 13px Georgia,serif;cursor:pointer;list-style:none}.forge-details>summary::-webkit-details-marker{display:none}.skill-slots{display:grid;gap:6px}.slot-row{position:relative;padding:8px 9px 8px 4px;transition:transform .15s ease}.skill-slots.dragging .slot-row{-webkit-user-select:none;user-select:none}.slot-row.lifted{transition:none;border-color:color-mix(in srgb,var(--gold) 60%,transparent);box-shadow:0 6px 18px #0008;background:#16222f}.slot-grip{flex:0 0 22px;align-self:stretch;display:grid;place-items:center;border:0;background:transparent;padding:0;cursor:grab;touch-action:none;color:#6f8193}.slot-grip span{width:8px;height:20px;background:radial-gradient(circle,currentColor 1.4px,transparent 1.6px) 0 0 / 4px 5px}.slot-grip:focus-visible{outline:2px solid var(--gold);border-radius:4px}.slot-row .square-icon{position:relative}.slot-number{position:absolute;right:-4px;bottom:-4px;min-width:15px;height:15px;border-radius:8px;display:grid;place-items:center;font:700 9px/1 Avenir Next,Segoe UI,sans-serif;color:#10161e;background:var(--gold)}.slot-rank.milestone{color:var(--gold);font-weight:700}.other-skills{margin-top:12px;padding:9px;border:1px dashed #34485c;border-radius:9px;background:#0c1520}.other-skills-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:7px}.other-skills-head h3{font-size:13px;color:#e7e4da}.other-skills-head .muted{font-size:9px}.other-skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.other-skill{display:flex;align-items:center;gap:6px;min-height:34px;padding:5px 8px;border:1px solid #2b3c4d;border-radius:7px;background:#111c29;color:#cbdae0;font-size:11px;text-align:left}.other-skill[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.swap-panel{margin-top:8px;display:grid;gap:6px}.swap-panel .skill-meta{font-size:10px;color:#cbdae0;line-height:1.4}.swap-targets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.swap-targets .button{min-height:34px;padding:4px 8px;justify-content:flex-start;gap:6px;font-size:10px}.swap-targets .button b{color:var(--gold)}.talent-tiers{display:grid;gap:8px}.talent-tier-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.talent-tier-head small{display:inline-flex;align-items:center;gap:4px;font-size:9px;color:var(--muted)}.talent-tier.locked .talent-node{opacity:.55}.talent-nodes{display:grid;gap:5px}.talent-node{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:6px 8px 6px 10px;border:1px solid #2b3c4d;border-radius:8px;background:#111c29}.talent-node.learned{border-color:#4d6a58}.talent-node.maxed{border-color:color-mix(in srgb,var(--gold) 55%,transparent)}.talent-info{display:grid;gap:1px;min-width:0}.talent-info b{font-size:12px;color:#e7e4da}.talent-info small{font-size:10px;color:#9fb0bf}.talent-rank{font:600 11px Avenir Next,Segoe UI,sans-serif;color:#cbdae0}.talent-node .button{min-height:32px;min-width:38px;padding:0 8px}.cast-warning .cast-aim{display:block;color:#ffb4a0;font-size:.68rem;line-height:1.1;margin:1px 0 2px}.emblem{display:block;flex:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 4px #0008)}.battle-view .wordmark>.emblem{width:20px;height:20px}.welcome-brand{display:flex;flex-direction:column;align-items:center;gap:4px;margin:4px auto 22px;text-align:center}.welcome-logo{filter:drop-shadow(0 0 24px #d8ba6e2e) drop-shadow(0 6px 10px #000a);animation:emblem-rise .9s ease-out both}.brand-title{margin:10px 0 0;font:700 26px/1.1 Georgia,serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);text-shadow:0 2px 0 #0009,0 0 18px #d8ba6e33}.brand-tagline{margin:0;font-size:12px;font-style:italic;color:#9fb0c0}.brand-footer{display:flex;flex-direction:column;align-items:center;gap:4px;margin:28px 0 8px;padding-top:18px;border-top:1px solid #ffffff12;text-align:center;color:#7e91a4}.brand-footer strong{font:700 15px Georgia,serif;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.brand-footer small{font-style:italic}.brand-footer span{font-size:11px;opacity:.7}@keyframes emblem-rise{0%{opacity:0;transform:translateY(8px) scale(.94)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.welcome-logo{animation:none}}.wall-card{pointer-events:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:min(320px,calc(100% - 24px));display:grid;gap:6px;padding:14px 16px;border-radius:10px;border:1px solid #c9583f;background:linear-gradient(180deg,#2a1310f2,#140c0cf2);box-shadow:0 10px 30px #000a,0 0 0 1px #0006 inset;text-align:center;animation:wall-in .45s ease-out both}.wall-card.cause-time{border-color:#d6a24a}.wall-card small{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#f0a48f}.wall-card.cause-time small{color:#f1cf8a}.wall-card strong{font-family:Georgia,serif;font-size:20px;color:#f6e7c4}.wall-card p{margin:0;font-size:13px;line-height:1.4;color:#e3d8c4}.wall-card p.muted{font-size:12px;color:#a9b4bd}.wall-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.wall-chip{pointer-events:auto;position:absolute;left:50%;top:6px;transform:translate(-50%);z-index:2;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid #c9583f99;background:#1c0f0ed9;color:#f0c9bc;font-size:12px;cursor:pointer;white-space:nowrap}.wall-chip b{color:#f2d48e;font-weight:700}.wall-broken strong{color:#ffd77a}@keyframes wall-in{0%{opacity:0;transform:translate(-50%,-40%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(prefers-reduced-motion:reduce){.wall-card{animation:none}}