:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#f5f8ff;background:#0e1320}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.app{min-height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#101a2d;border-bottom:1px solid #243352;position:sticky;top:0}.logo{font-weight:700}.nav{display:flex;gap:1rem}.nav a.active{color:#8bb3ff}.container{max-width:1200px;margin:0 auto;padding:1.5rem}.panel{background:#141f36;border:1px solid #2a3b5e;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:#172644;border:1px solid #2d4368;border-radius:10px;padding:.75rem}.case-image,.inventory-card img{width:100%;height:170px;object-fit:cover;border-radius:8px}.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:#2d7ef7;color:#fff;padding:.55rem .9rem;font-weight:600;cursor:pointer}.btn.ghost{background:transparent;border:1px solid #3b5b8f}.btn:disabled{opacity:.6;cursor:default}.input{width:100%;border-radius:8px;border:1px solid #37527f;background:#111b30;color:#f5f8ff;padding:.55rem .7rem}.muted{color:#9ab0d6}.error{color:#ff8f8f}.row{display:flex;align-items: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;border:1px solid #2d4368}.roulette-wrap{position:relative}.roulette-window{width:100%;overflow:hidden;border:1px solid #2d4368;border-radius:12px;background:#111c31;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:.75rem;transform:translateZ(0)}.roulette-card{min-width:158px;width:158px;border-radius:8px;border:1px solid #2d4368;background:#172644;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 #2d4368;background:#172644;padding:.55rem;display:flex;flex-direction:column;gap:.35rem}.case-item-card img{width:100%;height:110px;object-fit:cover;border-radius:6px}.result-card{display:flex;align-items:center;gap:.75rem;border-radius:10px;border:1px solid #2d4368;padding:.6rem;background:#172644}.result-card img{width:88px;height:64px;border-radius:6px;object-fit:cover}.rarity-milspec{box-shadow:inset 0 -2px #4a79d8}.rarity-restricted{box-shadow:inset 0 -2px #8d5de8}.rarity-classified{box-shadow:inset 0 -2px #d04fb5}.rarity-covert{box-shadow:inset 0 -2px #d84f54}.rarity-special{box-shadow:inset 0 -2px #dfb442}
