@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#101216;--panel:#1b1e25;--panel2:#232731;--line:#2b303a;--text:#f3f5fa;--muted:#8b93a5;--blue:#3379ff;--gold:#ffcf6b;--green:#87e0b5;--radius:22px;font-family:Manrope,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:#080a0f;color:var(--text);min-height:100dvh;background-image:radial-gradient(ellipse at 50% 20%,#14244266,transparent 60%)}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #85b2ff;outline-offset:4px}a{color:inherit;text-decoration:none}button{border:0;color:inherit}button:disabled{opacity:.48}.desktop-label{position:fixed;left:38px;top:34px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;letter-spacing:1.2px;color:#cbd2df}.desktop-label>span:last-child{display:block;position:absolute;left:30px;top:32px;width:180px;font-size:9px;color:#697487;font-weight:600;letter-spacing:2px}.mini-mark{color:var(--blue);font-size:24px}.app-shell{max-width:468px;margin:32px auto 100px;background:var(--bg);border:1px solid #282d37;border-radius:30px;padding:0 22px 18px;position:relative;overflow:clip;min-height:830px;box-shadow:0 32px 100px #0007}.app-header{display:flex;justify-content:space-between;align-items:center;height:78px;gap:12px}.brand{display:flex;align-items:center;font-weight:800;font-size:22px;letter-spacing:-.9px}.brand>span:last-child{color:#8db6ff}.brand-mark{display:grid;place-items:center;background:var(--blue);border-radius:10px;width:32px;height:32px;color:#fff;margin-right:9px;font-size:25px}.header-actions{display:flex;align-items:center;gap:9px}.demo-tag{font-size:8px;letter-spacing:1.3px;color:#a4b1ca;padding:4px 6px;border:1px solid #333b4b;border-radius:5px}.icon-button{display:grid;place-items:center;background:transparent;width:30px;height:32px;color:#8993a7;border-radius:10px}.icon-button:hover{background:#252b35;color:#fff}svg{width:22px;height:22px;display:block}.avatar{background:#293648;color:#cfdef3;width:32px;height:32px;border-radius:11px;font-weight:800;font-size:13px}.wallet-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 17px;background:linear-gradient(110deg,#20252f,#1a1e26);border:1px solid #303746;border-radius:17px;margin-bottom:20px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#8993a6}.wallet-value{display:flex;align-items:center;gap:8px;margin-top:5px}.wallet-value strong{font-size:25px;font-weight:800;line-height:1.2;font-variant-numeric:tabular-nums}.coin{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ffcf6b99;border-radius:50%;background:linear-gradient(145deg,#ffdb7c,#d7962f);box-shadow:inset 0 0 0 2px #99661244;color:#714c13;line-height:1;width:20px;height:20px;font-size:14px;flex-shrink:0}.balance-unit{align-self:flex-end;font-size:11px;padding-bottom:3px;color:#9099a9}.earn-button{display:flex;align-items:center;gap:12px;background:#2a3548;color:#bcd3ff;border:1px solid #3b4c66;padding:11px 12px;border-radius:10px;font-size:11px;font-weight:700}.earn-button span{font-size:19px;line-height:12px}.earn-button:hover{background:#354965}.hero{position:relative;background:#1767ee;min-height:192px;border:1px solid #548fff;border-radius:20px;padding:21px;overflow:hidden;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 10%,#63baff88,transparent 65%),repeating-linear-gradient(125deg,transparent 0 30px,#8ed8ff09 31px 32px);z-index:-1}.hero:after{content:"✦";position:absolute;right:-20px;top:-63px;font-size:270px;line-height:1;color:#9eccff16;transform:rotate(15deg);z-index:-1}.hero-kicker{display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:1.2px;font-weight:700;color:#d0e1ff}.hero-kicker svg{width:13px;height:13px}.hero h1{font-size:26px;line-height:1.14;letter-spacing:-1px;margin:9px 0;font-weight:800;max-width:220px;position:relative;z-index:2}.hero p{font-size:10px;line-height:1.6;color:#dceaff;max-width:178px;margin:0 0 15px;position:relative;z-index:2}.hero-cta{background:#fff;color:#175ac3;border-radius:10px;padding:10px 12px;font-size:10px;font-weight:800;display:inline-flex;gap:12px;align-items:center;position:relative;z-index:2}.hero-cta:hover{background:#e2edff}.hero-image{position:absolute;right:-19px;top:5px;width:215px;height:200px;object-fit:contain;transform:rotate(-9deg);filter:drop-shadow(0 16px 10px #003a9d77);pointer-events:none}.hero-float{position:absolute;right:27px;top:23px;transform:rotate(16deg);font-size:22px;color:#ffda72;text-shadow:0 3px 10px #274caa}.hero-float.two{right:150px;top:143px;font-size:16px;transform:rotate(-15deg)}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:26px 0 12px}.section-heading h2,.page-heading h1{margin:0;font-size:18px;font-weight:800;letter-spacing:-.5px}.section-heading .subtle{font-size:10px;color:var(--muted)}.section-link{font-size:10px;color:#83b0ff;background:transparent;padding:6px 0}.mini-rewards{display:flex;gap:8px;overflow:auto;scrollbar-width:none}.mini-rewards::-webkit-scrollbar{display:none}.mini-reward{flex:0 0 108px;background:linear-gradient(180deg,#212630,#181c23);border:1px solid #2c3542;border-radius:12px;position:relative;padding:12px 10px 9px;overflow:hidden}.mini-reward:before{content:"";position:absolute;top:0;height:2px;left:0;right:0;background:var(--rarity)}.mini-reward .weapon-art{height:34px;width:84px;margin:2px 0 7px;filter:drop-shadow(0 4px 6px #0008)}.mini-reward small{font-size:8px;color:#8691a4;display:block}.mini-reward strong{font-size:9px;display:block;white-space:nowrap;margin-top:3px}.mini-reward .tiny-price{position:absolute;right:8px;top:8px;color:var(--gold);font-size:8px;font-weight:700}.live-label{display:flex;align-items:center;gap:5px;font-size:9px;color:#8993a6}.live-label i{width:5px;height:5px;border-radius:50%;background:#8fe2b7;box-shadow:0 0 7px #7de2aa77}.filter-row{display:flex;gap:7px;margin:14px 0 15px;overflow-x:auto;scrollbar-width:none}.filter{padding:8px 13px;white-space:nowrap;background:#1c2028;border:1px solid #2b303a;border-radius:10px;font-size:10px;color:#929caf;font-weight:600}.filter.active{background:#29374e;border-color:#3d5985;color:#b6d0ff}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.case-card{position:relative;padding:10px 12px 13px;text-align:left;background:radial-gradient(ellipse at 50% 30%,var(--glow),transparent 70%),linear-gradient(160deg,#202631,#171a21);border:1px solid #2c3442;border-radius:18px;overflow:hidden;transition:transform .2s,border-color .2s}.case-card:hover{transform:translateY(-3px);border-color:#5c769b}.case-card:active{transform:scale(.98)}.case-badge{position:absolute;top:11px;left:11px;border:1px solid #51678388;background:#1b283dcc;color:#adceff;padding:3px 6px;font-size:7px;border-radius:5px;font-weight:800;letter-spacing:.6px;z-index:1}.case-badge.gold{border-color:#695431;color:#f8d38c;background:#3a2d1a88}.case-card .case-image{width:100%;height:130px;object-fit:contain;margin-top:5px;filter:var(--hue) drop-shadow(0 14px 10px #0007);transition:transform .2s}.case-card:hover .case-image{transform:translateY(-3px) rotate(-3deg)}.case-name{display:block;font-weight:800;font-size:13px;letter-spacing:-.3px}.case-desc{font-size:8px;color:#8d97aa;display:block;margin:3px 0 12px}.case-bottom{display:flex;align-items:center;justify-content:space-between}.price{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;color:var(--gold)}.price .coin{width:14px;height:14px;font-size:9px}.case-arrow{width:24px;height:24px;border:1px solid #394150;border-radius:8px;display:grid;place-items:center;color:#a8b5cb}.case-arrow svg{width:12px;height:12px}.daily-strip{display:flex;align-items:center;gap:11px;border:1px solid #334237;border-radius:15px;background:linear-gradient(110deg,#1d2a23,#19201e);margin-top:18px;padding:14px}.daily-strip .task-symbol{width:36px;height:36px;margin:0}.daily-strip h3{font-size:11px;margin:0 0 4px}.daily-strip p{font-size:9px;color:#8b9e93;margin:0}.daily-strip>button{margin-left:auto;padding:8px 11px;border-radius:8px;background:#314d3e;color:#b6ebca;font-size:10px;font-weight:800}.page-heading{margin:27px 0 22px}.page-heading h1{font-size:26px;letter-spacing:-1px}.page-heading p{font-size:12px;line-height:1.7;color:var(--muted);margin:8px 0 0;max-width:330px}.daily-card{border:1px solid #344562;border-radius:20px;background:radial-gradient(at 80% 0,#2a456d66,transparent 70%),#1c2431;padding:19px}.daily-card-top{display:flex;align-items:center;justify-content:space-between}.daily-card h2{font-size:16px;margin:0 0 5px}.daily-card p{font-size:10px;color:#96a7c2;margin:0}.streak-badge{font-size:10px;color:#b3d0ff;border:1px solid #456081;padding:6px 9px;border-radius:20px}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:20px 0 16px}.day{background:#151e2c;border:1px solid #324057;text-align:center;border-radius:10px;padding:9px 0}.day.current{background:#274e89;border-color:#5787ca}.day small{font-size:7px;color:#93a7c7;display:block}.day strong{font-size:13px;margin-top:5px;display:block;color:#d5e3fc}.day:last-child{background:#3b3324;border-color:#6d5a32}.day:last-child strong{color:var(--gold)}.primary-button{display:flex;justify-content:center;align-items:center;gap:8px;background:var(--blue);color:#fff;width:100%;font-size:12px;font-weight:800;border-radius:12px;padding:14px 12px;box-shadow:inset 0 1px 0 #ffffff22;transition:background .15s}.primary-button:hover{background:#4d8bff}.primary-button.done{background:#244233;color:#a7d9bc;box-shadow:none}.primary-button .coin{width:16px;height:16px;font-size:10px}.task-list{display:flex;flex-direction:column;gap:9px}.task-row{display:flex;gap:12px;align-items:center;background:var(--panel);border:1px solid #2b313d;border-radius:15px;padding:14px}.task-symbol{flex-shrink:0;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#293849;color:#a5ccff}.task-symbol.green{background:#293e35;color:#99dbb4}.task-symbol.purple{background:#35304a;color:#baa5ed}.task-symbol.gold{background:#423a28;color:#eace8c}.task-copy{flex:1;min-width:0}.task-copy h3{font-size:11px;margin:0 0 5px;line-height:1.5}.task-copy p{font-size:9px;color:#8590a4;margin:0;line-height:1.5}.task-copy .reward-text{color:var(--gold);font-size:10px;font-weight:700;margin-right:6px}.task-action{background:#293c59;color:#b1d0ff;font-size:9px;font-weight:800;padding:9px 10px;border-radius:8px;white-space:nowrap}.task-action.complete{background:#26392f;color:#8dccaa}.task-row.disabled{opacity:.55}.invite-card{background:radial-gradient(at top right,#2e5cbb77,transparent 80%),#1c2a43;border:1px solid #3f5d8c;border-radius:21px;padding:24px 20px;text-align:center;overflow:hidden;position:relative}.invite-icon{height:78px;display:flex;align-items:center;justify-content:center;margin:5px 0 15px}.friend-orb{display:grid;place-items:center;border:4px solid #243a5f;background:#447bea;color:#fff;width:65px;height:65px;border-radius:50%;font-size:23px;font-weight:800;margin:-7px}.friend-orb:nth-child(2){background:#c1a6f8;transform:translateY(-10px);z-index:1;color:#3b2867}.friend-orb:nth-child(3){background:#7fc5b2;color:#245c4c}.invite-card h2{font-size:24px;line-height:1.15;margin:0 0 12px;letter-spacing:-.8px}.invite-card p{color:#b1c1dc;font-size:11px;line-height:1.8;max-width:300px;margin:0 auto 18px}.invite-card p strong{color:var(--gold)}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.stat-card{background:#1c212b;border:1px solid #303947;border-radius:14px;text-align:center;padding:16px 10px}.stat-card strong{display:block;font-size:23px;font-weight:800;letter-spacing:-.5px}.stat-card span{display:block;color:#8e9aaf;font-size:10px;margin-top:5px}.steps{display:flex;flex-direction:column;gap:16px;padding:5px 0 12px}.step{display:flex;gap:13px;align-items:start}.step>span{display:grid;place-items:center;flex-shrink:0;background:#25334a;color:#a4c6ff;font-size:11px;font-weight:800;width:27px;height:27px;border-radius:8px}.step strong{font-size:11px;display:block;margin:2px 0 5px}.step p{font-size:10px;color:var(--muted);line-height:1.7;margin:0}.empty-state{text-align:center;border:1px dashed #344154;border-radius:20px;padding:39px 24px;background:radial-gradient(at 50% 15%,#253a5d66,transparent 70%)}.empty-icon{display:grid;place-items:center;width:80px;height:80px;margin:0 auto 22px;border:1px solid #3c5274;background:#25354d;border-radius:24px;transform:rotate(-6deg);color:#9ebde9}.empty-icon svg{width:36px;height:36px}.empty-state h2{font-size:19px;letter-spacing:-.6px}.empty-state p{font-size:11px;color:var(--muted);line-height:1.8;margin-bottom:25px}.inventory-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inventory-card{border:1px solid #323b4c;border-top:2px solid var(--rarity);background:radial-gradient(at 50% 20%,#33405b66,transparent 90%),#1c212b;border-radius:15px;padding:15px}.inventory-card .weapon-art{width:100%;height:78px}.inventory-card h3{font-size:11px;margin:9px 0 4px}.inventory-card p{font-size:9px;color:#8d9db6;margin:0 0 10px}.inventory-card>button{margin-top:12px;background:#2a374c;color:#b7d0f9;width:100%;padding:9px;border-radius:9px;font-size:9px;font-weight:700}.notice{font-size:10px;line-height:1.8;color:#909caf;background:#1b212b;padding:13px 15px;border-radius:12px;margin-top:16px}.notice a{color:#b6d0ff}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:24px;left:50%;transform:translateX(-50%);width:424px;padding:10px 8px;background:#1d222deb;border:1px solid #3a4252;border-radius:20px;backdrop-filter:blur(20px);box-shadow:0 8px 30px #0008;z-index:5}.nav-item{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;position:relative;background:transparent;border-radius:12px;color:#838c9f;font-size:9px;font-weight:600;min-height:44px}.nav-item svg{width:21px;height:21px}.nav-item.active{color:#91b8ff}.nav-item.active:before{content:"";position:absolute;top:-11px;width:24px;height:2px;background:#4b8aff;box-shadow:0 0 14px #3c83ff}.nav-dot{width:5px;height:5px;background:#e7b85f;border-radius:50%;position:absolute;top:2px;right:30px}.nav-count{display:grid;place-items:center;position:absolute;right:25px;top:-2px;border-radius:10px;min-width:14px;height:14px;padding:0 3px;background:#3477fa;font-size:8px;color:white;font-style:normal;border:2px solid #1d222d}.nav-count[hidden]{display:none}.demo-footer{text-align:center;color:#5c6677;font-size:8px;letter-spacing:.2px;padding:26px 0 8px}.toast{position:fixed;left:50%;bottom:110px;transform:translate(-50%,15px);background:#eef3fc;color:#1b2639;box-shadow:0 8px 30px #0006;border:1px solid #fff8;padding:12px 18px;border-radius:13px;font-size:11px;font-weight:700;z-index:20;max-width:calc(100% - 40px);width:max-content;opacity:0;pointer-events:none;transition:.2s}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{padding:0;max-width:420px;width:calc(100% - 32px);background:#181e29;border:1px solid #3b4a63;border-radius:26px;color:var(--text);max-height:90dvh;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#030711b8;backdrop-filter:blur(6px)}.modal-inner{padding:28px 24px;position:relative}.modal-close{position:absolute;right:13px;top:13px;z-index:2}.modal-kicker{text-align:center;font-size:9px;color:#7faaff;font-weight:800;letter-spacing:1.5px;margin:8px 0}.modal-title{text-align:center;font-size:26px;letter-spacing:-1px;margin:9px 0;font-weight:800}.modal-subtitle{text-align:center;font-size:11px;line-height:1.7;color:#99a8c0;margin:0 0 20px}.modal-case-image{width:100%;height:195px;object-fit:contain;filter:var(--hue) drop-shadow(0 12px 20px #145dc04d)}.drop-list{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0 19px}.drop-list>div{border-radius:9px;padding:10px 5px;background:#242d3b;border-bottom:2px solid var(--rarity);text-align:center}.drop-list .weapon-art{width:100%;height:37px}.drop-list span{font-size:8px;display:block;margin-top:6px}.result-art{margin:22px 0;background:radial-gradient(ellipse,#29558e66,transparent 70%);height:180px;display:grid;place-items:center}.result-art .weapon-art{width:90%;height:110px;filter:drop-shadow(0 0 25px #4d8bff66);animation:reveal .5s ease-out}.rarity-label{text-align:center;font-size:10px;color:#a6c8fa;letter-spacing:1px}.modal-price{display:flex;justify-content:center;margin:17px 0 24px}.profile-line{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #303b4d;padding:14px 0;font-size:12px}.profile-line>span{color:#9faec3}.secondary-button{margin-top:10px;padding:12px;border-radius:12px;border:1px solid #3a4a63;background:#253247;width:100%;font-size:11px;font-weight:700;color:#bcd1f1}.ref-input{display:flex;gap:7px;margin:12px 0}.ref-input input{min-width:0;width:100%;background:#111823;border:1px solid #3e4c63;border-radius:9px;padding:12px;font-size:11px;color:#a6bce0}.ref-input button{border-radius:9px;background:#2b456f;padding:10px;font-size:10px;font-weight:700}.spinning .modal-case-image{animation:shake .4s infinite}.loading-dot{width:12px;height:12px;border:2px solid #ffffff55;border-top-color:white;border-radius:50%;animation:turn .6s linear infinite}.weapon-art{overflow:visible}#view:focus{outline:none}#view{animation:appear .2s ease}.note-text{font-size:10px;color:#93a1b7;line-height:1.8}.modal-footnote{font-size:9px;color:#75849b;text-align:center;line-height:1.7;margin:14px 0 0}
@keyframes turn{to{transform:rotate(360deg)}}@keyframes appear{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal{from{opacity:0;transform:scale(.6) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes shake{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
@media(min-width:800px){.app-shell{padding-bottom:32px}.bottom-nav{bottom:24px}}@media(max-width:800px){.desktop-label{display:none}}@media(max-width:500px){body{background:var(--bg)}.app-shell{border:0;border-radius:0;max-width:100%;margin:0;min-height:100dvh;padding:0 18px 105px;box-shadow:none}.app-header{height:71px}.bottom-nav{bottom:0;width:100%;border-radius:20px 20px 0 0;border-bottom:0;padding-bottom:max(12px,env(safe-area-inset-bottom));border-left:0;border-right:0}.toast{bottom:100px}.hero-image{right:-26px;width:210px}.case-card .case-image{height:135px}.demo-footer{padding-top:23px}.hero h1{font-size:26px}.section-heading{margin-top:24px}.nav-dot{right:calc(50% - 18px)}}@media(max-width:370px){.app-shell{padding-left:14px;padding-right:14px}.brand{font-size:20px}.hero{padding:18px}.hero-image{width:180px;right:-26px;top:20px}.hero h1{font-size:24px}.hero p{max-width:150px}.case-card .case-image{height:111px}.case-desc{font-size:7px}.case-grid{gap:9px}.days{gap:3px}.day strong{font-size:11px}.daily-card{padding:15px}.task-row{padding:12px;gap:9px}.task-symbol{width:35px;height:35px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Catalog images use the same layout as the original preview silhouettes. */
img.weapon-art{object-fit:contain;object-position:center}

/* Expanded catalog, reel opening and demo upgrades. */
.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.nav-item{font-size:8px}.nav-count{right:18px}.nav-dot{right:24px}
.case-open-controls{display:flex;align-items:center;gap:12px;margin-top:10px}.case-open-controls>.primary-button{flex:1}.quick-open{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px;color:#a3b1c7}.quick-open input{accent-color:#4a8cff;width:15px;height:15px}.drop-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.drop-list>div{position:relative;text-align:left;padding:18px 10px 11px;overflow:hidden}.drop-list .weapon-art{height:62px;margin:3px 0 9px}.drop-list span{font-size:9px;color:#9db1ce}.drop-list .drop-name{display:block;font-size:12px;color:#d5dfed;margin:4px 0 8px}.drop-chance{position:absolute;top:7px;right:7px;font-size:8px;font-weight:700;color:#a8b9cf;padding:2px 5px;border:1px solid #4a5670;border-radius:5px}.drop-list .points-secondary{font-size:8px;margin-top:2px}
.reel-window{height:159px;position:relative;overflow:hidden;margin:30px -24px 20px;width:calc(100% + 48px);background:#0f1724;border-top:1px solid #344764;border-bottom:1px solid #344764;isolation:isolate}.reel-window:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#0d1426bb,transparent 20%,transparent 80%,#0d1426bb)}.reel-track{display:flex;gap:8px;padding:16px 0;width:max-content;will-change:transform;transform:translate3d(0,0,0)}.reel-card{width:104px;flex:0 0 104px;height:126px;border-radius:12px;background:radial-gradient(at 50% 25%,#3e567c55,transparent 80%),#1d293c;border:1px solid #3d4c65;border-bottom:3px solid var(--rarity);padding:12px 8px 8px;overflow:hidden}.reel-card .weapon-art{height:62px;width:100%;object-fit:contain}.reel-card small{font-size:8px;color:#92a5bf;display:block;margin:8px 0 3px}.reel-card strong{font-size:9px;white-space:nowrap;display:block}.reel-marker{position:absolute;z-index:3;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(#ffd078bb,#ffd07844,#ffd078bb);box-shadow:0 0 16px #ffd07833;transform:translateX(-50%);pointer-events:none}.reel-marker:before,.reel-marker:after{content:"";position:absolute;left:50%;transform:translateX(-50%);border-left:6px solid transparent;border-right:6px solid transparent}.reel-marker:before{top:0;border-top:9px solid #ffd078}.reel-marker:after{bottom:0;border-bottom:9px solid #ffd078}.opening-label{display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;color:#b9d0ef;margin:20px 0}.opening-label .loading-dot{width:14px;height:14px;border-color:#3e5b87;border-top-color:#97c1ff}
.upgrade-mode{display:flex;gap:8px;margin-bottom:15px}.upgrade-arena{display:grid;grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr);gap:9px;align-items:center;background:radial-gradient(at 50% 10%,#27335477,transparent 80%),#171e2b;border:1px solid #303d53;border-radius:21px;padding:18px 12px}.upgrade-choice{min-width:0;text-align:center;display:flex;align-items:center;flex-direction:column}.upgrade-choice>.eyebrow{font-size:7px;letter-spacing:1px}.upgrade-choice .weapon-art{height:62px;width:100%;object-fit:contain;margin:12px 0 7px}.upgrade-choice>strong{font-size:10px;margin:4px 0;max-width:100%;overflow-wrap:anywhere}.upgrade-choice>small{font-size:8px;color:#8b9fbb;line-height:1.5;max-width:100%;overflow-wrap:anywhere}.stake-orb{display:grid;place-items:center;width:56px;height:56px;border:1px solid #9a7232;border-radius:18px;background:linear-gradient(135deg,#b58a40,#74531d);color:#ffda8a;font-size:36px;margin:16px 0 7px;box-shadow:0 0 25px #c3983122}
.upgrade-ring{position:relative;width:92px;height:92px;border-radius:50%;background:conic-gradient(#7edca5 0% var(--chance),#34425c var(--chance) 100%);box-shadow:0 0 22px #5b8eea16}.upgrade-ring-inner{position:absolute;inset:7px;border-radius:50%;background:#172133;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1}.upgrade-ring-inner strong{font-size:21px;letter-spacing:-.8px;line-height:1.3}.upgrade-ring-inner strong small{font-size:11px;letter-spacing:0;margin-left:1px}.upgrade-ring-inner>span{font-size:7px;letter-spacing:1.8px;color:#869cbb;margin-top:4px}.upgrade-pointer{position:absolute;inset:-5px;z-index:3;pointer-events:none;transform:rotate(0deg);will-change:transform}.upgrade-pointer:before{content:"";position:absolute;left:calc(50% - 5px);top:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:11px solid #f3f7ff;filter:drop-shadow(0 0 3px #356de899)}
.upgrade-stake{margin-top:14px;padding:16px;background:#1d2532;border:1px solid #313e53;border-radius:17px}.stake-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:10px}.stake-label label{font-size:11px;font-weight:700}.stake-label input{background:#111b2b;border:1px solid #425677;border-radius:8px;width:90px;text-align:right;font-size:12px;font-weight:800;padding:8px;color:#c5ddff}.stake-slider{width:100%;accent-color:#65a0ff;cursor:pointer}.stake-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:13px}.stake-presets button{background:#2d3a50;border-radius:8px;font-size:10px;font-weight:700;padding:8px;color:#afc7e9}.stake-presets button:hover{background:#3a5278}.upgrade-launch{margin:16px 0 0;font-size:12px;min-height:47px}.upgrade-launch svg{width:17px;height:17px}.upgrade-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:380px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#405678 #1b2330;padding:2px}.upgrade-item{position:relative;text-align:left;min-width:0;display:flex;flex-direction:column;background:#1e2736;border:1px solid #33435b;border-bottom:2px solid var(--rarity);border-radius:12px;padding:11px;transition:border-color .15s,background .15s}.upgrade-item.selected{border-color:#72a8ff;background:#253e61;box-shadow:inset 0 0 0 1px #72a8ff66}.upgrade-item.selected:before{content:"✓";position:absolute;right:7px;top:6px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#377eff;font-size:9px;color:white}.upgrade-item:hover{background:#29384f}.upgrade-item .weapon-art{height:65px;width:100%;margin:4px 0 10px;object-fit:contain}.upgrade-item>strong{font-size:10px;color:#d4e3f7}.upgrade-item>span{font-size:9px;color:#8ea7c9;margin:4px 0 7px}.upgrade-item>small{font-size:9px;color:#e5bd73;margin-top:auto}.upgrade-result{padding:15px;margin-top:14px;border-radius:13px;border:1px solid #45526b;background:#232d3d}.upgrade-result strong{font-size:13px}.upgrade-result p{font-size:10px;color:#9cacc5;line-height:1.7;margin:6px 0 0}.upgrade-result.success{background:#213a30;border-color:#47795e}.upgrade-result.success strong{color:#b6efca}.upgrade-result.failure{background:#34272d;border-color:#67414e}.upgrade-result.failure strong{color:#e6b0bd}
@media(max-width:370px){.upgrade-arena{grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);gap:7px;padding:15px 9px}.upgrade-ring{width:76px;height:76px}.upgrade-ring-inner strong{font-size:18px}.upgrade-choice>strong{font-size:9px}.upgrade-choice .weapon-art{height:51px}.stake-orb{width:45px;height:45px;font-size:29px}.nav-item{font-size:7px}.nav-count{right:calc(50% - 23px)}}


/* Coin values are the only item prices shown in the Mini App. */
.skin-price{display:inline-flex;align-items:center;gap:6px;color:var(--gold);font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.skin-price .coin{width:15px;height:15px;font-size:10px}.skin-price>strong{font-size:inherit;font-weight:inherit;letter-spacing:0}.case-count{display:block;margin:-3px 0 12px;font-size:9px;color:#abc2e5}.case-desc{min-height:22px;line-height:1.5}.mini-reward{padding-top:29px}.mini-reward .tiny-price{top:8px;left:9px;right:auto;max-width:95px}.mini-reward .skin-price{font-size:10px;gap:4px}.mini-reward .skin-price>strong{margin:0}.mini-reward .skin-price .coin{width:12px;height:12px;font-size:8px}.inventory-card>.skin-price{margin:1px 0 9px}.inventory-card>button.inventory-upgrade{background:#2b4d7a;color:#d5e6ff}.inventory-card>button{margin-top:7px}.drop-list>div>.skin-price{margin:9px 0 0;display:inline-flex;font-size:12px;color:var(--gold)}.drop-list .skin-price .coin{display:inline-flex;margin:0;width:13px;height:13px;font-size:8px;color:#714c13}.drop-list .skin-price strong{font-size:12px;color:var(--gold);margin:0}.drop-list .weapon-art{height:70px}.result-name{text-align:center;font-size:24px;letter-spacing:-.6px;margin:9px 0}.result-value{text-align:center;margin:20px 0 25px}.result-value .skin-price{font-size:28px;gap:10px}.result-value .coin{width:26px;height:26px;font-size:18px}.upgrade-choice>.skin-price{font-size:12px;margin-top:10px}.upgrade-choice .skin-price .coin{width:12px;height:12px;font-size:8px}.upgrade-item>.skin-price{margin-top:auto;gap:5px;font-size:12px;color:var(--gold)}.upgrade-item .skin-price .coin{width:13px;height:13px;font-size:8px}.reel-window{height:181px}.reel-card{height:148px}.reel-card>.skin-price{font-size:10px;margin-top:8px;gap:4px}.reel-card .skin-price>strong{font-size:10px}.reel-card .skin-price .coin{width:11px;height:11px;font-size:7px}.drop-list .drop-chance{font-variant-numeric:tabular-nums}.section-heading h2{min-width:0}.section-heading .subtle{flex-shrink:0;margin-left:8px;font-size:9px}
@media(max-width:370px){.upgrade-choice>.skin-price{font-size:10px;gap:4px}.upgrade-choice .skin-price .coin{width:10px;height:10px;font-size:7px}.case-desc{min-height:24px}.case-count{font-size:8px}.section-heading .subtle{font-size:8px}}

.account-status{font-size:10px;line-height:1.6;padding:11px 13px;margin:0 0 16px;border-radius:11px;border:1px solid #425477;background:#25324a;color:#bcd5fc}.account-status.connected{background:#1d3429;border-color:#375c46;color:#a8d8b9}.account-status.account-error{background:#3b2830;border-color:#69434c;color:#ecc1cb}.account-status[hidden]{display:none}

.admin-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.admin-summary>div,.admin-card{padding:16px;border-radius:16px;background:var(--surface,#1c2330);border:1px solid #303a4b}.admin-summary strong{display:block;font-size:24px}.admin-summary span,.admin-card small{display:block;color:#9cacc5;font-size:11px;margin-top:7px}.admin-card{margin:10px 0}.admin-card p{font-size:12px;line-height:1.6}.admin-search{display:flex;gap:8px;margin:18px 0}.admin-search input,.admin-card input{min-width:0;box-sizing:border-box;width:100%;padding:12px;background:#111722;border:1px solid #3b465c;border-radius:10px;color:white;font:inherit;font-size:12px}.admin-search .secondary-button{width:auto;margin:0}.admin-card .secondary-button{margin-top:10px}.admin-message{white-space:pre-wrap;overflow-wrap:anywhere}.admin-log{display:flex;justify-content:space-between;gap:10px;font-size:11px;padding:12px 0;border-bottom:1px solid #303a4b}.admin-log small{display:block;color:#9cacc5;margin-top:4px}.admin-log strong{white-space:nowrap}

.steam-link-form{margin:20px 0}.steam-link-form label{display:block;font-size:12px;margin-bottom:9px}.steam-link-form input,.admin-note-input{box-sizing:border-box;width:100%;padding:13px;border-radius:10px;background:#111722;border:1px solid #3b465c;color:#fff;font-size:12px}.reserved-note{color:#e7c779!important;padding:8px 0}.inventory-withdraw{background:#2868d4!important;color:#fff!important}.stats-row{flex-wrap:wrap}