:root {--bg:#080b15;--panel:#101527;--panel2:#151b30;--panel3:#1b2239;--line:#222942;--line2:#323853;--text:#f4f2ff;--muted:#858ba6;--purple:#9677ff;--purple2:#6d52d5;--cyan:#51d8d7;--pink:#de81fa;--green:#62dcad;--gold:#f3ba75;--shadow:0 18px 80px #030614a8;--sidebar:242px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',system-ui,Arial,sans-serif;font-size:14px}body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 700px 480px at 72% 5%,#42296922,transparent 75%),radial-gradient(ellipse 500px 500px at 6% 74%,#20266b1c,transparent 75%)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,.brand{font-family:'Space Grotesk',system-ui,sans-serif}::selection{background:#8157ce88;color:white}
.site-banner{height:29px;background:#11162a;display:flex;gap:10px;align-items:center;justify-content:center;font-size:9px;letter-spacing:1.35px;font-weight:700;color:#a9aec4;border-bottom:1px solid #242a40}.site-banner strong{color:#e4deff}.banner-sep{color:#5f6174}.live-dot{width:6px;height:6px;border-radius:50%;background:#55e7aa;display:inline-block;box-shadow:0 0 12px #55e7aa91;flex:none}
.topbar{height:73px;display:flex;align-items:center;padding:0 28px 0 25px;background:#0e1120ed;border-bottom:1px solid #24283a;position:sticky;top:0;z-index:20;backdrop-filter:blur(20px)}.brand{font-size:25px;font-weight:700;display:flex;align-items:center;gap:10px;letter-spacing:-1.65px;white-space:nowrap}.brand b{font-weight:700;color:#af8aff}.brand em{font-style:normal;color:#8465ed}.logo-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:linear-gradient(135deg,#27244c,#100f2c);border:1px solid #54458b;position:relative;color:#c8b7ff;font-size:9px;box-shadow:0 0 22px #8769f026}.logo-mark i{display:block;position:absolute;width:23px;height:23px;background:linear-gradient(125deg,#efe2ff,#8763f5);border-radius:50%;left:8px;top:6px}.logo-mark i:after{content:'';position:absolute;width:21px;height:21px;background:#181535;border-radius:50%;left:9px;top:-6px}.logo-mark{padding-left:24px;padding-top:14px}.header-divider{height:25px;width:1px;background:var(--line2);margin:0 20px}.brand-tagline{font-size:9px;letter-spacing:1.2px;color:#6c7392;font-weight:800}.brand-tagline span{color:var(--purple)}.header-right{margin-left:auto;display:flex;gap:20px;align-items:center}.online-state{display:flex;align-items:center;gap:8px;color:#939bb2;font-size:10px;letter-spacing:1px;font-weight:800}.header-account{display:flex;gap:9px;align-items:center}.auth-btn{font-size:11px;font-weight:800;letter-spacing:.7px;padding:11px 19px;border-radius:9px;border:1px solid var(--line2);color:#d0d1e0;background:#151a2e}.auth-btn.primary,.btn.primary{background:linear-gradient(118deg,#9c79ff,#7453df);color:white;border-color:transparent;box-shadow:0 7px 24px #7853dd40}.auth-btn:hover,.btn:hover,.side-feature button:hover{filter:brightness(1.1)}.wallet-pill{background:#171b30;border:1px solid #38304f;padding:6px 12px 6px 8px;border-radius:10px;display:flex;align-items:center;gap:9px}.wallet-pill .moon-mini{width:29px;height:29px;border-radius:9px;background:#332957;display:grid;place-items:center;color:#c8afff;font-size:18px}.wallet-pill strong{font-size:14px;display:block;letter-spacing:.2px}.wallet-pill small{font-size:8px;font-weight:800;letter-spacing:1.3px;color:#a39da9;display:block}.profile-avatar{border:1px solid #775ed5;border-radius:11px;width:40px;height:40px;background:#3c2c6e;color:white;font-weight:800;font-size:16px}.hamburger{display:none;border:0;background:transparent;color:#d6d0ed;font-size:20px;margin-right:9px}
.app-shell{display:flex;min-height:calc(100vh - 102px)}.sidebar{width:var(--sidebar);flex-shrink:0;background:#0d1120;border-right:1px solid #23283b;min-height:calc(100vh - 102px);padding:30px 15px;position:sticky;top:73px;height:calc(100vh - 73px);overflow-y:auto;display:flex;flex-direction:column}.nav-label{margin:0 15px 12px;color:#505b78;font-size:9px;font-weight:800;letter-spacing:1.7px}.nav-label-2{margin-top:27px}.side-links{display:flex;flex-direction:column;gap:5px}.side-links a,.side-btn{display:flex;align-items:center;text-align:left;gap:13px;padding:12px 13px;border:1px solid transparent;border-radius:9px;background:transparent;color:#8991ae;font-weight:700;font-size:12px;min-height:44px;width:100%;transition:.15s}.side-links a:hover,.side-btn:hover{background:#1a1d33;color:#f7f5ff}.side-links a.active{background:#251f46;border-color:#45396a;color:#f2e9ff}.side-icon{font-size:19px;display:inline-grid;place-items:center;width:22px;color:#aaa0c8}.nav-arrow{margin-left:auto;font-size:19px;color:#656d86}.nav-tag{margin-left:auto;background:#47316b;color:#be9cff;border-radius:5px;font-size:8px;padding:4px 6px;letter-spacing:.5px}.side-feature{position:relative;overflow:hidden;margin-top:auto;padding:18px;border:1px solid #45365d;border-radius:14px;background:radial-gradient(ellipse at 70% 8%,#633baf80,transparent 55%),linear-gradient(145deg,#171a37,#151329);min-height:247px}.feature-orbit{height:88px;position:relative;text-align:center;font-size:13px;color:#e3d3ff}.feature-moon{position:absolute;width:62px;height:62px;left:55px;top:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d7c5ff,#7252d4 74%);box-shadow:0 0 50px #8e62ef84}.feature-moon:after{content:'';position:absolute;width:52px;height:52px;border-radius:50%;left:28px;top:-20px;background:#27234b}.orbit-ring{position:absolute;top:5px;left:34px;width:116px;height:75px;transform:rotate(-18deg);border-radius:50%;border:1px solid #ae88ff6a}.feature-kicker{font-size:8px;color:#b39be6;letter-spacing:1.2px;font-weight:800}.side-feature h3{font-size:16px;line-height:1.25;margin:7px 0}.side-feature p{color:#aba5c4;font-size:11px;line-height:1.5}.side-feature button{width:100%;padding:10px 12px;text-align:left;border:1px solid #584080;border-radius:7px;background:#44336c;color:#e9dbff;font-size:9px;font-weight:800;letter-spacing:1px}.side-feature button span{float:right}.sidebar-foot{color:#535b71;font-size:9px;letter-spacing:1px;text-align:center;margin-top:20px;font-weight:800}.sidebar-foot span{color:#a07cff}
.main-content{width:calc(100% - var(--sidebar));min-width:0;max-width:1700px;padding:31px 36px 65px;margin:0 auto}.kicker{color:#a28af6;font-weight:800;font-size:10px;letter-spacing:1.6px}.eyebrow{font-size:9px;font-weight:800;color:#9a9fbc;letter-spacing:1.5px;display:flex;align-items:center;gap:8px;margin-bottom:11px}.eyebrow em{font-style:normal;color:var(--purple)}.hero{border:1px solid #33304c;border-radius:19px;min-height:310px;padding:40px 42px;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 42%,#8d68ff38,transparent 30%),radial-gradient(circle at 100% 100%,#23477453,transparent 50%),linear-gradient(105deg,#171a34,#0e1427 75%)}.hero:before,.page-header:before{content:'';position:absolute;inset:0;opacity:.5;pointer-events:none;background-image:radial-gradient(#bfa9ffb9 .8px,transparent 1px);background-size:31px 30px;mask-image:linear-gradient(90deg,transparent,#fff)}.hero:after{content:'';position:absolute;width:450px;height:450px;right:38px;top:-93px;border:1px solid #ac89ff2c;border-radius:50%;box-shadow:0 0 0 55px #8e6cff0a,0 0 0 110px #8e6cff08}.hero-copy{position:relative;z-index:2;max-width:575px}.hero h1{font-size:clamp(33px,4vw,56px);line-height:1.04;letter-spacing:-2.8px;margin:16px 0 16px}.hero h1 span,.heading h2 span,.page-header h1 span{background:linear-gradient(100deg,#b894ff,#738fff);background-clip:text;color:transparent}.hero p{max-width:460px;color:#a6abc2;font-size:13px;line-height:1.8;margin-bottom:24px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.btn{border:1px solid #393958;border-radius:9px;padding:12px 19px;background:#1b2339;color:#f4f0ff;font-size:11px;letter-spacing:.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:41px;transition:.18s}.btn.outline{border-color:#595174;background:#221f3766}.btn.muted{background:#171d30}.btn.success{background:#205a53;border-color:#3b9786;color:#e2fff7}.btn.small{padding:9px 12px;font-size:10px;min-height:34px}.btn:focus-visible,a:focus-visible{outline:2px solid #c5acff;outline-offset:3px}.hero-moon{position:absolute;right:11%;top:30px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#eadfff,#a486f1 42%,#553c98 80%);box-shadow:0 0 60px #8b63ed57,0 0 120px #8b63ed28,inset -19px -25px 45px #311c6a85;z-index:1}.hero-moon:before{content:'';position:absolute;width:53px;height:50px;border-radius:50%;top:56px;left:72px;background:#6d56b358;box-shadow:55px 70px 0 -12px #6d56b358,-42px 62px 0 -17px #6d56b358}.hero-moon:after{content:'';position:absolute;left:-37px;top:53px;width:295px;height:112px;transform:rotate(-25deg);border:2px solid #c1a3fa6a;border-radius:50%}.small-hero-tag{font-size:9px;letter-spacing:1px;color:#a49abe;font-weight:800;margin-top:20px}.small-hero-tag b{color:#b9acff}.stats-grid{margin:17px 0 36px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-tile{padding:18px 20px;border:1px solid #222a40;background:#11172a;border-radius:11px;display:flex;gap:14px;align-items:center}.stat-icon{width:43px;height:43px;border:1px solid #534375;background:#271e48;border-radius:10px;display:grid;place-items:center;font-size:23px;color:#bda0ff}.stat-tile strong{display:block;font-family:'Space Grotesk';font-size:21px;line-height:1.1}.stat-tile small{font-size:9px;letter-spacing:1px;color:#737f99;font-weight:800}.heading{display:flex;justify-content:space-between;align-items:end;margin:32px 0 17px;gap:12px}.heading h2{margin:0;font-size:27px;letter-spacing:-1px}.section-desc{font-size:12px;color:#8991aa;margin:7px 0 0}.link-minor{font-size:10px;font-weight:800;letter-spacing:.7px;color:#ab8eff}.feature-cards{display:grid;grid-template-columns:1.35fr 1fr;gap:14px}.feature-card{min-height:205px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;position:relative;overflow:hidden;border:1px solid #353654;border-radius:14px;padding:23px;background:linear-gradient(120deg,#1d2443,#15182d)}.feature-card.right{background:linear-gradient(115deg,#2a2147,#17192d)}.feature-card:after{content:'⚔';position:absolute;font-size:133px;right:37px;top:17px;opacity:.13;transform:rotate(-18deg)}.feature-card.right:after{content:'◈';color:#b37ef3;opacity:.35;font-size:125px;top:18px}.feature-card .mini{font-size:9px;color:#9e9ec9;letter-spacing:1.4px;font-weight:800}.feature-card h3{margin:0 0 4px;font-size:23px}.feature-card p{color:#a6abc2;font-size:12px;margin:0}.feature-card .cta{color:#c1aaff;font-size:10px;font-weight:800;margin-top:15px}.feature-card:hover{border-color:#8368bd;transform:translateY(-1px)}
.page-header{padding:30px 32px;border:1px solid #342f4e;background:radial-gradient(circle at 85% 45%,#50388a66,transparent 33%),linear-gradient(115deg,#191d38,#111625);border-radius:14px;position:relative;overflow:hidden;min-height:155px}.page-header h1{position:relative;font-size:37px;letter-spacing:-1.6px;margin:0 0 8px}.page-header p{position:relative;color:#a2a8c4;font-size:12px;line-height:1.6;margin:0}.page-top-actions{display:flex;align-items:center;gap:10px;position:absolute;right:29px;top:50%;transform:translateY(-50%);z-index:1}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#111729;border:1px solid #292f45;padding:14px;border-radius:11px;margin:19px 0}.tabs{display:flex;gap:7px;flex-wrap:wrap}.tab{border:1px solid transparent;border-radius:7px;background:#1b2136;color:#9aa2ba;font-weight:700;padding:10px 15px;font-size:11px}.tab.active{background:#352b5b;color:#dfceff;border-color:#64518d}.selects{display:flex;gap:8px}.select{border:1px solid #353b57;background:#171e31;color:#ccd0e2;padding:10px 12px;border-radius:7px;font-size:11px;min-width:130px}.battle-list{display:grid;gap:10px}.battle-card{border:1px solid #2c3249;border-radius:12px;background:linear-gradient(120deg,#141a2d,#12172a);padding:17px 19px;display:grid;grid-template-columns:1.15fr 1fr .9fr auto;gap:16px;align-items:center}.battle-card:hover{border-color:#5a4f80}.battle-title{font-weight:800;font-size:14px;margin:3px 0 7px}.meta-label{font-size:9px;font-weight:800;letter-spacing:1.3px;color:#6d7b9b}.meta-row{display:flex;gap:7px;flex-wrap:wrap}.chip{padding:5px 8px;background:#242946;border:1px solid #3b3d62;border-radius:5px;font-size:9px;color:#bcaef0;font-weight:800;letter-spacing:.4px}.chip.green{border-color:#376759;background:#183b37;color:#77e6b6}.chip.amber{border-color:#75583d;background:#443220;color:#f2c28a}.avatars{display:flex;gap:4px;margin:5px 0}.seat{width:30px;height:30px;border-radius:9px;border:1px dashed #454966;background:#20273d;display:grid;place-items:center;font-size:13px;color:#6e7d9f;font-weight:800}.seat.occupied{border:1px solid #765aab;background:#30254f;color:#d5c2ff}.seat.bot{background:#233c4f;border-color:#396d84;color:#8fe0ed}.mini-result{font-size:11px;color:#a5acc7}.actions{display:flex;justify-content:flex-end;gap:7px}.empty-state{border:1px dashed #3c3f5b;border-radius:12px;text-align:center;padding:47px 20px;background:#14182a}.empty-state .empty-icon{font-size:40px;color:#a18df0}.empty-state p{color:#8e96b1}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.case-tile{border:1px solid #3a3154;background:linear-gradient(146deg,#211e39,#13192d);border-radius:14px;overflow:hidden;text-align:left;padding:0}.case-art{height:175px;display:grid;place-items:center;position:relative;background:radial-gradient(ellipse at 50% 52%,#6949bc7a,transparent 56%),radial-gradient(ellipse at 66% 100%,#3b436b80,transparent 65%)}.case-art .case-box{font-size:101px;color:#bf9bff;text-shadow:0 0 45px #8e62fa;filter:drop-shadow(0 17px 10px #0008);animation:caseFloat 4.5s ease-in-out infinite}.case-art:after{content:'';width:220px;height:220px;position:absolute;border-radius:50%;border:1px solid #a084de33}.case-info{padding:18px 20px}.case-info h3{font-size:19px;margin-bottom:5px}.case-info p{color:#9198b1;font-size:11px;line-height:1.5}.case-price{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid #36364f}.case-price strong{color:#6fd8c1;font-size:12px}.case-detail-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:20px;margin-top:18px}.panel{border:1px solid #29304a;background:#11182a;border-radius:12px;padding:21px}.case-focus{min-height:280px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:radial-gradient(ellipse at center,#4c358a73,transparent 60%),#12182b}.case-focus .case-box{font-size:116px;color:#bda6ff;filter:drop-shadow(0 16px 24px #0008);animation:caseFloat 4.5s ease-in-out infinite}.case-focus h2{margin:6px 0;font-size:29px}.case-focus p{color:#a5a8bf;font-size:12px}.case-focus .btn{margin-top:14px}.info-sub{color:#747f9c;font-size:10px;letter-spacing:1px;font-weight:800}.table-items{display:grid;gap:7px}.item-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:13px;border:1px solid #2c3148;border-radius:9px;padding:9px 11px;background:#171e32}.item-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--item) 55%,transparent);border-radius:9px;background:color-mix(in srgb,var(--item) 17%,#161b2c);color:var(--item);font-size:24px}.item-row b{font-size:12px}.item-row small{display:block;color:#818aa7;font-size:10px;margin-top:4px}.item-percent{color:#d3c7e8;font-weight:800;font-size:12px;text-align:right}.item-percent small{display:block;color:#71809e;font-weight:700;font-size:9px}.pill{display:inline-flex;gap:6px;align-items:center;background:#27334c;border:1px solid #44526d;border-radius:7px;padding:6px 9px;color:#b9c5df;font-size:10px;font-weight:800}
.battle-layout{display:grid;grid-template-columns:1fr 295px;gap:15px;margin-top:19px}.battle-layout h3{font-size:16px;margin-bottom:13px}.participant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:11px}.participant-card{min-height:148px;padding:14px;background:linear-gradient(160deg,#202840,#12182b);border:1px solid #353b5a;border-radius:10px;position:relative;overflow:hidden;text-align:center}.participant-card .avatar{width:51px;height:51px;border-radius:16px;background:linear-gradient(130deg,#6658ae,#35345a);margin:0 auto 10px;display:grid;place-items:center;font-size:22px;color:#f3e8ff}.participant-card.is-bot .avatar{background:linear-gradient(130deg,#2d7181,#263750)}.participant-card .player-name{font-weight:800;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-card small{font-size:9px;color:#8792b0}.participant-card .player-score{font-size:11px;color:#beaff9;font-weight:700;margin-top:10px}.participant-card.is-empty{border-style:dashed;color:#7080a1}.participant-card.is-empty .avatar{background:#22273c;color:#8390b4}.round-track{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:15px}.round-track .round{background:#242b44;color:#8899bb;padding:8px 10px;border:1px solid #3a4060;border-radius:7px;font-size:10px;font-weight:800}.round-track .round.complete{background:#31274d;color:#c2a3ff;border-color:#564478}.round-track .round.current{background:#1d4548;color:#8ce4db;border-color:#447c7e}.score-list{display:grid;gap:10px}.score-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 13px;border:1px solid #333951;background:#192038;border-radius:8px}.score-bar b{font-size:11px}.score-bar strong{color:#b7a5f4}.winner-ribbon{background:#1b423c;border:1px solid #36826c;border-radius:9px;padding:13px;color:#a5f2d5;font-weight:800;margin-top:14px}.battle-cta{width:100%;margin-top:12px}.battle-updates{margin-top:20px}.round-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px}.round-result{display:flex;gap:9px;align-items:center;padding:10px;background:#20263b;border:1px solid #34384d;border-radius:8px}.round-result .glyph{font-size:23px}.round-result b{font-size:10px;display:block}.round-result small{color:#9da7c2;font-size:9px}
.profile-grid{display:grid;grid-template-columns:280px 1fr;gap:16px;margin-top:17px}.profile-card{text-align:center;background:radial-gradient(circle at 50% 0,#5a428e4a,transparent 55%),#141a30}.profile-large{height:100px;width:100px;border:1px solid #7862af;background:#322654;border-radius:27px;display:grid;place-items:center;font-size:44px;margin:10px auto 18px}.profile-name{font-size:24px}.profile-email{color:#8c93aa}.profile-stats{display:flex;justify-content:space-between;margin-top:22px;padding-top:17px;border-top:1px solid #353952}.profile-stats strong{display:block;font-size:21px}.profile-stats small{font-size:10px;color:#9aa2bc}.history-list{display:grid;gap:8px}.history-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;background:#1a2036;border-radius:7px;border:1px solid #31364e}.history-entry b{display:block;font-size:11px}.history-entry small{display:block;color:#8590aa;font-size:10px;margin-top:5px}.history-entry .amount{color:#8ae3bb;font-weight:800}.subheading{font-size:15px;margin:10px 0 15px}.empty-text{color:#8893ad;font-size:12px}
.toast-stack{position:fixed;right:20px;bottom:20px;z-index:100;display:grid;gap:10px;max-width:min(360px,calc(100vw - 30px))}.toast{padding:15px 17px;border:1px solid #685596;background:#1e203a;color:#f3edff;border-radius:9px;box-shadow:var(--shadow);font-size:12px;animation:toastIn .2s ease}.toast.error{background:#36202d;border-color:#8c4b5c}.modal-layer{position:fixed;inset:0;z-index:40;background:#05060eac;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(12px)}.modal-layer.hidden{display:none}.modal-content{width:min(100%,545px);max-height:calc(100vh - 35px);overflow:auto;border:1px solid #59457a;background:linear-gradient(145deg,#1a1d33,#101528);box-shadow:var(--shadow);border-radius:17px;padding:26px;position:relative}.modal-content.wide{width:min(100%,850px)}.modal-head{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:22px}.modal-head h2{margin:6px 0;font-size:26px}.modal-head p{color:#97a0bc;font-size:11px;margin:0}.close-modal{background:#2a2d45;color:#ddd6f4;border:1px solid #464b68;border-radius:8px;width:32px;height:32px;font-size:19px}.field{display:grid;gap:7px;margin:12px 0}.field label{font-size:10px;color:#a3abc6;font-weight:800;letter-spacing:.6px}.field input,.field select{border:1px solid #3d435c;background:#11182b;color:#f4efff;border-radius:8px;padding:13px;font-size:13px;outline:0;width:100%}.field input:focus,.field select:focus{border-color:#9d7efc;box-shadow:0 0 0 3px #8a6fe926}.modal-submit{width:100%;margin-top:14px}.modal-switch{border:0;color:#bb9efc;background:transparent;padding:13px 0 0;font-size:12px;text-decoration:underline}.format-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.choose{background:#1c2338;border:1px solid #343e59;color:#aab1c7;border-radius:8px;padding:12px 7px;font-size:12px;font-weight:800}.choose.active{border-color:#9476ef;background:#302551;color:#f2e9ff}.qty-control{display:flex;align-items:center;justify-content:space-between;background:#191f34;border:1px solid #353b57;padding:10px;border-radius:9px}.qty-control b{font-size:11px}.qty-control button{border:1px solid #4a426d;background:#302a4c;color:#e9ddff;font-size:19px;border-radius:7px;width:33px;height:33px}.qty-value{font-size:17px;font-weight:800;margin:0 14px}.mini-case{display:flex;align-items:center;gap:10px;border:1px solid #3c3b5a;background:#1d2039;border-radius:9px;padding:11px;margin:14px 0}.mini-case .icon{font-size:35px;color:#ad8fff}.mini-case b{display:block}.mini-case small{color:#909ab6}.reel-area{margin:20px 0;border:1px solid #39365c;background:radial-gradient(ellipse at center,#34265f,#13162a 72%);position:relative;overflow:hidden;border-radius:12px;height:126px}.reel-track{display:flex;gap:8px;position:absolute;left:0;top:10px;will-change:transform}.reel-item{width:112px;height:106px;flex:none;background:#222841;border:1px solid #4a4468;border-radius:9px;display:grid;place-items:center;padding:8px;text-align:center}.reel-item span{font-size:35px;display:block;color:var(--item)}.reel-item b{font-size:9px;display:block;white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis}.reel-marker{position:absolute;left:50%;top:0;bottom:0;z-index:3;width:2px;background:#ebc3ff;box-shadow:0 0 15px #e5b4ff}.reel-marker:before{content:'▼';color:#ebc3ff;font-size:15px;position:absolute;top:-2px;left:-7px}.reveal-status{margin:12px 0 4px;text-align:center;color:#c7bae9;font-size:12px}.reveal-result{padding:13px;background:#27324a;border:1px solid #5b5182;border-radius:9px;margin-top:12px;text-align:center;font-size:12px}.reveal-result strong{color:#d5bdff}.hint{color:#7c87a5;font-size:11px;line-height:1.6;margin:12px 0}.demo-notice{display:flex;align-items:center;gap:10px;background:#1c2638;border:1px solid #36546a;border-radius:9px;padding:12px;color:#aac6d9;font-size:11px;margin:16px 0}.loading-screen{text-align:center;padding:100px 20px;color:#9f9ab9}.loader-moon{font-size:55px;animation:caseFloat 1.7s infinite alternate}
@keyframes caseFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes toastIn{from{transform:translateX(15px);opacity:0}to{transform:translateX(0);opacity:1}}
@media(min-width:1450px){.case-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1250px){.main-content{padding:23px}.battle-card{grid-template-columns:1.1fr 1fr auto}.battle-card .battle-desc{display:none}.hero-moon{right:6%;width:195px;height:195px;top:45px}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:990px){:root{--sidebar:0px}.sidebar{position:fixed;z-index:19;top:73px;left:0;width:245px;height:calc(100vh - 73px);transform:translateX(-102%);transition:transform .2s;box-shadow:none}.sidebar.open{transform:translateX(0);box-shadow:20px 0 50px #0009}.hamburger{display:block}.main-content{width:100%;max-width:none;padding:24px}.brand-tagline,.header-divider,.online-state{display:none}.battle-layout{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr 1.5fr}}
@media(max-width:700px){.site-banner{font-size:7px;letter-spacing:.45px;height:28px;gap:5px}.topbar{height:63px;padding:0 12px}.brand{font-size:21px}.logo-mark{height:35px;width:35px;transform:scale(.88)}.header-account{gap:5px}.auth-btn{padding:10px;font-size:9px}.wallet-pill{padding:5px 7px}.wallet-pill .moon-mini{display:none}.wallet-pill strong{font-size:12px}.wallet-pill small{font-size:7px}.profile-avatar{width:34px;height:34px}.sidebar{top:63px;height:calc(100vh - 63px)}.main-content{padding:15px 12px 38px}.hero{padding:27px 23px;min-height:292px}.hero h1{font-size:34px;letter-spacing:-1.8px}.hero p{max-width:80%;font-size:11px}.hero-moon{width:130px;height:130px;right:-32px;top:63px;opacity:.6}.hero:after{right:-170px}.small-hero-tag{font-size:8px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:24px}.stat-tile{padding:12px 9px;gap:8px}.stat-icon{width:34px;height:34px;font-size:17px}.stat-tile strong{font-size:17px}.stat-tile small{font-size:7px}.heading h2{font-size:22px}.feature-cards,.case-detail-layout,.profile-grid{grid-template-columns:1fr}.feature-card{min-height:170px}.page-header{padding:25px 19px}.page-header h1{font-size:28px}.page-top-actions{position:relative;top:auto;right:auto;transform:none;margin-top:17px}.toolbar{flex-direction:column;align-items:stretch}.selects{width:100%}.selects .select{min-width:0;flex:1;width:50%}.battle-card{grid-template-columns:1fr auto;gap:9px}.battle-card .player-seats{grid-column:1;grid-row:2}.battle-card .actions{grid-column:2;grid-row:1 / 3;flex-direction:column}.battle-card .actions .btn{padding:8px 10px}.case-grid{grid-template-columns:1fr}.case-art{height:145px}.participant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.format-choices{grid-template-columns:repeat(3,1fr)}.modal-content{padding:19px}.modal-head h2{font-size:22px}}
/* Button-card text should inherit the dark UI foreground rather than UA button defaults. */
.feature-card,.case-tile{color:var(--text)}
.promo-redeem{border:1px solid #4a3c74;border-radius:10px;background:#211d39;padding:12px;margin-top:15px;display:grid;gap:9px;text-align:left}.promo-redeem label{font-size:9px;letter-spacing:1px;color:#c7b3ff;font-weight:800}.promo-redeem input{width:100%;padding:11px;border-radius:7px;background:#121628;border:1px solid #5b4c81;color:white}.promo-redeem .btn{width:100%}

/* V6 player levels, badges and public profile */
.lvl-badge{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font:800 10px 'Space Grotesk',system-ui,sans-serif;color:#d3baff;background:linear-gradient(135deg,#382758,#251e40);border:1px solid #7856bb;border-radius:7px;padding:5px 7px;box-shadow:0 0 14px #986dfa25;letter-spacing:.3px;vertical-align:middle}
.lvl-badge.big{font-size:13px;padding:8px 12px}.seat{position:relative}.seat-level{position:absolute;bottom:-7px;right:-4px;background:#3a2866;border:1px solid #8061d8;border-radius:5px;padding:1px 4px;font-size:8px;color:#e9d3ff}.player-profile-link{border:none;background:none;color:#d8c5ff;text-decoration:underline;text-underline-offset:3px;padding:0;font-weight:800;font-size:inherit}.player-profile-link:hover{color:white}
.xp-widget{padding:17px;margin:15px 0;border:1px solid #59447d;border-radius:13px;background:linear-gradient(125deg,#282142,#181e36);text-align:left}.xp-head,.xp-foot{display:flex;justify-content:space-between;gap:14px;align-items:center}.xp-head strong{font-size:12px;color:#dfd0ff}.xp-track{height:11px;border-radius:20px;background:#101325;overflow:hidden;border:1px solid #3c3555;margin:13px 0 9px}.xp-fill{height:100%;background:linear-gradient(90deg,#7150e9,#ba95ff,#52e0d4);border-radius:20px;box-shadow:0 0 20px #a877ff5e;transition:width .7s ease}.xp-foot{font-size:9px;color:#9eadd0;font-weight:800;letter-spacing:.3px}.xp-plus{color:#9aefcb;font-size:13px}.public-profile{max-width:920px;margin:18px auto;padding:25px}.public-identity{display:flex;align-items:center;gap:24px}.public-identity .profile-large{margin:0;flex:none}.public-identity h2{margin:5px 0 12px;font-size:29px}.public-profile .stats-grid{margin-bottom:0}
.level-up-toast{position:fixed;left:50%;top:25%;transform:translate(-50%,0);z-index:120;border:2px solid #b69afa;border-radius:20px;padding:27px 38px;text-align:center;background:radial-gradient(circle at 50% 0,#6542aa,#17162d 80%);box-shadow:0 25px 100px #8759dc82,0 0 100px #8762de55;display:grid;gap:10px;animation:levelRise 3.8s ease forwards;pointer-events:none}.level-up-toast strong{font-family:'Space Grotesk',system-ui;font-size:36px;letter-spacing:1px;background:linear-gradient(90deg,#e6d6ff,#9c88ff,#a8fff2);background-clip:text;-webkit-background-clip:text;color:transparent}.level-up-toast .spark{font-size:24px;color:#cebcff}.level-up-toast small{font-weight:800;letter-spacing:2px;color:#d6c9f9}@keyframes levelRise{0%{opacity:0;transform:translate(-50%,25px) scale(.8)}13%{opacity:1;transform:translate(-50%,0) scale(1.07)}25%{transform:translate(-50%,0) scale(1)}88%{opacity:1}100%{opacity:0;transform:translate(-50%,-35px) scale(.98)}}
@media(max-width:700px){.public-identity{gap:14px}.public-identity .profile-large{width:70px;height:70px;font-size:30px}.public-identity h2{font-size:23px}.public-profile{padding:14px}.header-account>.lvl-badge{font-size:8px;padding:4px}.level-up-toast{padding:22px;width:90vw}}
@media(prefers-reduced-motion:reduce){.level-up-toast{animation:none}.xp-fill{transition:none}}