*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:#141516;color:#fff;font-family:Inter,Arial,sans-serif}body{background:radial-gradient(circle at 50% 0,#2a2215 0,#151617 26%,#111213)}button{font:inherit}.app{width:100%;max-width:480px;min-height:100vh;margin:auto;padding:18px 18px 100px;background:#1d1f20}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.brand{display:flex;align-items:center;gap:10px}.logo{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#f4bd24;font-size:20px}.brand b{display:block;font-size:18px}.brand small{color:#898b8e}.avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#ffd05c,#ff9e67);color:#171717;font-weight:900}.balance{display:flex;align-items:center;gap:15px;margin-bottom:28px}.balance>div{display:flex;align-items:center;gap:8px;font-size:20px}.balance svg,.case-price svg{color:#ffb91e}.balance button{width:42px;height:42px;border:0;border-radius:8px;background:#377ef1;color:#fff;font-size:23px}.ticker{display:flex;gap:10px;overflow:hidden;margin:0 -2px 36px}.ticker div{min-width:58px;height:58px;display:grid;place-items:center;border-radius:12px;background:#495d9b;font-size:29px}section h1{font-size:23px;margin:0 0 18px}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.case-card{padding:10px;border:0;border-radius:20px;background:#292b2c;color:#fff}.case-image{aspect-ratio:1/1;display:grid;place-items:center;border-radius:16px}.case-image span{font-size:68px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.3))}.orange{background:linear-gradient(145deg,#d89431,#a75f17)}.blue{background:linear-gradient(145deg,#6579c8,#314a91)}.purple{background:linear-gradient(145deg,#647ada,#3e50a8)}.navy{background:linear-gradient(145deg,#586db3,#334a87)}.red{background:linear-gradient(145deg,#d55d61,#8c3539)}.gold{background:linear-gradient(145deg,#cba552,#786129)}.case-price{display:flex;justify-content:center;align-items:center;gap:7px;padding:12px 4px 5px;font-size:19px;font-weight:900}nav{position:fixed;z-index:10;bottom:0;left:50%;transform:translate(-50%);width:min(480px,100%);height:76px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #333537;background:#18191af5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}nav button{border:0;background:none;color:#777b80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px}nav button svg{width:21px}nav button.active{color:#f7b91e}.gift-strip{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;margin-bottom:22px;padding-bottom:3px}.gift-strip::-webkit-scrollbar{display:none}.strip-gift{min-width:58px;width:58px;height:58px;display:grid;place-items:center;overflow:hidden;border-radius:13px;border:1px solid rgba(255,255,255,.06);background:#303641}.gift-img{width:82%;height:82%;object-fit:contain}.gift-fallback{font-size:44px}.strip-gift .gift-fallback{font-size:27px}.hero{padding:18px;margin-bottom:20px;border-radius:20px;border:1px solid rgba(255,190,40,.18);background:radial-gradient(circle at 80% 0,rgba(255,195,42,.17),transparent 42%),linear-gradient(135deg,#25231d,#1e2021)}.hero-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:20px;background:#ffbe1e1f;color:#ffc631;font-size:9px;font-weight:900}.hero h1{margin:12px 0 5px;font-size:22px}.hero p{margin:0;color:#8f9195;font-size:11px}.price-filters{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;margin-bottom:23px}.price-filters::-webkit-scrollbar{display:none}.price-filters button{flex:none;padding:9px 12px;border:1px solid #343638;border-radius:11px;background:#252728;color:#aaa;font-size:11px;font-weight:800}.price-filters button.active{border-color:#e9ad19;background:#e9ad19;color:#191919}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-head h2{margin:0 0 3px;font-size:21px}.section-head small{color:#777b80;font-size:10px}.refresh{width:38px;height:38px;display:grid;place-items:center;border:1px solid #37393b;border-radius:11px;background:#27292a;color:#aaa}.case-image{position:relative;aspect-ratio:1/1;overflow:hidden;display:grid;place-items:center;border-radius:16px;background:radial-gradient(circle at 50% 35%,#6579c7,#344579 72%)}.case-image .gift-img{width:88%;height:88%}.case-image .gift-fallback{font-size:64px}.limited{position:absolute;left:7px;top:7px;padding:4px 6px;border-radius:7px;background:#101010b8;color:#ffd254;font-size:7px;font-weight:900;letter-spacing:.6px}.premium-tag{position:absolute;right:7px;top:7px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#141414b8;font-size:12px}.gift-meta{min-height:57px}.gift-meta small{display:block;margin-top:3px;color:#777b80;text-align:center;font-size:8px}.state{padding:40px 10px;color:#8f9195;text-align:center}.state.error{color:#ff7272}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}