: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}.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}.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{height:auto;min-height:100vh;overflow:auto}.game-stage{width:100%;min-height:0;max-height:none}.game-canvas{max-width:100%;max-height:none}.quick-buttons{width:112px;top:12px;right:12px}.popup-window{width:auto;max-height:calc(100% - 24px);left:12px;right:12px;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}}