:root{--bg: #17120f;--bg-2: #1f1813;--surface: #241c17;--surface-2: #2c221b;--border: #3a2d24;--border-soft: rgba(255, 240, 220, .08);--text: #f4ece2;--text-dim: #bcab98;--text-faint: #8c7d6e;--gold: #ffc24b;--gold-deep: #e0982a;--magenta: #ff5d8f;--magenta-deep: #e23e72;--green: #5fd6a0;--red: #ff7a7a;--r-common: #9aa6b2;--r-uncommon: #5fd6a0;--r-rare: #5aa6ff;--r-epic: #c07bff;--r-legendary: #ffc24b;--level-rgb-default: 255, 194, 75;--level-rgb-3: 34, 211, 238;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "Hanken Grotesk", system-ui, -apple-system, sans-serif;--radius: 14px;--radius-sm: 9px;--shadow: 0 18px 40px -20px rgba(0, 0, 0, .7);--shadow-lg: 0 30px 60px -24px rgba(0, 0, 0, .8)}*{box-sizing:border-box}html{scrollbar-color:var(--border) transparent}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--text);background-color:var(--bg);background-image:radial-gradient(60rem 40rem at 12% -8%,rgba(255,178,64,.16),transparent 60%),radial-gradient(50rem 38rem at 92% 8%,rgba(255,93,143,.14),transparent 55%),radial-gradient(60rem 50rem at 50% 120%,rgba(122,90,255,.1),transparent 60%);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E")}a{color:var(--text);text-decoration:none}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;margin:0 0 .6rem;line-height:1.05}h2{font-size:1.9rem}button{font-family:var(--font-body);font-weight:700;font-size:.9rem;letter-spacing:.01em;color:#2a1c08;background:linear-gradient(180deg,var(--gold),var(--gold-deep));border:none;border-radius:999px;padding:.6rem 1.15rem;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,filter .2s ease;box-shadow:0 8px 20px -10px #ffc24bb3}button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 12px 26px -10px #ffc24bcc}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}button.secondary,button.ghost{background:transparent;color:var(--text-dim);border:1px solid var(--border);box-shadow:none}button.secondary:hover:not(:disabled),button.ghost:hover:not(:disabled){color:var(--text);border-color:var(--gold);filter:none}input,select{font-family:var(--font-body);font-size:.92rem;color:var(--text);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.55rem .7rem;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #ffc24b2e}input[type=checkbox]{accent-color:var(--gold);width:1.05rem;height:1.05rem}.container{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:1.25rem}.container.center{min-height:100vh;display:grid;place-items:center}main{animation:fade-in .4s ease both}.muted{color:var(--text-dim)}.error{color:var(--red)}.success{color:var(--green)}.nav{display:flex;align-items:center;gap:1.5rem;padding:.7rem 1rem;margin-bottom:2rem;background:linear-gradient(180deg,#2c221bb3,#241c1780);border:1px solid var(--border-soft);border-radius:999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);position:sticky;top:.75rem;z-index:20}.brand{font-family:var(--font-display);font-weight:900;font-size:1.4rem;letter-spacing:-.02em;background:linear-gradient(92deg,var(--gold),var(--magenta));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-flex;align-items:center;gap:.4rem}.brand:before{content:"🎴";-webkit-text-fill-color:initial;font-size:1.2rem}.nav-links{display:flex;gap:.3rem}.nav-links a{color:var(--text-dim);font-weight:600;font-size:.92rem;padding:.4rem .85rem;border-radius:999px;transition:color .15s ease,background .15s ease}.nav-links a:hover{color:var(--text);background:#ffffff0d}.nav-links a.active{color:var(--gold);background:#ffc24b1f}.nav-user{margin-left:auto;display:flex;align-items:center;gap:.85rem}.coin-pill{display:inline-flex;align-items:center;gap:.35rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--gold);background:#ffc24b1a;border:1px solid rgba(255,194,75,.25);padding:.3rem .7rem .3rem .55rem;border-radius:999px}.coin-pill .coin-value{display:inline-block;animation:coin-pop .4s ease}.user-chip{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9rem;color:var(--text-dim)}.avatar{width:1.7rem;height:1.7rem;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.8rem;color:#2a1c08;background:linear-gradient(135deg,var(--gold),var(--magenta))}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.page-head h2{margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;font-weight:700;color:var(--magenta);margin-bottom:.35rem}.stat-row{display:flex;gap:.5rem;flex-wrap:wrap}.stat{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:.45rem .8rem;font-size:.82rem;color:var(--text-dim)}.stat b{color:var(--text);font-variant-numeric:tabular-nums}.card{background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--border-soft);border-radius:var(--radius);padding:1.3rem;margin-bottom:1.5rem;box-shadow:var(--shadow)}.form{display:flex;flex-direction:column;gap:.9rem;max-width:460px}.form label{display:flex;flex-direction:column;gap:.32rem;font-size:.78rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--text-faint)}.form .row{display:flex;flex-direction:row;gap:.75rem;flex-wrap:wrap}.row label{flex:1;min-width:90px}.checkbox{flex-direction:row!important;align-items:center;gap:.5rem;text-transform:none;font-size:.85rem;color:var(--text-dim)}.select-all{color:var(--text);padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:1px solid var(--border-soft)}.checkbox-list{display:flex;flex-direction:column;gap:.35rem;max-height:200px;overflow:auto;padding-right:.25rem}fieldset{border:1px solid var(--border);border-radius:var(--radius-sm);padding:.8rem}legend{color:var(--text-faint);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:0 .4rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:1.1rem}.tile{--rarity: var(--r-common);position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow);animation:card-in .5s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--i, 0) * 45ms);transform:perspective(650px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transition:transform .18s ease,box-shadow .25s ease,border-color .25s ease}.tile:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--rarity);z-index:3;opacity:.9}.tile.clickable{cursor:pointer}.tile:hover{transform:perspective(650px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateY(-6px);border-color:color-mix(in srgb,var(--rarity) 55%,var(--border));box-shadow:var(--shadow-lg),0 0 30px -8px var(--rarity)}.tile img{width:100%;aspect-ratio:5 / 7;object-fit:cover;background:#100c09}.tile-body{padding:.6rem .7rem .75rem;display:flex;flex-direction:column;gap:.18rem}.tile-name{font-family:var(--font-display);font-weight:600;font-size:1rem;line-height:1.15}.tile-meta{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-top:.1rem}.tile-rarity{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--rarity)}.tile-mod{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text);background:#ffffff14;border:1px solid var(--border-soft);padding:.05rem .35rem;border-radius:999px}.tile-level{margin-left:auto;font-size:.66rem;color:var(--text-faint);font-variant-numeric:tabular-nums}.tile-badge{position:absolute;top:.5rem;right:.5rem;z-index:4;font-size:.66rem;font-weight:800;letter-spacing:.03em;padding:.15rem .5rem;border-radius:999px;color:#2a1c08;background:linear-gradient(135deg,var(--gold),var(--magenta));box-shadow:0 4px 12px -4px #0009}.tile-badge.is-new{animation:badge-pop .5s ease both}.rarity-common{--rarity: var(--r-common);--halo: .18}.rarity-uncommon{--rarity: var(--r-uncommon);--halo: .4}.rarity-rare{--rarity: var(--r-rare);--halo: .6}.rarity-epic{--rarity: var(--r-epic);--halo: .82}.rarity-legendary{--rarity: var(--r-legendary);--halo: 1}.tile.foil:after,.tile.holo:after{content:"";position:absolute;inset:0 0 auto 0;height:auto;aspect-ratio:5 / 7;z-index:2;pointer-events:none;mix-blend-mode:color-dodge;-webkit-mask-image:var(--art);mask-image:var(--art);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:cover;mask-size:cover}.tile.foil:after{background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.22) 40%,rgba(205,225,255,.3) 50%,rgba(255,255,255,.22) 60%,transparent 80%);background-size:280% 280%;opacity:.55;animation:holo-shift 4.5s ease-in-out infinite}.tile.sticker{background:transparent;border-color:transparent;box-shadow:none;overflow:visible}.tile.sticker:before{display:none}.tile.sticker:hover{border-color:transparent;box-shadow:none}.tile.sticker img{aspect-ratio:5 / 7;object-fit:contain;padding:.8rem;background:transparent;filter:drop-shadow(0 0 1.5px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 10px 14px rgba(0,0,0,.55));transition:transform .18s ease}.tile.sticker:hover img{transform:rotate(-3deg) scale(1.05)}.tile.sticker.foil:after,.tile.sticker.holo:after{box-sizing:border-box;padding:.8rem;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-origin:content-box;mask-origin:content-box;mask-clip:content-box}.tile.holo:after{background:repeating-linear-gradient(115deg,#ff5a5a38,#ffd65a38,#6eff8c38,#5ac8ff38,#c878ff38,#ff5a5a38 35%);background-size:320% 320%;opacity:.5;animation:holo-shift 5.5s ease-in-out infinite,holo-hue 7s linear infinite}.tile.foil:hover:after,.tile.holo:hover:after{animation:none;background-position:calc(var(--pointer-x, .5) * 100%) calc(var(--pointer-y, .5) * 100%)}.tile.holo:hover:after{filter:hue-rotate(calc((var(--pointer-x, .5) + var(--pointer-y, .5)) * 180deg));opacity:.65}.tile.foil:hover:after{opacity:.7}.booster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.1rem}.booster{position:relative;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--surface-2),var(--bg-2));border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);animation:card-in .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i, 0) * 60ms);transition:transform .18s ease,box-shadow .25s ease}.booster:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg),0 0 34px -10px var(--magenta)}.booster-art{position:relative;aspect-ratio:4 / 3;overflow:hidden}.booster-art img{width:100%;height:100%;object-fit:cover}.booster-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(15,10,8,.9))}.booster-tag{position:absolute;top:.6rem;left:.6rem;z-index:2;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text);background:#00000073;border:1px solid var(--border-soft);padding:.18rem .55rem;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.booster-body{padding:.85rem .9rem 1rem;display:flex;flex-direction:column;gap:.7rem}.booster-title{font-family:var(--font-display);font-weight:600;font-size:1.05rem}.booster-foot{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.price{display:inline-flex;align-items:center;gap:.3rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--gold)}.admin{max-width:960px}.admin .form{max-width:none}.form-actions{display:flex;gap:.6rem}.tabs{display:inline-flex;gap:.25rem;padding:.3rem;background:var(--bg-2);border:1px solid var(--border-soft);border-radius:999px;margin-bottom:1.4rem}.tab{background:transparent;color:var(--text-dim);border:none;box-shadow:none;padding:.45rem 1rem;border-radius:999px;font-weight:700;font-size:.88rem;display:inline-flex;align-items:center;gap:.45rem}.tab:hover:not(.active){color:var(--text);filter:none;transform:none}.tab.active{color:#2a1c08;background:linear-gradient(180deg,var(--gold),var(--gold-deep))}.tab-count{font-size:.72rem;font-weight:800;padding:.05rem .4rem;border-radius:999px;background:#ffffff0f;color:var(--text-faint)}.tab.active .tab-count{background:#0000002e;color:inherit}.admin-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;align-items:start}@media(max-width:760px){.admin-grid{grid-template-columns:1fr}}.editor-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.2rem}.editor-head h3{margin:0}.pill-tag{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--magenta);background:#ff5d8f1f;border:1px solid rgba(255,93,143,.25);padding:.12rem .5rem;border-radius:999px}.form-field{display:flex;flex-direction:column;gap:.32rem}.field-label{font-size:.78rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--text-faint)}.uploader{display:flex;flex-direction:column;gap:.45rem}.upload-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;cursor:pointer;font-weight:700;font-size:.85rem;color:var(--text);background:var(--surface-2);border:1px dashed var(--border);border-radius:var(--radius-sm);padding:.65rem;transition:border-color .15s ease,color .15s ease,background .15s ease}.upload-btn:hover{border-color:var(--gold);color:var(--gold)}.url-input{font-size:.8rem;color:var(--text-dim)}.editor-preview{display:flex;justify-content:center;padding:.4rem 0 .2rem}.editor-preview .tile{width:158px}.cat-preview{width:88px;height:88px;border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border);background:#100c09}.entity-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.entity-row{display:flex;align-items:center;gap:.75rem;padding:.6rem 0;border-bottom:1px solid var(--border-soft)}.entity-row:last-child{border-bottom:none}.entity-thumb{width:44px;height:44px;border-radius:9px;object-fit:cover;flex:none;border:1px solid var(--border);background:#100c09}.entity-main{display:flex;flex-direction:column;min-width:0;gap:.12rem}.entity-name{font-weight:600;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entity-sub{font-size:.76rem;color:var(--text-faint);display:flex;align-items:center;gap:.35rem}.entity-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--rarity);flex:none}.edit-btn{margin-left:auto;background:transparent;border:1px solid var(--border);color:var(--text-dim);box-shadow:none;padding:.3rem .8rem;font-size:.78rem;flex:none}.edit-btn:hover:not(:disabled){color:var(--text);border-color:var(--gold);filter:none}.entity-empty{color:var(--text-dim);font-size:.88rem;padding:.5rem 0}.empty{text-align:center;padding:3.5rem 1.5rem;border:1px dashed var(--border);border-radius:var(--radius);background:#ffffff04}.empty .emoji{font-size:2.5rem;display:block;margin-bottom:.6rem;filter:grayscale(.2)}.empty p{color:var(--text-dim);margin:.2rem 0}.toast{border-radius:var(--radius-sm);padding:.7rem .95rem;margin-bottom:1rem;font-size:.9rem;font-weight:600;border:1px solid var(--border-soft);animation:rise-in .3s ease both}.toast.ok{color:var(--green);background:#5fd6a01a;border-color:#5fd6a040}.toast.bad{color:var(--red);background:#ff7a7a1a;border-color:#ff7a7a40}.login{width:min(420px,92vw);text-align:center}.login-mark{font-family:var(--font-display);font-weight:900;font-size:3.4rem;line-height:1;letter-spacing:-.03em;background:linear-gradient(95deg,var(--gold),var(--magenta));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.4rem}.login-sub{color:var(--text-dim);margin-bottom:1.8rem}.login .form{text-align:left;max-width:none}.login .full{width:100%;margin-top:.3rem;padding:.7rem;font-size:.95rem}.twitch-btn{display:flex;align-items:center;justify-content:center;gap:.55rem;width:100%;padding:.7rem;border-radius:999px;font-weight:800;font-size:.95rem;color:#fff;background:#9146ff;text-decoration:none;box-shadow:0 10px 24px -12px #9146ff;transition:transform .12s ease,filter .2s ease}.twitch-btn:hover{transform:translateY(-2px);filter:brightness(1.08);color:#fff}.divider{display:flex;align-items:center;gap:.7rem;color:var(--text-faint);font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-cards{display:flex;justify-content:center;margin-bottom:1.6rem;height:92px}.login-cards span{width:64px;height:90px;border-radius:10px;border:1px solid var(--border);box-shadow:var(--shadow);margin:0 -10px;transform:rotate(var(--rot)) translateY(var(--y, 0));background:linear-gradient(160deg,var(--c1),var(--c2));animation:float 4s ease-in-out infinite;animation-delay:var(--d, 0s)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:1.5rem;background:#0a0705bd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:rise-in .25s ease both}.reveal{width:min(720px,96vw);text-align:center}.card-zoom{width:min(420px,88vw,calc((100vh - 12rem) * 5 / 7))}.card-zoom .tile-name{font-size:1.45rem}.card-zoom .tile-rarity,.card-zoom .tile-level{font-size:.85rem}.card-zoom .tile-mod{font-size:.78rem}.card-zoom .tile-badge{font-size:.85rem}.reveal-title{font-family:var(--font-display);font-weight:900;font-size:2rem;background:linear-gradient(95deg,var(--gold),var(--magenta));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.2rem}.reveal .grid{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:1.4rem}.reveal-actions{justify-content:center;flex-wrap:wrap}.reveal .tile{width:158px;box-shadow:0 0 calc(16px + var(--halo, .2) * 42px) calc(var(--halo, .2) * 4px) color-mix(in srgb,var(--rarity) calc(var(--halo, .2) * 85%),transparent),var(--shadow-lg);animation:pack-in .55s cubic-bezier(.2,.9,.25,1.1) backwards,halo-pulse 2.6s ease-in-out infinite;animation-delay:calc(var(--i, 0) * .12s)}.confirm{width:min(400px,92vw);text-align:center;margin:0;animation:card-in .25s ease both}.confirm h3{margin-bottom:.6rem}.confirm p{margin:.3rem 0}.confirm .price{display:inline-flex}.confirm .balance-after{margin-bottom:1.1rem}.confirm .form-actions{justify-content:center}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes card-in{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pack-in{0%{opacity:0;transform:rotateY(90deg) scale(.8)}to{opacity:1;transform:rotateY(0) scale(1)}}@keyframes halo-pulse{0%,to{box-shadow:0 0 calc(14px + var(--halo, .2) * 36px) calc(var(--halo, .2) * 3px) color-mix(in srgb,var(--rarity) calc(var(--halo, .2) * 70%),transparent),var(--shadow-lg)}50%{box-shadow:0 0 calc(22px + var(--halo, .2) * 58px) calc(var(--halo, .2) * 6px) color-mix(in srgb,var(--rarity) calc(var(--halo, .2) * 100%),transparent),var(--shadow-lg)}}@keyframes coin-pop{0%{transform:scale(1)}40%{transform:scale(1.35);color:#fff}to{transform:scale(1)}}@keyframes badge-pop{0%{transform:scale(0)}60%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes holo-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes holo-hue{to{filter:hue-rotate(360deg)}}@keyframes float{0%,to{transform:rotate(var(--rot)) translateY(0)}50%{transform:rotate(var(--rot)) translateY(-8px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}}@media(max-width:620px){.nav{flex-wrap:wrap;gap:.8rem;border-radius:var(--radius)}.nav-user{width:100%}}.wheel-page{display:flex;flex-direction:column;align-items:center;gap:1.1rem;padding-top:.5rem}.wheel-wrap{position:relative;width:min(400px,86vw);aspect-ratio:1}.wheel{width:100%;height:100%;border-radius:50%;border:8px solid var(--gold-deep);box-shadow:0 0 0 3px #00000059,inset 0 0 40px #00000059,0 24px 50px -20px #ffc24b59;transition:transform 4.8s cubic-bezier(.12,.66,.05,1);will-change:transform}.wheel-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:flex-start;pointer-events:none}.wheel-label span{margin-top:7%;display:inline-flex;align-items:center;gap:.25rem;font-weight:800;font-size:.95rem;color:#fff4e0;text-shadow:0 2px 4px rgba(0,0,0,.6)}.wheel-coin{flex:0 0 auto;width:.8em;height:.8em;border-radius:50%;background:radial-gradient(circle at 34% 30%,#ffe6a6,var(--gold) 52%,var(--gold-deep) 100%);border:1px solid rgba(70,42,0,.5);box-shadow:0 1px 2px #0000008c}.wheel-pointer{position:absolute;top:-1.15rem;left:50%;transform:translate(-50%);z-index:2;font-size:1.9rem;line-height:1;color:var(--gold);filter:drop-shadow(0 3px 6px rgba(0,0,0,.6))}.wheel-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:17%;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;background:linear-gradient(180deg,var(--gold),var(--gold-deep));border:3px solid rgba(0,0,0,.35);box-shadow:0 6px 18px #00000080}.wheel-spin{font-size:1.05rem;padding:.75rem 2.2rem}.wheel-result{text-align:center}.wheel-result-amount{display:block;font-family:var(--font-display);font-size:2.4rem;color:var(--gold);margin-bottom:.4rem}.wheel-result .form-actions{justify-content:center}.reward-list{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.6rem}.reward-row{display:flex;align-items:center;gap:.8rem;padding:.65rem .8rem;background:var(--surface-2);border:1px solid var(--border-soft);border-radius:var(--radius-sm)}.reward-toggle{min-width:9.5rem}.reward-type{flex:1;font-family:monospace;font-size:.78rem}.reward-payouts{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.reward-amount,.reward-card{display:inline-flex;align-items:center;gap:.35rem}.reward-amount input{width:5rem}.reward-card select{max-width:10rem}@media(max-width:620px){.reward-row{flex-wrap:wrap}.reward-type{flex-basis:100%;order:5}.reward-payouts{flex-basis:100%;order:4}}.daily-card{display:flex;align-items:center;gap:1.1rem;padding:1rem 1.15rem;margin-bottom:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.daily-card.claimable{border-color:#ffc24b73;background:linear-gradient(135deg,rgba(255,194,75,.1),var(--surface) 60%)}.daily-day{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;width:4.6rem;height:4.6rem;border-radius:50%;background:var(--surface-2);border:2px solid var(--border)}.daily-card.claimable .daily-day{border-color:var(--gold);color:var(--gold)}.daily-day-label{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.daily-day-value{font-family:var(--font-display);font-size:1.6rem;line-height:1}.daily-body{flex:1;min-width:0}.daily-body h3{margin:0 0 .2rem}.daily-body p{margin:0}.daily-claimed{color:var(--gold)}.daily-upcoming{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:.6rem 0 0;padding:0}.daily-upcoming li{display:inline-flex;align-items:baseline;gap:.35rem;padding:.2rem .5rem;font-size:.78rem;background:var(--surface-2);border:1px solid var(--border-soft);border-radius:999px}.daily-upcoming-day{color:var(--text-faint)}.daily-upcoming-reward{color:var(--gold)}.daily-claim{flex:0 0 auto}.daily-default{max-width:14rem;margin:1rem 0 .4rem}.input-bad{border-color:var(--red)!important}@media(max-width:620px){.daily-card{flex-wrap:wrap}.daily-claim{flex-basis:100%}}.wheel-editor{display:flex;align-items:flex-start;gap:1.25rem;margin-top:1rem}.wheel-preview{flex:0 0 auto;width:9.5rem;height:9.5rem;border-radius:50%;border:3px solid var(--border);box-shadow:var(--shadow)}.wheel-segment-list{flex:1;margin-top:0}.wheel-segment-index{width:2.2rem;font-family:monospace;font-size:.78rem}.wheel-segment-chance{min-width:3.6rem;color:var(--gold);font-variant-numeric:tabular-nums}.reward-row .icon-button{padding:.35rem .6rem;line-height:1}@media(max-width:620px){.wheel-editor{flex-wrap:wrap}.wheel-preview{margin:0 auto}}.channel-points-card{margin-top:1.25rem}.channel-points-card .editor-head select{max-width:12rem}.channels-card{margin-bottom:1.25rem}.channels-card .editor-head{align-items:center}.variant-hint{margin:0 0 .6rem;font-size:.82rem}.variant-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.4rem 0}.variant-toggle{text-transform:capitalize}.variant-chance{display:inline-flex;align-items:center;gap:.5rem}.variant-chance-input{display:inline-flex;align-items:center;gap:.35rem}.variant-chance input{width:5.5rem}.tile.leveled{--level-rgb: var(--level-rgb-default);box-shadow:var(--shadow),0 0 calc(14px + 22px * var(--glow, 0)) calc(1px + 4px * var(--glow, 0)) rgba(var(--level-rgb),calc(.3 + .45 * var(--glow, 0)))}.tile.leveled.lvl-3{--level-rgb: var(--level-rgb-3)}.tile.leveled:hover{box-shadow:var(--shadow-lg),0 0 30px -8px var(--rarity),0 0 calc(18px + 26px * var(--glow, 0)) calc(2px + 5px * var(--glow, 0)) rgba(var(--level-rgb),calc(.35 + .45 * var(--glow, 0)))}.tile.leveled .tile-level{color:rgb(var(--level-rgb));font-weight:800}.level-strip{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.5rem 1.1rem;background:linear-gradient(180deg,transparent,rgba(10,7,5,.6) 55%)}.overlay.has-strip .card-zoom{width:min(420px,88vw,calc((100vh - 20rem) * 5 / 7))}.level-strip-label{font-size:.64rem;letter-spacing:.13em;text-transform:uppercase;color:var(--text-faint)}.level-strip-items{display:flex;gap:.6rem;max-width:100%;overflow-x:auto;padding:.2rem}.level-thumb{--level-rgb: var(--level-rgb-default);flex:0 0 auto;width:4.4rem;display:flex;flex-direction:column;align-items:center;gap:.32rem;padding:.32rem;font-size:.68rem;font-weight:700;color:var(--text-dim);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:none}.level-thumb.lvl-3{--level-rgb: var(--level-rgb-3)}.level-thumb img{display:block;width:100%;aspect-ratio:5 / 7;object-fit:cover;border-radius:calc(var(--radius-sm) - 3px)}.level-thumb em{font-style:normal;color:var(--text-faint)}.level-thumb:hover{color:var(--text);filter:none;transform:translateY(-2px)}.level-thumb.active{color:rgb(var(--level-rgb));border-color:rgb(var(--level-rgb));box-shadow:0 0 0 2px rgba(var(--level-rgb),.25)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.4rem}.toolbar .tabs{margin-bottom:0}.search-field{position:relative;display:flex;align-items:center;flex:1 1 14rem;max-width:22rem}.search-field>svg{position:absolute;left:.7rem;color:var(--text-faint);pointer-events:none}.search-field input{width:100%;padding-left:2.2rem;padding-right:2.2rem}.search-field input[type=search]::-webkit-search-cancel-button{display:none}.search-clear{position:absolute;right:.4rem;padding:.2rem .4rem;font-size:.8rem;line-height:1;color:var(--text-faint);background:transparent;border:none;box-shadow:none;border-radius:999px}.search-clear:hover{color:var(--text);filter:none;transform:none}.upgrade-panel{margin-top:.9rem;text-align:center;display:flex;flex-direction:column;gap:.55rem;align-items:center}.upgrade-panel p{margin:0}.reveal-refund{margin:-.4rem 0 .9rem;text-align:center;color:var(--gold);font-weight:700}.home section+section{margin-top:2.5rem}.filter-bar label{flex-direction:row;align-items:center;gap:.6rem;font-size:.78rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--text-faint)}.drop-card{animation:card-in .5s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--i, 0) * 45ms)}.drop-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.5rem;font-size:.82rem}.drop-user{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-dim);font-weight:600}.drop-user .avatar{width:1.4rem;height:1.4rem;font-size:.65rem}.drop-time{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:.78rem}.cta{text-align:center;padding:3rem 1rem}.cta-card{max-width:420px;margin:0 auto}