.portrait{background-size:var(--art-cols,400%) var(--art-rows,200%);filter:hue-rotate(var(--skin-hue,0deg))}.sidebar{padding-top:22px}.sidebar .brand{padding-bottom:22px}.sidebar nav{gap:2px;flex-shrink:0}.sidebar .nav-item{padding:10px 13px;min-height:39px}.sidebar-bottom{padding-top:20px}.profile-avatar{overflow:hidden}.profile-avatar .portrait{width:100%;height:100%}.expansion-panel{padding:24px;margin:22px 0}.expansion-panel>p{font-size:12px;margin:10px 0 20px}.expansion-form{display:grid;gap:12px;padding:18px;border:1px solid #ffffff0c;border-radius:8px;background:#18161f}.expansion-form label{display:grid;gap:6px;font-size:11px;color:#b1a4c1}.expansion-form input,.expansion-form select{width:100%;min-width:0;padding:10px 12px;background:#100e16;color:#e8dff1;border:1px solid #ffffff18;border-radius:5px}.expansion-form p{font-size:11px}.extension-form{display:grid;gap:12px;padding:18px;border:1px solid #ffffff0c;border-radius:8px;background:#18161f}.extension-form label{display:grid;gap:6px;font-size:11px;color:#b1a4c1}.extension-form input,.extension-form select{width:100%;min-width:0;padding:10px 12px;background:#100e16;color:#e8dff1;border:1px solid #ffffff18;border-radius:5px}.extension-form p{font-size:11px}.expansion-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:13px 0}.expansion-actions .btn{font-size:11px;padding:8px 11px}.mail-list{display:grid;gap:13px}.mail-card{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px}.mail-card.claimed{opacity:.55}.mail-card .eyebrow{font-size:9px;letter-spacing:1px}.mail-rewards{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.mail-rewards>span{padding:9px;background:#b594ec0a;border-radius:6px;font-size:12px;color:#c3acd9;display:flex;align-items:center;gap:8px}.mail-rewards .item-art{width:34px;height:34px}.mail-rewards .item-art b{display:none}.inventory-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:23px}.inventory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.inventory-tile{padding:14px 10px;background:#1b1824;border:1px solid #ffffff0d;border-radius:9px;display:flex;align-items:center;text-align:center;flex-direction:column;gap:9px}.inventory-tile:hover,.inventory-tile.selected{border-color:#bf9bef99;background:#282031}.inventory-tile strong{font-size:11px;font-weight:500;line-height:1.6}.inventory-tile small{font-size:9px;color:#9789a5}.item-art{width:73px;height:73px;display:inline-flex;position:relative;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#bc93ef25,transparent),#14111c;border:1px solid var(--item-color,#bd9ce8);border-radius:13px;color:var(--item-color,#bd9ce8);box-shadow:inset 0 0 20px #c7a4f10d}.item-art>.icon{width:35px;height:35px;stroke-width:1}.item-art b{position:absolute;bottom:3px;right:5px;font-size:9px;font-weight:500}.item-detail{padding:24px;align-self:start;position:sticky;top:20px}.item-detail>h2{font-size:17px;margin-top:16px}.item-detail>p{font-size:11px;margin-top:10px}.item-detail details{margin-top:20px}.item-detail .extension-form{padding:13px 0;background:none;border:0}.main-affix{display:grid;gap:6px;background:#bd98e510;padding:12px;margin:16px 0;color:#dbc1f4}.main-affix small{color:#95849f}.sub-affixes>div{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid #ffffff09;font-size:11px;color:#bcb0c9}.sub-affixes .btn{min-height:25px;padding:5px 8px;font-size:9px}.rare-effect{color:#ecc58a!important}.inventory-history{display:flex;gap:15px;padding:10px 0;border-bottom:1px solid #ffffff07;font-size:11px}.inventory-history time{color:#8d7c9c;min-width:145px}.loadout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:15px}.loadout-grid article{background:#ffffff03;padding:15px;border-radius:7px}.loadout-grid h3{font-size:13px;margin-bottom:10px}.loadout-slot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:7px 0;font-size:10px;color:#ac9aba}.loadout-slot .btn{font-size:9px;min-height:25px;padding:3px 8px}.dungeon-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.dungeon-card{padding:24px;border-top:2px solid var(--item-color)}.dungeon-card>h2{color:var(--item-color)}.dungeon-card>p{font-size:12px;margin:10px 0 20px}.dungeon-symbol{width:65px;height:65px;display:grid;place-items:center;background:#ffffff04;border-radius:50%;margin:20px 0;color:var(--item-color)}.dungeon-symbol .icon{width:32px;height:32px}.dungeon-card details{font-size:11px;margin-top:15px;line-height:1.8;color:#b5a6c1}.dungeon-card details p{font-size:11px;padding-top:12px}.drop-table{width:100%;font-size:9px;border-collapse:collapse;margin-top:12px}.drop-table td,.drop-table th{padding:5px;text-align:left;border-bottom:1px solid #ffffff08}.box-grid,.market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}.box-card,.market-card{padding:24px}.box-card h3,.market-card h3{margin:12px 0;font-size:16px}.box-card p,.market-card p{font-size:11px}.box-art{height:110px;display:grid;place-items:center;color:#cfadea;background:radial-gradient(ellipse,#9b75cd30,transparent 65%)}.box-art .icon{width:60px;height:60px;stroke-width:1}.box-rates{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0;font-size:9px}.box-card>.btn{width:100%}.market-wallet{padding:23px 28px;border:1px solid #d4b07b33;background:#2c211a30;display:flex;justify-content:space-between;align-items:center;border-radius:8px}.market-wallet strong{font-size:25px;color:#edcf96}.market-wallet strong small{font-size:12px}.market-wallet>span{font-size:11px;color:#a99a88}.market-card>.pill{float:right}.market-price{display:block;margin:20px 0;font-size:24px;color:#e5c697}.market-price small{font-size:10px}.weekly-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:16px}.weekly-grid>div{padding:14px;background:#ae8ec512;border-radius:6px;display:grid;gap:10px}.weekly-grid strong{font-size:11px;color:#c2abd7}.weekly-grid span{font-size:10px;line-height:1.8;color:#9686a7}.profile-editor{display:grid;grid-template-columns:230px 1fr;gap:30px}.profile-large>.portrait{width:160px;height:200px;border-radius:15px;border:1px solid #b897d333;margin-bottom:18px}.profile-large p{font-size:12px}.avatar-choices{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}.avatar-choices button{padding:0;background:transparent;border:1px solid #ffffff13;border-radius:4px;overflow:hidden}.avatar-choices .portrait{width:100%;aspect-ratio:3/4}.repeat-loot{display:flex;gap:12px;flex-wrap:wrap;padding:12px;font-size:10px;align-items:center}.repeat-loot>span{display:flex;flex-direction:column;gap:7px;width:80px}.repeat-loot .item-art{width:50px;height:50px}
/* Illustrated 2D battle stage and generated character sprites. */
.battlefield{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(#121321b0,#11132190 55%,#10101ada),url('/assets/sanctuary.png') center 65%/cover;min-height:465px;padding:28px 22px 18px}.battlefield:after{content:"";position:absolute;inset:48% 0 0;background:repeating-linear-gradient(0deg,transparent 0 60px,#b59dd508 62px);transform:perspective(320px) rotateX(45deg);z-index:-1}.battle-side-label{background:#111019a0;padding:8px 12px;border-radius:8px;margin-bottom:15px}.battle-row{gap:9px}.battle-unit{aspect-ratio:auto;height:172px;min-width:0;background:transparent!important;border:1px solid transparent;border-radius:12px;overflow:visible;box-shadow:none!important;isolation:isolate}.battle-unit:before{content:"";position:absolute;bottom:43px;left:12%;width:76%;height:16px;border-radius:50%;background:#0100089c;filter:blur(4px);z-index:-1}.battle-unit:after{display:none!important}.battle-unit.targetable{border-color:#c5a4f342;background:#d1a3ff06!important}.battle-unit.targeted{border-color:#dcc6ff;box-shadow:0 0 18px #b784f130!important}.battle-unit.acting{border-color:#8dddcb66}.battle-sprite{position:absolute;inset:-8px -10px 34px;background:url('/assets/battle-sprites.png') var(--sprite-x) var(--sprite-y)/800% 500%;filter:drop-shadow(0 4px 6px #06030b) hue-rotate(var(--skin-hue,0deg));transform-origin:50% 90%;animation:sprite-idle 3s ease-in-out infinite}.enemy .battle-sprite{scale:-1 1}.battle-unit .unit-info{position:absolute;left:4px;right:4px;bottom:0;background:#11101dd9;border:1px solid #ffffff10;border-radius:6px;padding:5px 7px;z-index:2}.battle-unit .unit-info>strong{font-size:10px}.battle-unit .unit-info>small{font-size:8px}.battle-unit-top{top:1px;left:3px;right:3px;z-index:3}.battle-unit-top>span{background:#181321cc;font-size:8px}.battle-unit.fallen .battle-sprite{opacity:.25;filter:grayscale(1);transform:rotate(-18deg)}.battle-unit.striking .battle-sprite{animation:sprite-attack .48s cubic-bezier(.2,.8,.2,1)}.battle-unit.impact .unit-info{animation:damage-flash .5s ease-out}.floating-number{z-index:9;font-size:24px!important;top:25px!important;text-shadow:0 2px 7px #000}.battle-slot-empty{height:172px;aspect-ratio:auto;border:none;background:none}.spell-scene{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden;animation:spell-fade .75s both}.spell-scene i{position:absolute;width:160px;height:4px;border-radius:100%;left:45%;top:40%;background:var(--spell-color);box-shadow:0 0 12px var(--spell-color),0 0 30px var(--spell-color);transform:rotate(-35deg);animation:spell-strike .6s both}.spell-scene i:nth-child(2){top:30%;left:35%;animation-delay:.06s}.spell-scene i:nth-child(3){top:60%;left:60%;animation-delay:.12s}.spell-scene i:nth-child(4){top:50%;left:30%;animation-delay:.18s}.spell-scene i:nth-child(5){top:70%;left:50%;animation-delay:.24s}.spell-water i{height:100px;width:5px;transform:rotate(30deg)}.spell-nature i{width:70px;height:70px;border-radius:50%;background:transparent;border:2px solid var(--spell-color)}.spell-light i{width:10px;height:180px;transform:rotate(0)}.action-guard,.action-end{display:none}.action-basic i:nth-child(n+2){display:none}.ultimate-cutin{position:absolute;inset:12% 0 12%;z-index:12;pointer-events:none;display:flex;align-items:center;justify-content:center;gap:40px;background:linear-gradient(115deg,#080915ee,#271733ee,#080915);border-top:2px solid var(--spell-color);border-bottom:2px solid var(--spell-color);box-shadow:0 0 60px var(--spell-color);animation:ultimate-sweep 1.6s both;overflow:hidden}.ultimate-cutin>div{width:210px;height:300px;transform:skew(-9deg);border:1px solid var(--spell-color)}.ultimate-cutin .portrait{width:100%;height:100%}.ultimate-cutin>span{font-size:11px;letter-spacing:4px;color:var(--spell-color);text-shadow:0 0 25px var(--spell-color)}.ultimate-cutin strong{display:block;letter-spacing:0;font-size:28px;margin-top:13px;color:#fff;max-width:340px}.skill-art{display:block;position:relative;width:50px;height:50px;background:url('/assets/skill-atlas.png') var(--sx) var(--sy)/800% 500%;border:1px solid var(--element-color);border-radius:10px;margin:0 auto 7px;box-shadow:0 2px 14px #0006;overflow:hidden}.skill-art.skill2{filter:hue-rotate(18deg);transform:rotate(-4deg)}.skill-art.ultimate{box-shadow:0 0 14px var(--element-color);border-width:2px}.skill-art.effect{border-radius:50%;filter:brightness(1.25)}.combat-action{min-height:119px;min-width:92px;border-radius:9px;background:linear-gradient(160deg,#2b2438,#18151f);padding:11px 8px}.combat-action.selected{background:linear-gradient(160deg,#4a365e,#21182d);border-color:#c29aee}.combat-action:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 7px 18px #0004}.combat-action strong{font-size:10px}.combat-panel{flex-wrap:wrap}.combat-actions{flex:1;min-width:0;flex-wrap:wrap;gap:7px}.combat-action:disabled{opacity:.4}.combat-hint{min-height:45px}
@keyframes sprite-idle{50%{transform:translateY(-4px) rotate(.6deg)}}@keyframes sprite-attack{35%{transform:translateX(20px) rotate(7deg) scale(1.06)}70%{transform:translateX(28px) rotate(-3deg)}}@keyframes damage-flash{20%,60%{background:#bd53735c;transform:translateX(3px)}40%{transform:translateX(-3px)}}@keyframes spell-fade{0%{opacity:0}15%,70%{opacity:1}100%{opacity:0}}@keyframes spell-strike{0%{translate:-140px -50px;scale:.2}50%{scale:1.3}100%{translate:140px 40px;opacity:0}}@keyframes ultimate-sweep{0%{opacity:0;transform:translateX(-100%)}18%,78%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.battle-sprite,.spell-scene,.spell-scene i,.ultimate-cutin,.battle-unit .unit-info{animation:none!important}.spell-scene,.ultimate-cutin{display:none}}
@media(max-width:1150px){.inventory-grid{grid-template-columns:repeat(3,1fr)}.inventory-layout{grid-template-columns:minmax(0,1fr) 290px}.box-grid,.market-grid{grid-template-columns:repeat(2,1fr)}.weekly-grid{grid-template-columns:repeat(3,1fr)}.avatar-choices{grid-template-columns:repeat(8,1fr)}}
@media(max-width:800px){.inventory-layout,.profile-editor{grid-template-columns:1fr}.item-detail{position:static}.dungeon-grid{grid-template-columns:1fr}.loadout-grid{grid-template-columns:1fr}.avatar-choices{grid-template-columns:repeat(8,1fr)}.battlefield{padding:15px 8px}.battle-unit,.battle-slot-empty{height:140px}.battle-sprite{inset:0 -10px 38px}.market-wallet{display:block}.market-wallet>span{display:block;margin-top:10px}.weekly-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.inventory-grid{grid-template-columns:repeat(3,1fr)}.box-grid,.market-grid{grid-template-columns:1fr}.mail-card{padding:15px;display:block}.mail-card>.btn{margin-top:15px}.ultimate-cutin{gap:15px}.ultimate-cutin>div{width:100px;height:150px}.ultimate-cutin strong{font-size:17px}.battle-unit{height:115px}.battle-sprite{inset:-8px -8px 29px}.combat-action{min-width:72px}.combat-action .skill-art{width:37px;height:37px}.inventory-history{display:block}}