:root{color-scheme:dark;--bg:#0a141e;--panel:#102232;--line:#263c4b;--gold:#dcba7a;--muted:#9eadb7;--white:#edf1ee;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0%,#193248,transparent 70%),var(--bg);color:var(--white);min-width:320px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #f2d390;outline-offset:4px}button{touch-action:manipulation}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}h1,h2,p{margin:0}h1:focus{outline:none}h1{font-family:Georgia,"Times New Roman",serif;font-weight:400}h2{font-size:23px;font-weight:600}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.7}.gold{color:var(--gold)}.topbar{height:94px;border-bottom:1px solid #304352;background:#0b1824eF;display:flex;align-items:center;justify-content:space-between;padding:0 max(26px,calc((100vw - 1440px)/2));gap:22px}.hero-button{padding:0;border:0;background:none;display:flex;align-items:center;gap:13px;text-align:left;min-width:235px}.avatar{display:block;width:60px;height:60px;position:relative;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px #d3b377,0 0 0 5px #bfa47710;flex:none}.avatar img{position:absolute;width:1536%;height:auto;max-width:none;left:-18%;top:-2%}.hero-summary{display:grid;gap:6px;font-size:11px;color:var(--muted)}.hero-summary strong{font-size:20px;font-weight:650;letter-spacing:.02em;color:#f5f1e8}.hero-summary b{color:var(--gold);font-weight:500;margin-right:10px}.mini-xp{display:block;height:3px;background:#2b3e4d;width:164px;border-radius:3px;overflow:hidden}.mini-xp i,.xp-track i{display:block;height:100%;background:linear-gradient(90deg,#b78b43,#ecc984);width:0;transition:width .4s}.brand{display:flex;align-items:center;gap:14px;color:var(--gold);font-family:Georgia,serif;font-size:27px;letter-spacing:.22em}.brand-glyph{font-size:47px;line-height:1;letter-spacing:0}.brand small{display:block;font-family:inherit;font-size:8px;letter-spacing:.24em;margin-top:5px;color:#a9b4b9}.hud-stats{display:flex;align-items:center;gap:25px;min-width:235px;justify-content:flex-end}.hud-stats>span{display:flex;align-items:center;gap:7px}.hud-stats b{font-size:18px;font-variant-numeric:tabular-nums}.hud-stats small{color:var(--muted);font-size:12px}.hud-hp .icon{color:#b46a72;width:19px}.icon-button{display:grid;place-items:center;border:1px solid #344b5d;background:#182b3b;border-radius:9px;min-width:40px;height:40px;color:var(--gold)}.icon-button:hover{background:#263c4a}.mainnav{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid #273d4d;gap:15px}.nav-links{display:flex;gap:26px}.nav-links button{display:flex;align-items:center;gap:9px;background:none;border:0;padding:18px 3px;color:var(--muted);position:relative;font-size:13px}.nav-links button[aria-current="page"]{color:var(--gold)}.nav-links button[aria-current="page"]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--gold)}.nav-links .icon{width:18px;height:18px}.build-label{font-size:11px;letter-spacing:.04em;color:#879dab;display:flex;align-items:center;gap:7px}.build-label i,.small-dot{width:5px;height:5px;border-radius:50%;background:#a3c6a1;display:inline-block}.build-label b{font-weight:500;color:var(--gold);border:1px solid #39505e;border-radius:4px;padding:2px 5px}main{max-width:1440px;margin:0 auto;padding:0 26px}.screen{padding-bottom:14px;animation:screenIn .3s ease}.city-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px 0 25px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:550;color:var(--gold);line-height:1.6}.city-heading h1{font-size:54px;line-height:1.2;color:#edcf94;margin:5px 0}.subtitle{font-size:14px;color:#aabac5;line-height:1.6}.first-quest{display:flex;align-items:center;gap:16px;border:1px solid #3b4b51;background:linear-gradient(110deg,#1b2d38,#112130);border-radius:10px;padding:20px 22px;min-width:370px}.first-quest>.icon{width:31px;height:31px;color:var(--gold)}.first-quest b{font-size:14px;color:#e4ca96}.first-quest p{font-size:12px;color:#a9bac6;margin-top:7px}.first-quest>span{margin-left:auto;padding-left:13px;color:#d0dce1;font-size:12px;white-space:nowrap}.world-frame{border:1px solid #586466;border-radius:14px;overflow:hidden;box-shadow:0 14px 60px #0005;background:#0f1e29}.map-scroller{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#586466 #162637;overscroll-behavior-x:contain}.world-map{position:relative;width:100%;min-width:850px;aspect-ratio:1536/710;overflow:hidden;container-type:inline-size;background:#1e3949}.world-art{position:absolute;display:block;max-width:none;width:100%;height:auto;left:0;top:-30.28169%;user-select:none;pointer-events:none}.world-light{position:absolute;inset:0;background:linear-gradient(0deg,#0b20392b,transparent 25%,#ffe3a207);pointer-events:none}.map-pin{position:absolute;display:flex;align-items:center;gap:8%;text-align:left;border:1px solid #52616a;border-radius:10px;padding:0 1%;background:linear-gradient(125deg,#132533,#0c1927);box-shadow:0 5px 12px #0007}.map-pin strong{display:block;font-size:clamp(12px,1.23cqw,19px);font-weight:600}.map-pin small{display:block;font-size:clamp(10px,.82cqw,13px);color:#afb9bf;margin-top:5px;white-space:nowrap}.map-pin .icon{width:2.1cqw;height:2.1cqw;min-width:19px;min-height:19px;max-width:34px;max-height:34px}.map-pin.locked{color:#b7c0c6;border-color:#4b5961;box-shadow:0 5px 12px #0006}.map-pin.locked .icon{color:#85979f}.map-pin.available{background:linear-gradient(115deg,#192d3c,#102032);border-color:#e4bf77;box-shadow:0 0 0 1px #e2b56040,0 0 28px #efae2748,0 8px 17px #0008;color:#f8e8cd;transition:filter .2s,box-shadow .2s}.map-pin.available:hover{filter:brightness(1.18);box-shadow:0 0 0 2px #e2b56070,0 0 36px #efae275e}.map-pin.available .icon{color:#f0d49b}.map-pin.available strong{font-size:clamp(15px,1.45cqw,23px)}.pin-arrow{margin-left:auto}.guild{left:24.65%;top:15.7%;width:13.4%;height:10.7%}.temple{left:4.05%;top:30.3%;width:13.25%;height:10.6%}.market{left:28.75%;top:55.7%;width:13.5%;height:10.7%}.forge{left:73.2%;top:37.35%;width:13.6%;height:10.8%}.tavern{left:80.9%;top:58.2%;width:13.8%;height:11%}.gates{left:84.7%;top:15.5%;width:12.2%;height:10.8%}.arena-pin{left:42.5%;top:34%;width:17%;height:13.7%}.profile-pin{left:61.8%;top:80%;width:17.6%;height:13.2%}.map-caption{display:flex;justify-content:space-between;align-items:center;padding:10px 17px;gap:12px;font-size:10px;letter-spacing:.06em;color:#a5b4be;border-top:1px solid #344853}.map-caption .small-dot{margin-right:7px}.pan-hint{display:none}.city-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 0}.welcome-note{display:flex;align-items:center;gap:17px;color:#94a9b8;font-size:12px;line-height:1.75}.welcome-note strong{color:#ced9dc;font-weight:500}.note-number{font-family:Georgia,serif;font-size:28px;color:#d1b780;border-right:1px solid #42525a;padding-right:17px}.quick-links{display:flex;gap:12px}.button{min-height:46px;border-radius:7px;border:1px solid #6b634f;display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:12px 22px;font-size:13px;font-weight:600;line-height:1.4;transition:filter .2s,transform .2s}.button.primary{color:#211e16;background:linear-gradient(115deg,#e9c784,#c59d60);border-color:#e8c985;box-shadow:0 5px 15px #0003}.button.secondary{background:#142635;border-color:#415668;color:#d4dce0}.button:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.button:disabled{opacity:.42}.button .icon{width:19px;height:19px}.wide{width:100%}.app-footer{max-width:1440px;margin:0 auto;border-top:1px solid #253a49;padding:16px 26px 22px;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.045em;color:#7f96a5}.app-footer b{color:#a6b6bf;font-weight:400}.interior{padding-top:30px}.page-intro{margin-bottom:26px}.page-intro h1{font-size:42px;margin:6px 0 8px;color:#efd4a1}.arena-lobby{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;max-width:1020px;margin:auto}.training-card,.pvp-card,.equipment-card,.stats-card,.inventory-card{background:linear-gradient(135deg,#132736,#101e2b);border:1px solid #344c5d;border-radius:13px;overflow:hidden}.training-visual{height:185px;position:relative;display:grid;place-items:center;border-bottom:1px solid #4b575b;background:radial-gradient(ellipse at 50% 25%,#987a4230,transparent 68%),repeating-linear-gradient(125deg,transparent 0 33px,#c4aa660b 33px 34px),#10202f}.arena-roundel{width:111px;height:111px;border:1px solid #c5a063;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 9px #c2a1640d,0 0 0 10px #b6955328,0 0 45px #d5ab6328;color:#dfbd82}.arena-roundel svg{width:57px;height:57px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round}.mode-chip{position:absolute;top:18px;right:18px;background:#c6aa6d14;color:#dcc08a;border:1px solid #887650;border-radius:5px;padding:5px 9px;font-size:9px;letter-spacing:.13em}.training-body{padding:25px}.training-body h2{font-size:25px;margin:7px 0 12px}.training-body>p:not(.eyebrow),.pvp-card>p:not(.eyebrow){font-size:13px;color:#a2b6c4;line-height:1.7}.training-rules{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.training-rules span{padding:6px 8px;background:#263c4d6b;border:1px solid #334f61;border-radius:5px;font-size:10px;color:#c0d0d9}.rewards-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #324655;padding:17px 0 22px;font-size:12px}.rewards-row b{font-weight:500;display:block;margin-top:5px;color:#f0d49d}.rewards-row .gold{display:flex;gap:6px;align-items:center}.lobby-footnote{display:block;text-align:center;font-size:10px;line-height:1.5;color:#90a5b2;margin-top:13px}.pvp-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;background:linear-gradient(130deg,#14253180,#101d2a);border-color:#2c4050}.lock-emblem{width:58px;height:58px;fill:none;stroke:#698394;stroke-width:1;stroke-linecap:round;margin-bottom:30px}.pvp-card .eyebrow{color:#8298a8}.pvp-card h2{margin:8px 0 15px}.pvp-card .button{margin-top:30px;max-width:250px}.arena-note{max-width:1020px;display:flex;align-items:flex-start;gap:14px;margin:22px auto 28px;padding:16px 20px;background:#172b3966;border:1px solid #2c4555;border-radius:8px;font-size:12px;color:#93a9b7;line-height:1.65}.arena-note .icon{color:#bf9f63}.arena-note b{color:#c9d4dc;font-weight:500}.profile-intro{display:flex;justify-content:space-between;align-items:center}.empty-tag{border:1px solid #456172;border-radius:30px;padding:8px 13px;color:#9eb2c1;font-size:11px}.profile-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.85fr);gap:24px;margin-bottom:25px}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:18px 23px;border-bottom:1px solid #2e4657;gap:10px}.panel-heading h2{font-size:15px;display:flex;align-items:center;gap:8px;font-weight:550}.panel-heading>span{color:#8ea5b5;font-size:10px}.equipment-stage{height:420px;display:grid;grid-template-columns:110px 1fr 110px;gap:15px;padding:22px 24px 0;position:relative}.gear-column{display:flex;flex-direction:column;justify-content:space-around;gap:12px;z-index:1}.equipment-slot{background:linear-gradient(135deg,#19324470,#0d1c2a);border:1px solid #385467;border-radius:9px;min-height:74px;padding:10px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;position:relative;transition:background .2s,border-color .2s}.equipment-slot .icon{width:30px;height:30px;color:#7c95a3;opacity:.8;stroke-width:1.25}.equipment-slot span{font-size:10px;color:#bed0db}.equipment-slot:after{content:'+';font-size:12px;font-weight:300;position:absolute;right:7px;top:3px;color:#566f80}.equipment-slot:hover{background:#253f51;border-color:#c5a26b}.equipment-slot:hover .icon{color:#d4b980}.character{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0}.character-aura{position:absolute;inset:0 -30%;background:radial-gradient(ellipse at 50% 50%,#bdaf8430,transparent 66%);pointer-events:none}.character-aura:before{content:'';position:absolute;left:15%;right:15%;top:12%;bottom:12%;border:1px solid #bfaa5f13;border-radius:50%}.base-character{width:100%;height:355px;position:relative;filter:drop-shadow(0 4px 15px #0005)}.character-note{font-size:11px;text-align:center;color:#bbc7c7;line-height:1.7;margin-top:3px;z-index:1}.character-note small{font-size:9px;color:#6f8899}.rings-header{display:flex;justify-content:space-between;margin:18px 24px 11px;color:#becdd5;font-size:11px}.rings-header small{color:#879daa;font-size:10px}.ring-slots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:0 24px 24px}.ring-slots .equipment-slot{min-height:70px}.ring-slots .equipment-slot .icon{width:25px;height:25px}.profile-aside{display:flex;flex-direction:column;gap:20px}.stats-card{padding:24px}.profile-person{display:flex;align-items:center;gap:19px;margin-bottom:24px}.avatar.large{width:74px;height:74px}.profile-person h2{font-family:Georgia,serif;color:#e6c994;font-size:29px;font-weight:400;margin:3px 0 5px}.profile-person .eyebrow{color:#a0b2be;font-size:9px;letter-spacing:.11em}.profile-person div>p:last-child{font-size:11px;color:#a6b5bd}.xp-row{display:flex;justify-content:space-between;font-size:11px;color:#9aaebb;margin-bottom:10px}.xp-row b{color:#dbc08d;font-weight:500}.xp-track{height:5px;border-radius:6px;background:#0b1824;overflow:hidden}.stats-list{margin:18px 0}.stats-list>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2b4050;padding:10px 0;font-size:12px}.stats-list dt{display:flex;align-items:center;gap:8px;color:#aebfc9}.stats-list dd{margin:0;color:#edd0a1;font-weight:500}.stats-list .icon{width:16px;height:16px;color:#ab9060}.inventory-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:17px 20px 14px}.inventory-grid>div{aspect-ratio:1.18;background:#0c1c28;border:1px solid #2a4353;border-radius:5px;position:relative}.inventory-grid>div:after{content:'';position:absolute;width:6px;height:6px;left:calc(50% - 3px);top:calc(50% - 3px);border:1px solid #284353;transform:rotate(45deg)}.inventory-card>p{color:#aebec7;text-align:center;font-size:12px}.inventory-card>small{display:block;text-align:center;color:#718c9e;font-size:10px;padding:8px 15px 19px;line-height:1.5}.battle-screen{max-width:1140px;margin:auto}.battle-nav{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px}.text-button{background:none;border:0;padding:10px 0;color:var(--gold);font-size:13px}.mode-badge{font-size:9px;color:#bfceb6;padding:6px 8px;background:#87a88011;border:1px solid #466655;border-radius:4px;letter-spacing:.08em}.battle-nav small{color:#748c9e;font-size:10px}.storage-warning{padding:12px 24px;font-size:12px;line-height:1.6;color:#ffdb96;background:#5e462b50;border-bottom:1px solid #806340}dialog{background:linear-gradient(135deg,#1b3041,#102131);color:#dce5e9;border:1px solid #a38655;border-radius:15px;padding:28px;max-width:min(450px,calc(100vw - 30px));box-shadow:0 20px 100px #0009;text-align:center}dialog::backdrop{background:#020c16bb;backdrop-filter:blur(5px)}.dialog-emblem{width:55px;height:55px;border:1px solid #776448;border-radius:12px;background:#ac864114;display:grid;place-items:center;margin:0 auto 20px;color:var(--gold)}.dialog-emblem .icon{width:30px;height:30px}dialog h2{font-size:23px;color:#ecd4aa;font-family:Georgia,serif;font-weight:400}dialog p{font-size:13px;line-height:1.7;color:#aebfc9;margin:14px 0 23px}.dialog-actions{display:flex;justify-content:center;gap:10px}.dialog-actions .button{flex:1;font-size:12px;padding:12px 16px}@keyframes screenIn{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.topbar{padding-left:calc((100vw - 1388px)/2);padding-right:calc((100vw - 1388px)/2)}}
@media(max-width:1050px){.brand{font-size:22px}.brand-glyph{font-size:35px}.hud-stats{gap:13px;min-width:200px}.city-heading h1{font-size:47px}.first-quest{min-width:310px;padding:17px}.city-bottom{gap:15px}.welcome-note{font-size:11px}.button{padding:12px 17px}.profile-layout{grid-template-columns:minmax(0,1.25fr) minmax(275px,.85fr);gap:16px}.equipment-stage{grid-template-columns:85px 1fr 85px;padding:16px 16px 0;gap:5px}.ring-slots{padding:0 16px 20px;gap:6px}.ring-slots .equipment-slot span{font-size:9px}.rings-header{margin-left:16px;margin-right:16px}.stats-card{padding:19px}}
@media(max-width:760px){.topbar{height:80px;padding:0 17px;gap:12px}.brand{display:none}.hero-button{min-width:0;gap:10px}.avatar{width:47px;height:47px}.hero-summary strong{font-size:18px}.hero-summary{font-size:9px;gap:5px}.hero-summary b{margin-right:5px}.mini-xp{width:132px}.hud-stats{min-width:0;gap:13px}.hud-hp{display:none!important}.hud-stats b{font-size:16px}.hud-stats .icon{width:19px;height:19px}.icon-button{min-width:34px;height:36px}.mainnav{padding:0 17px}.nav-links{gap:22px}.nav-links button{font-size:12px;padding:16px 0}.nav-links .icon{width:17px;height:17px}.build-label{font-size:0;gap:0}.build-label i{display:none}.build-label b{font-size:9px}.city-heading{padding:22px 0 19px;display:block}.city-heading h1{font-size:47px;margin:3px 0}.eyebrow{font-size:8px;letter-spacing:.13em}.subtitle{font-size:12px}.first-quest{margin-top:18px;padding:13px 15px;min-width:0}.first-quest b{font-size:12px}.first-quest p{font-size:11px;margin-top:4px}.first-quest>.icon{width:25px;height:25px}main{padding:0 16px}.world-frame{border-radius:10px}.world-map{min-width:850px}.map-caption{font-size:8px;padding:10px 11px;letter-spacing:0}.pan-hint{display:inline}.desktop-caption{display:none}.city-bottom{display:flex;flex-direction:column-reverse;align-items:stretch;padding:19px 0;gap:19px}.quick-links .button{flex:1;padding:12px 10px}.quick-links{gap:9px}.welcome-note{line-height:1.7}.note-number{font-size:23px}.app-footer{font-size:9px;line-height:1.5;padding:15px 17px;gap:12px;align-items:center}.app-footer span:last-child{max-width:205px;text-align:right}.page-intro h1{font-size:34px}.interior{padding-top:23px}.arena-lobby{grid-template-columns:1fr;gap:16px}.training-visual{height:145px}.arena-roundel{width:85px;height:85px}.arena-roundel svg{width:44px;height:44px}.training-body{padding:21px}.training-body h2{font-size:22px}.training-body>p:not(.eyebrow),.pvp-card>p:not(.eyebrow){font-size:12px}.pvp-card{padding:26px}.lock-emblem{width:36px;height:36px;margin-bottom:17px}.pvp-card h2{font-size:22px}.pvp-card .button{margin-top:20px}.arena-note{font-size:11px;padding:14px;gap:10px}.profile-layout{grid-template-columns:1fr;gap:17px}.profile-intro{gap:10px}.profile-intro h1{font-size:30px}.empty-tag{font-size:9px;padding:7px 9px}.equipment-stage{height:370px;grid-template-columns:81px minmax(0,1fr) 81px;gap:8px;padding:16px 16px 0}.base-character{height:305px;min-width:120px}.gear-column{gap:10px}.equipment-slot{min-height:69px}.equipment-slot .icon{width:26px;height:26px}.equipment-slot span{font-size:9px}.character-note{font-size:9px;white-space:nowrap}.character-note small{font-size:8px}.ring-slots{gap:5px}.ring-slots .equipment-slot{min-height:64px}.ring-slots .equipment-slot span{font-size:8px}.ring-slots .equipment-slot .icon{width:22px;height:22px}.panel-heading{padding:16px}.stats-card{padding:22px}.inventory-grid{grid-template-columns:repeat(5,1fr)}.profile-aside{gap:16px}.battle-nav small{display:none}.battle-nav .text-button{font-size:12px}.battle-nav{margin-bottom:10px}.storage-warning{font-size:11px;padding:10px 17px}}
@media(max-width:370px){.hud-stats{gap:7px}.hero-summary{font-size:8px}.mini-xp{width:118px}.hero-button{gap:8px}.equipment-stage{padding:14px 10px 0;grid-template-columns:74px minmax(0,1fr) 74px;gap:3px}.ring-slots{padding:0 10px 17px;gap:4px}.character-note{font-size:8px}.quick-links .button{font-size:12px}.quick-links .button .icon:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Headings receive semantic focus during navigation, not a button frame. */
h1[tabindex]:focus-visible{outline:none}
/* The empty inventory stays compact; it must not stretch the paper-doll panel. */
.equipment-card{align-self:start}
.inventory-grid>div{aspect-ratio:auto;height:42px}
/* v6: recovery, trainer, build and chronological receipts */
.recovery-strip{max-width:1388px;margin:auto;padding:13px 24px 15px;border-bottom:1px solid #243d4d;background:#0b1925;position:relative}.recovery-title{display:flex;align-items:center;gap:10px;font-size:12px;margin-bottom:9px}.recovery-title .icon{width:17px;height:17px;color:#cc807f}.recovery-title>span{margin-left:auto;color:#9eafb6;font-size:11px}.recovery-title b{font-variant-numeric:tabular-nums}.hp-track{height:9px;background:#263442;border-radius:12px;position:relative;overflow:hidden}.hp-fill{height:100%;display:block;width:100%;background:#42b46c;transition:width .11s linear,background-color .35s ease;border-radius:inherit}.hp-fill[data-tone=critical]{background:#d74950}.hp-fill[data-tone=low]{background:#dd9799}.hp-fill[data-tone=pale]{background:#b6cead}.hp-fill[data-tone=medium]{background:#81bd8c}.hp-fill[data-tone=full]{background:#42b46c}.entry-mark{position:absolute;left:80%;top:0;bottom:0;width:2px;background:#07161baa}.name-link{border:0;background:none;padding:0;color:inherit;font:inherit;cursor:pointer;text-align:left}.name-link:hover{color:#ebcb8b}.name-link span{font-size:.65em;color:#adbfbd}.training-body h2{margin-bottom:10px}.matchup-row{display:flex;gap:10px;justify-content:space-between;border-top:1px solid #334c59;padding:15px 0;font-size:12px;color:#a6bac6;flex-wrap:wrap}.matchup-row b{color:#e1d2af;font-weight:500}.reward-table{margin:4px 0 18px;display:grid;gap:10px}.reward-table>div{display:flex;justify-content:space-between;font-size:13px;gap:12px}.reward-table b{font-weight:500;color:#ebc988}.win-label{color:#9acdac}.lucas-visual{background:radial-gradient(circle at 50% 80%,#b7924840,transparent 66%),repeating-linear-gradient(128deg,transparent 0 28px,#baa77307 28px 29px)!important}.training-body .text-button{font-size:12px;margin-top:10px}.training-card.is-archived{opacity:.76}.is-archived .training-visual{height:100px}.is-archived .arena-roundel{width:60px;height:60px}.is-archived .arena-roundel svg{width:34px}.archived-message{font-size:13px;color:#d0baa0!important}.archived-trainers{margin-top:30px}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:0 0 18px}.section-heading h2{font-family:Georgia,serif;font-weight:400;color:#ead0a1;font-size:26px}.section-heading h3{font-size:15px;font-weight:500}.archived-trainers .training-card{max-width:680px}.arena-history-link{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 0 30px;font-size:13px;color:#9db1bf}.id-row{display:flex;align-items:center;gap:8px;margin:0 0 23px}.id-row label{color:#bda878;font-size:11px}.id-row input{min-width:0;width:100%;border:1px solid #365164;border-radius:5px;background:#0e202e;padding:9px;color:#a5b7c2;font:10px ui-monospace,monospace}.id-row button{font-size:10px}.skill-heading{display:flex;justify-content:space-between;gap:10px;margin:25px 0 10px}.skill-heading h3{font-family:Georgia,serif;color:#dec697;font-size:21px;font-weight:400}.skill-heading>span{font-size:11px;color:#a9bbc4}.skill-list{display:grid;gap:9px;margin:15px 0}.skill-list>div{display:flex;align-items:center;gap:10px;border:1px solid #354f60;padding:10px 12px;border-radius:8px;background:#0c1d2980;font-size:13px}.skill-list b{margin-left:auto;color:#e7c890;white-space:nowrap;letter-spacing:1px}.skill-list button{border:1px solid #b69b64;border-radius:7px;background:#dbb77022;color:#e8cc91;font-size:21px;min-width:34px;min-height:34px}.skill-list button:disabled{opacity:.3;cursor:default}.skill-list button:hover:not(:disabled){background:#b4924644}.skill-list button[hidden]{display:none}.skill-list+ p{line-height:1.65}#pointHint{font-size:12px;color:#b1c2cc}#freePoints{color:#eecb7e}#profileAvatar.npc{filter:grayscale(.7) sepia(.3)}.profile-tools{border:1px solid #354e5e;border-radius:12px;padding:22px;display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.profile-tools h3{font-size:15px;font-weight:500;margin-bottom:8px}.profile-tools form{display:flex;gap:8px}.profile-tools input{min-width:0;border:1px solid #3f5a69;border-radius:6px;padding:12px;color:#e7e6dd;background:#0c1b28;width:210px}.save-tools{display:flex;justify-content:flex-end;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:24px}.save-tools>span{margin-right:auto}.save-tools .text-button{font-size:12px}.history-summary{display:flex;gap:30px;align-items:center;flex-wrap:wrap;margin:0 0 24px;background:#162936;border:1px solid #354b5a;padding:20px 25px;border-radius:12px}.history-summary b{color:#e6c894;font-size:24px;display:block;margin-bottom:4px}.history-summary span{font-size:11px;color:#a7bac4}.history-filters{display:flex;gap:16px;margin-bottom:22px}.history-filters label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#9db3be}.history-filters select{border:1px solid #365162;background:#132837;color:#e1e6e8;border-radius:7px;padding:10px;font:inherit;font-size:13px;min-width:170px}.history-list{display:grid;gap:10px;margin-bottom:30px}.history-card{display:flex;width:100%;align-items:center;gap:18px;border:1px solid #35515f;border-radius:12px;background:linear-gradient(105deg,#1b343b70,#142532);padding:20px;text-align:left;transition:border-color .2s}.history-card:hover{border-color:#c8a466}.history-card.loss{background:linear-gradient(105deg,#49313650,#142532)}.history-mark{display:grid;place-items:center;background:#3a906522;color:#98cdae;border:1px solid #487663;width:40px;height:40px;border-radius:50%;font-size:24px;flex-shrink:0}.loss .history-mark{background:#96455122;border-color:#875a61;color:#e4aaaa}.history-main{display:flex;flex-direction:column;gap:5px;font-size:13px}.history-main>b{font-size:16px;color:#e5e4d8}.history-main>b small{font-size:11px;color:#819aa7}.history-main small{color:#96aeba;font-size:11px}.history-rewards{margin-left:auto;display:flex;flex-direction:column;gap:6px;font-size:12px;white-space:nowrap;color:#c8b182}.history-rewards b{font-weight:500}.history-arrow{font-size:23px;color:#a49972}.empty-history{border:1px dashed #385261;border-radius:12px;padding:55px 20px;text-align:center;background:#102330}.empty-history>span{font-size:34px;color:#c3a469}.empty-history h3{font-size:20px;font-family:Georgia,serif;font-weight:400;margin:15px 0;color:#e0c49a}.empty-history p{font-size:13px;color:#9db4c0;line-height:1.65}.migration-note{background:#ad94521a;color:#cdbd9d;border:1px solid #675a3e;padding:14px;border-radius:8px;font-size:12px;line-height:1.7;margin-bottom:20px}.detail-heading{display:flex;align-items:center;justify-content:space-between;padding:24px 27px;background:linear-gradient(90deg,#23544950,#172838);border:1px solid #517466;border-radius:13px;gap:12px}.detail-heading.loss{background:linear-gradient(90deg,#723b4650,#172838);border-color:#725059}.detail-heading h2{font:35px Georgia,serif;color:#e7d3ad;margin:8px 0}.detail-heading p:not(.eyebrow){font-size:12px;color:#bbc9ca}.detail-rewards{font-size:16px;color:#e2c28b;line-height:1.8;text-align:right}.receipt-id{color:#7f98a8;font-size:11px;overflow-wrap:anywhere;margin:14px 0 20px}.combatant-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 28px}.snapshot-card{border:1px solid #324e5c;border-radius:11px;padding:20px;display:flex;flex-direction:column;gap:12px;background:#142835}.snapshot-card>.name-link{font:24px Georgia,serif;color:#ddc49c}.snapshot-card>code{font-size:10px;color:#718e9f;overflow-wrap:anywhere}.snapshot-card>span:not(.eyebrow){font-size:12px;color:#c0cdd0}.snapshot-card>small{font-size:10px;color:#8ca8b7}.snapshot-signs{display:flex;gap:12px;justify-content:space-between}.snapshot-signs span{font-size:11px;color:#9db5c3}.snapshot-signs b{display:block;color:#dbbc86;margin-top:5px;font-size:15px}.round-record{border:1px solid #2c4656;background:#122532;display:flex;padding:18px;align-items:center;gap:17px;border-radius:9px;margin-bottom:8px}.round-number{font:23px Georgia,serif;color:#617e8f;min-width:26px}.round-record strong{font-size:13px;color:#bed4d6;font-weight:500}.round-record p{font-size:12px;line-height:1.8;color:#8faaba;margin:7px 0 0}.round-record.enemy strong{color:#ddaaa7}.round-damage{color:#daac8b;margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums}.round-record.draw .round-damage{color:#7895a3}.archive-footer{font-size:12px;color:#a6babc;line-height:1.7;padding:20px 0 30px}.result-close{position:absolute;right:12px;top:9px;background:none;border:0;color:#9bb0bd;font-size:25px;cursor:pointer}.result-medal{width:75px;height:75px;border-radius:50%;border:1px solid #b9995c;background:#ab8a3822;display:grid;place-items:center;color:#e8c982;font-size:40px;margin:4px auto 23px;box-shadow:0 0 40px #b3903c22}#resultDialog{width:450px;padding:30px;overflow:auto;max-height:90dvh}#resultDialog[data-result=loss] .result-medal{color:#dfa7a6;border-color:#a77676;background:#a4414122;box-shadow:0 0 40px #ba464622}#resultDialog h2{font-size:28px;margin-top:8px}#resultDialog>p.eyebrow{margin:0;font-size:10px;color:#bda575}#resultOpponent{margin:12px 0 20px!important;color:#a2b8c6}#resultReason{font-size:11px;margin:15px 0!important}.receipt-rewards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.receipt-rewards>div{padding:17px 10px;background:#0b1c2b;border:1px solid #3c5664;border-radius:10px;display:flex;flex-direction:column;gap:4px}.receipt-rewards b{font:32px Georgia,serif;color:#e5c384}.receipt-rewards span{font-size:12px;color:#97acb7}.receipt-health{margin:19px 0 25px;text-align:left}.receipt-health>div:first-child{display:flex;justify-content:space-between;font-size:11px;color:#a4b5bd;gap:10px;margin-bottom:8px}.receipt-health small{display:block;font-size:10px;color:#8fa6b1;margin-top:10px;line-height:1.5}.level-up{font-size:13px;color:#f1d89c;background:#b79a3d22;border:1px solid #947339;padding:12px;border-radius:8px;margin:13px 0}.button:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.25)}
@media(max-width:760px){.recovery-strip{padding:11px 16px}.recovery-title{font-size:11px}.recovery-title>span{font-size:9px}.nav-links{gap:16px}.nav-links button{font-size:11px;gap:5px}.nav-links .icon{width:14px}.profile-tools{flex-direction:column;align-items:stretch;padding:18px}.profile-tools form{width:100%}.profile-tools input{width:100%}.profile-tools .button{font-size:12px}.save-tools{gap:10px;justify-content:flex-start}.save-tools>span{width:100%}.history-filters{gap:9px;flex-wrap:wrap}.history-filters label{flex:1;min-width:130px}.history-filters select{min-width:0;width:100%;font-size:12px}.history-summary{gap:20px;padding:18px}.history-summary b{font-size:23px}.history-card{gap:10px;padding:15px 12px}.history-mark{width:30px;height:30px;font-size:19px}.history-main{font-size:12px}.history-main>b{font-size:14px}.history-main small{font-size:9px;line-height:1.5}.history-rewards{font-size:10px}.history-arrow{display:none}.combatant-grid{grid-template-columns:1fr;gap:12px}.detail-heading{padding:18px}.detail-heading h2{font-size:28px}.detail-rewards{font-size:13px}.round-record{padding:13px;gap:10px}.round-record p{font-size:11px}.round-record strong{font-size:12px}.round-number{font-size:18px;min-width:19px}.round-damage{font-size:13px}.section-heading{gap:10px}.section-heading h2{font-size:23px}.section-heading>span{font-size:9px}.arena-history-link{font-size:11px}.reward-table>div{font-size:12px}.matchup-row{font-size:11px}.build-label{display:none}.name-link span{display:none}#resultDialog{padding:23px}#resultDialog h2{font-size:25px}.result-medal{margin-bottom:17px}.id-row input{font-size:9px}}
/* Keep the profile compact on desktop instead of leaving a blank left column. */
@media(min-width:761px){.profile-aside{display:contents}.profile-aside>.stats-card:first-child{grid-column:2;grid-row:1;align-self:start}.profile-aside>.stats-card:nth-child(2){grid-column:2;grid-row:2;align-self:start}.profile-aside>.inventory-card{grid-column:1;grid-row:2;align-self:start}.profile-aside>.inventory-card .inventory-grid>div{height:56px}.profile-aside>.inventory-card .inventory-grid{grid-template-columns:repeat(5,1fr)}}