: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) 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) 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:auto;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:auto}.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:auto}.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-y:auto}.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:auto;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}}