:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#fff2ea;background:#130a08}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% -10%,rgba(255,94,40,.28),transparent 38%),radial-gradient(circle at 92% 0%,rgba(255,149,54,.2),transparent 34%),#130a08;color:#fff2ea}a{color:inherit;text-decoration:none}.app{min-height:100vh}.header{padding:1rem 2rem;background:linear-gradient(160deg,#2d120f,#1f0d0b);border-bottom:1px solid #6f2a1c;position:sticky;top:0;z-index:10;display:grid;gap:.75rem}.header-main{display:flex;align-items:center;justify-content:space-between;gap:1rem}.header-right{flex-wrap:wrap;justify-content:flex-end}.logo{font-weight:700}.nav{display:flex;gap:1rem;flex-wrap:wrap}.nav a.active{color:#ffb26a}.online-chip{border-radius:999px;border:1px solid #7f3c1d;background:#3a1a11;color:#ffbe7f;font-size:.82rem;font-weight:600;padding:.35rem .65rem}.user-pill{display:flex;align-items:center;gap:.55rem;background:#34140f;border:1px solid #7a2f1d;border-radius:999px;padding:.3rem .55rem .3rem .35rem}.user-avatar,.user-avatar-placeholder{width:34px;height:34px;border-radius:999px;flex:0 0 34px}.user-avatar{object-fit:cover}.user-avatar-placeholder{background:linear-gradient(135deg,#ff7a2d,#ff3d2e);color:#fff;display:grid;place-items:center;font-weight:700}.live-feed{border-top:1px solid #6f2a1c;padding-top:.6rem;display:flex;align-items:center;gap:.8rem;min-height:54px;overflow:hidden}.live-feed-label{color:#ffbe8a;font-size:.82rem;white-space:nowrap}.live-feed-track{display:flex;align-items:center;gap:.6rem;min-width:max-content;animation:live-feed-scroll 60s linear infinite}.live-feed-item{display:inline-flex;align-items:center;gap:.45rem;border:1px solid #75311e;background:#3c1a12;border-radius:999px;padding:.26rem .55rem .26rem .26rem;font-size:.8rem;white-space:nowrap}.live-feed-item img{width:24px;height:24px;border-radius:999px;object-fit:cover}@keyframes live-feed-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.container{max-width:1200px;margin:0 auto;padding:1.5rem}.panel{background:linear-gradient(170deg,#2a120e,#1b0d0b);border:1px solid #6e2b1c;border-radius:12px;padding:1rem}.hero h1{margin-top:0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.case-card,.inventory-card{display:flex;flex-direction:column;gap:.5rem;background:transparent;border:0;border-radius:0;padding:0}.inventory-card{background:#311510;border:1px solid #6f2e1d;border-radius:10px;padding:.75rem}.case-image,.inventory-card img{width:100%;height:170px;object-fit:cover;border-radius:8px}.case-card .case-image{border-radius:0;height:190px;display:block;box-shadow:0 16px 32px #00000059}.case-card .btn{border-radius:10px}.case-drops{display:flex;flex-direction:column;gap:.25rem}.drop-item{display:flex;justify-content:space-between;gap:.5rem;font-size:.85rem}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:linear-gradient(135deg,#ff7e2f,#ff4230);color:#fff6f0;padding:.55rem .9rem;font-weight:600;cursor:pointer}.select-inline{width:auto;min-width:72px;display:inline-block}.btn.ghost{background:transparent;border:1px solid #9b4427;color:#ffd3b3}.btn:disabled{opacity:.6;cursor:default}.input{width:100%;border-radius:8px;border:1px solid #8a3a23;background:#27100d;color:#ffeede;padding:.55rem .7rem}.muted{color:#f0b48a}.error{color:#ff8f8f}.row{display:flex;align-items:center}.row.center{justify-content:center}.row.wrap{flex-wrap:wrap}.row.spaced{justify-content:space-between}.column{display:flex;flex-direction:column}.gap{gap:.75rem}.mt{margin-top:.75rem}.home{display:grid;gap:1rem}.wheel-wrap{position:relative;width:260px;height:260px;margin:0 auto}.wheel{width:100%;height:100%;border-radius:50%;border:6px solid #1f314f;display:grid;place-items:center}.wheel-center{width:120px;height:120px;border-radius:50%;background:#101a2d;display:grid;place-items:center;font-weight:700}.arrow{position:absolute;width:4px;height:130px;background:#f4cd58;left:calc(50% - 2px);top:0;transform-origin:bottom center}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card{background:#172644;border:1px solid #2d4368;border-radius:8px;padding:.7rem;font-weight:600}.fair-row{background:#172644;border:1px solid #2d4368;border-radius:8px;padding:.65rem}.withdraw-row{display:flex;justify-content:space-between;gap:.75rem;align-items:center;background:#172644;border:1px solid #2d4368;border-radius:8px;padding:.65rem}.checklist{margin:.4rem 0 0;padding-left:1.2rem;color:#d7e3fa;display:grid;gap:.35rem}.case-hero-image{width:320px;max-width:100%;height:180px;object-fit:cover;border-radius:10px}.center{align-self:center;text-align:center}.roulette-wrap{position:relative}.roulette-window{width:100%;overflow:hidden;border:1px solid #7a3220;border-radius:12px;background:#26120f;padding:.75rem .5rem}.roulette-pointer{position:absolute;z-index:2;left:50%;top:-2px;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:14px solid #f4cd58}.roulette-track{display:flex;gap:10px;transform:translateZ(0)}.roulette-card{min-width:160px;width:160px;border-radius:8px;border:1px solid #78301f;background:#341611;padding:.45rem;display:flex;flex-direction:column;gap:.4rem}.roulette-card img{width:100%;height:96px;object-fit:cover;border-radius:6px}.roulette-card span{font-size:.75rem;line-height:1.25}.case-items-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.case-item-card{border-radius:8px;border:1px solid #75311f;background:#321510;padding:.55rem;display:flex;flex-direction:column;gap:.35rem}.case-item-card img{width:100%;height:110px;object-fit:cover;border-radius:6px}.case-price{font-size:1.15rem;font-weight:700;color:#ffe1cd;letter-spacing:.3px;margin-top:.35rem}.result-card{display:flex;align-items:center;gap:.75rem;border-radius:10px;border:1px solid #7a3321;padding:.6rem;background:#341611}.result-card img{width:88px;height:64px;border-radius:6px;object-fit:cover}.rarity-milspec{box-shadow:inset 0 -2px #f68a3b}.rarity-restricted{box-shadow:inset 0 -2px #ff6f3f}.rarity-classified{box-shadow:inset 0 -2px #ff4f4f}.rarity-covert{box-shadow:inset 0 -2px #ff2f2f}.rarity-special{box-shadow:inset 0 -2px #ffb347}.case-open-toolbar{margin-top:.35rem;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:1rem 1.25rem;background:#ff572214;border:1px solid #7c3321;border-radius:12px;padding:.85rem}.case-count-grid{display:grid;grid-template-columns:repeat(5,minmax(42px,1fr));gap:.45rem}.case-count-btn{border:1px solid #8f3a22;background:#2b120f;color:#ffd8be;border-radius:8px;min-height:36px;font-weight:700;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}.case-count-btn:hover:not(:disabled){transform:translateY(-1px);border-color:#ff8340}.case-count-btn.active{border-color:#ff8944;background:linear-gradient(135deg,#ff7e2f,#ff3c2f);color:#fff}.case-open-btn{min-width:150px;min-height:40px;box-shadow:0 8px 20px #ff582a47}.case-back-btn{min-width:150px;min-height:40px}.upgrade-wheel-wrap{position:relative;width:320px;height:320px;margin:0 auto}.upgrade-wheel{width:100%;height:100%;border-radius:50%;border:8px solid #8a351e;box-shadow:0 22px 44px #00000059;display:grid;place-items:center}.upgrade-wheel-center{width:156px;height:156px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#3b1912,#1d0c09);border:1px solid #994326;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem}.upgrade-wheel-center strong{font-size:1.55rem}.upgrade-wheel-center span{font-size:.76rem;color:#f1b488}.upgrade-arrow{position:absolute;width:4px;height:158px;background:linear-gradient(180deg,#ffd473,#ff8a3d);left:calc(50% - 2px);top:2px;transform-origin:bottom center;transition:transform .26s ease-out}.upgrade-arrow:before{content:"";position:absolute;left:50%;transform:translate(-50%);top:-14px;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:16px solid #ffd473}.upgrade-arrow.spinning{transition:transform 10.2s cubic-bezier(.12,.92,.1,1)}.upgrade-selection-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.upgrade-selection-panel h3{margin-top:0}.upgrade-selected-card{display:flex;gap:.75rem;align-items:center;border:1px solid #8e3e24;background:#32130e;border-radius:10px;padding:.55rem}.upgrade-selected-card img{width:88px;height:64px;border-radius:8px;object-fit:cover}.upgrade-card-list{margin-top:.75rem;max-height:380px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.55rem}.upgrade-item-btn{border:1px solid #773220;background:#2b110d;border-radius:9px;padding:.45rem;display:flex;flex-direction:column;gap:.3rem;color:#ffe7d6;text-align:left;cursor:pointer}.upgrade-item-btn img{width:100%;height:94px;border-radius:7px;object-fit:cover}.upgrade-item-btn span{font-size:.76rem;line-height:1.22}.upgrade-item-btn small{color:#f0ae81}.upgrade-item-btn.active{border-color:#ff8b43;box-shadow:0 0 0 1px #ff894357;background:#3a160f}@media (max-width: 980px){.header{padding:.8rem 1rem}.header-main{flex-direction:column;align-items:flex-start}.header-right{width:100%;justify-content:flex-start}.live-feed{flex-direction:column;align-items:flex-start;min-height:40px}.upgrade-selection-layout{grid-template-columns:1fr}.upgrade-wheel-wrap{width:270px;height:270px}.upgrade-arrow{height:132px}.upgrade-wheel-center{width:136px;height:136px}}