: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:linear-gradient(120deg,#1c344ac7,#1c2e24d1),url(/assets/hero-CLDdwZDr.png) 50%/cover;place-items:center;padding:32px;display:grid}.auth-panel,.side-panel{background:#121820eb;border:1px solid #dbe6f029;border-radius:8px;box-shadow:0 20px 48px #0000004d}.auth-panel{width:min(480px,100%);padding:34px}.eyebrow{color:#9fd8a8;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}h1,h2{color:#f4f8ff;margin:0;line-height:1.08}h1{font-size:34px}h2{font-size:22px}.stack-form,.selection-stack{flex-direction:column;gap:14px;margin-top:28px;display:flex}label{color:#d8e1ec;font-size:14px;font-weight:700}input{color:#f7fbff;min-height:46px;font:inherit;background:#101720;border:1px solid #405267;border-radius:6px;padding:0 14px}button{color:#07120d;min-height:42px;font:inherit;cursor:pointer;background:#8ee7a3;border:0;border-radius:6px;padding:0 16px;font-weight:800}button:hover{filter:brightness(1.06)}.ghost-button{color:#dce8f4;background:#263345}.storage-mode,.form-error{margin:12px 0 0;font-size:13px}.storage-mode{color:#9fd8a8;font-weight:700}.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:#182433;border:1px solid #33445b;border-radius:8px;padding:16px}.class-preview p:last-child{color:#c8d5e3;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;background:#192433;border:1px solid #324359;justify-content:space-between;min-height:58px;display:flex}.character-row span:last-child{color:#add8b8}.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-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:#0f141c;place-items:center;height:100vh;padding:14px;display:grid;overflow:hidden}.game-stage{aspect-ratio:16/10;background:#111924;border:1px solid #26364b;border-radius:8px;place-items:center;width:min(100%,160vh - 44.8px);min-height:0;max-height:calc(100vh - 28px);display:grid;position:relative;overflow:hidden}.game-canvas{aspect-ratio:16/10;width:100%;height:100%}.game-canvas canvas{width:100%;height:100%;display:block}.quick-buttons{z-index:22;flex-direction:column;gap:8px;width:124px;display:flex;position:absolute;top:18px;right:18px}.quick-buttons button{color:#fff1d0;text-shadow:0 2px #1b1108;background:linear-gradient(#3d2c1ef5,#191e27fa),#2b211a;border:2px solid #b88a4e;border-radius:3px;min-height:38px;font-size:13px;box-shadow:inset 0 0 0 1px #ffefba2e,0 4px #352212d1,0 8px 18px #00000052}.quick-buttons button.is-active{color:#11190f;text-shadow:none;background:linear-gradient(#c9f08a,#77b84d);border-color:#f2ffd1}.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:4px;width:min(680px,100% - 210px);max-height:calc(100% - 72px);padding:16px;position:absolute;top:50%;right:162px;overflow:auto;transform:translateY(-50%);box-shadow:inset 0 0 0 2px #ffe8a824,inset 0 0 32px #00000057,0 18px 42px #00000085}.character-popup{grid-template-columns:minmax(360px,.95fr) minmax(300px,.75fr);gap:18px;width:min(960px,100% - 210px);display:grid}.inventory-panel.popup-window{width:min(540px,100% - 210px)}.shop-panel.popup-window{width:min(420px,100% - 180px)}.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}.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}.item-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.item-main>div{flex:220px;min-width:0}.inventory-item p,.inventory-item h3{margin:0}.inventory-item h3{color:inherit;margin-top:3px;font-size:15px}.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}.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:16;pointer-events:none;background:#17120fbd;border:2px solid #b88a4ec7;border-radius:4px;width:min(340px,100% - 36px);padding:10px;position:absolute;bottom:18px;right:18px;box-shadow:0 14px 34px #00000052}.floating-log p{color:#f1e6ce;text-shadow:0 1px #0f1117;background:#13181fe6;border:1px solid #c7a66873;border-radius:3px;margin:0 0 8px;padding:8px 10px;font-size:12px}@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:4px;width:86px;top:6px;right:6px}.quick-buttons button{border-width:1px;min-height:28px;padding:0 6px;font-size:10px;box-shadow:inset 0 0 0 1px #ffefba1f,0 2px #352212d1}.popup-window{border-width:2px;width:auto;max-height:calc(100% - 16px);padding:10px;top:50%;left:8px;right:8px;transform:translateY(-50%)}.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{border-width:1px;width:auto;padding:6px;bottom:6px;left:6px;right:6px}.floating-log p{margin-bottom:4px;padding:6px 8px;font-size:10px;line-height:1.35}.floating-log p:nth-child(n+3){display:none}}@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:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));gap:5px;width:76px}.quick-buttons button{min-height:27px;padding:0 4px;font-size:9px;line-height:1.15}.popup-window{inset:max(12px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(88px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));width:auto;max-height:none;padding:10px;font-size:12px;overflow:auto;transform:none}.character-popup{display:block}.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)) + 104px);right:max(8px, env(safe-area-inset-right));bottom:auto;left:max(8px, env(safe-area-inset-left));background:#101318b8;width:auto;padding:5px}.floating-log p{margin-bottom:4px;padding:6px 7px;font-size:10px}}