:root{--bg: #10131f;--bg-top: #1c2142;--card: #1e2340;--card-2: #141b2d;--card-dark: #141828;--action: #ffc403;--gold: #ffb921;--gold-glow: rgba(255, 185, 33, .45);--teal: #00b4d8;--danger: #e8404a;--white: #ffffff;--text: rgba(255, 255, 255, .9);--muted: rgba(255, 255, 255, .55);--muted-2: rgba(255, 255, 255, .35);--border: rgba(255, 255, 255, .09);--bg-gradient: linear-gradient(180deg, #1c2142 0%, #10131f 55%);--card-gradient: linear-gradient(160deg, #1e2340 0%, #141b2d 100%);--action-gradient: linear-gradient(135deg, #ffd933 0%, #ffaf00 100%);--radius: 18px;--radius-sm: 14px;--max-width: 1100px;--font-display: "Lilita One", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text);font-family:var(--font-body);font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button{font-family:inherit;cursor:pointer}h1,h2,h3{font-family:var(--font-display);font-weight:400;letter-spacing:0}::selection{background:var(--gold);color:var(--bg)}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.site-header{padding:18px 0;position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#10131fb8;border-bottom:1px solid var(--border)}.site-header .container{display:grid;grid-template-columns:1fr minmax(0,420px) 1fr;align-items:center;gap:16px}.site-header .brand{justify-self:start}.header-search{justify-self:center;width:100%;max-width:420px}.site-header .lang-switch{justify-self:end}@media(max-width:760px){.site-header .container{grid-template-columns:auto 1fr;grid-template-areas:"brand toggle" "search search";row-gap:12px}.site-header .brand{grid-area:brand}.site-header .lang-switch{grid-area:toggle}.header-search{grid-area:search;max-width:none}}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:20px;letter-spacing:.2px}.brand-logo{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 4px 16px var(--gold-glow))}.lang-switch{display:inline-flex;border:1px solid var(--border);border-radius:100px;padding:4px;background:#ffffff08}.lang-switch a,.lang-switch button{background:none;border:none;color:var(--muted);font-weight:600;font-size:13px;padding:6px 12px;border-radius:100px;transition:all .15s;text-decoration:none;line-height:1}.lang-switch a.active,.lang-switch button.active{background:var(--white);color:var(--bg)}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--action-gradient);color:#1a1400;font-weight:700;font-size:15px;padding:14px 22px;border:none;border-radius:14px;box-shadow:0 8px 28px var(--gold-glow);transition:transform .15s,box-shadow .15s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 36px var(--gold-glow)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:#ffffff0f;color:var(--white);font-weight:600;font-size:15px;padding:13px 20px;border:1px solid var(--border);border-radius:14px;transition:background .15s}.btn-secondary:hover{background:#ffffff1a}.badges{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.store-badge-img{display:inline-flex;align-items:center}.store-badge-img img{display:block;width:auto;height:48px}.store-badge-img.apple{transition:transform .15s;border-radius:9px}.store-badge-img.apple:hover{transform:translateY(-2px)}.store-badge-img.android{transition:transform .15s;border-radius:9px}.store-badge-img.android:hover{transform:translateY(-2px)}.hero{padding:76px 0 56px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-220px;left:50%;transform:translate(-50%);width:820px;height:820px;background:radial-gradient(circle,var(--gold-glow),transparent 60%);opacity:.22;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;position:relative}@media(max-width:880px){.hero-grid{grid-template-columns:1fr;gap:32px}}.eyebrow{display:inline-block;font-size:12px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold);background:#ffb9211a;border:1px solid rgba(255,185,33,.3);border-radius:100px;padding:6px 14px;margin-bottom:18px}.hero h1{font-size:clamp(40px,6.2vw,66px);line-height:1.02;margin:0 0 18px}.hero h1 .accent{color:var(--gold)}.hero p.lead{font-size:17px;color:var(--muted);margin:0 0 28px;max-width:540px}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.mockups{position:relative;perspective:1200px}.mockups-wrapper{position:relative;height:400px}.widget-mock{background:var(--card-gradient);border-radius:var(--radius);padding:16px;border:1px solid var(--border);box-shadow:0 24px 60px #00000080;overflow:hidden}.widget-mock.large{width:240px;height:240px;position:absolute;top:0;right:0;transform:rotate(4deg) translateZ(0);z-index:2}.widget-mock.small{width:150px;height:150px;padding:12px;position:absolute;bottom:0;left:16px;transform:rotate(-6deg) translateZ(0);z-index:1}@media(max-width:880px){.mockups-wrapper{height:340px}.widget-mock.large{width:210px;height:210px}.widget-mock.small{width:130px;height:130px;padding:11px}}.widget-mock .name{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.widget-mock .trophies{display:flex;align-items:center;gap:6px;margin-top:4px;white-space:nowrap}.widget-mock .trophies .num{font-family:var(--font-display);font-size:22px;color:var(--gold);white-space:nowrap}.widget-mock.large .trophies .num{font-size:32px}.widget-mock.small .trophies .num{font-size:20px}.widget-mock.small .trophy-icon{width:18px;height:18px}.widget-mock .trophy-icon{width:22px;height:22px;background:var(--gold);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M5 3h14v6a7 7 0 01-14 0V3zM5 5H2v2c0 2 2 4 4 4M19 5h3v2c0 2-2 4-4 4M9 14h6v4H9zM6 18h12v3H6z'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M5 3h14v6a7 7 0 01-14 0V3zM5 5H2v2c0 2 2 4 4 4M19 5h3v2c0 2-2 4-4 4M9 14h6v4H9zM6 18h12v3H6z'/></svg>") center/contain no-repeat}.widget-mock .divider{height:1px;background:#ffffff1a;margin:12px 0 8px}.widget-mock.small .divider{margin:8px 0 6px}.widget-mock .row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--white);margin-bottom:6px}.widget-mock.small .row{font-size:11px;gap:6px;margin-bottom:0}.widget-mock .avatar{width:22px;height:22px;border-radius:6px;object-fit:cover;background:linear-gradient(135deg,#5dd4e8,#5e88ff);flex-shrink:0}.widget-mock.small .avatar{width:18px;height:18px;border-radius:5px}.widget-mock .avatar.b1{background:linear-gradient(135deg,#ff7eb9,#5b2dbd)}.widget-mock .avatar.b2{background:linear-gradient(135deg,#ffd84a,#ff8c00)}.widget-mock .avatar.b3{background:linear-gradient(135deg,#34d399,#0a3a1a)}.widget-mock .row .gold{color:var(--gold);font-family:var(--font-display);margin-left:auto}.tag-search{display:flex;gap:10px;flex-wrap:wrap;max-width:480px}.tag-input-wrap{flex:1;min-width:220px;display:flex;align-items:center;background:#ffffff0d;border:1px solid var(--border);border-radius:14px;padding:0 16px;transition:border-color .15s,background .15s}.tag-input-wrap:focus-within{border-color:var(--teal);background:#ffffff12}.tag-hash{font-family:var(--font-display);font-size:22px;color:var(--gold);margin-right:10px;line-height:1;user-select:none}.tag-input{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--white);font-family:var(--font-body);font-size:16px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:14px 0}.tag-input::placeholder{color:var(--muted-2);text-transform:none;letter-spacing:0;font-weight:400}.tag-search .btn-primary{border-radius:14px}.tag-error{width:100%;margin:4px 0 0;color:var(--danger);font-size:13px}.search-section .tag-search{margin:0 auto}.tag-search.compact{position:relative;gap:6px;max-width:none;width:100%;flex-wrap:nowrap}.tag-search.compact .tag-input-wrap{padding:0 12px;border-radius:12px}.tag-search.compact .tag-input{padding:9px 0;font-size:14px}.tag-search.compact .tag-hash{font-size:18px;margin-right:7px}.tag-search.compact .btn-primary{padding:9px 12px;border-radius:12px;flex-shrink:0}.tag-search.compact .tag-error{position:absolute;top:calc(100% + 6px);left:0;width:auto;margin:0;z-index:60;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:6px 10px;box-shadow:0 8px 24px #0006}.section{padding:70px 0;position:relative}.section h2{font-size:clamp(30px,4vw,40px);margin:0 0 12px;text-align:center}.section .subtitle{text-align:center;color:var(--muted);font-size:16px;margin:0 auto 48px;max-width:580px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.feature-card{background:var(--card-gradient);border:1px solid var(--border);border-radius:var(--radius);padding:26px;transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateY(-4px);border-color:#ffb9214d}.feature-icon{width:44px;height:44px;border-radius:12px;background:#ffb92126;color:var(--gold);display:grid;place-items:center;font-size:22px;margin-bottom:14px}.feature-card h3{font-size:18px;margin:0 0 6px}.feature-card p{font-size:14px;color:var(--muted);margin:0;line-height:1.5}.premium{background:var(--card-gradient);border:1px solid rgba(255,185,33,.4);border-radius:24px;padding:48px 40px;text-align:center;position:relative;overflow:hidden}.premium:before{content:"";position:absolute;inset:-2px;background:radial-gradient(circle at 50% -20%,var(--gold-glow),transparent 60%);pointer-events:none;opacity:.4}.premium-crown{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#ffb9212e;margin:0 auto 16px;font-size:28px;position:relative}.premium h2{margin-bottom:8px;position:relative}.premium .price{display:inline-block;font-size:14px;font-weight:600;color:var(--gold);background:#ffb9211f;border-radius:100px;padding:6px 14px;margin-top:4px;position:relative}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px;position:relative}@media(max-width:700px){.benefits{grid-template-columns:1fr}}.benefit{background:#ffffff0a;border:1px solid var(--border);border-radius:14px;padding:18px;text-align:left;display:flex;gap:12px;align-items:flex-start}.benefit-icon{width:32px;height:32px;border-radius:9px;background:#ffb92126;color:var(--gold);display:grid;place-items:center;flex-shrink:0;font-size:16px}.benefit-text{font-size:13px}.benefit-text strong{display:block;margin-bottom:2px}.benefit-text span{color:var(--muted)}.steps-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.step-card{position:relative;background:var(--card-gradient);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px 24px}.step-num{position:absolute;top:18px;right:20px;font-family:var(--font-display);font-size:30px;color:#ffffff14}.step-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#00b4d824;color:var(--teal);font-family:var(--font-display);font-size:22px;margin-bottom:14px}.step-card h3{font-size:18px;margin:0 0 6px}.step-card p{font-size:14px;color:var(--muted);margin:0;line-height:1.5}.theme-preview{position:relative;width:280px;height:280px;margin:0 auto;background-size:cover;background-position:center;transition:background-color .3s ease}.theme-preview[data-theme=brawloween]{background-color:#291a4a;background-image:url(/themes/brawloween.png)}.theme-preview[data-theme=snowtel]{background-color:#0a2640;background-image:url(/themes/snowtel.png)}.theme-preview[data-theme=lunar]{background-color:#2a0a0a;background-image:url(/themes/lunar.png)}.theme-preview[data-theme=goldarmor]{background-color:#1f170a;background-image:url(/themes/goldarmor.png)}.theme-preview[data-theme=mecha]{background-color:#050a21;background-image:url(/themes/mecha.png)}.theme-preview[data-theme=classic]{background-image:linear-gradient(160deg,#222a3d,#2e3850)}.theme-preview[data-theme=beach]{background-image:linear-gradient(160deg,#00334d,#006680)}.theme-preview:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000006b,#000000a8);pointer-events:none}.theme-preview>*{position:relative;z-index:1}.theme-preview .trophies .num,.theme-preview .row .gold{color:var(--gold)}.theme-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:26px}.theme-chip{padding:8px 14px;border-radius:100px;border:1px solid var(--border);background:#ffffff0a;color:var(--muted);font-size:13px;font-weight:600;transition:all .15s}.theme-chip:hover{color:var(--white)}.theme-chip.active{background:var(--white);color:var(--bg);border-color:transparent}.promo-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}@media(max-width:880px){.promo-grid{grid-template-columns:1fr;gap:32px}}.promo-text h2{text-align:left}.promo-caption{color:var(--muted);font-size:14px;margin:0 0 10px}.promo-card{position:relative;overflow:hidden;background:var(--card-gradient);border:1px solid rgba(255,185,33,.28);border-radius:22px;padding:26px;box-shadow:0 24px 60px #00000073}.promo-glow{position:absolute;top:-120px;right:-100px;width:320px;height:320px;background:radial-gradient(circle,var(--gold-glow),transparent 62%);opacity:.5;pointer-events:none}.promo-head{display:flex;align-items:center;gap:16px;position:relative}.promo-avatar{width:64px;height:64px;border-radius:16px;object-fit:cover;background:linear-gradient(135deg,#5dd4e8,#5e88ff);flex-shrink:0}.promo-name{font-family:var(--font-display);font-size:26px;color:var(--white)}.promo-tagline{font-size:13px;letter-spacing:1px;color:var(--muted);margin-top:2px}.promo-stats{display:flex;gap:12px;margin-top:20px;position:relative}.promo-stat{flex:1;background:#ffffff0a;border:1px solid var(--border);border-radius:12px;padding:12px 14px}.promo-stat-label{display:block;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.promo-stat-val{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:24px;margin-top:4px}.promo-stat.gold .promo-stat-val{color:var(--gold)}.promo-stat.teal .promo-stat-val{color:var(--teal)}.promo-stat-val .trophy-glyph{width:16px;height:16px}.promo-brawlers{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;position:relative}.promo-brawlers img,.promo-brawlers span{width:52px;height:52px;border-radius:12px;object-fit:cover;background:linear-gradient(135deg,#2a3358,#161b30)}.promo-brawlers .b1{background:linear-gradient(135deg,#ff7eb9,#5b2dbd)}.promo-brawlers .b2{background:linear-gradient(135deg,#ffd84a,#ff8c00)}.promo-brawlers .b3{background:linear-gradient(135deg,#34d399,#0a3a1a)}.faq-list{display:flex;flex-direction:column;gap:10px;margin-top:32px}.faq-item{background:var(--card-gradient);border:1px solid var(--border);border-radius:14px;padding:0 18px}.faq-item summary{cursor:pointer;padding:16px 0;font-weight:600;font-size:15px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--teal);font-size:22px;line-height:1;flex-shrink:0}.faq-item[open] summary:after{content:"–"}.faq-item p{margin:0 0 16px;color:var(--muted);font-size:14px;line-height:1.6}.device-cta{position:fixed;left:0;right:0;bottom:0;z-index:80;display:flex;align-items:center;justify-content:center;gap:14px;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));background:#10131feb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border)}.device-cta[hidden]{display:none}.device-cta-label{font-weight:600;font-size:14px;color:var(--text)}.device-cta .store-badge-img img{height:44px}body.has-device-cta{padding-bottom:86px}.site-footer{margin-top:80px;padding:36px 0;border-top:1px solid var(--border);font-size:13px;color:var(--muted)}.site-footer .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-links{display:flex;gap:22px;flex-wrap:wrap}.footer-links a:hover{color:var(--white)}.legal-page{padding:60px 0 40px}.legal-page h1{font-size:clamp(30px,4vw,40px);margin:0 0 8px}.legal-page .updated{color:var(--muted-2);font-size:13px;margin-bottom:36px}.legal-page article{background:var(--card-gradient);border:1px solid var(--border);border-radius:var(--radius);padding:36px;font-size:15px;line-height:1.7}.legal-page article h2{font-size:20px;margin:28px 0 8px}.legal-page article h2:first-child{margin-top:0}.legal-page article p,.legal-page article ul{color:#ffffffc7;margin:8px 0}.legal-page article ul{padding-left:20px}.legal-page article li{margin:4px 0}.legal-page article a{color:var(--teal)}.legal-page article a:hover{text-decoration:underline}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:14px;font-weight:500;margin-bottom:24px;transition:color .15s}.back-link:hover{color:var(--white)}