:root{--bg:#d9d7db;--surface:#fff;--border:#c5c3c7;--border-hover:#b5b3b7;--text:#14161f;--text-secondary:#5f6573;--text-muted:#9ca3af;--accent:#3480f1;--accent-light:#3480f114;--accent-on:#fff;--radius:20px;--radius-md:14px;--radius-sm:10px;--radius-xs:8px;--font:"Inter", system-ui, -apple-system, sans-serif;--ease:cubic-bezier(.25, .46, .45, .94)}@media (prefers-color-scheme:dark){:root{--bg:#121218;--surface:#1e1e2a;--border:#2e2e3a;--border-hover:#3e3e4e;--text:#e8e8ed;--text-secondary:#a0a0b0;--text-muted:#6b6b7b;--accent:#4d94ff;--accent-light:#4d94ff1f;--accent-hover:#3a80f0}body{background:var(--bg);color:var(--text)}.header{border-bottom-color:var(--border);background:#121218e0!important}.header-cta{color:#14161f!important;background:#fff!important}.nav a:hover{background:#ffffff0f}.btn{color:var(--text)}.btn-primary{background:var(--accent)!important;color:#fff!important}.dash-icon-btn--danger:hover{color:#f87171;background:#ef444426;border-color:#ef44444d}.showcase-img,.hero-img{filter:none}.step-card,.control-card{background:var(--surface);border-color:var(--border)}.step-card:hover,.control-card:hover{border-color:var(--border-hover)}.section-badge{background:var(--accent-light)}.cmp-card{background:var(--surface)}.cmp-card-img{background:var(--bg)}.pricing-card{background:var(--surface);border-color:var(--border)}.pricing-header{border-bottom-color:var(--border)}.btn-white{color:#14161f!important;background:#fff!important}.login-left{background:linear-gradient(135deg,#1a1a2e 0%,#14161f 100%)!important}.login-right{background:var(--bg)!important}.login-right .field input{border-color:var(--border);color:var(--text);background:var(--surface)!important}.login-tabs{background:var(--surface)!important}.login-error{color:#f87171!important;background:#ef44441a!important;border-color:#ef444440!important}.login-page{background:var(--bg)}.modal-close{color:var(--text-muted)}.skel{background:linear-gradient(90deg, var(--border) 25%, #ffffff0f 50%, var(--border) 75%);background-size:400% 100%}.modal{color:var(--text);background:var(--surface)!important}.modal-overlay{background:#0009}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}h1,h2,h3,p{margin-top:0}.skip-link{z-index:200;border-radius:var(--radius-xs);background:var(--accent);color:var(--accent-on);transition:transform .25s var(--ease);padding:10px 18px;font-size:14px;font-weight:600;position:absolute;top:12px;left:16px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.container{max-width:1180px;margin:0 auto;padding:0 clamp(20px,5vw,56px)}.deco{pointer-events:none;z-index:0;position:absolute}.squiggle{opacity:.3}.dots{opacity:1}.deco--hero-dots{top:120px;right:40px}.deco--hero-squiggle{bottom:40px;left:60px}.deco--features-dots{top:30px;left:20px}.deco--how-squiggle{top:20px;right:80px}.deco--ctrl-dots{bottom:40px;right:40px}.header{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#d9d7dbe0;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1180px;height:68px;margin:0 auto;padding:0 clamp(20px,5vw,56px);display:flex}.logo{align-items:center;gap:10px;min-height:44px;display:flex}.logo-icon{object-fit:contain;width:52px;height:52px;margin:-8px;display:block}.logo-text{letter-spacing:-.03em;color:var(--text);font-size:20px;font-weight:800}.nav{align-items:center;gap:4px;display:flex}.nav a{color:var(--text-secondary);transition:color .2s var(--ease), background .2s var(--ease);border-radius:999px;align-items:center;min-height:40px;padding:8px 16px;font-size:15px;font-weight:500;display:flex}.nav a:hover{color:var(--text);background:#0000000a}.header-cta{background:var(--text);color:#fff;cursor:pointer;min-height:42px;transition:opacity .2s var(--ease), transform .2s var(--ease);border-radius:999px;align-items:center;gap:6px;padding:9px 24px;font-size:14px;font-weight:600;display:inline-flex}.header-cta:hover{opacity:.85;transform:translateY(-1px)}.hero{padding:clamp(60px,10vw,110px) 0 clamp(40px,6vw,72px);position:relative;overflow:hidden}.hero-split{grid-template-columns:1fr 1.3fr;align-items:center;gap:clamp(32px,5vw,64px);display:grid}.hero-content{z-index:1;max-width:520px;position:relative}h1{letter-spacing:-.035em;text-align:left;margin-bottom:20px;font-size:clamp(34px,5vw,58px);font-weight:800;line-height:1.08}h1 .hl{display:inline;position:relative}h1 .hl-line{width:100%;height:8px;color:var(--accent);position:absolute;bottom:-4px;left:0}.hero-sub{color:var(--text-secondary);text-align:left;margin:0 0 32px;font-size:17px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:14px;margin-bottom:40px;display:flex}.btn{font-family:var(--font);cursor:pointer;min-height:52px;transition:all .2s var(--ease);border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;display:inline-flex}.btn-primary{background:var(--text);color:#fff}.btn-primary:hover{opacity:.85;transform:translateY(-2px)}.stats-row{flex-wrap:wrap;gap:28px;display:flex}.stat-item{align-items:center;gap:8px;display:flex}.stat-icon{color:var(--accent);display:flex}.stat-label{color:var(--text-muted);font-size:14px;font-weight:500}.hero-games{flex-wrap:wrap;gap:8px;display:flex}.hero-game-tag{color:var(--text-secondary);background:#0000000d;border-radius:999px;padding:5px 14px;font-size:13px;font-weight:500}.hero-game-tag--more{background:var(--accent-light);color:var(--accent);font-weight:600}.hero-visual{z-index:1;position:relative}.hero-img{z-index:1;width:100%;height:auto;display:block;position:relative}.hero-glow{filter:blur(50px);opacity:.2;z-index:0;border-radius:50%;animation:6s ease-in-out infinite floatBlob;position:absolute}.hero-glow--1{background:var(--accent);width:200px;height:200px;top:-40px;right:-30px}.hero-glow--2{background:#818cf8;width:140px;height:140px;animation-delay:-3s;bottom:-20px;left:-20px}.section{padding:clamp(48px,7vw,80px) 0;position:relative;overflow:hidden}.section--tight{padding-top:clamp(24px,3vw,40px)}.section-head{max-width:600px;margin-bottom:40px}.section-head--center{text-align:center;margin-left:auto;margin-right:auto}.tag{color:var(--accent);align-items:center;gap:6px;margin-bottom:14px;font-size:14px;font-weight:600;display:inline-flex}h2{letter-spacing:-.03em;margin-bottom:14px;font-size:clamp(28px,3.5vw,44px);font-weight:800;line-height:1.1}.section-sub{color:var(--text-secondary);margin:0;font-size:17px;line-height:1.7}.showcase{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,5vw,72px);display:grid}.showcase-visual{position:relative}.showcase-img{z-index:1;width:100%;height:auto;display:block;position:relative}.showcase-float{filter:blur(40px);opacity:.25;z-index:0;border-radius:50%;animation:6s ease-in-out infinite floatBlob;position:absolute}.showcase-float--1{background:var(--accent);width:180px;height:180px;top:-30px;right:-20px}.showcase-float--2{background:#818cf8;width:120px;height:120px;animation-delay:-3s;bottom:-10px;left:-15px}@keyframes floatBlob{0%,to{transform:translate(0)scale(1)}50%{transform:translate(8px,-12px)scale(1.08)}}.showcase-text{max-width:480px}.showcase-list{gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.showcase-list li{color:var(--text-secondary);align-items:center;gap:10px;font-size:15px;font-weight:500;display:flex}.showcase-list li:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px}.cmp{max-width:720px;margin:0 auto}.cmp-toggle-row{justify-content:center;align-items:center;gap:16px;margin-bottom:28px;display:flex}.cmp-tl{color:var(--text-muted);transition:color .2s var(--ease);-webkit-user-select:none;user-select:none;font-size:16px;font-weight:600}.cmp-tl.active{color:var(--text)}.cmp-switch{cursor:pointer;width:52px;height:28px;transition:background .3s var(--ease);background:#ef4444;border:none;border-radius:999px;flex-shrink:0;padding:3px;position:relative}.cmp-switch.on{background:var(--accent)}.cmp-switch-thumb{background:var(--surface);width:22px;height:22px;transition:transform .3s var(--ease);border-radius:50%;display:block;box-shadow:0 1px 3px #00000026}.cmp-switch.on .cmp-switch-thumb{transform:translate(24px)}.cmp-card{border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color .3s var(--ease);grid-template-columns:260px 1fr;display:grid;overflow:hidden}.cmp-card--red{border-color:#ef44444d}.cmp-card--blue{border-color:#3480f14d}.cmp-card-img{background:var(--bg);justify-content:center;align-items:center;padding:20px;display:flex}.cmp-card-img img{object-fit:contain;max-width:100%;max-height:240px}.cmp-card-body{flex-direction:column;justify-content:center;padding:28px;display:flex}.cmp-card-badge{border-radius:var(--radius-xs);color:#fff;transition:background .3s var(--ease);align-self:flex-start;margin-bottom:20px;padding:8px 18px;font-size:14px;font-weight:600;display:inline-block}.cmp-card-list{flex-direction:column;gap:16px;display:flex}.cmp-card-item{color:var(--text);align-items:center;gap:12px;font-size:15px;font-weight:500;display:flex}.cmp-card-icon{border-radius:var(--radius-xs);flex-shrink:0;place-items:center;width:38px;height:38px;transition:background .3s,color .3s;display:grid}.how-header{align-items:flex-start;gap:16px;display:flex;position:relative}.arrow-side{opacity:.5;flex-shrink:0;margin-top:8px}.steps-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.step-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);transition:transform .3s var(--ease), box-shadow .3s var(--ease);padding:32px 24px;position:relative}.step-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000000f}.step-number{color:var(--accent);letter-spacing:-.03em;margin-bottom:16px;font-size:32px;font-weight:800;display:inline-block}.step-card h3{letter-spacing:-.02em;margin:0 0 8px;font-size:17px;font-weight:700}.step-card p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.step-connector{z-index:10;pointer-events:none;position:absolute;top:50%;right:-32px;transform:translateY(-50%)}.ctrl-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.ctrl-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);transition:transform .3s var(--ease), box-shadow .3s var(--ease);padding:32px 26px}.ctrl-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000000f}.ctrl-icon{border-radius:var(--radius-sm);background:var(--bg);width:44px;height:44px;color:var(--text-secondary);transition:background .2s var(--ease), color .2s var(--ease);place-items:center;margin-bottom:22px;display:grid}.ctrl-card:hover .ctrl-icon{background:var(--accent-light);color:var(--accent)}.ctrl-card h3{letter-spacing:-.02em;margin:0 0 10px;font-size:17px;font-weight:700}.ctrl-card p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.65}.pricing{padding:clamp(48px,7vw,96px) 0}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:16px;display:grid}.pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.pricing-card--featured,.pricing-card:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.pricing-best{background:var(--accent);color:#fff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;top:14px;right:14px}.pricing-header{text-align:center;padding:40px 24px 22px}.pricing-label{background:var(--accent-light);color:var(--accent);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;margin-bottom:18px;padding:4px 14px;font-size:13px;font-weight:600;display:inline-block}.pricing-amount{justify-content:center;align-items:baseline;gap:6px;display:flex}.pricing-dollar{color:var(--text);font-size:clamp(42px,6vw,56px);font-weight:800;line-height:1}.pricing-period{color:var(--text);margin:10px 0 0;font-size:17px;font-weight:700}.pricing-per-month{color:var(--text-muted);margin-top:6px;font-size:15px;font-weight:500}.pricing-features{background:var(--surface);border:1px solid var(--border);border-radius:20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;max-width:760px;margin:18px auto 0;padding:28px clamp(24px,4vw,48px);list-style:none;display:grid}.pricing-features li{color:var(--text);align-items:center;gap:12px;font-size:15px;line-height:1.5;display:flex}.pricing-features li svg{color:var(--accent);flex-shrink:0}.pricing-btn{justify-content:center;width:calc(100% - 48px);margin:0 auto 24px;display:flex}.btn-white{background:var(--surface);color:var(--text)}.btn-white:hover{opacity:.9;transform:translateY(-2px)}.footer{border-top:1px solid var(--border);padding:28px clamp(20px,5vw,56px)}.footer-inner{max-width:1180px;color:var(--text-muted);justify-content:space-between;align-items:center;margin:0 auto;font-size:14px;display:flex}.footer-brand{color:var(--text-secondary);font-weight:700}.fade-up{opacity:0;animation:fadeUp .7s var(--ease) forwards;transform:translateY(40px)}.fade-up-d1{animation-delay:80ms}.fade-up-d2{animation-delay:.16s}.fade-up-d3{animation-delay:.24s}.fade-up-d4{animation-delay:.34s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.login-page{grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.login-left{background:linear-gradient(#f5f5f7 0%,#eeeff3 100%);flex-direction:column;justify-content:center;align-items:center;padding:48px 40px;display:flex;position:relative}.login-logo{letter-spacing:-.03em;color:var(--text);align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex;position:absolute;top:28px;left:32px}.login-logo-icon{object-fit:contain;width:40px;height:40px;margin:-6px}.login-art{width:480px;max-width:100%;height:auto;margin-bottom:40px}.login-info{text-align:center;max-width:380px}.login-info h2{letter-spacing:-.02em;color:var(--text);margin:0 0 16px;font-size:22px;font-weight:700}.login-info-list{text-align:left;gap:14px;margin:0;padding:0;list-style:none;display:grid}.login-info-list li{color:var(--text-secondary);align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;display:flex}.login-info-list li:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:6px}.login-tagline{color:var(--text-muted);text-align:center;margin:0;font-size:16px}.login-right{background:var(--surface);justify-content:center;align-items:center;padding:48px;display:flex}.login-form-wrap{width:100%;max-width:380px}.login-tabs{background:var(--bg);border-radius:999px;margin-bottom:28px;padding:4px;display:flex}.login-tab{font-family:var(--font);color:var(--text-muted);cursor:pointer;transition:all .2s var(--ease);background:0 0;border:none;border-radius:999px;flex:1;padding:10px 16px;font-size:14px;font-weight:600}.login-tab.active{background:var(--accent);color:#fff}.login-error{border-radius:var(--radius-sm);color:#ef4444;background:#ef444414;border:1px solid #ef444440;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:500}.link-btn{color:var(--accent);font-family:var(--font);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600}.link-btn:hover{text-decoration:underline}.link-btn--sm{color:var(--text-muted);font-size:13px;font-weight:500}.modal-overlay{z-index:200;background:#0006;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius);width:100%;max-width:420px;padding:36px;position:relative;box-shadow:0 24px 80px #00000026}.modal h3{margin:0 0 12px;font-size:20px;font-weight:700}.modal p{color:var(--text-secondary);margin-bottom:16px;font-size:15px;line-height:1.65}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;top:16px;right:16px}.modal-close:hover{color:var(--text)}.modal-btn{width:100%;margin-top:8px}.login-title{letter-spacing:-.03em;text-align:left;margin:0 0 8px;font-size:28px;font-weight:800}.login-subtitle{color:var(--text-muted);margin:0 0 32px;font-size:15px}.login-form{gap:20px;display:grid}.field label{color:var(--text);margin-bottom:6px;font-size:14px;font-weight:600;display:block}.field input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;font-family:var(--font);color:var(--text);transition:border-color .2s var(--ease);outline:none;padding:12px 16px;font-size:15px}.field input::placeholder{color:var(--text-muted)}.field input:focus{border-color:var(--accent)}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.field-pass{position:relative}.field-pass input{padding-right:48px}.pass-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.pass-toggle:hover{color:var(--text)}.login-btn{width:100%;margin-top:4px}.login-footer-text{color:var(--text-muted);text-align:center;margin:24px 0 0;font-size:14px}.login-footer-text a{color:var(--accent);font-weight:600}.login-footer-text a:hover{text-decoration:underline}.dash{background:var(--bg);grid-template-columns:240px 1fr;min-height:100dvh;display:grid}.dash-sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;height:100dvh;padding:24px 14px;display:flex;position:sticky;top:0}.dash-logo{letter-spacing:-.03em;color:var(--text);align-items:center;gap:10px;margin-bottom:32px;padding:0 12px;font-size:18px;font-weight:800;display:flex}.dash-logo-icon{object-fit:contain;width:36px;height:36px;margin:-4px}.dash-nav{flex-direction:column;flex:1;gap:4px;display:flex}.dash-nav-item{border-radius:var(--radius-sm);font-family:var(--font);color:var(--text-secondary);cursor:pointer;transition:all .15s var(--ease);text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.dash-nav-item:hover{background:var(--bg);color:var(--text)}.dash-nav-item.active{background:var(--accent-light);color:#4f46e5;font-weight:600}.dash-sidebar-bottom{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:16px;display:flex}.dash-user{align-items:center;gap:10px;padding:8px 12px;display:flex}.dash-avatar{color:#fff;background:#4f46e5;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:grid}.dash-user-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.dash-logout{color:var(--text-muted)}.dash-main{width:100%;max-width:900px;margin:0 auto;padding:40px clamp(32px,4vw,64px)}.dash-title{letter-spacing:-.03em;margin:0 0 28px;font-size:28px;font-weight:800}.dash-subtitle{margin:32px 0 16px;font-size:18px;font-weight:700}.dash-header-row{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.dash-header-row .dash-title{margin:0}.dash-loading{text-align:center;color:var(--text-muted);padding:48px 0;font-size:15px}.skel{background:linear-gradient(90deg, var(--border) 25%, #0000000a 50%, var(--border) 75%);background-size:400% 100%;animation:1.5s infinite skel-shimmer;display:block}@keyframes skel-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.dash-stats{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.dash-stat-card{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);padding:24px}.dash-stat-label{color:var(--text-muted);margin-bottom:8px;font-size:13px;display:block}.dash-stat-value{letter-spacing:-.02em;font-size:24px;font-weight:700;display:block}.dash-empty{text-align:center;padding:48px 0}.dash-empty-img{opacity:.7;width:180px;height:auto;margin:0 auto 16px}.dash-empty p{margin:0 0 4px;font-size:16px;font-weight:600}.dash-empty-hint{color:var(--text-muted);font-size:14px}.dash-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto}.dash-table{border-collapse:collapse;width:100%;font-size:14px}.dash-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);background:var(--bg);padding:12px 20px;font-size:12px;font-weight:600}.dash-table th:first-child{border-radius:var(--radius-md) 0 0 0}.dash-table th:last-child{border-radius:0 var(--radius-md) 0 0}.dash-table td{border-bottom:1px solid var(--border);padding:14px 20px}.dash-table tr:last-child td{border-bottom:none}.dash-table tr:hover td{background:#00000004}.mono{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px}.text-green{color:#16a34a}.text-red{color:#ef4444}.badge{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge--green{color:#16a34a;background:#dcfce7}.badge--blue{color:#2563eb;background:#dbeafe}.badge--red{color:#ef4444;background:#ef444414}.badge--gray{color:#6b7280;background:#f3f4f6}.order-error-hint{color:#f87171;margin-top:2px;font-size:11px;line-height:1.3;display:block}.dash-alert{border-radius:var(--radius-md);background:var(--card);border:1px solid var(--border);color:var(--text);margin-bottom:24px;padding:20px}.dash-alert strong{color:var(--text);margin-bottom:12px;font-size:14px;display:block}.dash-key-display{align-items:center;gap:8px;margin-bottom:12px;display:flex}.dash-key-display code{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);word-break:break-all;flex:1;padding:10px 14px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px}.dash-icon-btn{border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all .15s var(--ease);flex-shrink:0;place-items:center;display:grid}.dash-icon-btn:hover{background:var(--bg);color:var(--text)}.dash-icon-btn--danger:hover{color:#ef4444;background:#ef444414;border-color:#ef444440}.btn--sm{min-height:36px;padding:8px 16px;font-size:13px}.dash-pagination{color:var(--text-muted);justify-content:center;align-items:center;gap:16px;margin-top:20px;font-size:14px;display:flex}.dash-pagination button{border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--surface);font-family:var(--font);cursor:pointer;padding:6px 14px;font-size:13px}.dash-pagination button:disabled{opacity:.4;cursor:default}.settings-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:24px;padding-bottom:0;display:flex}.settings-tab{font-family:var(--font);color:var(--text-muted);cursor:pointer;transition:all .15s var(--ease);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 20px;font-size:14px;font-weight:500}.settings-tab:hover{color:var(--text)}.settings-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.settings-form{gap:24px;display:grid}.field-required{color:#ef4444;font-size:12px;font-weight:500}.field-hint{color:var(--text-muted);margin-top:4px;font-size:12px;display:block}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:28px}.settings-section-title{margin:0 0 4px;font-size:17px;font-weight:700}.settings-section-desc{color:var(--text-muted);margin:0 0 20px;font-size:14px}.settings-connected{color:#16a34a;font-weight:600}.settings-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.settings-toggle{cursor:pointer;grid-column:1/-1;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.settings-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.settings-radio-group{flex-direction:column;grid-column:1/-1;gap:10px;display:flex}.settings-radio{cursor:pointer;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.settings-radio input[type=radio]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.settings-actions{align-items:center;gap:16px;display:flex}.settings-msg{font-size:14px;font-weight:500}.settings-msg.ok{color:#16a34a}.settings-msg.err{color:#ef4444}.field-masked{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);cursor:pointer;color:var(--text-muted);transition:border-color .15s var(--ease);justify-content:space-between;align-items:center;padding:12px 16px;font-size:15px;display:flex}.field-masked:hover{border-color:var(--accent)}.field-masked svg{color:var(--text-muted);opacity:0;transition:opacity .15s var(--ease)}.field-masked:hover svg{opacity:1;color:var(--accent)}.razer-info{border-radius:var(--radius-xs);justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding:16px 20px;font-size:14px;display:flex}.razer-info--ok{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.razer-info--err{color:#991b1b;background:#ef444414;border:1px solid #ef444440}.razer-info strong{font-weight:600}.razer-info span{font-weight:500}.creator-chip{background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;margin-bottom:12px;padding:0;display:flex;overflow:hidden}.creator-chip-code{font-family:var(--mono,"SF Mono", "Fira Code", monospace);color:var(--text);cursor:pointer;-webkit-user-select:all;user-select:all;flex:1;padding:12px 20px;font-size:15px;font-weight:600;transition:background .15s}.creator-chip-code:hover{background:#0000000a}.creator-chip-remove{cursor:pointer;width:44px;height:44px;color:var(--text-muted);border:none;border-left:1px solid var(--border);background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}.creator-chip-remove:hover{color:#ef4444;background:#ef444414}.creator-search-wrap{background:var(--surface);border:1px solid var(--border);transition:border-color .2s var(--ease), box-shadow .2s var(--ease);border-radius:999px;align-items:center;margin-bottom:12px;padding:4px 4px 4px 16px;display:flex;position:relative}.creator-search-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #6366f11f}.creator-search-icon{color:var(--text-muted);flex-shrink:0;margin-right:10px}.creator-search-input{font-family:var(--font);color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:10px 0;font-size:15px}.creator-search-input::placeholder{color:var(--text-muted)}.creator-search-clear{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:color .15s,background .15s;display:flex}.creator-search-clear:hover{color:var(--text);background:#0000000f}.creator-search-btn{background:var(--accent);color:#fff;font-family:var(--font);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;margin-left:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:background .15s,opacity .15s}.creator-search-btn:hover:not(:disabled){background:var(--accent-hover)}.creator-search-btn:disabled{opacity:.45;cursor:not-allowed}.lots-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.lots-header .settings-section-title,.lots-header .settings-section-desc{margin-bottom:0}.lots-search-btn{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;transition:all .15s var(--ease);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.lots-search-btn:hover{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.modal--lg{max-width:520px}.game-search-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;font-family:var(--font);color:var(--text);transition:border-color .2s var(--ease);outline:none;margin-top:16px;padding:12px 16px;font-size:15px}.game-search-input:focus{border-color:var(--accent)}.game-search-input::placeholder{color:var(--text-muted)}.game-modal-results{gap:6px;max-height:380px;margin-top:16px;display:grid;overflow-y:auto}.game-modal-hint{text-align:center;color:var(--text-muted);padding:24px 0;font-size:14px}.game-results{gap:6px;margin-bottom:8px;display:grid}.game-result{border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface);cursor:pointer;font-family:var(--font);text-align:left;width:100%;transition:border-color .15s var(--ease);align-items:center;gap:12px;padding:10px 14px;font-size:14px;display:flex}.game-result:hover{border-color:var(--accent)}.game-result:disabled{opacity:.5;cursor:default}.game-result-img{object-fit:cover;border-radius:8px;flex-shrink:0;width:48px;height:48px}.game-result-title{color:var(--text);flex:1;font-weight:500}.game-result-added{color:var(--text-muted);font-size:12px}.game-list{gap:12px;display:grid}.game-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);overflow:hidden}.game-card-top{align-items:center;gap:14px;padding:14px 16px;display:flex}.game-card-img{object-fit:cover;border-radius:10px;flex-shrink:0;width:56px;height:56px}.game-card-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.game-card-title{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.game-card-id{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.split-input-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.split-input{border:1px solid var(--border);border-radius:var(--radius-xs);font-family:var(--font);outline:none;width:200px;padding:10px 14px;font-size:15px}.split-input:focus{border-color:var(--accent)}.btn-split-add{color:#fff;background:#16a34a;border:none}.btn-split-add:hover{opacity:.9}.split-result{border-radius:var(--radius-xs);background:var(--surface);border:1px solid var(--border);padding:16px;font-size:14px}.split-result--err{color:#ef4444;background:#ef444414;border-color:#ef444440}.split-plan{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:10px;display:flex}.split-step{color:var(--text);font-size:14px;font-weight:600}.split-arrow{color:var(--text-muted);margin:0 4px;font-weight:400}.split-stats{color:var(--text-muted);flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.split-savings{color:#16a34a}.chains-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.chains-header .settings-section-title{margin:0}.chains-count{background:var(--border);min-width:22px;height:22px;color:var(--text-secondary);border-radius:999px;justify-content:center;align-items:center;margin-left:6px;padding:0 6px;font-size:12px;font-weight:600;display:inline-flex}.chains-search{border:1px solid var(--border);border-radius:var(--radius-xs);font-family:var(--font);outline:none;width:240px;padding:7px 12px;font-size:13px}.chains-search:focus{border-color:var(--accent)}.game-card-img--placeholder,.game-result-img--empty{width:56px;height:56px;color:var(--text-muted);background:#f3f4f6;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.game-result-img--empty{border-radius:8px;width:48px;height:48px}.multi-bar{border-radius:var(--radius-xs);background:var(--accent-light);border:1px solid var(--accent);margin-bottom:12px;padding:14px 16px}.cart-items{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.cart-tag{background:var(--surface);border:1px solid var(--accent);color:#4338ca;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.cart-tag-x{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:14px;line-height:1}.cart-tag-x:hover{color:#ef4444}.cart-actions{align-items:center;gap:10px;display:flex}.cart-total{color:#4338ca;font-size:14px;font-weight:600}.game-result-badge{color:#4f46e5;vertical-align:middle;background:#e0e7ff;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:600;display:inline-block}.cat-cards{gap:10px;display:grid}.cat-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;font-family:var(--font);text-align:left;width:100%;transition:border-color .15s var(--ease);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.cat-card:hover{border-color:var(--accent)}.cat-card-info{flex-direction:column;gap:2px;display:flex}.cat-card-title{color:var(--text);font-size:16px;font-weight:600}.cat-card-count{color:var(--text-muted);font-size:13px}.cat-header{margin-bottom:20px}.cat-header .back-btn{margin-bottom:12px}.cat-header .settings-section-title{margin:0}.split-box{border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border);margin-bottom:20px;padding:20px}.split-box-title{margin:0 0 4px;font-size:15px;font-weight:600}.split-box .settings-section-desc{margin-bottom:14px}.cat-tabs{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.cat-tab{border:1px solid var(--border);background:var(--surface);font-family:var(--font);color:var(--text-secondary);cursor:pointer;transition:all .15s var(--ease);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:500}.cat-tab:hover{border-color:var(--accent);color:var(--text)}.cat-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.back-btn{font-family:var(--font);color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-bottom:24px;padding:0;font-size:14px;font-weight:500;display:inline-flex}.back-btn:hover{text-decoration:underline}.game-detail-header{align-items:center;gap:16px;margin-bottom:28px;display:flex}.game-detail-img{object-fit:cover;border-radius:14px;width:64px;height:64px}.game-price-info{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:10px;margin-bottom:20px;padding:10px 14px;font-size:13px}.game-price-free{color:var(--text-muted)}.game-price-paid{color:var(--accent)}.game-card--clickable{cursor:pointer}.game-card--clickable:hover{border-color:var(--accent)}.game-card-chains{color:var(--text-muted);font-size:12px}.game-card-arrow{color:var(--text-muted);flex-shrink:0;margin-right:8px}.game-card-price{color:var(--accent);font-size:13px;font-weight:600}.game-result-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.game-result-price{color:var(--accent);font-size:12px;font-weight:600}.dash-stats--6{grid-template-columns:repeat(3,1fr)}.dash-stat-card--green .dash-stat-value{color:#16a34a}.dash-stat-card--blue .dash-stat-value{color:#2563eb}.dash-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:8px;padding:24px}.ov-chart-wrap{flex-direction:column;gap:16px;display:flex}.ov-chart-bars{align-items:flex-end;gap:12px;display:flex}.ov-chart-col{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.ov-chart-bar-stack{flex-direction:column;justify-content:flex-end;width:100%;display:flex}.ov-chart-label{color:var(--text-muted);white-space:nowrap;font-size:11px}.ov-chart-count{color:var(--text-secondary);font-size:11px;font-weight:600}.ov-chart-legend{flex-wrap:wrap;gap:20px;display:flex}.ov-legend-item{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.ov-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.ov-quick-row{grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0;display:grid}.ov-quick-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:18px 24px;display:flex}.ov-quick-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:500}.ov-quick-value{letter-spacing:-.02em;color:var(--text);font-size:22px;font-weight:700}.ov-quick-value--green{color:#16a34a}.ov-quick-value--red{color:#dc2626}.subscription-plans{grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 24px;display:grid}.subscription-plan-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:18px 24px;display:flex;position:relative}.subscription-plan-card--featured{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.subscription-plan-badge{background:var(--accent);color:#fff;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;position:absolute;top:12px;right:12px}.subscription-plan-note{color:var(--text-muted);font-size:13px;font-weight:500}.ov-stats-panel{background:var(--card);border:1px solid var(--border);border-radius:12px;align-items:center;gap:32px;margin-top:20px;padding:20px 24px;display:flex}.ov-stats-ring-wrap{flex-shrink:0;width:80px;height:80px;position:relative}.ov-stats-ring-svg{display:block}.ov-stats-ring-pct{justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex;position:absolute;inset:0}.ov-stats-breakdown{flex-direction:column;flex:1;gap:8px;display:flex}.ov-stats-row{align-items:center;gap:10px;font-size:14px;display:flex}.ov-stats-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.ov-stats-row-label{color:var(--muted);flex:1}.ov-stats-row-val{font-variant-numeric:tabular-nums;font-weight:600}.analytics-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:12px;display:grid}.analytics-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px}.analytics-card--ring{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.analytics-card-label{color:var(--muted);font-size:13px;font-weight:500}.analytics-card-title{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:13px;font-weight:600}.analytics-rows{flex-direction:column;gap:8px;display:flex}.analytics-row{align-items:baseline;font-size:14px;display:flex}.analytics-row>span:first-child{flex:1;min-width:0}.analytics-val{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;flex:0 0 100px;margin-left:8px;font-weight:600}.ov-feed{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.ov-feed-item{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:14px 20px;display:flex}.ov-feed-item:last-child{border-bottom:none}.ov-feed-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.ov-feed-item--green .ov-feed-dot{background:#16a34a}.ov-feed-item--red .ov-feed-dot{background:#dc2626}.ov-feed-item--blue .ov-feed-dot{background:#2563eb}.ov-feed-body{flex-direction:column;gap:2px;min-width:0;display:flex}.ov-feed-text{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.ov-feed-ts{color:var(--text-muted);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px}@media (width<=1024px){.login-page{grid-template-columns:1fr}.login-left{display:none}.hero-split{grid-template-columns:1fr}.hero-content{max-width:100%}h1,.hero-sub{text-align:center}.hero-actions,.stats-row{justify-content:center}.hero-visual{max-width:500px;margin:0 auto}.showcase{grid-template-columns:1fr}.showcase-visual{max-width:500px}.steps-grid,.ctrl-grid{grid-template-columns:repeat(2,1fr)}.step-connector,.nav,.deco{display:none}}@media (width<=640px){.header-inner{height:58px}.stats-row{gap:20px}.steps-grid,.ctrl-grid{grid-template-columns:1fr}.footer-inner{text-align:center;flex-direction:column;gap:6px}}.dash-mobile-header,.dash-sidebar-overlay{display:none}.dash-body{display:contents}@media (width<=768px){.cmp-card{grid-template-columns:1fr}.cmp-card-img{padding:16px}.cmp-card-body{padding:20px}.hero-sub{font-size:15px}.btn{min-height:48px;padding:12px 22px;font-size:15px}.dash{grid-template-columns:1fr;position:relative}.dash-body{contents:unset;flex-direction:column;min-height:100dvh;display:flex}.dash-sidebar{z-index:300;width:260px;height:100dvh;box-shadow:none;transition:transform .25s cubic-bezier(.25,.46,.45,.94);position:fixed;top:0;left:0;transform:translate(-100%)}.dash-sidebar--open{transform:translate(0);box-shadow:4px 0 24px #0000001f}.dash-sidebar-overlay{z-index:299;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;display:block;position:fixed;inset:0}.dash-mobile-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;flex-shrink:0;align-items:center;gap:12px;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.dash-hamburger{width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;flex-shrink:0;place-items:center;display:grid}.dash-hamburger:hover{background:var(--bg)}.dash-mobile-page-label{color:var(--text-muted);margin-left:auto;font-size:15px;font-weight:600}.dash-main{max-width:100%;padding:20px 16px}.dash-title{font-size:22px}.dash-subtitle{font-size:15px}.dash-stats,.dash-stats--6{grid-template-columns:repeat(2,1fr);gap:12px}.dash-stat-value{font-size:20px}.ov-quick-row{grid-template-columns:1fr;gap:10px;margin:16px 0}.ov-chart-bars{-webkit-overflow-scrolling:touch;gap:8px;min-width:0;overflow-x:auto}.ov-chart-col{flex:0 0 36px;min-width:36px}.dash-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.dash-table{min-width:520px}.dash-header-row{flex-wrap:wrap;gap:12px;margin-bottom:20px}.settings-grid{grid-template-columns:1fr}.settings-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:0;overflow-x:auto}.settings-tab{white-space:nowrap;padding:10px 14px;font-size:13px}.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:100%;max-height:90dvh;padding:28px 20px;overflow-y:auto}.modal--lg{max-width:100%}.game-list{gap:10px}.game-card-top{padding:12px 14px}.game-card-title{font-size:14px}.chains-search{width:100%}.chains-header{flex-direction:column;align-items:flex-start}.split-input-row{flex-direction:column;align-items:stretch}.split-input{width:100%}.lots-header{flex-wrap:wrap}.login-right{padding:32px 20px}.login-form-wrap{max-width:100%}.login-title{font-size:24px}.dash-key-display{flex-wrap:wrap}.dash-key-display code{word-break:break-all;min-width:0}.dash-alert{padding:16px}.dash-pagination{gap:10px;font-size:13px}.settings-section{padding:20px 16px}.razer-info{flex-direction:column;align-items:flex-start}.cat-tabs{flex-wrap:wrap}.pricing-grid,.pricing-features,.subscription-plans{grid-template-columns:1fr}.settings-actions{flex-wrap:wrap}}@media (width<=480px){.dash-stats,.dash-stats--6{grid-template-columns:1fr}.hero-actions{flex-direction:column}.hero-actions .btn{justify-content:center;width:100%}.pricing-card{border-radius:20px}.pricing-header{padding:28px 20px 20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.fade-up{opacity:1;transform:none}}