:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#0f172a;background:#090d16;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #0f172a;--muted: #64748b;--line: #e2e8f0;--line-light: #f1f5f9;--primary: #6366f1;--primary-light: #818cf8;--primary-dark: #4f46e5;--primary-glow: rgba(99, 102, 241, .25);--cyan: #06b6d4;--cyan-light: #22d3ee;--pink: #ec4899;--pink-light: #f472b6;--amber: #f59e0b;--amber-light: #fbbf24;--paper: #f8fafc;--card: #ffffff;--radius: 18px;--radius-sm: 12px;--radius-lg: 24px;--shadow-sm: 0 2px 8px rgba(15, 23, 42, .05);--shadow-md: 0 10px 25px -4px rgba(15, 23, 42, .08), 0 4px 6px -2px rgba(15, 23, 42, .04);--shadow-glow: 0 10px 30px -5px rgba(99, 102, 241, .35);--shadow-gold: 0 10px 30px -5px rgba(245, 158, 11, .35)}*{box-sizing:border-box}body{margin:0;background-color:#090d16;background-image:radial-gradient(at 10% 15%,rgba(99,102,241,.18) 0px,transparent 50%),radial-gradient(at 90% 85%,rgba(6,182,212,.14) 0px,transparent 50%),radial-gradient(at 50% 50%,rgba(236,72,153,.08) 0px,transparent 50%);background-attachment:fixed;min-height:100vh}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;border:0;background:none;color:inherit;padding:0}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}input,textarea,select{min-width:0}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.35;font-weight:700}h1{font-size:26px;letter-spacing:-.5px}h2{font-size:19px;letter-spacing:-.3px}h3{font-size:15px}p{line-height:1.65}svg{flex-shrink:0}::selection{background:#c7d2fe;color:#1e1b4b}.desktop-brand{position:fixed;width:490px;top:clamp(60px,10vh,120px);left:calc(50% - 530px);color:#f1f5f9;z-index:10}.desktop-brand-glow{position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.25) 0%,transparent 70%);top:-80px;left:-60px;pointer-events:none;filter:blur(40px)}.desktop-wordmark{display:flex;align-items:center;gap:12px}.brand-mark{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#06b6d4);border-radius:14px;color:#fff;box-shadow:0 8px 24px -4px #6366f180;flex-shrink:0}.brand-text{display:flex;flex-direction:column}.brand-name{font-size:24px;font-weight:800;letter-spacing:-.5px;color:#fff}.brand-period{color:#06b6d4}.brand-subtitle{font-size:9px;letter-spacing:2.5px;color:#94a3b8;font-weight:600;margin-top:2px}.brand-tag{font-size:10px;font-weight:700;padding:3px 8px;border-radius:20px;background:#6366f133;border:1px solid rgba(99,102,241,.4);color:#a5b4fc;margin-left:6px}.desktop-hero-copy{margin-top:36px}.desktop-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:1.5px;color:#38bdf8;padding:5px 12px;border-radius:20px;background:#0ea5e91f;border:1px solid rgba(14,165,233,.25)}.pulse-dot{width:6px;height:6px;border-radius:50%;background:#38bdf8;box-shadow:0 0 8px #38bdf8;display:inline-block}.desktop-hero-copy h1{font-size:42px;line-height:1.3;letter-spacing:-1.2px;margin-top:16px;font-weight:800;color:#fff}.desktop-hero-copy h1 span{background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.desktop-hero-copy p{margin-top:14px;font-size:14px;color:#94a3b8;line-height:1.8;max-width:440px}.desktop-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.desktop-feat-card{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#1e293b80;border:1px solid rgba(255,255,255,.08);border-radius:14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.feat-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feat-icon.crown{background:#f59e0b26;color:#fbbf24}.feat-icon.zap{background:#06b6d426;color:#22d3ee}.feat-icon.trophy{background:#ec489926;color:#f472b6}.feat-icon.shield{background:#10b98126;color:#34d399}.desktop-feat-card strong{display:block;font-size:13px;color:#f8fafc;font-weight:600}.desktop-feat-card small{display:block;font-size:10px;color:#94a3b8;margin-top:2px}.desktop-stats-strip{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#0f172a99;border:1px solid rgba(255,255,255,.06);border-radius:14px;margin-top:22px}.stat-item strong{display:block;font-size:18px;font-weight:800;color:#38bdf8}.stat-item span{font-size:10px;color:#64748b;margin-top:2px;display:block}.stat-sep{width:1px;height:26px;background:#ffffff14}.desktop-action-row{display:flex;gap:12px;margin-top:24px}.desktop-admin-link{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:13px;font-weight:700;box-shadow:0 6px 20px #6366f166;transition:transform .16s,box-shadow .16s}.desktop-admin-link:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f180}.desktop-wheel-link{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:12px;background:#f59e0b26;border:1px solid rgba(245,158,11,.35);color:#fde68a;font-size:13px;font-weight:700;transition:transform .16s,background .16s}.desktop-wheel-link:hover{background:#f59e0b40;transform:translateY(-2px)}.desktop-footer{display:flex;align-items:center;justify-content:space-between;margin-top:26px;font-size:11px;color:#64748b}.desktop-badge{font-size:10px;color:#94a3b8;padding:3px 8px;border-radius:8px;background:#ffffff0d}.mobile-shell{width:440px;min-height:calc(100dvh - 64px);margin:32px 0 32px calc(50% + 50px);background:var(--paper);border:2px solid rgba(255,255,255,.18);border-radius:36px;box-shadow:0 25px 80px #00000080,0 0 50px #6366f126;overflow:clip;position:relative}.mobile-shell.has-tabs{padding-bottom:88px}.mobile-shell main{min-height:inherit}.page-pad{padding:0 20px 28px}.page-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#f8fafce6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line)}.page-header h1{font-size:17px;font-weight:700;color:#0f172a}.icon-button{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:12px;color:#475569;background:#f1f5f9;transition:background .15s,color .15s}.icon-button:hover{background:#e2e8f0;color:#0f172a}.bottom-nav{position:fixed;bottom:32px;left:calc(50% + 51px);z-index:40;width:436px;display:flex;align-items:center;justify-content:space-around;padding:10px 10px 12px;background:#fffffff2;border-top:1px solid rgba(226,232,240,.8);border-radius:0 0 34px 34px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 -4px 20px #0f172a0d}.bottom-nav>a{display:flex;flex-direction:column;align-items:center;gap:3px;color:#94a3b8;min-width:62px;transition:color .16s;position:relative}.nav-icon-wrap{width:42px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:12px;position:relative;transition:background .16s,transform .16s}.nav-hot-badge{position:absolute;top:-3px;right:-3px;background:linear-gradient(135deg,#ec4899,#f43f5e);color:#fff;font-size:8px;font-weight:800;font-style:normal;padding:1px 4px;border-radius:8px;box-shadow:0 2px 6px #ec489966}.bottom-nav small{font-size:10px;font-weight:600}.bottom-nav>a.selected{color:var(--primary);font-weight:700}.bottom-nav>a.selected .nav-icon-wrap{background:#6366f11f;color:var(--primary);transform:translateY(-1px)}.home-page{padding-top:14px}.home-header{height:60px;display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:850;letter-spacing:-.5px}.wordmark .brand-mark{width:34px;height:34px;border-radius:10px}.wordmark-text{color:#0f172a;font-weight:800}.header-actions{display:flex;align-items:center;gap:8px}.location-button{display:flex;gap:4px;align-items:center;font-size:11px;font-weight:600;color:#475569;background:#f1f5f9;padding:6px 10px;border-radius:12px;border:1px solid #e2e8f0}.user-chip-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.search-box{display:flex;align-items:center;gap:10px;border:1px solid #e2e8f0;background:#fff;height:48px;padding:0 14px;border-radius:14px;color:#94a3b8;margin-top:12px;box-shadow:0 2px 10px #0f172a0a;transition:border-color .16s,box-shadow .16s}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.search-box input{border:0;background:transparent;width:100%;height:100%;font-size:13px;color:var(--ink);outline:none}.search-box input::placeholder{color:#94a3b8}.search-box button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.live-broadcast-ticker{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a;padding:8px 12px;border-radius:12px;margin-top:12px;font-size:11px}.ticker-tag{display:inline-flex;align-items:center;gap:4px;background:#f59e0b;color:#fff;font-size:9px;font-weight:800;padding:2px 6px;border-radius:6px;flex-shrink:0}.ticker-content{flex:1;min-width:0;display:flex;align-items:center;gap:5px;color:#92400e;overflow:hidden;white-space:nowrap;animation:fadeIn .3s ease}.ticker-content b{color:#b45309}.ticker-content em{font-style:normal;font-weight:700;color:#d97706}.ticker-action{font-size:10px;font-weight:700;color:#b45309;flex-shrink:0}.hero-banner{background:linear-gradient(135deg,#1e1b4b,#312e81 60%,#4338ca);border-radius:20px;margin-top:14px;position:relative;aspect-ratio:16/9;overflow:hidden;padding:20px;color:#fff;box-shadow:0 10px 30px -5px #312e8166}.hero-text{position:relative;z-index:2;width:70%}.hero-text .eyebrow{font-size:9px;letter-spacing:1.5px;color:#a5b4fc;display:flex;align-items:center;gap:6px}.hero-text h1{font-size:22px;font-weight:800;line-height:1.3;margin-top:8px;color:#fff}.hero-text h1 span{color:#38bdf8}.hero-text p{font-size:11px;color:#cbd5e1;margin-top:6px;max-width:200px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.hero-link{display:inline-flex;align-items:center;gap:6px;border-radius:20px;background:#fffffff2;color:#1e1b4b;padding:6px 14px;font-size:11px;font-weight:700;margin-top:10px}.hero-art{position:absolute;right:-10px;bottom:-15px;width:150px;height:150px;display:flex;align-items:center;justify-content:center;pointer-events:none}.hero-ambient-glow{position:absolute;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.4) 0%,transparent 70%);filter:blur(25px)}.hero-pad-icon{color:#ffffff40;transform:rotate(-15deg)}.art-star{position:absolute;top:20px;left:10px;font-size:22px;color:#fde047}.art-spark{position:absolute;bottom:25px;right:20px;font-size:18px;color:#38bdf8}.hero-slide-nav{position:absolute;bottom:10px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#94a3b8;z-index:3}.hero-dots{display:flex;gap:5px}.hero-dots button{width:6px;height:6px;border-radius:50%;background:#ffffff59;transition:all .2s}.hero-dots button.active{width:14px;border-radius:6px;background:#38bdf8}.quick-action-hub{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px;padding:16px 12px;background:#fff;border-radius:18px;border:1px solid var(--line);box-shadow:0 4px 15px #0f172a08}.hub-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.hub-icon-box{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .15s}.hub-item:hover .hub-icon-box{transform:scale(1.05)}.hub-icon-box.wheel-glow{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706;box-shadow:0 6px 16px #f59e0b40}.hub-icon-box.vip-glow{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed;box-shadow:0 6px 16px #7c3aed33}.hub-icon-box.invite-glow{background:linear-gradient(135deg,#cffafe,#a5f3fc);color:#0891b2;box-shadow:0 6px 16px #06b6d433}.hub-icon-box.game-glow{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#db2777;box-shadow:0 6px 16px #ec489933}.hub-badge-hot{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:8px;font-weight:800;padding:1px 4px;border-radius:6px;box-shadow:0 2px 6px #ef444466}.hub-item strong{font-size:12px;font-weight:700;color:#1e293b}.hub-item small{font-size:9px;color:#94a3b8}.wheel-promo-card{margin-top:14px}.wheel-promo-content{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:linear-gradient(135deg,#fff7ed,#ffedd5 60%,#fed7aa);border:1px solid #fed7aa;border-radius:20px;box-shadow:0 8px 25px -5px #f59e0b2e}.promo-tag{display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:700;color:#ea580c;background:#ea580c1f;padding:2px 7px;border-radius:12px}.wheel-promo-left h3{font-size:16px;font-weight:800;color:#9a3412;margin-top:6px}.wheel-promo-left p{font-size:11px;color:#c2410c;margin-top:4px;max-width:240px}.promo-btn{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#fff;background:linear-gradient(135deg,#f97316,#ea580c);padding:5px 12px;border-radius:14px;margin-top:10px;box-shadow:0 4px 12px #ea580c4d}.wheel-promo-badge{flex-shrink:0;position:relative}.mini-wheel-disc{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#d97706);border:3px solid #fff;box-shadow:0 6px 18px #d9770666;display:flex;align-items:center;justify-content:center;color:#fff;position:relative}.mini-pointer{position:absolute;top:-8px;font-size:12px;color:#dc2626}.section-block{margin-top:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-heading .eyebrow{font-size:9px;letter-spacing:1.5px;color:#6366f1;font-weight:700;display:block}.section-heading h2{font-size:18px;font-weight:800;color:#0f172a;margin-top:2px}.section-heading a{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#6366f1}.home-games{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.home-games>a{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#475569;text-align:center}.game-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.05);background:#f1f5f9;box-shadow:0 3px 10px #0000000a;overflow:hidden;transition:transform .15s}.home-games>a:hover .game-icon{transform:translateY(-2px)}.game-icon.gold{background:#fef3c7;color:#d97706}.game-icon.blue{background:#e0f2fe;color:#0284c7}.game-icon.coral{background:#ffe4e6;color:#e11d48}.game-icon.mint{background:#dcfce7;color:#16a34a}.game-icon.lavender{background:#f3e8ff;color:#9333ea}.game-icon.olive{background:#e2e8f0;color:#475569}.companion-list{display:flex;flex-direction:column;gap:12px}.companion-card{display:flex;gap:14px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 2px 10px #0f172a08;position:relative;transition:transform .15s,border-color .15s,box-shadow .15s}.companion-card:hover{transform:translateY(-2px);border-color:#c7d2fe;box-shadow:0 8px 20px #6366f114}.companion-card-hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.companion-avatar{position:relative;flex-shrink:0}.avatar{border-radius:18px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#e2e8f0;color:#64748b;font-weight:700}.avatar img{width:100%;height:100%;object-fit:cover}.online-dot{position:absolute;top:-2px;right:-2px;width:12px;height:12px;border-radius:50%;background:#10b981;border:2px solid #ffffff;box-shadow:0 0 6px #10b981}.companion-copy{flex:1;min-width:0}.companion-copy h3{font-size:15px;font-weight:700;color:#0f172a}.rating{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:700;color:#f59e0b}.rating svg{fill:#f59e0b}.companion-copy p{font-size:11px;color:#64748b;margin-top:3px}.tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.tags span{font-size:9px;font-weight:600;padding:2px 7px;border-radius:6px;background:#f1f5f9;color:#475569}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:8px;border-top:1px dashed var(--line)}.price{font-size:18px;font-weight:800;color:#ef4444}.price small{font-size:10px;font-weight:400;color:#94a3b8;margin-left:2px}.news-list{display:flex;flex-direction:column;gap:8px}.news-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:14px}.news-icon{width:38px;height:38px;border-radius:12px;background:#6366f11a;color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.news-card h3{font-size:13px;font-weight:700;color:#0f172a}.news-card p{font-size:11px;color:#64748b;margin-top:2px}.news-card>svg{color:#94a3b8}.join-banner{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:20px;padding:20px;color:#fff;margin-top:22px;box-shadow:0 10px 25px -4px #0f172a4d}.join-copy .eyebrow{font-size:9px;letter-spacing:1.5px;color:#38bdf8;font-weight:700}.join-copy h3{font-size:15px;font-weight:800;margin-top:4px}.join-copy p{font-size:11px;color:#94a3b8;margin-top:4px}.round-link{width:40px;height:40px;border-radius:50%;background:#38bdf8;color:#0f172a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-footer{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:32px;font-size:11px;color:#94a3b8}.small-line{width:24px;height:1px;background:#cbd5e1}.rewards-page{padding-top:14px}.points-master-card{background:linear-gradient(135deg,#0f172a,#1e1b4b 60%,#312e81);border-radius:24px;padding:22px 20px;color:#fff;position:relative;overflow:hidden;box-shadow:0 12px 35px -5px #1e1b4b80;border:1px solid rgba(255,255,255,.1)}.master-bg-glow{position:absolute;top:-50px;right:-50px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.3) 0%,transparent 70%);filter:blur(30px);pointer-events:none}.master-top{display:flex;align-items:center;justify-content:space-between}.master-badge{display:inline-flex;align-items:center;gap:4px;font-size:9px;letter-spacing:1.5px;font-weight:800;color:#fbbf24}.master-brand h2{font-size:20px;font-weight:800;color:#fff;margin-top:2px}.checkin-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:11px;font-weight:700;box-shadow:0 4px 14px #f59e0b66;transition:transform .15s,opacity .15s}.checkin-btn:hover:not(:disabled){transform:scale(1.03)}.checkin-btn.is-checked{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#cbd5e1;box-shadow:none}.master-balance-row{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.balance-cell{display:flex;flex-direction:column}.cell-label{font-size:10px;color:#94a3b8}.balance-num{font-size:28px;font-weight:900;color:#fbbf24;letter-spacing:-.5px;margin-top:2px}.earned-num{font-size:16px;font-weight:800;color:#38bdf8;margin-top:5px}.vip-status-text{font-size:14px;font-weight:800;color:#cbd5e1;margin-top:6px}.vip-status-text.vip-on{color:#f472b6}.balance-sep{width:1px;height:32px;background:#ffffff1a}.rewards-marquee-bar{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);padding:8px 12px;border-radius:14px;margin-top:12px;font-size:11px;box-shadow:0 2px 8px #0f172a08}.marquee-tag{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:9px;font-weight:800;padding:2px 6px;border-radius:6px;flex-shrink:0}.marquee-text{flex:1;min-width:0;display:flex;align-items:center;gap:5px;color:#334155;white-space:nowrap;overflow:hidden;animation:fadeIn .3s ease}.marquee-text b{color:#0f172a}.marquee-text em{font-style:normal;font-weight:700;color:#f59e0b}.rules-btn{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:700;color:#6366f1;background:#6366f114;padding:4px 8px;border-radius:8px;flex-shrink:0}.wheel-type-tabs{display:flex;gap:8px;margin-top:14px;overflow-x:auto;padding-bottom:2px}.wheel-type-tabs button{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:12px;background:#f1f5f9;color:#64748b;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid #e2e8f0;transition:all .15s}.wheel-type-tabs button.active{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-color:#4f46e5;box-shadow:0 4px 12px #6366f14d}.grand-wheel-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px 16px;margin-top:14px;box-shadow:0 10px 30px #0f172a0a}.wheel-stage-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:0 4px}.heading-copy .eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:800;color:#6366f1}.heading-copy h2{font-size:19px;font-weight:800;color:#0f172a;margin-top:2px}.cost-tag{display:flex;flex-direction:column;align-items:flex-end}.cost-tag span{font-size:9px;color:#94a3b8}.cost-tag b{font-size:14px;font-weight:800;color:#d97706}.wheel-interactive-container{display:flex;flex-direction:column;align-items:center;margin-top:10px}.wheel-bezel{position:relative;width:320px;height:320px;border-radius:50%;background:linear-gradient(135deg,#1e293b,#0f172a);border:8px solid #d97706;box-shadow:0 0 0 3px #fbbf24,0 15px 35px #0006,0 0 40px #f59e0b40;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.wheel-bulb{position:absolute;width:9px;height:9px;border-radius:50%;margin-left:-4.5px;margin-top:-4.5px;z-index:5;transition:all .2s}.bulb-phase-1{background:#fef08a;box-shadow:0 0 8px #fef08a,0 0 12px #eab308;animation:bulbBlink1 1.2s infinite ease-in-out}.bulb-phase-2{background:#fff;box-shadow:0 0 8px #fff,0 0 12px #38bdf8;animation:bulbBlink2 1.2s infinite ease-in-out}.fast-chase{animation-duration:.25s!important}@keyframes bulbBlink1{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}@keyframes bulbBlink2{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.wheel-pointer-pin{position:absolute;top:-16px;left:50%;transform:translate(-50%);z-index:20;pointer-events:none}.pointer-arrow{position:relative;display:flex;flex-direction:column;align-items:center}.arrow-shape{width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:34px solid #ef4444;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5));position:relative}.arrow-shape:after{content:"";position:absolute;top:-34px;left:-8px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:24px solid #f87171}.arrow-jewel{position:absolute;top:-6px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,#fde047,#d97706);border:2px solid #ffffff;box-shadow:0 2px 6px #0006}.wheel-rotor{position:relative;width:290px;height:290px;border-radius:50%;overflow:hidden;transition:transform 4.4s cubic-bezier(.15,.85,.25,1);will-change:transform}.wheel-svg{width:100%;height:100%;display:block}.wheel-center-core{position:absolute;z-index:15;width:82px;height:82px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:0;background:transparent;cursor:pointer;transition:transform .15s}.wheel-center-core:hover:not(:disabled){transform:scale(1.06)}.wheel-center-core:active:not(:disabled){transform:scale(.96)}.core-outer-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#b45309);border:3px solid #fef08a;box-shadow:0 4px 15px #00000080,inset 0 2px 4px #fff6}.core-surface{position:relative;width:66px;height:66px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f43f5e,#be123c 70%,#881337);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:inset 0 2px 6px #ffffff80,0 3px 8px #0006}.core-title{font-size:20px;font-weight:900;letter-spacing:.5px;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.5)}.core-sub{font-size:9px;font-weight:700;color:#fecdd3;margin-top:2px}.wheel-action-bar{width:100%;margin-top:22px;display:flex;flex-direction:column;align-items:center}.wheel-hint{display:flex;align-items:center;gap:4px;font-size:11px;color:#64748b;margin-bottom:12px}.wheel-hint svg{color:#10b981}.spin-cta-button{width:100%;min-height:50px;padding:12px 24px;border-radius:16px;background:linear-gradient(135deg,#f59e0b,#ea580c);color:#fff;font-size:15px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 24px #f59e0b66;transition:transform .16s,box-shadow .16s}.spin-cta-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px #f59e0b80}.spin-cta-button:active:not(:disabled){transform:translateY(1px)}.vip-benefit-card{background:linear-gradient(135deg,#fdf4ff,#fae8ff);border:1px solid #f5d0fe;border-radius:20px;padding:18px 20px;margin-top:14px;position:relative;overflow:hidden}.vip-decor-glow{position:absolute;right:-20px;top:-20px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(217,70,239,.2) 0%,transparent 70%)}.vip-left{display:flex;gap:14px;align-items:flex-start}.vip-crown-mark{width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,#d946ef,#a855f7);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 16px #d946ef4d}.vip-tag-row{display:flex;align-items:center;gap:8px}.vip-tag{font-size:10px;font-weight:800;color:#a21caf;background:#d946ef1f;padding:2px 7px;border-radius:6px}.vip-expire-pill{font-size:9px;color:#86198f}.vip-left h3{font-size:15px;font-weight:800;color:#701a75;margin-top:4px}.vip-left p{font-size:11px;color:#86198f;margin-top:4px;line-height:1.6}.invite-friends-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;margin-top:14px;box-shadow:0 4px 15px #0f172a08}.invite-header{display:flex;align-items:center;justify-content:space-between}.invite-header .eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:800;color:#0284c7}.invite-header h2{font-size:16px;font-weight:800;color:#0f172a;margin-top:2px}.invite-count-badge{display:flex;flex-direction:column;align-items:flex-end}.invite-count-badge span{font-size:9px;color:#94a3b8}.invite-count-badge strong{font-size:16px;font-weight:800;color:#0284c7}.invite-count-badge strong span{font-size:10px;font-weight:500;color:#64748b}.invite-desc{font-size:11px;color:#64748b;margin-top:8px;line-height:1.6}.invite-desc b{color:#d97706}.my-code-row{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border:1px solid #e2e8f0;padding:12px 14px;border-radius:14px;margin-top:14px}.code-box{display:flex;flex-direction:column}.code-label{font-size:9px;color:#94a3b8}.code-val{font-size:18px;font-weight:800;letter-spacing:1px;color:#0f172a}.copy-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border-radius:10px;background:#6366f1;color:#fff;font-size:11px;font-weight:700;box-shadow:0 4px 10px #6366f14d}.bind-code-row{display:flex;gap:8px;margin-top:12px}.bind-code-row input{flex:1;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;font-size:12px;outline:none}.bind-code-row input:focus{border-color:#6366f1}.bind-btn{padding:0 16px;border-radius:12px;background:#0f172a;color:#fff;font-size:12px;font-weight:700;flex-shrink:0}.rewards-history-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;margin-top:14px}.tab-pill-group{display:flex;gap:8px;background:#f1f5f9;padding:4px;border-radius:12px}.tab-pill-group button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px;border-radius:10px;font-size:12px;font-weight:600;color:#64748b;transition:all .15s}.tab-pill-group button.active{background:#fff;color:#0f172a;box-shadow:0 2px 6px #0f172a14;font-weight:700}.history-content{margin-top:14px}.history-item-list{display:flex;flex-direction:column;gap:8px}.history-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f1f5f9}.item-left{display:flex;align-items:center;gap:10px}.history-icon-box{width:34px;height:34px;border-radius:10px;background:#fef3c7;color:#d97706;display:flex;align-items:center;justify-content:center}.history-icon-box.is-gain{background:#dcfce7;color:#16a34a}.item-left strong{font-size:13px;font-weight:700;color:#1e293b;display:block}.item-left small{font-size:10px;color:#94a3b8;display:block;margin-top:2px}.cost-tag{font-size:11px;font-weight:700;color:#dc2626;background:#fee2e2;padding:3px 8px;border-radius:6px}.amount-val{font-size:13px;font-weight:800;color:#10b981}.amount-val.negative{color:#f43f5e}.celebration-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.celebration-modal{width:360px;max-width:100%;background:linear-gradient(135deg,#1e1b4b,#312e81);border:2px solid rgba(251,191,36,.6);border-radius:28px;padding:32px 24px 28px;text-align:center;color:#fff;position:relative;overflow:hidden;box-shadow:0 25px 60px #0009,0 0 50px #f59e0b4d;animation:popUp .35s cubic-bezier(.18,.89,.32,1.28)}.confetti-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.particle{position:absolute;font-size:24px;animation:floatParticle 3s infinite ease-in-out}.p1{top:15px;left:20px;animation-delay:0s}.p2{top:25px;right:25px;animation-delay:.5s}.p3{bottom:40px;left:30px;animation-delay:1s}.p4{bottom:30px;right:20px;animation-delay:1.5s}.p5{top:50%;left:15px;animation-delay:2s}@keyframes floatParticle{0%,to{transform:translateY(0) rotate(0);opacity:.9}50%{transform:translateY(-15px) rotate(20deg);opacity:1}}@keyframes popUp{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.celebration-icon-box{width:76px;height:76px;border-radius:50%;margin:0 auto 14px;background:radial-gradient(circle,#fde047,#d97706);border:4px solid #fff;box-shadow:0 0 30px #fbbf2499;display:flex;align-items:center;justify-content:center;color:#78350f}.celebration-eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#fbbf24}.celebration-title{font-size:22px;font-weight:900;margin-top:4px;color:#fff}.prize-card-highlight{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:18px;padding:16px;margin-top:18px}.prize-tag{font-size:10px;color:#a5b4fc}.prize-name{display:block;font-size:22px;font-weight:900;color:#fde047;margin:4px 0}.prize-desc{font-size:11px;color:#cbd5e1}.prize-balance-tip{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:12px;padding-top:10px;border-top:1px dashed rgba(255,255,255,.15);font-size:11px;color:#e2e8f0}.prize-balance-tip b{color:#fde047;font-size:14px}.celebration-actions{display:flex;flex-direction:column;gap:10px;margin-top:22px}.celebration-btn{width:100%;height:46px;border-radius:14px;font-size:14px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:6px}.celebration-btn.primary{background:linear-gradient(135deg,#f59e0b,#ea580c);color:#fff;box-shadow:0 6px 18px #f59e0b66}.celebration-btn.secondary{background:#ffffff26;color:#fff}.rules-sheet{background:#fff;border-radius:24px 24px 0 0;padding:24px 20px;max-height:80vh;overflow-y:auto}.sheet-title-row{display:flex;align-items:center;gap:8px}.sheet-title-row svg{color:#10b981}.sheet-title-row h2{font-size:17px;font-weight:800;color:#0f172a}.rules-body{margin:18px 0;display:flex;flex-direction:column;gap:16px}.rules-block h3{font-size:13px;font-weight:700;color:#1e293b;margin-bottom:8px}.rules-block ul{margin:0;padding-left:18px;font-size:12px;color:#64748b;line-height:1.8}.odds-table{border:1px solid var(--line);border-radius:12px;overflow:hidden}.odds-row{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;font-size:11px;border-bottom:1px solid #f1f5f9}.odds-row:last-child{border-bottom:0}.odds-row.head{background:#f8fafc;font-weight:700;color:#475569}.odds-val{font-weight:700;color:#d97706}.button{min-height:46px;padding:11px 20px;border-radius:14px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px #6366f14d;transition:transform .15s,box-shadow .15s}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #6366f166}.button:active:not(:disabled){transform:translateY(1px)}.button.secondary{background:#f1f5f9;color:#334155;box-shadow:none;border:1px solid #e2e8f0}.button.small{min-height:34px;padding:6px 12px;font-size:12px;border-radius:10px}.button.full{width:100%;margin-top:14px}.button-row{display:flex;gap:10px;margin-top:16px}.button-row>.button{flex:1}.field{display:flex;flex-direction:column;gap:7px;margin:16px 0;font-size:12px;font-weight:600;color:#334155}.field>input,.field>textarea,.field>select{width:100%;padding:12px 14px;border:1px solid #e2e8f0;background:#f8fafc;border-radius:12px;font-size:13px;color:#0f172a;outline:none;transition:border-color .15s,box-shadow .15s}.field>input:focus,.field>textarea:focus,.field>select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f;background:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f172ab3;display:flex;justify-content:center;align-items:flex-end;padding:0 0 32px calc(50% + 50px);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .15s ease}.sheet{width:440px;background:#fff;border-radius:28px;padding:24px;max-height:86dvh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.toast-message{position:fixed;bottom:110px;left:calc(50% + 270px);transform:translate(-50%);display:flex;align-items:center;gap:8px;color:#fff;background:#0f172af2;border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 30px #0006;border-radius:14px;padding:12px 18px;font-size:13px;font-weight:600;z-index:150}.toast-message.error{background:#b91c1cf2}.inline{display:flex;align-items:center}.spread{justify-content:space-between}.gap{gap:12px}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.tiny{font-size:11px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:1100px)and (min-width:801px){.desktop-brand{left:calc(50% - 410px);width:380px}.desktop-hero-copy h1{font-size:34px}.mobile-shell{margin-left:calc(50% - 10px);width:400px}.bottom-nav{left:calc(50% - 9px);width:396px}.modal-overlay{padding-left:calc(50% - 10px)}.sheet{width:400px}}@media(max-width:800px){body{background:var(--paper)}.desktop-brand{display:none}.mobile-shell{width:100%;max-width:480px;min-height:100dvh;margin:0 auto;border:0;border-radius:0;box-shadow:none}.mobile-shell.has-tabs{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.bottom-nav{width:100%;max-width:480px;left:50%;transform:translate(-50%);bottom:0;border-radius:0;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.modal-overlay{padding:0;align-items:flex-end}.sheet{width:100%;max-width:480px;border-radius:28px 28px 0 0;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.toast-message{left:50%;bottom:calc(100px + env(safe-area-inset-bottom))}}@media(max-width:374px){.wheel-bezel{width:280px;height:280px}.wheel-rotor{width:250px;height:250px}.wheel-center-core{width:72px;height:72px}.core-surface{width:58px;height:58px}.core-title{font-size:18px}}.project-section{min-width:0}.project-grid{display:grid;grid-template-columns:1fr;gap:10px;min-width:0}.project-card{display:flex;align-items:center;gap:11px;width:100%;min-width:0;padding:13px 12px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 4px 14px #0f172a0b;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.project-card:hover,.project-card:focus-visible{border-color:#c7d2fe;box-shadow:0 8px 20px #4f46e51a;transform:translateY(-1px);outline:none}.project-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border-radius:13px;color:#4f46e5;background:linear-gradient(135deg,#eef2ff,#e0f2fe)}.project-card>div{flex:1 1 auto;min-width:0;overflow:hidden}.project-card h3{overflow:hidden;color:#0f172a;font-size:14px;font-weight:800;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.project-card p{margin-top:3px;overflow:hidden;color:#64748b;font-size:11px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.project-price{display:inline-flex;align-items:baseline;gap:2px;margin-top:5px;color:#e11d48;font-size:15px;font-weight:850;line-height:1}.project-price small{color:#94a3b8;font-size:10px;font-weight:600}.project-price.muted{color:#94a3b8;font-size:12px;font-weight:700}.project-buy{flex:0 0 auto;padding:7px 9px;border-radius:10px;color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 10px #4f46e533;font-size:10px;font-weight:800;white-space:nowrap}@media(max-width:360px){.project-card{gap:8px;padding:11px 9px}.project-icon{width:38px;height:38px;flex-basis:38px}.project-card h3{font-size:13px}.project-buy{padding-inline:7px}}.simple-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0 14px}.simple-header h1{font-size:26px;font-weight:850;letter-spacing:-.5px}.page-intro{padding:18px 0 16px}.page-intro .eyebrow{display:block}.page-intro h2{margin-top:5px;font-size:24px;font-weight:850;letter-spacing:-.6px}.page-intro p{margin-top:7px;color:#64748b;font-size:13px;line-height:1.6}.eyebrow{color:#6366f1;font-size:10px;font-weight:800;letter-spacing:1.5px}.panel{padding:16px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 4px 14px #0f172a0a}.section-heading{min-width:0}.section-heading h2{font-size:18px}.section-heading>a,.section-heading>button,.text-link{display:inline-flex;align-items:center;gap:4px;color:#6366f1;font-size:12px;font-weight:700}.text-link:hover{color:#4338ca}.scroll-tabs{display:flex;gap:7px;margin:3px 0 15px;padding:3px 0 5px;overflow-x:auto;scrollbar-width:none}.scroll-tabs::-webkit-scrollbar{display:none}.scroll-tabs button,.filter-row button{flex:0 0 auto;min-height:32px;padding:6px 12px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;color:#64748b;font-size:11px;font-weight:700;white-space:nowrap}.scroll-tabs button.active,.filter-row button.active{border-color:#6366f1;background:#6366f1;color:#fff;box-shadow:0 4px 10px #6366f133}.filter-row{display:flex;gap:7px;margin:0 0 12px}.city-filter{display:flex;align-items:center;gap:7px;height:42px;margin-bottom:14px;padding:0 12px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#64748b}.city-filter input{width:100%;border:0;outline:0;background:transparent;color:#334155;font-size:12px}.game-catalogue{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-catalogue-card{display:flex;align-items:center;gap:10px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff}.game-catalogue-card h3{flex:1;min-width:0;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.game-catalogue-card span{display:none}.game-icon.small{width:42px;height:42px;border-radius:12px;flex:0 0 42px}.loading{display:flex;align-items:center;justify-content:center;gap:8px;min-height:140px;color:#64748b;font-size:12px}.spinner{width:18px;height:18px;border:2px solid #c7d2fe;border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-state{display:flex;flex-direction:column;align-items:center;gap:9px;padding:28px 16px;color:#b91c1c;text-align:center;font-size:12px}.empty-state{display:flex;flex-direction:column;align-items:center;padding:34px 16px;color:#64748b;text-align:center}.empty-state.compact{padding:12px 6px}.empty-illustration{position:relative;display:grid;place-items:center;width:76px;height:76px;margin-bottom:12px;border-radius:24px;background:#eef2ff;color:#6366f1}.empty-state h3{color:#334155;font-size:15px}.empty-state p{max-width:260px;margin-top:5px;font-size:12px;line-height:1.6}.empty-state .button{margin-top:14px}.orbit{position:absolute;border:1px solid rgba(99,102,241,.2);border-radius:50%}.orbit-one{top:-6px;right:-6px;bottom:-6px;left:-6px}.orbit-two{top:8px;right:8px;bottom:8px;left:8px;border-style:dashed}.order-list,.companion-list,.conversation-list{display:flex;flex-direction:column;gap:10px}.order-card{display:block;padding:13px 14px;color:inherit;transition:transform .15s,box-shadow .15s}.order-card:hover{transform:translateY(-1px);box-shadow:0 8px 20px #6366f11a}.order-person{gap:10px;margin:12px 0}.order-person h3{font-size:14px}.order-person p{margin-top:2px;font-size:11px}.order-card>.inline:last-child strong{color:#0f172a;font-size:18px}.status{display:inline-flex;align-items:center;padding:3px 7px;border-radius:7px;font-size:10px;font-weight:700}.status.PENDING_PAYMENT{background:#fef3c7;color:#b45309}.status.IN_PROGRESS{background:#dbeafe;color:#1d4ed8}.status.COMPLETED{background:#dcfce7;color:#15803d}.status.CANCELLED{background:#f1f5f9;color:#64748b}.my-orders{margin-top:14px}.order-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:14px}.order-shortcuts a{display:flex;flex-direction:column;align-items:center;gap:6px;color:#64748b;text-align:center;font-size:10px}.order-shortcuts svg{color:#6366f1}.profile-page{padding-top:3px}.user-identity{display:flex;align-items:center;gap:13px;min-width:0;padding:10px 0 17px}.user-identity>div{flex:1;min-width:0}.user-identity h2{font-size:19px;font-weight:850}.user-identity p{margin-top:3px;font-size:12px}.user-role{display:inline-block;margin-top:7px;padding:3px 7px;border-radius:7px;background:#eef2ff;color:#4f46e5;font-size:10px;font-weight:700}.profile-join-banner,.profile-reward-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:16px;border-radius:17px}.profile-join-banner{background:linear-gradient(135deg,#0f172a,#312e81);color:#fff}.profile-reward-banner{background:linear-gradient(135deg,#fff7ed,#fef3c7);color:#78350f}.profile-join-banner h3,.profile-reward-banner h3{font-size:15px}.profile-join-banner p,.profile-reward-banner p{margin-top:4px;font-size:11px;opacity:.8}.menu-list{display:flex;flex-direction:column;margin-top:14px;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:#fff}.menu-list>a,.menu-list>button{display:flex;align-items:center;gap:10px;width:100%;padding:13px 14px;border-bottom:1px solid #f1f5f9;text-align:left}.menu-list>:last-child{border-bottom:0}.menu-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#eef2ff;color:#6366f1}.menu-list strong{display:block;color:#1e293b;font-size:13px}.menu-list small{display:block;margin-top:2px;color:#94a3b8;font-size:10px}.menu-list>a>svg,.menu-list>button>svg{color:#94a3b8}.logout-button{display:block;width:100%;margin-top:16px;padding:12px;border-radius:12px;background:#fee2e2;color:#b91c1c;font-size:12px;font-weight:700}.profile-footer{padding:24px 0 8px;color:#94a3b8;text-align:center;font-size:10px}.message-info{display:flex;align-items:center;gap:7px;margin-bottom:12px;padding:10px 12px;border-radius:11px;background:#eef2ff;color:#4f46e5;font-size:11px}.conversation-row{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--line);border-radius:15px;background:#fff}.message-avatar{position:relative;flex:0 0 auto}.conversation-row h3{font-size:14px}.conversation-row time{color:#94a3b8;font-size:10px}.conversation-row p{margin-top:4px;overflow:hidden;color:#64748b;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.conversation-row small{display:block;margin-top:5px;color:#94a3b8;font-size:10px}.unread-dot{position:absolute;top:-3px;right:-4px;min-width:16px;padding:2px 4px;border-radius:9px;background:#ef4444;color:#fff;font-size:9px;text-align:center}.inline-error{margin:10px 0;color:#dc2626;font-size:12px}.body-copy{color:#475569;font-size:13px;line-height:1.75}.info-list{display:grid;grid-template-columns:88px 1fr;gap:9px 12px;margin:14px 0;font-size:12px}.info-list dt{color:#94a3b8}.info-list dd{min-width:0;color:#334155;word-break:break-word}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.form-section-title{margin:24px 0 6px;color:#1e293b;font-size:16px}.form-section-title span{color:#6366f1}.check-field{display:flex;align-items:flex-start;gap:8px;margin:13px 0;color:#475569;font-size:12px}.check-field input{margin-top:2px;accent-color:#6366f1}.check-field span{flex:1}.upload-box{display:flex;flex-direction:column;align-items:center;gap:6px;margin:14px 0;padding:22px 14px;border:1px dashed #a5b4fc;border-radius:15px;background:#f8faff;color:#6366f1;text-align:center}.upload-box strong{font-size:13px}.upload-box span{color:#94a3b8;font-size:10px}.upload-box input{display:none}.proof-list{display:flex;flex-direction:column;gap:7px}.proof-list>div,.proof-list>button{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;border-radius:10px;background:#f8fafc;color:#475569;font-size:11px;text-align:left}.proof-list>div>button:first-child{flex:1;display:flex;align-items:center;gap:8px;text-align:left}.notice-box{display:flex;gap:8px;margin:12px 0;padding:11px;border-radius:11px;background:#eff6ff;color:#1d4ed8;font-size:11px}.notice-box p{line-height:1.55}.rating-input{display:flex;justify-content:center;gap:4px;margin:16px 0;color:#cbd5e1}.rating-input button.filled{color:#f59e0b}.support-qr{display:flex;flex-direction:column;align-items:center;gap:8px;margin:16px 0;color:#64748b;font-size:11px}.support-qr img{width:190px;height:190px;object-fit:contain;border-radius:12px}.support-qr-empty{display:flex;flex-direction:column;align-items:center;gap:8px;margin:22px 0;color:#94a3b8;font-size:12px}.support-contact{padding:11px;border-radius:10px;background:#f8fafc;color:#334155;text-align:center;font-size:12px}.user-chip{display:inline-flex;align-items:center;justify-content:center}.hero-banner-loading{min-height:220px;background:linear-gradient(135deg,#e2e8f0,#f8fafc);animation:pulse-placeholder 1.2s ease-in-out infinite alternate}@keyframes pulse-placeholder{0%{opacity:.65}to{opacity:1}}.hero-banner-empty{display:flex;align-items:center;gap:13px;min-height:220px;background:linear-gradient(135deg,#eff6ff,#e0f2fe);border:1px dashed #93c5fd;box-shadow:none;color:#1e3a8a}.hero-banner-empty>div:last-child{min-width:0}.hero-empty-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:15px;background:#ffffffb8;color:#2563eb}.hero-banner-empty strong{display:block;font-size:15px;font-weight:800}.hero-banner-empty p{margin-top:6px;color:#3b82f6;font-size:11px;line-height:1.6}.hero-carousel-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block}.hero-carousel-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-carousel-link:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(180deg,transparent 72%,rgba(15,23,42,.38));pointer-events:none}.hero-banner.has-carousel-image .hero-slide-nav{justify-content:flex-end}.hero-carousel-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;background:linear-gradient(180deg,transparent 25%,rgba(15,23,42,.72) 100%)}.hero-carousel-overlay h1{margin-top:5px;color:#fff;font-size:22px;font-weight:850}.hero-carousel-overlay p{max-width:78%;margin-top:4px;color:#e2e8f0;font-size:11px}.hero-carousel-overlay .hero-link{align-self:flex-start}.configured-title span{display:block}.voice-player{display:inline-flex;align-items:center}.voice-play-button{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:5px 9px;border:1px solid #c7d2fe;border-radius:10px;background:#eef2ff;color:#4f46e5;font-size:10px;font-weight:700}.voice-player.compact .voice-play-button{min-height:25px;padding:3px 7px;border-radius:9px;font-size:9px}.voice-recorder-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.voice-recorder-row .voice-player{flex:1 1 auto}.app-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:46px;padding:11px 14px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;color:#0f172a;font-size:13px;text-align:left}.app-select-trigger.is-placeholder{color:#94a3b8}.app-select-trigger.is-open{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f;background:#fff}.app-select-menu{position:fixed;z-index:300;overflow-y:auto;padding:6px;border:1px solid #e2e8f0;border-radius:13px;background:#fff;box-shadow:0 16px 35px #0f172a2e}.app-select-option{display:block;width:100%;padding:10px 11px;border-radius:9px;color:#334155;font-size:12px;text-align:left}.app-select-option:hover,.app-select-option.is-active{background:#eef2ff;color:#4f46e5}.app-select-option:disabled{color:#cbd5e1}.detail-page{padding-bottom:92px}.profile-cover{position:relative;display:flex;align-items:flex-end;justify-content:space-between;height:126px;padding:20px;overflow:hidden;background:linear-gradient(135deg,#1e1b4b,#4338ca);color:#fff}.profile-cover .eyebrow{color:#c7d2fe}.profile-cover>svg{position:absolute;right:4px;bottom:-30px;color:#fff3;transform:rotate(-12deg)}.companion-profile{position:relative;margin-top:-1px;padding-top:16px;background:var(--paper)}.profile-top{align-items:flex-end;min-height:88px}.profile-avatar-stack{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.profile-game{margin-top:4px;color:#64748b;font-size:13px}.online-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:8px;background:#dcfce7;color:#15803d;font-size:10px;font-weight:700}.online-badge i{width:6px;height:6px;border-radius:50%;background:currentColor}.verified{display:inline-flex;align-items:center;gap:3px;color:#2563eb!important;background:#dbeafe!important}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;padding:13px 0 2px;border-top:1px solid var(--line)}.metrics>div{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}.metrics strong{display:inline-flex;align-items:center;gap:3px;color:#1e293b;font-size:17px;font-weight:850}.metrics strong svg{color:#f59e0b;fill:#f59e0b}.metrics span{color:#94a3b8;font-size:10px}.detail-tabs{display:flex;gap:4px;padding:4px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.detail-tabs button{flex:1;padding:10px 5px;border-bottom:2px solid transparent;color:#94a3b8;font-size:12px;font-weight:700}.detail-tabs button.active{border-color:#6366f1;color:#6366f1}.detail-content{padding-top:18px}.text-section{margin-bottom:20px}.text-section h2,.subheading{margin-bottom:9px;color:#1e293b;font-size:17px;font-weight:850}.text-section>p{color:#475569;font-size:13px;line-height:1.75}.subheading{margin-top:18px}.service-card{display:flex;align-items:center;gap:10px;width:100%;margin-top:8px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:left}.service-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:12px;background:#eef2ff;color:#6366f1}.service-card>span:nth-child(2){flex:1;min-width:0}.service-card strong,.service-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-card strong{color:#1e293b;font-size:13px}.service-card small{margin-top:3px;color:#94a3b8;font-size:10px}.service-card>.price{flex:0 0 auto;font-size:15px}.review-card{margin-top:9px;padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff}.review-card>p{margin-top:9px;color:#475569;font-size:12px;line-height:1.6}.booking-bar{position:fixed;right:max(0px,calc((100vw - 440px)/2));bottom:0;left:max(0px,calc((100vw - 440px)/2));z-index:35;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffffff5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.booking-bar small,.checkout-footer small{display:block;font-size:10px}.booking-bar .price{display:block;margin-top:2px}.checkout-footer{margin-top:14px}.auth-page{padding-top:20px}.auth-brand{display:flex;align-items:center;gap:8px}.auth-brand .brand-mark{width:48px;height:48px;border-radius:15px}.auth-page>h1{margin-top:17px;font-size:26px;font-weight:850}.auth-page>p{margin-top:5px;font-size:13px}.auth-tabs{display:flex;gap:4px;margin:22px 0 15px;padding:4px;border-radius:13px;background:#eef2ff}.auth-tabs button{flex:1;padding:9px 4px;border-radius:10px;color:#64748b;font-size:11px;font-weight:700}.auth-tabs button.active{background:#fff;color:#4f46e5;box-shadow:0 2px 8px #0f172a14}.auth-tabs button:disabled{color:#cbd5e1}.password-wrap,.code-input{display:flex;align-items:center;gap:6px}.password-wrap input,.code-input input{flex:1;min-width:0}.password-wrap button{display:grid;place-items:center;color:#94a3b8}.code-input button{flex:0 0 auto;padding:10px 8px;border-radius:9px;background:#eef2ff;color:#4f46e5;font-size:10px;font-weight:700;white-space:nowrap}.auth-other{margin-top:18px;text-align:center}.auth-other>span{color:#475569;font-size:12px;font-weight:700}.auth-note{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:18px;color:#64748b;font-size:11px}.content-article{padding:28px 0}.article-mark{display:grid;place-items:center;width:64px;height:64px;margin-bottom:14px;border-radius:20px;background:#eef2ff;color:#6366f1}.content-article h1{margin-top:8px;font-size:24px;font-weight:850}.content-article>p{margin-top:16px;color:#475569;font-size:14px;line-height:1.85;white-space:pre-wrap}.article-image{width:100%;max-height:260px;margin-top:16px;border-radius:16px;object-fit:cover}.application-status{padding:28px 18px;border:1px solid var(--line);border-radius:20px;background:#fff;text-align:center}.status-illustration{display:grid;place-items:center;width:78px;height:78px;margin:0 auto 14px;border-radius:24px;background:#eef2ff;color:#6366f1}.status-illustration.APPROVED{background:#dcfce7;color:#16a34a}.status-illustration.REJECTED{background:#fee2e2;color:#dc2626}.application-status h1{margin-top:5px;font-size:24px}.application-status>p{margin:7px auto 16px;max-width:300px;color:#64748b;font-size:13px}.application-summary{margin-top:14px}.application-summary h2{font-size:17px}.application-summary h3{margin-top:16px;font-size:14px}.application-steps{display:flex;justify-content:space-between;margin:18px 4px;color:#94a3b8;font-size:11px}.application-steps span{display:flex;align-items:center;gap:5px}.application-steps i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f1f5f9;font-style:normal;font-size:9px}.application-steps .active{color:#6366f1;font-weight:700}.application-steps .active i{background:#6366f1;color:#fff}.requirements-box{margin-bottom:18px;padding:13px;border-radius:13px;background:#eff6ff;color:#1d4ed8}.requirements-box h3{display:flex;align-items:center;gap:6px;font-size:13px}.requirements-box p{margin-top:6px;color:#475569;font-size:11px;line-height:1.6}.order-detail{padding-top:16px}.order-status-banner{padding:20px 16px;border-radius:20px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);text-align:center}.order-status-banner.PENDING_PAYMENT{background:linear-gradient(135deg,#fff7ed,#fef3c7)}.order-status-banner.IN_PROGRESS{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.order-status-banner.COMPLETED{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.status-symbol{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 8px;border-radius:17px;background:#ffffffb3;color:#4f46e5}.order-status-banner h1{font-size:21px}.order-status-banner p{margin:5px auto 12px;color:#64748b;font-size:11px}.order-companion{margin-top:12px}.order-companion h2{font-size:15px}.order-info{margin-top:10px}.order-info h2{font-size:16px}.order-note{margin-top:12px;padding:10px;border-radius:10px;background:#f8fafc}.order-note p{margin-top:4px;color:#475569;font-size:12px}.order-number{display:flex;align-items:center;gap:6px}.order-number .icon-button{width:28px;height:28px}.order-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.order-actions .button{flex:1 1 45%}.refresh-order{width:100%;justify-content:center;margin-top:3px}.order-timeline{display:flex;flex-direction:column;gap:13px;margin-top:13px}.order-timeline>div{display:flex;gap:9px}.order-timeline>div>span{width:8px;height:8px;margin-top:5px;flex:0 0 8px;border-radius:50%;background:#6366f1;box-shadow:0 0 0 4px #eef2ff}.order-timeline h3{font-size:12px}.order-timeline p{margin-top:3px;color:#64748b;font-size:11px}.order-timeline small{display:block;margin-top:3px;color:#94a3b8;font-size:10px}.project-order-page{padding-top:16px}.project-order-hero{padding:20px;border-radius:20px;background:linear-gradient(135deg,#1e1b4b,#4338ca);color:#fff}.project-order-hero h1{margin-top:5px;font-size:23px}.project-order-hero p{margin-top:7px;color:#c7d2fe;font-size:12px}.project-order-hero strong{display:block;margin-top:14px;color:#fde68a;font-size:20px}.project-order-hero strong small{margin-left:3px;color:#c7d2fe;font-size:11px}.project-order-form{margin-top:12px}.field-help{color:#94a3b8;font-size:11px;line-height:1.5}.selected-companion{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0 12px;padding:11px;border-radius:11px;background:#f8fafc}.selected-companion strong,.selected-companion span{display:block}.selected-companion strong{font-size:13px}.selected-companion span{margin-top:3px;color:#64748b;font-size:10px}.selected-companion b{color:#ef4444;font-size:15px}.selected-companion b small{color:#94a3b8;font-size:10px}.chat-page{display:flex;flex-direction:column;height:100dvh;background:var(--paper)}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:64px;padding:0 14px;border-bottom:1px solid var(--line);background:#f8fafceb}.chat-header>div{flex:1;min-width:0;text-align:center}.chat-header h1{overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.chat-header small{color:#94a3b8;font-size:10px}.chat-order-strip{display:flex;align-items:center;gap:7px;padding:10px 14px;border-bottom:1px solid var(--line);background:#fff;color:#475569;font-size:11px}.chat-order-strip span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-order-strip small{color:#6366f1;font-size:10px}.chat-poll-error{padding:7px 14px;background:#fee2e2;color:#b91c1c;font-size:10px}.chat-messages{flex:1;min-height:0;overflow-y:auto;padding:12px 14px}.chat-safety{display:flex;align-items:center;justify-content:center;gap:5px;margin-bottom:12px;color:#64748b;font-size:10px}.chat-message{display:flex;align-items:flex-start;gap:8px;margin:10px 0}.chat-message>div{max-width:75%}.chat-message p{margin-top:2px;padding:9px 11px;border-radius:4px 13px 13px;background:#fff;color:#334155;font-size:12px;line-height:1.5;box-shadow:0 2px 8px #0f172a0a}.chat-message time{display:block;margin-top:3px;color:#94a3b8;font-size:9px}.chat-message.own{flex-direction:row-reverse}.chat-message.own>div{text-align:right}.chat-message.own p{border-radius:13px 4px 13px 13px;background:#6366f1;color:#fff;text-align:left}.chat-compose{display:flex;align-items:flex-end;gap:8px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff}.chat-compose textarea{flex:1;min-height:40px;max-height:100px;resize:none;padding:10px 12px;border:1px solid #e2e8f0;border-radius:12px;outline:none;font-size:12px}.chat-compose .button{width:42px;min-height:40px;padding:0}.center-profile{margin:12px 0;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff}.center-profile h2{font-size:17px}.center-profile .text-link{margin-top:12px}.center-tabs{margin:0 -20px 14px}.managed-service{margin-top:10px}.managed-service>p{margin-top:9px}.online-toggle{padding:11px;border-radius:12px;background:#f8fafc}.online-toggle strong,.online-toggle small{display:block}.online-toggle small{margin-top:3px}.edit-profile-heading{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 0 8px}.edit-profile-heading .avatar{box-shadow:0 6px 18px #6366f129}.password-section{margin-top:24px;padding-top:19px;border-top:1px solid var(--line)}.password-section h2{font-size:17px}.avatar-upload-row{display:flex;align-items:center;gap:10px}.avatar-upload-row input{display:none}.avatar-upload-row .button{margin-left:2px}.proof-preview{width:100%;max-height:58vh;margin:14px 0;border-radius:14px;object-fit:contain;background:#f8fafc}.review-note{margin:13px 0;padding:11px;border-radius:11px;background:#fff7ed;color:#92400e}.review-note strong{font-size:12px}.review-note p{margin-top:4px;font-size:11px;line-height:1.55}@media(max-width:800px){.booking-bar{right:0;left:0}.chat-page{width:100%}}