:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f0df;background:#10120d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--panel:#1b1f16;--line:rgba(246,237,197,.1);--muted:#a7aa98;--gold:#d9b44a;--green:#819d43}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 50% -10%,#303b1c 0,transparent 35%),#10120d;overscroll-behavior:none}button,select{font:inherit}.app-shell{width:min(100%,560px);min-height:100dvh;margin:auto;padding:max(16px,env(safe-area-inset-top)) 16px calc(92px + env(safe-area-inset-bottom))}.topbar{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:14px}.eyebrow{display:block;color:#c8ae62;font-size:10px;font-weight:850;letter-spacing:.18em}.topbar h1{font-size:24px;line-height:1;margin:5px 0 0}.topbar select{max-width:46%;color:#e9e4cf;background:#20251a;border:1px solid var(--line);border-radius:12px;padding:9px 10px;outline:none}.hero-card{position:relative;isolation:isolate;height:310px;overflow:hidden;border:1px solid rgba(229,204,116,.22);border-radius:24px;background:#252a1d;box-shadow:0 18px 55px #00000059}.hero-card img{width:100%;height:100%;object-fit:cover}.hero-card__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(8,10,7,.92))}.hero-card__identity{position:absolute;left:18px;bottom:18px}.hero-card__identity h2{margin:5px 0 0;font-size:24px}.level{display:inline-flex;padding:5px 8px;border-radius:7px;color:#171a10;background:#d8b64d;font-size:10px;font-weight:900;letter-spacing:.08em}.wallet{position:absolute;top:14px;right:14px;display:flex;gap:7px}.wallet span{padding:7px 9px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#0d0f0abf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:13px}.panel{margin-top:12px;padding:16px;border:1px solid var(--line);border-radius:20px;background:#1b1f16eb}.vitals{display:grid;gap:13px}.meter__label,.xp>span{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.meter__label strong,.xp strong{color:#eee9d6;font-variant-numeric:tabular-nums}.meter__track,.xp i{display:block;height:7px;margin-top:7px;overflow:hidden;border-radius:99px;background:#0f120c}.meter__track i,.xp i b{display:block;height:100%;border-radius:inherit;transition:width .35s ease}.xp{display:grid;grid-template-columns:1fr auto;gap:7px;padding-top:2px}.xp i{grid-column:1/-1;margin:0}.xp i b{background:linear-gradient(90deg,#849d45,#c2d46a)}.section{margin-top:22px}.section h3{margin:0 0 10px;font-size:15px}.buffs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.buff{display:flex;align-items:center;gap:9px;min-width:0;padding:11px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.buff>span{font-size:24px}.buff div{display:grid;min-width:0}.buff strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.buff small{margin-top:2px;color:var(--muted)}.dungeon-card{display:flex;width:100%;align-items:center;justify-content:space-between;margin-top:18px;padding:16px;color:#f5edcf;text-align:left;border:1px solid rgba(215,180,74,.24);border-radius:20px;background:linear-gradient(135deg,#2d321f,#171b13);cursor:pointer}.dungeon-card.is-live{border-color:#d6af42;box-shadow:inset 0 0 30px #ce9f1f14}.dungeon-card div{display:grid;gap:4px}.dungeon-card strong{font-size:16px}.dungeon-card small{color:var(--muted)}.arrow{font-size:25px}.limits{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.limits div{display:grid;justify-items:center;padding:12px 4px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.limits span{font-size:20px}.limits strong{margin-top:4px;font-size:17px;font-variant-numeric:tabular-nums}.limits small{color:var(--muted);font-size:10px}.bottom-nav{position:fixed;z-index:10;left:50%;bottom:0;display:grid;width:min(100%,560px);grid-template-columns:repeat(4,1fr);transform:translate(-50%);padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#11140eeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav button{display:grid;justify-items:center;gap:3px;min-height:52px;padding:6px 2px;color:#858b77;border:0;border-radius:12px;background:transparent;font-size:10px;cursor:pointer}.bottom-nav button span{font-size:20px}.bottom-nav button.active{color:#e0c567;background:#d3b2491a}.state{display:grid;min-height:100dvh;place-content:center;justify-items:center;padding:28px;text-align:center}.state__icon,.nut-loader{font-size:48px}.nut-loader{animation:bounce 1s ease-in-out infinite}.state p{max-width:300px;color:var(--muted)}.state button{min-height:46px;padding:0 20px;color:#171a10;font-weight:800;border:0;border-radius:14px;background:#d8b64d}@keyframes bounce{50%{transform:translateY(-8px) rotate(-8deg)}}@media(min-width:700px){.app-shell{padding-left:24px;padding-right:24px}.hero-card{height:380px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.bottom-nav button:disabled{cursor:default;opacity:.42}.inventory-head{align-items:center}.bag-count{padding:7px 10px;color:var(--muted);border:1px solid var(--line);border-radius:999px;background:#1b1f16bf;font-size:12px;font-variant-numeric:tabular-nums}.toast{position:sticky;z-index:5;top:max(8px,env(safe-area-inset-top));margin:0 0 12px;padding:12px 14px;color:#f6e9ae;border:1px solid rgba(217,180,74,.35);border-radius:14px;background:#2d321ff5;box-shadow:0 12px 30px #0000004d;font-size:13px}.inventory-loading{display:grid;min-height:45vh;place-content:center;color:var(--muted)}.inventory-section{margin-top:18px}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.section-title h3{margin:0}.section-title small{color:var(--muted);font-size:11px}.item-list{display:grid;gap:9px}.item-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(135deg,#20251afa,#181c14fa)}.item-card.red{border-color:#dd564f33}.item-card.blue{border-color:#5691dd33}.item-card.yellow{border-color:#ddb4493d}.item-icon{display:grid;width:42px;height:42px;place-content:center;border-radius:13px;background:#ffffff0d;font-size:23px}.item-copy{display:grid;min-width:0;gap:3px}.item-copy strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.item-copy small{color:var(--muted);font-size:11px}.use-button{min-height:38px;padding:0 12px;color:#171a10;font-size:12px;font-weight:850;border:0;border-radius:12px;background:linear-gradient(180deg,#e2c45f,#c7a33d);box-shadow:0 5px 14px #b58b1d2e;cursor:pointer}.use-button:active{transform:translateY(1px)}.use-button:disabled{cursor:wait;opacity:.55}.equipment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.gear-card{min-width:0;padding:12px;border:1px solid var(--line);border-radius:17px;background:var(--panel)}.gear-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.gear-card__top span{font-size:22px}.gear-card__top small{color:#c9b46d;text-transform:uppercase}.gear-card>strong{display:block;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.gear-card p{min-height:28px;margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.4}.grade-epic,.grade-эпический{border-color:#aa68dc57}.grade-legendary,.grade-легендарный{border-color:#e6ad366b}.empty-card{display:grid;justify-items:center;gap:4px;padding:28px 16px;color:var(--muted);text-align:center;border:1px dashed rgba(246,237,197,.14);border-radius:18px}.empty-card span{font-size:30px;filter:grayscale(.25)}.empty-card strong{color:#ddd8c4;font-size:13px}.empty-card small{max-width:260px;font-size:11px;line-height:1.45}.empty-card.compact{grid-template-columns:auto 1fr;justify-items:start;padding:17px;text-align:left}.empty-card.compact span{grid-row:1}.empty-card.compact strong{align-self:center}@media(max-width:370px){.item-card{grid-template-columns:auto minmax(0,1fr)}.item-card .use-button{grid-column:1/-1;width:100%}.equipment-grid{grid-template-columns:1fr}}