:root{color:#f4f8ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f141c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;overflow:auto}.app-shell,.game-layout{min-height:100vh}.app-shell{background:radial-gradient(circle at 50% 18%,#ffd36e38,#0000 28%),linear-gradient(#070b1133,#070b11c2),url(/game-assets/town-tile.png?v=20260625-8) 50%/64px 64px;place-items:center;padding:16px;display:grid;overflow:hidden}.auth-panel,.side-panel{background:linear-gradient(#261d15f0,#0c1118fa),#171d27;border:2px solid #b88a4e;border-radius:18px;box-shadow:0 24px 70px #0000007a,inset 0 0 0 1px #ffefba24}.auth-panel{width:min(430px,100vw - 28px);max-height:calc(100dvh - 28px);padding:22px;position:relative;overflow:auto}.auth-panel:before{z-index:0;pointer-events:none;content:"";border:1px solid #ffd36e38;border-radius:13px;position:absolute;inset:10px}.auth-panel>*{z-index:1;position:relative}.title-block{text-align:center;background:radial-gradient(circle at 50% 0,#8ee7a333,#0000 48%),#0a0f166b;border:1px solid #ffd36e2e;border-radius:14px;justify-items:center;gap:8px;padding:22px 14px 18px;display:grid}.title-block:after{content:"";filter:drop-shadow(0 7px #0000006b);image-rendering:auto;background:url(/game-assets/player-warrior-down-0.png?v=20260625-8) 50%/contain no-repeat;width:76px;height:74px;margin-top:4px}.title-block p:last-child{color:#d8c59a;max-width:320px;margin:0;font-size:13px;line-height:1.45}.eyebrow{color:#9fe7ac;letter-spacing:0;text-transform:uppercase;text-shadow:0 2px #1b1108;margin:0 0 8px;font-size:12px;font-weight:900}h1,h2{color:#f4f8ff;margin:0;line-height:1.08}h1{color:#fff5ce;text-shadow:0 3px #402616,0 8px 20px #0000006b;font-size:40px}h2{font-size:22px}.stack-form,.selection-stack{flex-direction:column;gap:14px;margin-top:18px;display:flex}label{color:#f1ddad;text-shadow:0 2px #1b1108;font-size:14px;font-weight:900}input{color:#f7fbff;min-height:48px;font:inherit;background:#090e15e6;border:2px solid #5c482e;border-radius:10px;padding:0 14px;box-shadow:inset 0 2px #00000047}button{color:#1b150c;min-height:42px;font:inherit;cursor:pointer;background:linear-gradient(#d7ff9a,#82cf53);border:2px solid #efffc2;border-radius:10px;padding:0 16px;font-weight:900;box-shadow:inset 0 -3px #416f2459,0 4px #2b1b0cd1}button:hover{filter:brightness(1.06)}.ghost-button{color:#f1ddad;background:linear-gradient(#49321e,#201913);border-color:#b88a4e}.loading-text,.form-error{margin:12px 0 0;font-size:13px}.loading-text{color:#f1ddad;font-weight:900}.form-error{color:#ffd7d7;background:#3a1720;border:1px solid #7e3344;border-radius:6px;padding:10px 12px}button:disabled{cursor:not-allowed;opacity:.55}.class-preview{background:#141d29c7;border:2px solid #5c482e;border-radius:12px;grid-template-columns:76px 1fr;align-items:center;gap:14px;padding:14px;display:grid}.class-preview img{object-fit:contain;filter:drop-shadow(0 7px #00000061);width:70px;height:82px}.class-preview p:last-child{color:#d8c59a;margin:10px 0 0}.panel-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.panel-actions{align-items:center;gap:8px;display:flex}.panel-actions button{white-space:nowrap}.character-row{color:#f4f8ff;text-align:left;background:linear-gradient(#223022f2,#111916f5),#192433;border:2px solid #789d52;border-radius:12px;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;min-height:76px;padding:8px 12px;display:grid}.character-row img{object-fit:contain;filter:drop-shadow(0 5px #00000057);width:46px;height:58px}.character-row span{gap:4px;display:grid}.character-row strong{color:#fff5ce;font-size:17px}.character-row small{color:#b9d4a9;font-size:12px;font-weight:800}.character-row em{color:#1b150c;background:#f1ddad;border-radius:8px;padding:7px 10px;font-style:normal;font-weight:900}.admin-shell{color:#f4f8ff;background:#0f141c;min-height:100vh;padding:24px}.admin-topbar,.admin-card,.admin-message{background:linear-gradient(#1f1915f5,#0e141dfa),#171d27;border:2px solid #b88a4e;border-radius:6px;box-shadow:0 14px 34px #00000052}.admin-topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;padding:18px;display:flex}.admin-topbar a{color:#fff1d0;font-weight:800;text-decoration:none}.admin-grid{grid-template-columns:minmax(260px,.8fr) minmax(320px,1fr);gap:16px;display:grid}.admin-card{min-width:0;padding:18px}.admin-message{color:#fff1d0;margin:0 0 16px;padding:12px 14px}.admin-list,.admin-items,.admin-balance-grid{gap:10px;display:grid}.admin-list{max-height:520px;overflow:auto}.admin-list button{color:#f6ead2;background:#141d29;border:1px solid #344458;justify-items:start;gap:4px;min-height:54px;display:grid}.admin-list button.is-selected{border-color:#8ee7a3;outline:2px solid #8ee7a38c}.admin-list span,.admin-item span,.admin-item small{color:#aebbd0;font-size:12px}.admin-section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.admin-section-title h2{margin:0}.admin-section-title span{color:#f1ddad;font-size:13px;font-weight:900}.admin-section-title-spaced{margin-top:18px}.admin-empty{color:#9fb1c4;background:#141d29b8;border:1px dashed #344458;border-radius:6px;margin:0;padding:12px}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0;display:grid}.admin-stats span,.admin-item{background:#141d29;border:1px solid #344458;border-radius:6px;padding:10px}.admin-actions{gap:8px;margin-top:10px;display:flex}.admin-actions input,.admin-actions select,.admin-balance-grid input{color:#f7fbff;background:#101720;border:1px solid #405267;border-radius:6px;width:100%;min-height:38px}.admin-actions button,.admin-card>button{white-space:nowrap}.admin-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0}.admin-balance-grid label{color:#d8e1ec;gap:6px;font-size:12px;display:grid}.admin-item{gap:4px;display:grid}.game-layout{background:radial-gradient(circle at 50% 0,#39546957,#0000 42%),#070c12;place-items:center;height:100vh;padding:14px;display:grid;overflow:hidden}.game-stage{aspect-ratio:9/16;background:#0b1119;border:1px solid #ffe8a829;border-radius:18px;place-items:center;width:min(100vw - 28px,430px,56.25vh - 15.75px);min-height:0;max-height:calc(100vh - 28px);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #0000006b,inset 0 0 0 1px #ffffff0d}.game-canvas{aspect-ratio:9/16;width:100%;height:100%}.game-canvas canvas{width:100%;height:100%;display:block}.quick-buttons{z-index:22;flex-direction:column;gap:7px;width:50px;display:flex;position:absolute;top:96px;right:10px}.quick-buttons button{color:#fff1d0;text-shadow:0 2px #1b1108;background:linear-gradient(#3d2c1ef5,#191e27fa),#2b211a;border:2px solid #b88a4e;border-radius:12px;place-items:center;min-width:48px;min-height:48px;padding:0;font-size:10px;display:grid;box-shadow:inset 0 0 0 1px #ffefba2e,0 3px #352212d1,0 8px 18px #00000052}.quick-icon-img{object-fit:contain;filter:drop-shadow(0 2px #090b11cc);width:46px;height:46px}.quick-label{clip:rect(0 0 0 0);color:#f1ddad;width:1px;height:1px;font-size:9px;font-weight:900;line-height:1;position:absolute;overflow:hidden}.quick-buttons button.is-active{color:#11190f;text-shadow:none;background:linear-gradient(#c9f08a,#77b84d);border-color:#f2ffd1}.quick-buttons button.is-active .quick-label{color:#11190f}.quick-buttons .exit-button{color:#eadcc7;background:linear-gradient(#40342bf5,#221e1efa)}.popup-window{z-index:18;color:#f6ead2;background:linear-gradient(#1f1915f5,#0e141dfa),#171d27;border:3px solid #b88a4e;border-radius:16px 16px 8px 8px;width:auto;max-height:min(72%,620px);padding:16px;position:absolute;bottom:10px;left:10px;right:10px;overflow:hidden;box-shadow:inset 0 0 0 2px #ffe8a824,inset 0 0 32px #00000057,0 18px 42px #00000085}.character-popup{grid-template-columns:1fr;gap:12px;display:grid}.inventory-panel.popup-window,.shop-panel.popup-window{width:auto}.popup-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.character-left,.character-right{min-width:0}.character-left{flex-direction:column;gap:14px;display:flex}.character-right{align-self:start;max-height:calc(100vh - 132px);padding-right:4px;overflow:hidden}.popup-head button,.section-actions button{color:#fff1d0;text-shadow:0 1px #1b1108;background:linear-gradient(#59412c,#2b211a);border:1px solid #b88a4e;border-radius:3px;min-height:32px;padding:0 12px;font-size:12px}.section-actions{align-items:center;gap:10px;display:flex}.stat-grid{grid-template-columns:1fr 1fr;gap:8px;margin:0;display:grid}.stat-grid div{background:#15202d;border:1px solid #2d3f54;border-radius:8px;padding:10px 12px}.stat-grid dt{color:#97aabc;font-size:12px}.stat-grid dd{color:#f3f8ff;margin:4px 0 0;font-size:17px;font-weight:800}.stats-list{grid-template-columns:1fr 1fr;gap:8px;margin-top:0;display:grid}.stats-list span{color:#d9efe0;background:#1a2a22;border:1px solid #38573f;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;font-size:14px;font-weight:700;display:flex}.stats-list button{color:#07120d;background:linear-gradient(#d8ffa0,#8ed05f);border:1px solid #ecffd1;min-width:28px;min-height:28px;padding:0;font-size:16px}.stats-list button:disabled{cursor:not-allowed;opacity:.35}.equipment-panel,.inventory-panel,.skill-panel,.consumable-panel{margin-top:0}.equipment-panel h2,.inventory-panel h2,.skill-panel h2,.consumable-panel h2{font-size:18px}.skill-row,.shop-item{background:#141e2a;border:1px solid #2a3a4f;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.skill-list{gap:8px;display:grid}.skill-row strong,.shop-item strong{color:#eef6ff}.skill-row p,.shop-item p{color:#9fb1c4;margin:4px 0 0;font-size:12px}.skill-row button,.shop-item button{color:#07120d;background:linear-gradient(#d8ffa0,#8ed05f);border:1px solid #ecffd1;min-width:58px;min-height:32px;padding:0 10px;font-size:12px}.skill-row button:disabled,.shop-item button:disabled{cursor:not-allowed;opacity:.4}.consumable-grid,.shop-list{gap:8px;display:grid}.shop-divider{color:#9fd8a8;border-top:1px solid #2a3a4f;margin-top:4px;padding-top:10px;font-size:12px;font-weight:800}.consumable-grid span{color:#d9efe0;background:#1a2a22;border:1px solid #38573f;border-radius:6px;padding:9px 10px;font-size:13px;font-weight:700}.section-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-head span{color:#9fb1c4;font-size:13px;font-weight:700}.equipment-grid{grid-template-columns:1fr;gap:8px;margin-top:12px;display:grid}.equipment-slot{background:#141e2a;border:1px solid #2a3a4f;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;min-height:50px;padding:9px 11px;display:flex}.rarity-empty{background:#141e2a}.equipment-slot span,.inventory-item p,.item-meta{color:#9fb1c4;font-size:12px}.equipment-slot strong{color:#eef6ff;margin-top:2px;font-size:13px;display:block}.equipment-slot em{color:#9fd8a8;margin-top:3px;font-size:12px;font-style:normal;display:block}.set-bonus-panel{color:#dff8c8;background:#142f19db;border:1px solid #9cf06f75;border-radius:6px;margin-top:12px;padding:10px 12px}.set-bonus-panel h3{margin:0 0 7px;font-size:14px}.set-bonus-panel p{color:#dff8c8;margin:5px 0;font-size:12px;line-height:1.45}.equipment-slot button,.inventory-item button{color:#fff1d0;text-shadow:0 1px #1b1108;background:linear-gradient(#59412c,#2b211a);border:1px solid #b88a4e;border-radius:3px;min-width:54px;min-height:30px;padding:0 10px;font-size:12px}.inventory-list{flex-direction:column;gap:8px;max-height:min(430px,100vh - 230px);padding-right:4px;display:flex;overflow:hidden}.inventory-item{color:#f5f8ff;background:#141d29;border:1px solid #344458;border-radius:6px;padding:10px 12px}.inventory-item.is-selected{outline-offset:2px;outline:2px solid #8ee7a3}.rarity-normal{color:#f5f8ff;background:linear-gradient(135deg,#26313f,#151d28);border-color:#8d98a5}.rarity-magic{color:#eef8ff;background:linear-gradient(135deg,#195c9c,#10263f);border-color:#78c7ff}.rarity-rare{color:#fff8d7;background:linear-gradient(135deg,#8a6416,#33250c);border-color:#ffd56a}.rarity-unique{color:#fff2ff;background:linear-gradient(135deg,#7437a5,#281536);border-color:#e0a1ff}.rarity-set{color:#f2ffe5;background:linear-gradient(135deg,#2f7a3a,#132a19);border-color:#9cf06f}.item-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.item-main>div:not(.item-icon){flex:220px;min-width:0}.item-icon{width:42px;height:42px;color:inherit;background:radial-gradient(circle at 35% 24%,#ffffff40,#0000 34%),#050a127a;border:2px solid;border-radius:10px;flex:0 0 42px;place-items:center;display:grid;box-shadow:inset 0 -8px 12px #0000003d}.item-icon span{color:#fff7e0;text-shadow:0 2px #09111c;font-size:17px;font-weight:900}.inventory-item p,.inventory-item h3{margin:0}.inventory-item h3{color:inherit;margin-top:3px;font-size:15px}.item-scoreline{flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px;display:flex}.item-scoreline span,.item-scoreline strong,.item-scoreline em,.item-delta-summary{background:#080e1861;border:1px solid #ffffff1f;border-radius:4px;padding:3px 7px;font-size:12px;font-style:normal;font-weight:800}.item-scoreline em{color:#07120d;background:linear-gradient(#dcff9a,#9edc67);border-color:#f0ffc6d9}.item-scoreline .is-better,.item-delta-summary.is-better,.item-scoreline .is-slightly-better,.item-delta-summary.is-slightly-better{color:#bff4ca;border-color:#79dc9173}.item-scoreline .is-worse,.item-delta-summary.is-worse{color:#ffd1d1;border-color:#dd676773}.item-scoreline .is-even,.item-delta-summary.is-even{color:#d5deea}.inventory-item button:disabled{cursor:not-allowed;opacity:.45}.item-meta{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.item-meta span{color:inherit;background:#080e1857;border-radius:4px;padding:3px 7px}.item-options{color:inherit;margin-top:9px;font-size:12px;line-height:1.45}.item-delta-summary{margin-top:9px;line-height:1.35;display:inline-block}.comparison-panel{background:#0d1622e6;border:1px solid #3d526d;border-radius:8px;gap:10px;margin-bottom:12px;padding:12px;display:grid}.comparison-head,.comparison-items{gap:10px;display:grid}.comparison-head{grid-template-columns:1fr auto;align-items:center}.comparison-head span,.comparison-items span{color:#9fb1c4;font-size:12px;font-weight:700;display:block}.comparison-head strong,.comparison-items strong{color:#f4f8ff;margin-top:3px;font-size:15px;display:block}.comparison-head button{color:#fff1d0;background:linear-gradient(#59412c,#2b211a);border:1px solid #b88a4e;min-height:30px;padding:0 10px;font-size:12px}.comparison-items{grid-template-columns:1fr 1fr}.comparison-items>div{background:#141e2ae6;border:1px solid #2a3a4f;border-radius:6px;min-width:0;padding:10px}.comparison-items p{color:#c7d4e2;margin:6px 0 0;font-size:12px;line-height:1.35}.comparison-deltas{flex-wrap:wrap;gap:6px;display:flex}.comparison-deltas span{color:#d7e1ec;background:#121a26f2;border:1px solid #33445b;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800}.comparison-deltas .is-better{color:#bff4ca;background:#1a4a2bc2;border-color:#57ad6a}.comparison-deltas .is-worse{color:#ffd1d1;background:#5b242ac2;border-color:#c16167}.empty-text{color:#9fb1c4;text-align:center;background:#141d29;border:1px dashed #344458;border-radius:6px;margin:12px 0 0;padding:14px}.floating-log{z-index:20;pointer-events:none;width:auto;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;position:absolute;top:118px;left:12px;right:68px}.floating-log-toggle{width:fit-content;max-width:100%;color:inherit;text-align:left;cursor:pointer;pointer-events:auto;background:0 0;border:0;gap:5px;padding:0;display:grid}.floating-log-toggle:focus{outline:none}.floating-log-toggle:focus-visible span:first-child{border-color:#ffe089b8;box-shadow:0 0 0 2px #2d1c0c80,0 8px 18px #00000038}.floating-log span{color:#fff1d0;text-shadow:0 1px #0f1117;background:#0f141cb8;border:1px solid #ffd36e57;border-radius:999px;margin:0 0 5px;padding:7px 9px;font-size:11px;font-weight:800;line-height:1.25;display:block;box-shadow:0 8px 18px #00000038}.floating-log.is-expanded{max-height:250px;right:12px;overflow:hidden}.floating-log.is-expanded .floating-log-toggle{width:fit-content;max-width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.floating-log.is-expanded span{border-radius:10px;width:fit-content;max-width:100%}@media (width<=980px){.game-layout{align-content:start;height:100dvh;min-height:100dvh;padding:0;overflow:hidden}.game-stage{border:0;border-radius:0;width:100%;min-height:0;max-height:none}.game-canvas{width:100%;height:100%}.quick-buttons{gap:7px;width:50px;top:96px;right:8px}.quick-buttons button{border-width:2px;min-width:48px;min-height:48px;padding:0;font-size:10px;box-shadow:inset 0 0 0 1px #ffefba1f,0 2px #352212d1}.popup-window{border-width:2px;width:auto;max-height:72%;padding:10px;bottom:8px;left:8px;right:8px}.character-popup,.inventory-panel.popup-window,.shop-panel.popup-window{width:auto}.character-popup,.comparison-items{grid-template-columns:1fr}.character-right{max-height:none;padding-right:0;overflow:visible}.floating-log{width:auto;box-shadow:none;background:0 0;border:0;padding:0;inset:118px 64px auto 6px}.floating-log span{margin-bottom:4px;padding:6px 8px;font-size:10px;line-height:1.35}}@media (width<=700px) and (orientation:portrait){.game-layout{background:#070c12;justify-items:center;width:100vw;height:100dvh;min-height:100dvh;padding:0;display:block;overflow:hidden}.game-stage{aspect-ratio:auto;background:#0b1119;width:100vw;height:100dvh;max-height:none;margin:0}.game-canvas{aspect-ratio:auto;width:100vw;height:100dvh}.quick-buttons{top:calc(max(8px, env(safe-area-inset-top)) + 88px);right:max(8px, env(safe-area-inset-right));gap:7px;width:50px}.quick-buttons button{min-width:48px;min-height:48px;padding:0;font-size:10px;line-height:1.15}.popup-window{top:auto;right:max(6px, env(safe-area-inset-right));bottom:max(6px, env(safe-area-inset-bottom));left:max(6px, env(safe-area-inset-left));z-index:90;background:linear-gradient(#1f1915fc,#0a0f16fc),#101722;border-width:2px;width:auto;max-height:min(74dvh,640px);padding:12px;font-size:13px;overflow:hidden;transform:none;box-shadow:inset 0 0 0 1px #ffe8a829,0 18px 42px #0000009e}.character-popup{display:block}.game-stage.has-window-open .quick-buttons,.game-stage.has-window-open .floating-log{display:none}.stat-grid{grid-template-columns:1fr 1fr;gap:6px}.stat-grid div,.inventory-item,.shop-item,.equipment-slot,.comparison-panel{padding:10px}.item-main{grid-template-columns:1fr}.item-main button{min-height:30px}.floating-log{top:calc(max(8px, env(safe-area-inset-top)) + 112px);right:calc(max(8px, env(safe-area-inset-right)) + 62px);bottom:auto;left:max(8px, env(safe-area-inset-left));width:auto;box-shadow:none;background:0 0;border:0;padding:0}.floating-log span{background:#0d121ab8;border:1px solid #ffd36e57;border-radius:999px;margin-bottom:0;padding:8px 9px;font-size:11px;line-height:1.35}.popup-head h1{font-size:32px}.section-head{margin-bottom:10px}.inventory-list{max-height:none}}body .character-popup{color:#2b210c;background:radial-gradient(circle at 50% 33%,#ffee5b73,#0000 24%),radial-gradient(circle at 50% 78%,#f7740080,#0000 36%),linear-gradient(#ffb11f 0%,#ff9015 57%,#ef7310 100%);border:4px solid #503817;border-radius:18px;gap:10px;padding:0;overflow:hidden;box-shadow:inset 0 0 0 3px #fff197cc,inset 0 -30px #d2530033,0 18px 42px #00000085}body .character-popup .character-right{order:-1;max-height:none;padding:12px 12px 0;overflow:visible}body .character-popup .character-left{color:#f7fbff;padding:0 12px 12px}body .character-popup .popup-head{background:#2b3241f0;border:3px solid #141922f5;border-radius:14px;padding:10px 12px;box-shadow:inset 0 -4px #0000002e}body .character-popup .popup-head h1{color:#fff;text-shadow:0 3px #00000080;font-size:34px}body .character-popup .section-head{margin:0 0 8px;padding:0 4px}body .character-popup .section-head h2{color:#fff;text-shadow:0 3px #61310094;font-size:20px}body .character-popup .section-head span{color:#fff7c5;text-shadow:0 2px #61310080}body .equipment-board{background:radial-gradient(circle at 50% 62%,#ffe247eb,#ff9d1694 34%,#0000 35%),linear-gradient(#ffffff14,#0000);border-radius:16px;min-height:420px;position:relative;overflow:hidden}body .equipment-board:before{content:"";opacity:.45;background:radial-gradient(circle,#ffffff38 1px,#0000 2px) 0 0/10px 10px;position:absolute;inset:18px 58px 30px}body .paper-doll{z-index:1;place-items:end center;width:150px;height:190px;display:grid;position:absolute;top:106px;left:50%;transform:translate(-50%)}body .paper-doll img{object-fit:contain;filter:drop-shadow(0 10px #5f2a0038);width:122px;height:160px}body .equipment-board .equipment-slot{z-index:2;color:#fff;background:linear-gradient(#ffec5b,#ffbf17);border:4px solid #8c5d00;border-radius:16px;grid-template-rows:auto 1fr auto;gap:2px;width:82px;min-height:94px;padding:5px;display:grid;position:absolute;box-shadow:inset 0 0 0 2px #ffffff52,inset 0 -7px #8b550033,0 4px #5630008f}body .equipment-board .equipment-slot span{color:#fff;background:#412800ad;border-radius:999px;justify-self:start;padding:1px 6px;font-size:10px;font-weight:900}body .equipment-board .equipment-slot strong{display:none}body .equipment-board .equipment-slot button{color:#fff;min-width:0;min-height:22px;box-shadow:none;background:#502e00bd;border:1px solid #ffffff73;border-radius:999px;padding:0 6px;font-size:10px}body .equipment-art{place-items:center;min-height:48px;display:grid}body .equipment-art img{object-fit:contain;filter:drop-shadow(0 3px #4a270066);width:54px;height:54px}body .equipment-slot-weapon{top:42px;left:16px}body .equipment-slot-offhand{top:42px;right:16px}body .equipment-slot-helmet{top:144px;left:16px}body .equipment-slot-armor{top:144px;right:16px}body .equipment-slot-gloves{top:246px;left:16px}body .equipment-slot-boots{top:246px;right:16px}body .equipment-slot-necklace{bottom:18px;left:calc(50% - 126px)}body .equipment-slot-ring1{bottom:18px;left:calc(50% - 41px)}body .equipment-slot-ring2{bottom:18px;left:calc(50% + 44px)}body .character-popup .stat-grid div,body .character-popup .stats-list span,body .character-popup .skill-row,body .character-popup .consumable-grid span{background:#2b3241f0;border:2px solid #141922f5;border-radius:12px;box-shadow:inset 0 -4px #00000024}body .inventory-panel.popup-window{color:#f7fbff;background:linear-gradient(#444b5c 0%,#2d3342 100%);border:4px solid #171d27;border-radius:18px;box-shadow:inset 0 0 0 3px #ffffff1a,0 18px 42px #00000085}body .inventory-panel .section-head{background:#343b4d;border:2px solid #161c27;border-radius:12px;margin:-4px -4px 12px;padding:10px 12px}body .inventory-workbench{grid-template-columns:minmax(280px,1fr) minmax(260px,.86fr);align-items:start;gap:12px;display:grid}body .inventory-grid-panel,body .item-detail-panel{background:#252b38;border:3px solid #151a23;border-radius:14px;padding:10px}body .item-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:9px;max-height:min(466px,100vh - 230px);padding:2px;display:grid;overflow:hidden}body .item-tile{color:#fff;background:linear-gradient(#43a1ff,#1172dd);border:4px solid #101620;border-radius:14px;place-items:center;min-height:74px;padding:4px;display:grid;position:relative;box-shadow:inset 0 0 0 2px #ffffff38,inset 0 -8px #00000024,0 4px #070a10b3}body .item-tile img{object-fit:contain;filter:drop-shadow(0 3px #00000059);width:58px;height:58px}body .item-tile.is-tall{grid-row:span 2;min-height:156px}body .item-tile.is-wide{grid-column:span 2}body .item-tile.is-large{grid-area:span 2/span 2;min-height:156px}body .item-tile.is-tall img,body .item-tile.is-large img{width:82px;height:96px}body .item-tile.is-wide img{width:86px;height:62px}body .item-tile.is-selected{outline-offset:2px;filter:brightness(1.08);outline:4px solid #fff}body .item-tile-score,body .item-tile-delta{color:#fff;background:#181c26d9;border:2px solid #ffffff59;border-radius:999px;place-items:center;min-width:24px;height:22px;padding:0 5px;font-size:11px;font-weight:900;display:grid;position:absolute}body .item-tile-score{bottom:4px;right:4px}body .item-tile-delta{top:4px;left:4px}body .item-tile-delta.is-better,body .item-tile-delta.is-slightly-better{background:#2dbb57}body .item-tile-delta.is-worse{background:#e44848}body .item-tile.rarity-normal,body .equipment-board .equipment-slot.rarity-normal,body .item-detail-hero.rarity-normal{background:linear-gradient(#43a1ff,#1172dd);border-color:#d5efff}body .item-tile.rarity-magic,body .equipment-board .equipment-slot.rarity-magic,body .item-detail-hero.rarity-magic{background:linear-gradient(#3db5ff,#0a5ce4);border-color:#bfe9ff}body .item-tile.rarity-rare,body .equipment-board .equipment-slot.rarity-rare,body .item-detail-hero.rarity-rare{background:linear-gradient(#ffe94a,#ff9f18);border-color:#fff7a8}body .item-tile.rarity-unique,body .equipment-board .equipment-slot.rarity-unique,body .item-detail-hero.rarity-unique{background:linear-gradient(#ff5ab0,#a725e0);border-color:#ffd6ff}body .item-tile.rarity-set,body .equipment-board .equipment-slot.rarity-set,body .item-detail-hero.rarity-set{background:linear-gradient(#b85cff,#7a23d7);border-color:#f1d0ff}body .equipment-board .equipment-slot.rarity-empty{background:linear-gradient(#434b60db,#252b38e6);border-color:#ffffff5c}body .item-detail-panel{gap:10px;display:grid}body .item-detail-hero{color:#fff;background:linear-gradient(#43a1ff,#1172dd);border:4px solid #ffffffa6;border-radius:16px;grid-template-columns:82px 1fr;align-items:center;gap:10px;min-height:104px;padding:10px;display:grid}body .item-detail-hero img{object-fit:contain;filter:drop-shadow(0 4px #00000059);width:76px;height:76px}body .item-detail-hero h3{color:#fff;text-shadow:0 2px #00000052;margin:4px 0 6px;font-size:18px}body .item-detail-hero p{flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:900;display:flex}body .item-detail-hero strong,body .item-delta-summary{color:#fff;background:#181c26c7;border-radius:999px;padding:3px 8px}body .item-detail-meta{flex-wrap:wrap;gap:6px;display:flex}body .item-detail-meta span,body .comparison-deltas span{color:#eaf3ff;background:#353d4f;border:2px solid #151a23;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900}body .item-detail-panel .comparison-panel{background:#303748;border:2px solid #151a23;margin:0}body .item-detail-panel .comparison-items>div{background:#252b38;border-color:#151a23}body .item-detail-actions{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}body .item-detail-actions button,body .inventory-panel .section-actions button{color:#2b210c;background:linear-gradient(#ffe45c,#ffb21f);border-color:#fff2a3;min-height:38px}body .item-detail-empty{color:#dbe7f6;text-align:center;background:#303748;border:2px dashed #596479;border-radius:14px;place-items:center;min-height:220px;padding:20px;display:grid}@media (width<=700px) and (orientation:portrait){body .character-popup{max-height:min(88dvh,760px)}body .character-popup .character-right{padding:10px 10px 0}body .equipment-board{min-height:430px}body .inventory-workbench{grid-template-columns:1fr}body .item-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:320px}body .item-detail-actions{grid-template-columns:1fr 1fr}}body .game-stage .popup-window{flex-direction:column;max-height:none;display:flex;inset:86px 8px 8px;overflow:hidden}body .game-stage .popup-head,body .game-stage .section-head{flex:none}body .panel-tabs{flex:none;grid-template-columns:repeat(3,1fr);gap:7px;padding:0 12px;display:grid}body .panel-tabs button{color:#fff2c6;text-shadow:0 2px #160c03cc;background:linear-gradient(#59412c,#2b211a);border:2px solid #8c5d00;border-radius:12px;min-height:40px;font-size:13px;font-weight:900;box-shadow:inset 0 0 0 1px #ffefba38,0 3px #41260094}body .panel-tabs button.is-active{color:#2b210c;text-shadow:none;background:linear-gradient(#fff06c,#ffb51f);border-color:#fff4a8}body .character-section,body .character-right,body .inventory-workbench,body .shop-list{flex:auto;min-height:0;overflow:hidden}body .character-section{align-content:start;gap:10px;padding:0 12px 12px;display:grid}body .character-popup .character-left{padding:0}body .character-popup .character-right{order:0;align-self:stretch;width:auto;padding:0 12px 12px}body .character-popup.character-panel-status,body .character-popup.character-panel-skills{bottom:auto}body .character-popup.character-panel-gear{height:min(650px,100% - 100px);bottom:auto}body .character-popup.character-panel-status{min-height:0}body .character-popup.character-panel-skills{min-height:560px}body .character-status-panel .stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}body .character-status-panel .stat-grid div{min-width:0;padding:8px}body .character-status-panel .stat-grid dt{font-size:10px}body .character-status-panel .stat-grid dd{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}body .character-status-panel .stats-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}body .character-status-panel .stats-list span{min-width:0;padding:8px}body .character-status-panel .stats-list strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}body .character-skills-panel{grid-template-rows:minmax(0,1fr) auto}body .character-skills-panel .skill-list{gap:7px}body .character-skills-panel .skill-row{min-height:58px;padding:8px 10px}body .character-skills-panel .skill-row p{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}body .character-skills-panel .consumable-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}body .character-skills-panel .consumable-grid span{text-overflow:ellipsis;white-space:nowrap;padding:8px;overflow:hidden}body .equipment-board{flex:auto;height:100%;min-height:0}body .set-bonus-panel{flex:none;max-height:84px;overflow:hidden}body .set-bonus-panel p:nth-of-type(n+3){display:none}body .inventory-panel.popup-window,body .shop-panel.popup-window{gap:10px}body .inventory-panel.is-empty{height:min(360px,100% - 104px);bottom:auto}body .inventory-workbench{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}body .inventory-grid-panel,body .item-detail-panel{min-height:0;overflow:hidden}body .item-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:none;overflow:hidden}body .item-tile{min-height:70px}body .pager-controls{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:8px;display:grid}body .pager-controls button{color:#2b210c;background:linear-gradient(#ffe45c,#ffb21f);border:2px solid #fff2a3;border-radius:10px;min-height:34px;font-size:12px;font-weight:900}body .pager-controls button:disabled{opacity:.35}body .pager-controls span{color:#f7fbff;font-size:13px;font-weight:900}body .item-detail-panel{align-content:start}body .item-detail-hero{grid-template-columns:66px 1fr;min-height:86px}body .item-detail-hero img{width:62px;height:62px}body .item-detail-hero h3,body .item-detail-hero p,body .item-options{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}body .item-detail-hero h3{-webkit-line-clamp:1}body .item-detail-hero p,body .item-options{-webkit-line-clamp:2}body .item-detail-meta{max-height:64px;overflow:hidden}body .comparison-panel{gap:7px;padding:9px;overflow:hidden}body .comparison-items>div{overflow:hidden}body .comparison-items p:nth-of-type(n+3){display:none}body .comparison-deltas{max-height:62px;overflow:hidden}body .shop-list{align-content:start;gap:7px}body .shop-item{min-height:54px;padding:8px 10px}body .shop-divider{padding-top:7px}body .floating-log{right:68px}body .floating-log.is-expanded{max-height:none;right:68px;overflow:hidden}body .floating-log.is-expanded .floating-log-toggle{max-width:min(280px,100%)}@media (width<=700px) and (orientation:portrait){body .game-stage .popup-window{top:calc(max(8px, env(safe-area-inset-top)) + 84px);right:max(6px, env(safe-area-inset-right));bottom:max(6px, env(safe-area-inset-bottom));left:max(6px, env(safe-area-inset-left))}body .character-popup .popup-head{margin:0;padding:8px 10px}body .character-popup .popup-head h1{font-size:26px}body .panel-tabs{padding:0 10px}body .character-section,body .character-popup .character-right{padding:0 10px 10px}body .character-status-panel .stat-grid,body .character-status-panel .stats-list{grid-template-columns:repeat(2,minmax(0,1fr))}body .character-status-panel .stat-grid div{padding:7px 9px}body .character-status-panel .stat-grid dd{font-size:14px}body .character-status-panel .stats-list span{min-height:44px}body .equipment-board{height:auto;min-height:360px}body .paper-doll{width:132px;height:170px;top:78px}body .paper-doll img{width:106px;height:144px}body .equipment-board .equipment-slot{border-width:3px;border-radius:13px;width:72px;min-height:82px}body .equipment-art{min-height:42px}body .equipment-art img{width:46px;height:46px}body .equipment-slot-weapon,body .equipment-slot-offhand{top:24px}body .equipment-slot-helmet,body .equipment-slot-armor{top:116px}body .equipment-slot-gloves,body .equipment-slot-boots{top:208px}body .equipment-slot-necklace,body .equipment-slot-ring1,body .equipment-slot-ring2{bottom:12px}body .equipment-slot-necklace{left:calc(50% - 111px)}body .equipment-slot-ring1{left:calc(50% - 36px)}body .equipment-slot-ring2{left:calc(50% + 39px)}body .inventory-workbench{display:block}body .inventory-panel.is-browsing .item-detail-panel,body .inventory-panel.has-selection .inventory-grid-panel{display:none}body .game-stage .inventory-panel.is-empty{height:min(360px,100dvh - 104px);bottom:auto}body .item-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(68px,1fr);height:min(392px,100dvh - 256px)}body .item-tile{min-height:68px}body .item-tile img{width:48px;height:48px}body .item-tile.is-tall,body .item-tile.is-large{min-height:142px}body .item-detail-panel{height:calc(100dvh - 206px)}body .comparison-items{grid-template-columns:1fr}body .comparison-items>div:first-child{display:none}body .item-detail-actions{grid-template-columns:repeat(2,1fr)}body .shop-panel.popup-window{min-height:0;top:auto}body .floating-log.is-expanded .floating-log-toggle{max-width:286px}body .game-stage .character-popup.character-panel-status,body .game-stage .character-popup.character-panel-skills,body .game-stage .character-popup.character-panel-gear{bottom:auto}body .game-stage .character-popup.character-panel-skills{height:min(590px,100dvh - 104px)}body .game-stage .character-popup.character-panel-gear{height:min(650px,100dvh - 104px)}body .quick-buttons{top:calc(max(8px, env(safe-area-inset-top)) + 98px);right:max(7px, env(safe-area-inset-right));gap:6px;width:46px}body .quick-buttons button{border-radius:11px;min-width:44px;min-height:44px}body .quick-icon-img{width:41px;height:41px}body .floating-log{top:calc(max(8px, env(safe-area-inset-top)) + 136px);right:calc(max(7px, env(safe-area-inset-right)) + 58px);left:max(8px, env(safe-area-inset-left));z-index:23}body .floating-log-toggle{max-width:100%}body .floating-log span{-webkit-line-clamp:1;border-radius:12px;-webkit-box-orient:vertical;max-width:100%;padding:6px 9px;font-size:10px;line-height:1.25;display:-webkit-box;overflow:hidden}body .floating-log.is-expanded span{-webkit-line-clamp:2}}.game-stage.has-window-open .quick-buttons,.game-stage.has-window-open .floating-log{display:none!important}body .inventory-panel.popup-window{flex-direction:column;display:flex}body .inventory-workbench{min-height:0;display:block}body .inventory-panel.is-browsing .item-detail-panel,body .inventory-panel.has-selection .inventory-grid-panel{display:none!important}body .inventory-grid-panel,body .item-detail-panel{min-height:0}body .item-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:74px;gap:8px;height:auto;max-height:none}body .item-tile,body .item-tile.is-tall,body .item-tile.is-wide,body .item-tile.is-large{grid-area:auto;min-height:74px}body .storage-empty-slot{color:#e6effa6b;background:linear-gradient(#28303fcc,#1a202ce6);border:3px dashed #a5b1c457;font-size:13px;font-weight:900;box-shadow:inset 0 0 0 2px #ffffff0a}body .inventory-empty-slot{pointer-events:none;background:linear-gradient(#2f384ab8,#1c222fd1);border:3px dashed #a9b5ca3d;box-shadow:inset 0 0 0 2px #ffffff0a,0 3px #070a107a}body .item-tile img,body .item-tile.is-tall img,body .item-tile.is-wide img,body .item-tile.is-large img{width:52px;height:52px}body .item-detail-panel{flex-direction:column;gap:9px;display:flex}body .item-detail-hero{grid-template-columns:78px minmax(0,1fr)}body .item-detail-hero h3,body .item-detail-hero p,body .item-detail-hero span{text-overflow:ellipsis;max-width:100%;overflow:hidden}body .comparison-items{grid-template-columns:repeat(2,minmax(0,1fr))}body .comparison-items>div{min-width:0}body .comparison-items p{text-overflow:ellipsis;overflow:hidden}@media (width<=700px) and (orientation:portrait){body .game-stage .popup-window{top:calc(max(8px, env(safe-area-inset-top)) + 82px);right:max(6px, env(safe-area-inset-right));bottom:max(6px, env(safe-area-inset-bottom));left:max(6px, env(safe-area-inset-left));max-height:none}body .character-status-panel .stats-list span{grid-template-columns:minmax(0,1fr) 34px;min-height:42px;padding:6px 7px;display:grid}body .character-status-panel .stats-list strong{letter-spacing:0;font-size:12px}body .character-status-panel .stats-list button{width:30px;min-width:30px;height:30px;min-height:30px;padding:0}body .item-grid{grid-auto-rows:68px;height:auto}body .item-tile{min-height:68px}body .storage-grid{grid-auto-rows:56px;gap:6px}body .storage-grid .item-tile,body .storage-grid .item-tile.is-tall,body .storage-grid .item-tile.is-large{min-height:56px}body .storage-grid .item-tile img,body .storage-grid .item-tile.is-tall img,body .storage-grid .item-tile.is-large img{width:42px;height:42px}body .item-tile.is-tall,body .item-tile.is-large{min-height:68px}body .item-detail-panel{height:auto}body .item-detail-hero{grid-template-columns:70px minmax(0,1fr);padding:8px}body .item-detail-hero img{width:58px;height:58px}body .item-detail-meta{grid-template-columns:repeat(2,minmax(0,1fr))}body .comparison-panel{padding:8px}body .comparison-items{grid-template-columns:repeat(2,minmax(0,1fr))}body .comparison-items>div:first-child{display:block}body .comparison-items p:nth-of-type(n+4){display:none}}body .inventory-panel .inventory-grid-panel{flex-direction:column;display:flex}body .inventory-panel .item-grid{flex:none;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:64px;gap:7px}body .inventory-panel .item-tile,body .inventory-panel .item-tile.is-tall,body .inventory-panel .item-tile.is-wide,body .inventory-panel .item-tile.is-large{border-width:3px;min-height:64px;padding:3px;overflow:hidden}body .inventory-panel .item-tile img,body .inventory-panel .item-tile.is-tall img,body .inventory-panel .item-tile.is-wide img,body .inventory-panel .item-tile.is-large img{width:44px;height:44px}body .item-tile-score{color:#fff8ce;background:#1a160fd1;border-color:#ffe578b8;min-width:23px;height:19px;padding:0 5px;font-size:10px;bottom:3px;right:3px}body .item-tile-delta{min-width:22px;height:22px;padding:0;font-size:12px;line-height:1;top:3px;left:3px}body .item-tile-delta.is-even{background:#5d6676}body .storage-panel.popup-window{height:min(560px,100dvh - 98px);bottom:auto}body .storage-panel .inventory-grid-panel{padding:8px}body .storage-panel .storage-grid{grid-auto-rows:50px;gap:5px}body .storage-panel .item-tile,body .storage-panel .item-tile.is-tall,body .storage-panel .item-tile.is-wide,body .storage-panel .item-tile.is-large{border-width:2px;border-radius:11px;min-height:50px}body .storage-panel .item-tile img,body .storage-panel .item-tile.is-tall img,body .storage-panel .item-tile.is-wide img,body .storage-panel .item-tile.is-large img{width:35px;height:35px}body .storage-panel .storage-empty-slot{min-height:50px;font-size:11px}@media (width<=700px) and (orientation:portrait){body .inventory-panel .item-grid{grid-auto-rows:58px;gap:6px}body .inventory-panel .item-tile,body .inventory-panel .item-tile.is-tall,body .inventory-panel .item-tile.is-wide,body .inventory-panel .item-tile.is-large{border-width:3px;border-radius:12px;min-height:58px}body .inventory-panel .item-tile img,body .inventory-panel .item-tile.is-tall img,body .inventory-panel .item-tile.is-wide img,body .inventory-panel .item-tile.is-large img{width:40px;height:40px}body .storage-panel.popup-window{height:min(505px,100dvh - 98px)}body .storage-panel .storage-grid{grid-auto-rows:43px;gap:5px}body .storage-panel .item-tile,body .storage-panel .item-tile.is-tall,body .storage-panel .item-tile.is-wide,body .storage-panel .item-tile.is-large,body .storage-panel .storage-empty-slot{min-height:43px}body .storage-panel .item-tile img,body .storage-panel .item-tile.is-tall img,body .storage-panel .item-tile.is-wide img,body .storage-panel .item-tile.is-large img{width:31px;height:31px}body .storage-panel .item-tile-score{min-width:18px;height:15px;font-size:8px}body .storage-panel .item-tile-delta{min-width:17px;height:17px;font-size:10px}}
