:root{color-scheme:dark;--bg:#100e1a;--panel:#1b1828;--panel2:#211d30;--text:#f8f7fc;--muted:#9893ad;--line:rgba(255,255,255,.085);--violet:#9c75ff;--pink:#ff79c9;--green:#a2f5d3;--gold:#f5d28b;--tg-viewport-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-height:100%;-webkit-tap-highlight-color:transparent}body{margin:0;background:radial-gradient(ellipse at 50% -10%,#2a1b4b 0,transparent 45%),var(--bg);color:var(--text);min-height:100vh;font-size:14px}.app-shell{max-width:720px;min-height:100vh;margin:0 auto;padding:env(safe-area-inset-top) 17px calc(98px + env(safe-area-inset-bottom));position:relative;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;padding:15px 2px 22px;gap:12px}.brand-lockup{display:flex;align-items:center;gap:10px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;position:relative;border-radius:13px;background:linear-gradient(145deg,#b79aff,#6c48c1);box-shadow:0 6px 22px #8758f44d;font-size:20px;font-weight:900;color:#fff}.brand-mark i{position:absolute;font-size:10px;font-style:normal;right:-3px;top:-3px;color:#ffd5f0}.brand-name{font-weight:900;letter-spacing:1.2px;font-size:14px}.brand-subtitle{font-size:8px;color:#a19ab9;letter-spacing:1.6px;margin-top:3px}.balance-pill{border:1px solid #5a457d;background:#261e38;border-radius:999px;display:flex;align-items:center;gap:7px;padding:9px 12px;color:white;font-size:13px;font-weight:800}.coin-icon{color:#f5ce79}.balance-unit{font-size:9px;letter-spacing:1px;color:#c5b4f1}.page{display:none;animation:fadeIn .2s ease}.page.active{display:block}@keyframes fadeIn{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hero-card{border:1px solid rgba(185,151,255,.18);border-radius:25px;min-height:252px;position:relative;overflow:hidden;background:linear-gradient(115deg,#27203f 0%,#261941 49%,#342051 100%);padding:27px 23px;box-shadow:0 20px 70px #05030e55}.hero-content{position:relative;z-index:3}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:800;color:#d8c2ff;display:flex;align-items:center;gap:7px}.live-dot,.soon-chip span{width:6px;height:6px;border-radius:50%;background:#9af0c8;box-shadow:0 0 10px #9af0c8;display:inline-block}.hero-card h1{font-size:31px;line-height:1.06;letter-spacing:-1.1px;margin:17px 0 12px;font-weight:900;position:relative}.hero-card h1 span{background:linear-gradient(90deg,#e3b7ff,#9d8dff);background-clip:text;color:transparent}.hero-card p{margin:0;color:#c4b9dc;font-size:12px;line-height:1.6}.hero-foot{display:flex;align-items:center;gap:8px;margin-top:21px}.hero-gift{font-size:23px;filter:drop-shadow(0 4px 10px #ff7fd880)}.hero-spark{color:#f1caff;font-size:13px}.hero-pill{font-size:8px;letter-spacing:1.4px;font-weight:800;border:1px solid #ffffff33;padding:6px 9px;border-radius:999px;color:#e4daf6}.hero-glow{position:absolute;z-index:1;border-radius:50%;filter:blur(3px);pointer-events:none}.glow-one{width:220px;height:220px;right:-48px;top:12px;background:radial-gradient(circle,#a96bff45,transparent 68%)}.glow-two{width:120px;height:120px;right:60px;bottom:-70px;background:#e878d51c;filter:blur(16px)}.orb{position:absolute;z-index:2;border-radius:50%;pointer-events:none}.orb-back{height:105px;width:105px;right:19px;top:70px;background:linear-gradient(145deg,#bda5ff,#5c40a8 65%,#38285a);box-shadow:inset -12px -12px 20px #21163280,0 14px 35px #0c071e88}.orb-front{height:58px;width:58px;right:102px;top:136px;display:grid;place-items:center;background:linear-gradient(145deg,#ffcfef,#be6cf0 60%,#7447b4);border:1px solid #ffffff60;box-shadow:inset -7px -7px 14px #481e7466,0 10px 20px #0c071e77;color:white;font-size:20px}.hero-ring{position:absolute;width:154px;height:154px;border:1px solid #f2d5ff45;border-radius:50%;right:-12px;top:43px;transform:rotateX(66deg) rotate(-23deg);z-index:1}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:27px 2px 14px}.muted{color:#9289ab}.section-heading h2,.admin-heading h2{font-size:24px;letter-spacing:-.6px;margin:5px 0 0}.soon-chip{font-size:10px;color:#b8b0cc;border:1px solid var(--line);background:#1a1725;border-radius:999px;padding:7px 10px;display:flex;gap:6px;align-items:center}.soon-chip span{background:#a48de1;box-shadow:0 0 8px #a48de1}.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.case-card{background:linear-gradient(165deg,#201c2e,#181522);border:1px solid var(--line);border-radius:19px;overflow:hidden;padding:12px;min-width:0}.case-top{display:flex;align-items:center;justify-content:space-between}.case-rarity{font-size:8px;color:#a9a1be;letter-spacing:1.1px;font-weight:800}.lock{font-size:15px;color:#7c748f}.case-art{height:118px;position:relative;border-radius:13px;margin-top:9px;overflow:hidden;display:grid;place-items:center}.art-purple{background:radial-gradient(circle at 52% 45%,#9b5ce665,transparent 54%),linear-gradient(135deg,#302142,#201b32)}.art-blue{background:radial-gradient(circle at 50% 45%,#5db2ff42,transparent 55%),linear-gradient(135deg,#1d2941,#1c2034)}.art-gold{background:radial-gradient(circle at 50% 45%,#ffd87c55,transparent 55%),linear-gradient(135deg,#3b3025,#241f29)}.art-halo{position:absolute;width:86px;height:86px;border:1px solid #caaaff66;border-radius:50%;box-shadow:0 0 25px #9b67ff1c}.case-violet .art-halo{border-color:#e4b8ff4d}.case-blue .art-halo{border-color:#8dccff50}.case-gold .art-halo{border-color:#f8d89955}.art-orbit{width:115px;height:44px;border:1px solid #ffffff40;position:absolute;border-radius:50%;transform:rotate(-33deg)}.cube{position:absolute;width:43px;height:43px;display:grid;place-items:center;font-size:20px;border:1px solid #fff6;border-radius:11px;box-shadow:0 8px 18px #07050b77}.cube-a{background:linear-gradient(140deg,#d9a8ff,#7545d2);transform:rotate(-10deg) translate(-8px,-1px)}.cube-b{background:linear-gradient(140deg,#ffb4e3,#a348bf);transform:rotate(16deg) translate(20px,15px);font-size:25px}.gem{font-size:60px;color:#b9e2ff;text-shadow:0 0 15px #80cfff,0 9px 30px #49a9ff9e;transform:rotate(12deg);z-index:2}.gem-shadow{position:absolute;width:70px;height:19px;border-radius:50%;background:#50a8ff4f;filter:blur(13px);bottom:25px}.crown{font-size:60px;color:#ffda8e;text-shadow:0 0 17px #ffcb61a6;z-index:2}.crown-star{position:absolute;top:25px;right:40px;color:#fff0b4;font-size:15px}.case-info{padding:11px 2px 8px}.case-info h3{font-size:13px;letter-spacing:1.2px;margin:0 0 5px}.case-info p{font-size:10px;color:#a39bb4;margin:0;min-height:25px;line-height:1.4}.case-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px;border:1px solid #ffffff13;background:#ffffff05;color:#80778f;font-size:9px;font-weight:900;letter-spacing:1.2px;border-radius:10px;margin-top:4px}.case-button span{font-size:14px}.case-gold{grid-column:auto}.notice-card{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--line);background:#1a1725;border-radius:16px;padding:15px;margin-top:16px}.notice-icon{flex:0 0 32px;height:32px;border-radius:10px;background:#34284b;color:#cbaaff;display:grid;place-items:center;font-size:18px}.notice-card strong{font-size:12px}.notice-card p{font-size:11px;line-height:1.55;color:#a7a0b8;margin:5px 0 0}.page-intro{padding:10px 2px 20px}.page-intro h1{font-size:31px;letter-spacing:-1px;margin:8px 0}.page-intro p{margin:0;color:#a7a0b8;font-size:12px}.accent-dot{color:#bf9dff}.upgrader-card{border:1px solid var(--line);border-radius:23px;background:linear-gradient(180deg,#211a32,#191522);padding:24px 18px;text-align:center}.wheel-wrap{height:218px;position:relative;display:grid;place-items:center}.wheel{width:186px;height:186px;border-radius:50%;background:conic-gradient(from -10deg,#8f62e9 0deg 42deg,#d585dc 42deg 85deg,#5d49b5 85deg 132deg,#28223a 132deg 180deg,#7150b6 180deg 225deg,#c47ddd 225deg 270deg,#463476 270deg 315deg,#a47bf1 315deg 360deg);box-shadow:0 0 0 7px #ffffff08,0 0 30px #8d5ce833;display:grid;place-items:center}.wheel::before{content:"";position:absolute;width:174px;height:174px;border-radius:50%;border:1px dashed #ffffff8a}.wheel-inner{width:118px;height:118px;border-radius:50%;background:linear-gradient(150deg,#2f2545,#181321);border:1px solid #ffffff36;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 5px 23px #100a1c99;position:relative}.wheel-star{font-size:25px;color:#d7b3ff}.wheel-inner strong{font-size:12px;letter-spacing:2px;margin-top:4px}.wheel-inner small{font-size:7px;letter-spacing:1.7px;color:#8f84a9;margin-top:3px}.wheel-pointer{position:absolute;z-index:3;top:3px;left:calc(50% - 10px);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:23px solid #ffd994;filter:drop-shadow(0 2px 5px #0008)}.wheel-center{position:absolute;top:calc(50% - 13px);left:calc(50% - 13px);width:26px;height:26px;border-radius:50%;background:#f2d8ff;color:#4f307d;display:grid;place-items:center;border:3px solid #342448;font-size:12px}.chance-row{display:flex;justify-content:space-between;align-items:center;margin:10px 4px 12px;font-size:12px;color:#b7afc7}.chance-row strong{color:#888098}.chance-options{display:flex;gap:8px;margin-bottom:14px}.chance-options button{flex:1;border:1px solid #ffffff14;background:#ffffff05;color:#6f687f;border-radius:10px;padding:10px;font-weight:800}.primary-button{width:100%;border:0;background:linear-gradient(100deg,#7e56cb,#ac78e6);color:white;border-radius:12px;padding:14px 15px;font-weight:900;font-size:10px;letter-spacing:1px;display:flex;justify-content:space-between;align-items:center}.primary-button:disabled{opacity:.62}.primary-button span{font-size:16px}.fineprint{font-size:10px;color:#7e768f;line-height:1.5;margin:13px 7px 0}.inventory-summary{background:#211b30;border:1px solid var(--line);border-radius:17px;padding:18px;display:flex;justify-content:space-between;align-items:center}.summary-label{display:block;color:#9f96b5;font-size:9px;letter-spacing:1.2px;font-weight:800}.inventory-summary strong{display:block;font-size:31px;margin-top:7px}.inventory-glyph{width:50px;height:50px;border-radius:15px;background:#352749;display:grid;place-items:center;color:#cea9ff;font-size:31px}.empty-state{text-align:center;padding:42px 25px}.empty-art{width:78px;height:78px;border:1px solid #ffffff16;border-radius:25px;margin:0 auto 21px;background:radial-gradient(circle at 35% 20%,#8b62d82d,transparent 67%),#1b1726;display:grid;place-items:center;position:relative;color:#b99bfb;font-size:37px}.empty-art i{position:absolute;right:6px;top:9px;color:#f8d795;font-size:13px;font-style:normal}.empty-state h3{font-size:18px;margin:0 0 8px}.empty-state p{color:#958ca7;font-size:12px;line-height:1.6;margin:0 auto 19px;max-width:300px}.outline-button{border:1px solid #51416a;background:#251e34;color:#d6c8f3;border-radius:11px;padding:11px 14px;font-size:10px;font-weight:900;letter-spacing:.5px;display:flex;align-items:center;justify-content:space-between;gap:16px}.outline-button span{font-size:14px}.empty-state .outline-button{margin:auto}.profile-card{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);background:#1b1727;border-radius:18px}.avatar{width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#bd98ff,#6847a3);display:grid;place-items:center;font-size:22px;font-weight:900;overflow:hidden;background-size:cover;background-position:center}.profile-identity{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.profile-identity strong{font-size:14px}.profile-identity span{font-size:10px;color:#9b92ae;overflow:hidden;text-overflow:ellipsis}.profile-identity .profile-id{font-size:9px;color:#716981}.profile-badge,.admin-tag{border:1px solid #61507d;background:#2a213a;border-radius:6px;padding:5px 7px;font-size:8px;letter-spacing:1px;color:#d5bcff;font-weight:900}.balance-card{margin-top:12px;border-radius:17px;background:linear-gradient(115deg,#2b2140,#221a30);border:1px solid #9f79e827;padding:17px}.balance-card strong{display:block;font-size:24px;margin-top:9px}.balance-card p{color:#a49ab7;font-size:10px;margin:9px 0 0;line-height:1.5}.security-note{display:flex;gap:10px;align-items:flex-start;padding:12px 3px;color:#92899f}.security-note>span{color:#d0b1ff}.security-note p{font-size:10px;line-height:1.55;margin:0}.admin-panel{border:1px solid #6b5292;background:linear-gradient(180deg,#241b35,#191522);border-radius:18px;padding:16px;margin-top:18px}.admin-panel.hidden{display:none}.admin-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.admin-heading h2{font-size:17px}.admin-panel label{display:block;font-size:10px;color:#a79dbb;margin:12px 0 7px}.admin-panel input{width:100%;background:#120f1b;border:1px solid #40344f;border-radius:10px;padding:12px;color:white;font:inherit;outline:none}.admin-panel input:focus{border-color:#9b78d8}.admin-panel .primary-button{margin-top:16px}.sync-button{width:100%;margin-top:10px}.admin-help{font-size:10px;line-height:1.55;color:#888098}.admin-result{font-size:11px;line-height:1.5;margin-top:10px;color:#a8f0d2;overflow-wrap:anywhere}.admin-result.error{color:#ff9fbb}.version-line{display:flex;justify-content:space-between;font-size:8px;color:#5f586e;letter-spacing:1.1px;padding:28px 3px 0}.bottom-nav{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:min(720px,100%);padding:10px 10px calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);background:rgba(20,17,29,.95);backdrop-filter:blur(18px);border-top:1px solid var(--line)}.nav-item{border:0;background:transparent;color:#756d86;padding:7px 2px 4px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;font-size:9px;font-weight:700}.nav-icon{font-size:21px;line-height:1}.nav-item.selected{color:#d3b8ff}.nav-item.selected .nav-icon{filter:drop-shadow(0 0 9px #a67bff88)}.toast{position:fixed;z-index:30;bottom:94px;left:50%;transform:translate(-50%,10px);opacity:0;pointer-events:none;background:#34294a;border:1px solid #786099;border-radius:12px;padding:11px 15px;font-size:11px;color:#fff;max-width:calc(100vw - 32px);text-align:center;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:560px){.app-shell{padding-left:24px;padding-right:24px}.hero-card{min-height:280px;padding:34px 30px}.hero-card h1{font-size:37px}.orb-back{right:80px;width:130px;height:130px;top:72px}.orb-front{right:178px;top:155px}.hero-ring{right:47px;top:42px;width:190px;height:190px}.case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.case-art{height:125px}}@media(max-width:360px){.app-shell{padding-left:12px;padding-right:12px}.hero-card{padding:23px 18px}.hero-card h1{font-size:28px}.orb-back{right:6px}.orb-front{right:88px}.case-grid{gap:8px}.case-card{padding:9px}.case-art{height:100px}.case-rarity{font-size:7px}}
.preview-banner{border:1px solid #5c4b7a;border-radius:11px;background:#251c37;color:#d5c1ff;font-size:10px;line-height:1.45;padding:10px 12px;margin:0 0 14px}

/* GIFTCASE Stars payments / inventory enhancements */
.hidden{display:none!important}
.balance-pill{cursor:default;white-space:nowrap}
.terms-consent{display:flex;align-items:flex-start;gap:9px;margin:0 2px 14px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#191522;color:#b9b0cb;font-size:10px;line-height:1.5}
.terms-consent input,.inline-consent input{accent-color:#a17ced;flex:0 0 auto;margin-top:2px;width:16px;height:16px}
.terms-consent a{color:#d7bbff;text-decoration:underline;text-underline-offset:2px}
.case-feature{font-size:58px;color:#ecd5ff;text-shadow:0 0 24px #b18aff8c;z-index:2;filter:drop-shadow(0 7px 13px #08041188)}
.case-blue .case-feature{color:#bde6ff;text-shadow:0 0 24px #62bbff88}
.case-gold .case-feature{color:#ffe2a3;text-shadow:0 0 24px #edbe5988}
.case-grid .case-card{display:flex;flex-direction:column}
.case-grid .case-info{flex:0 0 auto}
.case-grid .case-info p{min-height:27px}
.case-button{cursor:pointer;min-height:38px;letter-spacing:.3px}
.case-button:disabled{cursor:not-allowed;opacity:.7}
.case-button-live{background:linear-gradient(105deg,#8057cc,#a575e3);border-color:#ac8be2;color:white}
.case-button-live:hover{filter:brightness(1.08)}
.prize-list{border-top:1px solid var(--line);padding:8px 0 10px;margin-top:auto}
.prize-line{display:flex;justify-content:space-between;align-items:start;gap:6px;padding:4px 0;font-size:9px;color:#c6bdd5;line-height:1.35}
.prize-line-name{overflow-wrap:anywhere;max-width:78%}
.prize-line strong{white-space:nowrap;color:#cdb3ff;font-size:9px}
.case-no-stock{font-size:10px;color:#8b829e;line-height:1.5;min-height:34px;margin:7px 0 10px}
.loading-card{grid-column:1/-1;padding:24px;text-align:center;border:1px solid var(--line);border-radius:15px;background:#191522;color:#a69db8;font-size:12px}
.field-label{display:block;text-align:left;color:#b8adc9;font-size:11px;margin:10px 2px 7px}
.upgrader-card select,.admin-panel select{width:100%;background:#120f1b;border:1px solid #40344f;border-radius:10px;padding:12px;color:white;font:inherit;outline:none;min-height:42px}
.upgrader-card select:focus,.admin-panel select:focus{border-color:#9b78d8}
.chance-options button{cursor:pointer;color:#aaa0bc;border-color:#ffffff1b}
.chance-options button.selected{background:#4d376d;color:#f7eaff;border-color:#a986e4;box-shadow:inset 0 0 0 1px #a986e444}
.wheel.spinning{animation:gift-spin 1.2s cubic-bezier(.16,.74,.16,1)}
@keyframes gift-spin{0%{transform:rotate(0)}100%{transform:rotate(1080deg)}}
.inventory-list{display:grid;gap:10px;margin-top:12px}
.inventory-item{display:flex;gap:13px;align-items:center;background:linear-gradient(135deg,#211a30,#191522);border:1px solid var(--line);border-radius:16px;padding:12px}
.inventory-item-art{width:68px;height:68px;flex:0 0 68px;border-radius:13px;background:radial-gradient(circle at 30% 20%,#7350a74c,transparent 70%),#2a203a;display:grid;place-items:center;font-size:31px;overflow:hidden}
.inventory-item-art img{width:100%;height:100%;object-fit:cover}
.inventory-item-content{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}
.inventory-item-content strong{font-size:13px;overflow-wrap:anywhere}
.inventory-item-content>span{font-size:9px;color:#aaa0ba}
.inventory-item-content small{font-size:9px;color:#c4a6ff}
.inventory-item-content button{margin-top:5px;width:100%;padding:10px;font-size:9px}
.inventory-item-content .outline-button{width:fit-content;max-width:100%}
.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.two-fields>div{min-width:0}
.admin-panel .two-fields input{width:100%}
.admin-subhead{font-size:12px;letter-spacing:.3px;margin:24px 0 5px;color:#e1d3fa;border-top:1px solid var(--line);padding-top:17px}
.inline-consent{display:flex!important;align-items:center;gap:9px}
.inline-consent span{line-height:1.45}
.full-width{width:100%;margin-top:10px}
.admin-request{background:#171320;border:1px solid #4b3b63;border-radius:12px;padding:12px;margin-top:9px;overflow-wrap:anywhere}
.admin-request strong{font-size:11px;line-height:1.4}
.admin-request p{font-size:10px;color:#a69cb8;line-height:1.5}
.admin-request .outline-button{width:100%;font-size:9px}
.admin-result.error{color:#ff9fbb}
@media(max-width:390px){.case-grid{grid-template-columns:1fr}.case-art{height:110px}.case-grid .case-card{padding:13px}.prize-line{font-size:10px}.prize-line strong{font-size:10px}.inventory-item-art{width:56px;height:56px;flex-basis:56px}}