:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--bg:#090b10;--surface:#11151c;--surface-raised:#181d25;--surface-bright:#202731;--line:#2d3642;--line-strong:#465263;--text:#f4f7fa;--muted:#9aa5b2;--faint:#6e7986;--pink:#ff4d9a;--pink-strong:#df267a;--cyan:#49c5ff;--green:#43d17d;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}[hidden]{display:none!important}.app-shell{min-height:100vh}.topbar{z-index:90;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#090b10f5;grid-template-columns:minmax(210px,1fr) auto minmax(270px,1fr);align-items:center;min-height:68px;padding:8px clamp(14px,3vw,42px);display:grid;position:sticky;top:0}.brand{min-width:0;color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.brand>span:last-child{min-width:0;display:grid}.brand strong{font-size:14px;line-height:1.2}.brand small{color:var(--muted);white-space:nowrap;font-size:11px;line-height:1.3}.brand-mark{width:40px;height:40px;color:var(--pink);background:#25121d;border:1px solid #ff4d9a66;border-radius:8px;flex:none;place-items:center;display:grid}.brand-mark svg{width:22px;height:22px}.brand-mark.large{width:56px;height:56px;margin-bottom:18px}.brand-mark.large svg{width:30px;height:30px}.primary-tabs{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-items:stretch;height:42px;display:flex;overflow:hidden}.tab-button{border:0;border-right:1px solid var(--line);min-width:104px;color:var(--muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:7px;padding:0 14px;display:flex;position:relative}.tab-button:last-child{border-right:0}.tab-button svg{width:16px;height:16px}.tab-button:hover{color:var(--text);background:#ffffff08}.tab-button.is-active{color:var(--text);background:var(--surface-bright)}.tab-button.is-active:after{content:"";background:var(--pink);height:2px;position:absolute;inset:auto 9px 0}.tab-count{min-width:19px;color:var(--muted);background:#ffffff12;border-radius:8px;padding:1px 5px;font-size:11px}.account-strip{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.balance-readout{text-align:right;line-height:1.2;display:grid}.balance-readout small{color:var(--muted);text-transform:uppercase;font-size:10px}.balance-readout strong{color:var(--green);font-family:SFMono-Regular,Consolas,monospace;font-size:14px}.account-name{max-width:130px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.icon-button{border:1px solid var(--line);background:var(--surface);width:36px;height:36px;color:var(--muted);cursor:pointer;border-radius:6px;flex:none;place-items:center;padding:0;display:grid;position:relative}.icon-button:hover{border-color:var(--line-strong);color:var(--text);background:var(--surface-raised)}.icon-button svg{width:17px;height:17px}.icon-button[data-tooltip]:after{content:attr(data-tooltip);z-index:120;border:1px solid var(--line);width:max-content;max-width:190px;color:var(--text);opacity:0;pointer-events:none;background:#050609;border-radius:4px;padding:6px 8px;font-size:11px;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 7px);right:0;transform:translateY(-3px)}.icon-button[data-tooltip]:hover:after,.icon-button[data-tooltip]:focus-visible:after{opacity:1;transform:translateY(0)}main{width:min(1480px,100%);margin:0 auto;padding:clamp(18px,3vw,42px)}.view{animation:.18s ease-out view-in}@keyframes view-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.case-heading,.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.eyebrow{color:var(--pink);text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:800;display:block}h1,h2,p{margin-top:0}h1{letter-spacing:0;margin-bottom:0;font-size:clamp(24px,4vw,38px);line-height:1.05}h2{letter-spacing:0;margin-bottom:0;font-size:20px}.section-heading>span{color:var(--muted);font-size:13px}.run-stats{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-items:stretch;display:flex;overflow:hidden}.run-stats>span{border-right:1px solid var(--line);min-width:110px;padding:8px 14px;display:grid}.run-stats>span:last-child{border-right:0}.run-stats small{color:var(--muted);text-transform:uppercase;font-size:10px}.run-stats strong{margin-top:2px;font-size:14px}.opening-room{border-block:1px solid var(--line);background:#06080b}.reel-viewport{background-color:#080a0e;background-image:repeating-linear-gradient(90deg,#0000 0 79px,#ffffff05 80px),repeating-linear-gradient(0deg,#0000 0 59px,#ffffff04 60px);height:clamp(290px,43vw,520px);min-height:290px;position:relative;overflow:hidden}.reel-track{transform-origin:50%;will-change:transform;align-items:stretch;gap:0;width:max-content;height:clamp(180px,23vw,250px);display:flex;position:absolute;top:50%;left:0;transform:translate(0,0)translateY(-50%)}.reel-track.is-settled{will-change:auto}.reel-card{border-right:1px solid var(--line);border-bottom:5px solid var(--rarity);background:var(--surface);flex:0 0 clamp(190px,22vw,270px);grid-template-rows:1fr auto auto;width:clamp(190px,22vw,270px);padding:12px 14px 16px;display:grid;position:relative;overflow:hidden}.reel-card:before{content:"";border-top:2px solid var(--rarity);opacity:.4;pointer-events:none;position:absolute;inset:0}.reel-card span{color:var(--rarity);text-transform:uppercase;font-size:10px;font-weight:800}.reel-card strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:14px;overflow:hidden}.reel-art{place-items:center;min-height:0;display:grid}.reel-art .guitar-art{width:100%;height:auto}.reel-card.is-winner{box-shadow:inset 0 0 0 2px var(--rarity);background:var(--surface-bright)}.selection-line{z-index:8;background:var(--pink);pointer-events:none;width:2px;height:84%;position:absolute;top:8%;left:50%;box-shadow:0 0 16px #ff4d9aaa}.selection-line:before,.selection-line:after{content:"";border-inline:8px solid #0000;width:0;height:0;position:absolute;left:50%;transform:translate(-50%)}.selection-line:before{border-top:10px solid var(--pink);top:-1px}.selection-line:after{border-bottom:10px solid var(--pink);bottom:-1px}.selection-line span{border:1px solid #ff4d9a88;border-radius:50%;width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reel-edge{z-index:7;pointer-events:none;width:12%;position:absolute;top:0;bottom:0}.reel-edge-left{background:linear-gradient(90deg,#080a0e 0%,#0000 100%);left:0}.reel-edge-right{background:linear-gradient(270deg,#080a0e 0%,#0000 100%);right:0}.idle-case{z-index:6;background:#080a0e;place-content:center;justify-items:center;display:grid;position:absolute;inset:0}.idle-case p{color:var(--muted);margin:16px 0 0;font-size:13px}.road-case{aspect-ratio:1.9;background:#171c22;border:6px solid #77818e;border-radius:8px;place-items:center;width:clamp(250px,44vw,480px);display:grid;position:relative;box-shadow:0 24px 60px #000a,inset 0 0 0 2px #050608}.road-case:before,.road-case:after{content:"";background:#77818e;position:absolute}.road-case:before{width:5px;inset:0 auto 0 50%;transform:translate(-50%)}.road-case:after{height:5px;inset:50% 0 auto;transform:translateY(-50%)}.road-case svg{z-index:2;width:28%;height:28%;color:var(--pink);filter:drop-shadow(0 0 13px #ff4d9a66);position:relative}.road-case-handle{border:5px solid #77818e;border-bottom:0;border-radius:8px 8px 0 0;width:78px;height:25px;position:absolute;top:-25px;left:50%;transform:translate(-50%)}.road-case-latch{z-index:3;background:#333b45;border:3px solid #abb3bc;border-radius:3px;width:22px;height:30px;position:absolute;top:calc(50% - 15px)}.latch-left{left:28%}.latch-right{right:28%}.opening-controls{border-top:1px solid var(--line);background:var(--surface);grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;min-height:90px;padding:16px clamp(12px,3vw,30px);display:grid}.case-price{line-height:1.25;display:grid}.case-price small{color:var(--muted);text-transform:uppercase;font-size:10px}.case-price strong{margin-top:3px;font-size:14px}.open-button,.secondary-button,.twitch-button{color:#fff;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 18px;font-weight:800;text-decoration:none;display:inline-flex}.open-button{background:var(--pink-strong);border:1px solid #ff75b2;box-shadow:inset 0 1px #fff4}.open-button:hover{background:#ee3387}.open-button:disabled{cursor:wait;opacity:.55}.open-button svg,.secondary-button svg,.twitch-button svg{width:18px;height:18px}.secondary-button{border:1px solid var(--line-strong);background:var(--surface-bright)}.secondary-button:hover{border-color:var(--muted)}.status-line{color:var(--muted);justify-self:end;margin:0;font-size:12px}.case-contents-band{padding-top:34px}.catalog-strip{scroll-snap-type:x proximity;grid-auto-columns:minmax(190px,1fr);grid-auto-flow:column;gap:8px;padding-bottom:10px;display:grid;overflow-x:auto}.catalog-item{border:1px solid var(--line);border-bottom:4px solid var(--rarity);background:var(--surface);scroll-snap-align:start;border-radius:6px;min-width:0;padding:10px}.catalog-art{height:100px}.catalog-art .guitar-art{width:100%;height:100%}.catalog-item>div:last-child{margin-top:6px;display:grid}.catalog-item span{color:var(--rarity);text-transform:uppercase;font-size:9px;font-weight:800}.catalog-item strong{margin-top:2px;font-size:13px}.inventory-toolbar{border-block:1px solid var(--line);grid-template-columns:minmax(220px,1fr) minmax(150px,210px) minmax(150px,210px);gap:10px;margin-bottom:20px;padding-block:14px;display:grid}.inventory-toolbar label{color:var(--muted);text-transform:uppercase;gap:5px;font-size:10px;display:grid}.search-control{position:relative}.search-control svg{width:17px;height:17px;color:var(--faint);position:absolute;bottom:11px;left:12px}input,select{border:1px solid var(--line);background:var(--surface);min-width:0;height:40px;color:var(--text);border-radius:6px}input{padding:0 12px 0 38px}select{padding:0 30px 0 10px}input::placeholder{color:var(--faint)}.inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.inventory-card{border:1px solid var(--line);border-bottom:5px solid var(--rarity);background:var(--surface);min-width:0;color:var(--text);text-align:left;cursor:pointer;border-radius:6px;padding:0;display:grid;overflow:hidden}.inventory-card:hover{border-color:var(--line-strong);background:var(--surface-raised);transform:translateY(-1px)}.inventory-art{border-bottom:1px solid var(--line);background:#0a0d12;height:140px;padding:8px}.inventory-art .guitar-art{width:100%;height:100%}.inventory-card-heading{padding:11px 12px 4px;display:grid}.inventory-card-heading span{color:var(--rarity);text-transform:uppercase;font-size:9px;font-weight:800}.inventory-card-heading strong{overflow-wrap:anywhere;margin-top:2px;font-size:15px}.inventory-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:5px 9px;padding:3px 12px 10px;font-size:10px;display:flex}.inventory-meta b{color:var(--text);margin-left:auto}.mini-stats{border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:5px 10px;padding:10px 12px 12px;display:grid}.mini-stats span{background:#29303a;height:4px;display:block;position:relative}.mini-stats i{background:var(--rarity);display:block;position:absolute;inset:0 auto 0 0}.mini-stats small{color:var(--faint);text-transform:uppercase;margin-top:5px;font-size:8px;display:block}.empty-state{border-block:1px solid var(--line);min-height:330px;color:var(--muted);text-align:center;place-content:center;justify-items:center;display:grid}.empty-state svg{width:36px;height:36px;margin-bottom:14px}.empty-state h2{color:var(--text)}.empty-state p{margin:7px 0 0;font-size:13px}.odds-layout{border-block:1px solid var(--line);grid-template-columns:1.2fr 1fr 1fr;gap:24px;padding-block:20px;display:grid}.odds-section h2{margin-bottom:12px;font-size:15px}.odds-table{border-top:1px solid var(--line)}.odds-row{border-bottom:1px solid var(--line);grid-template-columns:10px minmax(0,1fr) auto auto;align-items:center;gap:9px;min-height:44px;font-size:12px;display:grid}.odds-row>span:nth-of-type(2){color:var(--text);font-family:SFMono-Regular,Consolas,monospace}.odds-row small{min-width:58px;color:var(--muted);text-align:right}.odds-swatch{background:var(--swatch);width:8px;height:22px}.login-gate{z-index:200;background:#090b10f2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.login-panel{border-block:1px solid var(--line-strong);text-align:center;justify-items:center;width:min(440px,100%);padding:38px 28px;display:grid}.login-panel h1{font-size:clamp(25px,6vw,36px)}.login-panel p{max-width:380px;color:var(--muted);margin:15px 0 24px;line-height:1.55}.twitch-button{background:#6d3bc0;border:1px solid #a970ff}.twitch-button:hover{background:#7c47d4}.result-dialog{border:1px solid var(--line-strong);width:min(920px,100vw - 24px);max-height:calc(100vh - 24px);color:var(--text);background:#0c0f14;border-radius:8px;padding:0;overflow:auto;box-shadow:0 28px 100px #000d}.result-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#05070bcf}.dialog-close{z-index:5;float:right;background:#0c0f14;margin:12px 12px -48px 0;position:sticky;top:12px}.result-rarity{background:var(--rarity);height:5px}.result-layout{grid-template-columns:minmax(300px,1.1fr) minmax(320px,.9fr);min-height:470px;display:grid}.result-art{border-right:1px solid var(--line);background:#07090d;place-items:center;min-height:360px;padding:clamp(18px,4vw,40px);display:grid}.result-art .guitar-art{filter:drop-shadow(0 20px 26px #000b);width:100%;max-width:560px}.result-details{padding:clamp(26px,5vw,48px) clamp(20px,4vw,38px);position:relative}.result-details h2{overflow-wrap:anywhere;margin:0;font-size:clamp(26px,4vw,38px);line-height:1.05}.result-meta{color:var(--muted);flex-wrap:wrap;gap:7px 12px;margin-top:12px;font-size:11px;display:flex}.overall-score{align-items:end;gap:8px;margin:25px 0 20px;display:flex}.overall-score strong{color:var(--rarity);font-family:SFMono-Regular,Consolas,monospace;font-size:52px;line-height:.8}.overall-score span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.stat-list{gap:10px;display:grid}.stat-list>div{grid-template-columns:82px minmax(80px,1fr) 28px;align-items:center;gap:9px;display:grid}.stat-list span{color:var(--muted);font-size:11px}.stat-list i{background:#28303a;height:7px;position:relative}.stat-list b{background:var(--rarity);position:absolute;inset:0 auto 0 0}.stat-list strong{text-align:right;font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.result-actions{border-top:1px solid var(--line);background:var(--surface);justify-content:flex-end;gap:9px;padding:14px 18px;display:flex}.toast{z-index:300;color:#ffdce2;opacity:0;pointer-events:none;background:#2b1117;border:1px solid #ff6d83;border-radius:6px;max-width:min(390px,100vw - 36px);padding:11px 14px;font-size:12px;transition:all .16s;position:fixed;bottom:18px;right:18px;transform:translateY(8px)}.toast.is-visible{opacity:1;transform:translateY(0)}@media (width<=1000px){.topbar{-webkit-backdrop-filter:none;backdrop-filter:none;grid-template-columns:1fr auto}.primary-tabs{z-index:100;height:52px;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 12px 40px #000c}.tab-button{flex:1;min-width:0}main{padding-bottom:86px}.account-strip{grid-column:2}.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.odds-layout{grid-template-columns:1fr 1fr}.odds-section:first-child{grid-column:1/-1}}@media (width<=740px){.topbar{min-height:60px;padding:7px 12px}.brand small,.account-name,#logout-button{display:none}.brand strong{font-size:12px}.brand-mark{width:36px;height:36px}.balance-readout strong{font-size:12px}main{padding:18px 12px 82px}.case-heading,.section-heading{flex-direction:column;align-items:start;gap:12px}.run-stats{width:100%}.run-stats>span{flex:1;min-width:0;padding-inline:9px}.opening-controls{text-align:center;grid-template-columns:1fr;justify-items:stretch}.case-price{justify-items:center}.status-line{justify-self:center}.inventory-toolbar{grid-template-columns:1fr 1fr}.search-control{grid-column:1/-1}.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-art{height:112px}.odds-layout{grid-template-columns:1fr;gap:26px}.odds-section:first-child{grid-column:auto}.result-layout{grid-template-columns:1fr}.result-art{border-right:0;border-bottom:1px solid var(--line);min-height:260px}.result-details{padding-top:24px}.result-actions{grid-template-columns:1fr;display:grid}}@media (width<=430px){.balance-readout small{display:none}.account-strip{gap:6px}.inventory-grid{grid-template-columns:1fr}.inventory-art{height:145px}.tab-button{padding-inline:6px;font-size:12px}.tab-count{display:none}.reel-card{flex-basis:178px;width:178px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}