:root{--bg:#080c19;--panel:#11182b;--card:#151d31;--muted:#9ba7c3;--white:#fff;--cyan:#00d5ff;--purple:#9b51e0;--green:#00d084;--pink:#ff4ca8;--line:rgba(255,255,255,.09);font-family:Outfit,system-ui,sans-serif;color:var(--white);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 70% 10%,rgba(70,35,155,.12),transparent 30%),var(--bg);color:var(--white)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.container{width:min(1160px,calc(100% - 40px));margin:auto}.narrow{max-width:780px}.site-header{position:sticky;top:0;z-index:50;background:#080c19d1;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-wrap{height:76px;width:min(1240px,calc(100% - 40px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-family:Space Grotesk;font-size:22px;font-weight:700;letter-spacing:-1px;display:flex;align-items:center}.logo>span:first-child{width:32px;height:32px;display:grid;place-items:center;margin-right:8px;background:linear-gradient(135deg,var(--cyan),var(--purple));border-radius:10px;font-size:25px}.logo>span:last-child{color:var(--cyan)}nav{display:flex;align-items:center;gap:16px;flex-wrap:nowrap}nav a{font-size:13px;color:#c1c9dc;font-weight:600;transition:.2s;white-space:nowrap}nav a:hover,nav a.active{color:#fff}.nav-actions{display:flex;gap:10px;align-items:center}.icon-btn{font-size:24px;width:38px;height:38px;display:grid;place-items:center}.btn{border:0;cursor:pointer;color:#061019;background:linear-gradient(135deg,#18dcff,#35e49e);font-weight:800;display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:12px;box-shadow:0 10px 30px #00d5ff2e;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 36px #00d5ff47}.btn.small{padding:10px 16px;border-radius:9px;font-size:13px}.btn.ghost{color:#fff;background:#ffffff14;border:1px solid var(--line);box-shadow:none}.hamburger{display:none;background:none;border:0;color:#fff;font-size:24px}.hero{min-height:670px;position:relative;display:flex;align-items:center;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#040710fc,#040710d6 30%,#04071024 69%,#04071033),linear-gradient(0deg,var(--bg),transparent 18%)}.hero-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:#1147ff;filter:blur(180px);opacity:.18;left:-250px;top:50px}.hero-content{position:relative;z-index:2;padding:70px 0}.hero-kicker,.eyebrow{display:block;text-transform:uppercase;letter-spacing:2.2px;font-size:11px;font-weight:800;color:#4ce8ff;margin-bottom:18px}.hero-kicker i{color:var(--green);font-style:normal;margin-right:6px;text-shadow:0 0 12px var(--green)}h1,h2,h3,p{margin-top:0}.hero h1{font-family:Space Grotesk;font-size:clamp(55px,6.4vw,88px);letter-spacing:-5px;line-height:.93;margin-bottom:22px;max-width:700px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#25dcff,#b160ff);background-clip:text;color:transparent}.hero-content>p{max-width:470px;font-size:18px;color:#b4bdd2;line-height:1.6}.search{display:flex;align-items:center;gap:10px;background:#fff;border-radius:12px;padding:6px 8px 6px 16px;max-width:580px}.search>span{color:#667085;font-size:24px}.search input{border:0;outline:0;flex:1;min-width:80px;color:#182033;background:transparent}.search kbd{border:0;background:#121a2d;color:#fff;padding:10px 15px;border-radius:8px;font-family:inherit;font-weight:700;font-size:12px}.search.large{margin:30px 0 18px;height:58px}.hero-buttons{display:flex;gap:12px}.hero-stats{display:flex;gap:25px;margin-top:38px;color:#7f8ba8;font-size:12px}.hero-stats span{padding-right:25px;border-right:1px solid var(--line)}.hero-stats span:last-child{border:0}.hero-stats b{color:#fff;font-size:16px;margin-right:5px}.ad{height:150px;border:1px dashed #36415c;border-radius:14px;display:grid;place-items:center;color:#62708e;background:#ffffff04;margin:28px 0}.ad.compact{height:82px}.ad span{text-transform:uppercase;letter-spacing:2px;font-size:9px}.section{padding-top:82px;padding-bottom:82px}.section.tint{background:linear-gradient(180deg,#19223b8c,#0b102033);border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.section-title .eyebrow{margin-bottom:10px}.section-title h2,.app-banner h2{font-family:Space Grotesk;font-size:clamp(30px,4vw,44px);letter-spacing:-2px;margin-bottom:5px}.section-title p{color:var(--muted);margin:5px 0}.text-link{font-size:13px;font-weight:700;color:#bfc9de}.text-link span{display:inline-grid;place-items:center;margin-left:8px;border-radius:50%;border:1px solid var(--line);width:28px;height:28px}.game-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:17px}.game-grid.featured{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,190px)}.game-grid.featured .wide{grid-column:span 2;grid-row:span 2}.game-card{min-width:0;display:block;transition:transform .25s}.game-card:hover{transform:translateY(-6px)}.game-art{height:154px;border-radius:16px;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 -30px 50px #00000026}.featured .game-art{height:100%}.game-icon{font-size:64px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.3));transition:transform .25s}.game-card:hover .game-icon{transform:scale(1.1) rotate(-4deg)}.play-bubble{position:absolute;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;color:#111;opacity:0;transform:scale(.6);transition:.2s}.game-card:hover .play-bubble{opacity:1;transform:scale(1)}.rating{position:absolute;top:10px;right:10px;font-size:10px;background:#050812b8;padding:5px 7px;border-radius:7px}.game-info{display:flex;justify-content:space-between;align-items:end;padding:12px 4px}.game-info h3{font-size:15px;margin:0 0 3px}.game-info span{color:#8d98b3;font-size:11px}.game-info .plays{white-space:nowrap}.featured .wide .game-icon{font-size:110px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-grid.large{grid-template-columns:repeat(3,1fr)}.category-card{height:95px;border:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--cat) 16%,var(--card)),var(--card));border-radius:16px;padding:18px;display:flex;align-items:center;gap:15px;transition:.25s}.category-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--cat) 60%,white);box-shadow:0 14px 40px color-mix(in srgb,var(--cat) 14%,transparent)}.cat-icon{font-size:29px;width:54px;height:54px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--cat) 22%,transparent)}.category-card h3{font-size:16px;margin:0 0 4px}.category-card p{font-size:11px;color:var(--muted);margin:0}.category-card .arrow{margin-left:auto;color:#9ca8c1}.app-banner{min-height:430px;border-radius:26px;background:radial-gradient(circle at 18% 20%,rgba(17,220,255,.25),transparent 28%),linear-gradient(120deg,#15234a,#3c176c 78%,#73195a);margin-top:65px;padding:60px 8%;display:flex;justify-content:flex-end;position:relative;overflow:hidden}.app-banner>div:last-child{width:48%;position:relative;z-index:2}.app-banner p{color:#c1c9db;line-height:1.6}.phone{position:absolute;left:9%;bottom:-80px;width:270px;height:420px;border:10px solid #293458;border-radius:45px;background:linear-gradient(160deg,#092a57,#7c267c);box-shadow:0 30px 60px #00000059;font-size:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-8deg)}.phone span{font:700 22px Space Grotesk;text-align:center;margin-top:18px}.store-row{display:flex;align-items:center;gap:25px;margin-top:26px}.store{background:#05070d;border:1px solid #69718a;border-radius:9px;padding:8px 18px;display:flex;flex-direction:column}.store small{font-size:8px}.store b{font-size:18px}.store-row>span{font-size:11px;color:#abb5cc}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-card{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.25s}.blog-card:hover{transform:translateY(-5px);border-color:#ffffff38}.blog-art{height:180px;position:relative;display:grid;place-items:center}.blog-art span{font-size:70px}.blog-art b{position:absolute;left:14px;top:14px;background:#fff;color:#111827;border-radius:7px;padding:5px 9px;font-size:9px;text-transform:uppercase;letter-spacing:1px}.blog-copy{padding:20px}.blog-copy small{color:#7f8ba5}.blog-copy h3{margin:9px 0;font-size:20px}.blog-copy p{color:var(--muted);font-size:13px;line-height:1.5}.blog-copy strong{color:#4ce8ff;font-size:12px}footer{background:#080b15;border-top:1px solid var(--line);margin-top:70px}.footer-main{padding:65px 0;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:60px}.footer-brand p{max-width:300px;color:var(--muted);line-height:1.6}.footer-main h4{text-transform:uppercase;letter-spacing:1.5px;font-size:11px;color:#6d7892;margin-bottom:20px}.footer-main>div:not(:first-child) a{display:block;color:#b4bed3;font-size:13px;margin:13px 0}.socials{display:flex;gap:10px}.socials a{width:34px;height:34px;border:1px solid var(--line);display:grid;place-items:center;border-radius:9px}.footer-bottom{border-top:1px solid var(--line);padding:22px 0;color:#5f6981;font-size:11px;display:flex;justify-content:space-between}.page-hero{padding:90px 0 70px;background:radial-gradient(circle at 75% 0,rgba(119,49,202,.25),transparent 35%),linear-gradient(180deg,#11182b,var(--bg));border-bottom:1px solid var(--line)}.page-hero h1,.game-head h1,.article h1{font:700 clamp(42px,6vw,68px)/1 "Space Grotesk";letter-spacing:-3px;margin-bottom:14px}.page-hero p,.game-head p{color:var(--muted);font-size:18px}.filters{display:grid;grid-template-columns:1fr 210px 170px;gap:12px}.filters .search{max-width:none;background:var(--card);border:1px solid var(--line)}.filters .search input{color:#fff}.filters select{background:var(--card);border:1px solid var(--line);border-radius:12px;color:#c5cee0;padding:0 15px;outline:none}.result-count{font-size:12px;color:var(--muted);margin:25px 0}.empty{text-align:center;padding:90px 20px;color:var(--muted);grid-column:1/-1}.empty>span,.empty:first-child{font-size:55px}.empty h2{color:#fff}.empty.page{min-height:60vh;display:grid;place-items:center;align-content:center;gap:16px}.game-head{padding:55px 0 35px;background:linear-gradient(180deg,#11182b,var(--bg))}.crumbs{font-size:11px;color:#73809b;margin-bottom:25px}.game-head h1{font-size:48px}.game-page>.ad:first-child{margin-top:10px}.game-stage{aspect-ratio:16/8.5;border-radius:20px;position:relative;display:grid;place-items:center;overflow:hidden}.game-cover{text-align:center}.game-cover>span{display:block;font-size:120px}.game-cover p{text-transform:uppercase;font-size:10px;letter-spacing:2px}.play-main{width:80px;height:80px;border:0;border-radius:50%;background:#fff;color:#131a2c;font-size:27px;padding-left:8px;cursor:pointer;box-shadow:0 0 0 12px #ffffff24;margin:20px}.fullscreen{position:absolute;right:15px;bottom:15px;background:#050812bf;color:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 12px;cursor:pointer}.iframe-placeholder,.iframe-placeholder iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.iframe-placeholder>div{position:absolute;inset:0;display:grid;place-items:center;align-content:center;text-align:center;background:#080c19d1}.iframe-placeholder span{font-size:70px}.iframe-placeholder p{color:var(--muted)}.game-meta{display:grid;grid-template-columns:1fr 320px;gap:60px;padding:50px 0;border-bottom:1px solid var(--line)}.game-meta article p{color:var(--muted);line-height:1.75}.game-meta aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}.game-meta aside div{background:var(--card);border:1px solid var(--line);border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center}.game-meta aside span{color:#ffd25c}.game-meta aside b{font-size:25px;margin:4px}.game-meta aside small{color:var(--muted)}.share{display:flex;gap:8px;align-items:center;margin-top:25px}.share b{font-size:12px;margin-right:10px}.share button{width:30px;height:30px;border:1px solid var(--line);background:var(--card);color:#fff;border-radius:8px}.instructions{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding-top:24px}.instructions article{display:flex;gap:18px;background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:22px}.instructions article>span{font-size:28px}.instructions h3{margin-bottom:7px}.instructions p{color:var(--muted);font-size:13px;line-height:1.5;margin:0}.podium{height:240px;display:flex;align-items:end;justify-content:center;gap:18px;margin-bottom:35px}.podium>div{width:190px;height:155px;background:var(--panel);border:1px solid var(--line);border-radius:18px 18px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.podium .winner{height:210px;background:linear-gradient(180deg,rgba(255,204,66,.15),var(--panel));border-color:#ffcc424d}.podium span{font-size:45px}.podium b{margin:8px}.podium small{color:var(--muted)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}table{width:100%;border-collapse:collapse;background:var(--panel)}th,td{text-align:left;padding:18px 22px;border-bottom:1px solid var(--line);font-size:13px}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#748099}td{color:#b8c1d4}.rank{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#1b243a}.apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.app-card{background:var(--card);border:1px solid var(--line);padding:20px;border-radius:18px;display:grid;grid-template-columns:auto 1fr;gap:16px}.app-card .btn{grid-column:1/-1}.app-icon{width:70px;height:70px;border-radius:18px;display:grid;place-items:center;font-size:35px}.app-card h3{margin:5px 0}.app-card p{color:var(--muted);font-size:12px}.app-card span{font-size:12px;color:#ffd15b}.coming-soon{margin-top:30px;min-height:330px;background:linear-gradient(120deg,#122342,#4c1c69);border-radius:22px;padding:50px 10%;display:flex;align-items:center;gap:70px}.coming-soon>span{font-size:130px}.coming-soon h2{font-size:40px;margin:6px 0}.coming-soon p{color:#b9c2d6}.blog-layout{display:grid;grid-template-columns:1fr 280px;gap:25px}.blog-grid.two{grid-template-columns:repeat(2,1fr)}.blog-side>.ad{margin-top:0}.blog-side>div:last-child{background:linear-gradient(140deg,#1b2850,#4c1a63);border-radius:18px;padding:25px}.blog-side input{width:100%;padding:12px;border:0;border-radius:8px;margin:10px 0}.blog-side .btn{width:100%}.article{padding-top:70px}.article .back{display:block;color:var(--muted);margin-bottom:55px;font-size:12px}.article .lead{font-size:20px;color:#c4cce0}.article small{color:#78849f}.article-cover{height:390px;border-radius:20px;display:grid;place-items:center;font-size:130px;margin:35px 0}.article h2{font-size:27px;margin-top:35px}.article p{color:#aeb8ce;line-height:1.8}.article-callout{display:flex;gap:16px;background:var(--card);border-left:3px solid var(--cyan);padding:20px;border-radius:8px;margin-top:30px;font-size:25px}.article-callout p{margin:5px 0 0;font-size:14px}.content-page{display:grid;grid-template-columns:1.2fr 1fr;gap:90px}.big-copy h2{font:700 38px/1.15 Space Grotesk;letter-spacing:-1.5px}.big-copy p{color:var(--muted);line-height:1.8;font-size:17px}.values{display:grid;gap:14px}.values article{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:20px}.values span{font-size:25px}.values h3{margin:8px 0}.values p{color:var(--muted);margin:0}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-layout>div>p{color:var(--muted);line-height:1.7}.contact-card{display:flex;gap:15px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;margin-top:12px}.contact-card span{display:flex;flex-direction:column}.contact-card small{color:var(--muted);font-size:9px;letter-spacing:1px}.contact-layout form{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px}.contact-layout label{display:block;font-size:12px;font-weight:700;margin-bottom:18px}.contact-layout input,.contact-layout textarea{display:block;width:100%;margin-top:7px;background:#0c1221;border:1px solid var(--line);border-radius:9px;padding:13px;color:#fff;outline:none}.contact-layout textarea{resize:vertical}.contact-layout form .btn{width:100%}.legal{color:#aeb8ce;line-height:1.8}.legal h2{color:#fff;margin:35px 0 10px}.legal a{color:var(--cyan)}.not-found{min-height:75vh;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,rgba(127,55,215,.25),transparent 50%)}.not-found>div>span{font-size:70px}.not-found b{display:block;font:700 140px/1 Space Grotesk;letter-spacing:-10px}.not-found b span{color:var(--cyan)}.not-found p{color:var(--muted)}@media(max-width:1400px){nav{position:fixed;top:76px;left:0;right:0;background:#0c1221;display:none;flex-direction:column;align-items:stretch;padding:20px 30px;border-bottom:1px solid var(--line)}nav.open{display:flex}nav a{padding:9px}.hamburger{display:block}.nav-actions>.btn{display:none}.game-grid,.game-grid.featured{grid-template-columns:repeat(3,1fr)}.game-grid.featured .wide{grid-column:span 1;grid-row:span 1}.featured .wide .game-icon{font-size:64px}.category-grid{grid-template-columns:repeat(2,1fr)}.app-banner>div:last-child{width:55%}.phone{left:5%;width:230px}.blog-layout{grid-template-columns:1fr}.blog-side{display:grid;grid-template-columns:1fr 1fr;gap:20px}.footer-main{grid-template-columns:2fr 1fr 1fr}.footer-main>div:last-child{display:none}}@media(max-width:700px){.container,.nav-wrap{width:min(100% - 28px,1160px)}.nav-wrap{height:66px}.site-header nav{top:66px}.logo{font-size:19px}.icon-btn{display:none}.hero{min-height:700px;align-items:flex-end}.hero>img{object-position:64% center}.hero:after{background:linear-gradient(0deg,var(--bg) 0%,rgba(4,7,16,.9) 45%,rgba(4,7,16,.18) 100%)}.hero-content{padding:250px 0 60px}.hero h1{font-size:53px;letter-spacing:-3.5px}.hero-content>p{font-size:15px}.search kbd{display:none}.hero-buttons .btn{flex:1;padding:13px 10px}.hero-stats{gap:10px;justify-content:space-between}.hero-stats span{padding:0;border:0;display:flex;flex-direction:column}.hero-stats b{font-size:14px}.section{padding-top:58px;padding-bottom:58px}.section-title{align-items:center}.section-title h2{font-size:30px}.section-title p{font-size:13px}.game-grid,.game-grid.featured{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:12px}.game-art,.featured .game-art{height:125px}.game-icon{font-size:50px}.game-info{align-items:start}.game-info h3{font-size:14px}.game-info .plays{display:none}.category-grid,.category-grid.large{grid-template-columns:1fr 1fr;gap:10px}.category-card{height:88px;padding:12px;gap:10px}.cat-icon{width:45px;height:45px;font-size:24px}.category-card .arrow{display:none}.app-banner{margin:30px 14px 0;min-height:600px;padding:38px 28px;align-items:flex-start}.app-banner>div:last-child{width:100%}.phone{left:50%;transform:translate(-50%) rotate(-5deg);bottom:-190px;width:210px;height:350px}.blog-grid,.blog-grid.two{grid-template-columns:1fr}.blog-art{height:165px}.footer-main{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}.footer-main>div:last-child{display:block}.footer-bottom{flex-direction:column;gap:8px}.page-hero{padding:65px 0 45px}.page-hero h1,.article h1{font-size:42px;letter-spacing:-2px}.filters{grid-template-columns:1fr 1fr}.filters .search{grid-column:1/-1;height:50px}.filters select{height:46px;min-width:0;width:100%;font-size:12px}.game-stage{aspect-ratio:4/3}.game-cover>span{font-size:75px}.play-main{width:62px;height:62px;margin:12px}.game-meta{grid-template-columns:1fr;gap:20px}.game-meta aside{height:130px}.instructions{grid-template-columns:1fr}.podium{gap:6px;height:200px}.podium>div{width:31%;height:125px}.podium .winner{height:170px}.podium span{font-size:32px}.podium b{font-size:12px}.podium small{font-size:10px}th,td{padding:14px 13px}.apps-grid{grid-template-columns:1fr}.coming-soon{padding:35px 25px;gap:10px;flex-direction:column;text-align:center}.coming-soon>span{font-size:90px}.coming-soon h2{font-size:30px}.blog-side{grid-template-columns:1fr}.article-cover{height:250px;font-size:90px}.content-page,.contact-layout{grid-template-columns:1fr;gap:45px}.big-copy h2{font-size:31px}.not-found b{font-size:100px}.not-found h1{font-size:25px}}@media(max-width:400px){.game-art,.featured .game-art{height:110px}.game-icon{font-size:44px}.category-card h3{font-size:13px}.cat-icon{width:38px;height:38px}.hero h1{font-size:47px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.tool-card{display:block;background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.25s}.tool-card:hover{transform:translateY(-5px);border-color:#ffffff38}.tool-art{height:110px;position:relative;display:grid;place-items:center}.tool-icon{font-size:44px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.3))}.tool-badge{position:absolute;top:10px;right:10px;font-size:9px;text-transform:uppercase;letter-spacing:1px;padding:5px 8px;border-radius:7px;font-weight:800}.tool-badge.new{background:var(--green);color:#04150f}.tool-badge.popular{background:var(--pink);color:#1a0210}.tool-info{padding:16px}.tool-info h3{font-size:15px;margin:0 0 6px}.tool-info p{font-size:12px;color:var(--muted);margin:0 0 10px;line-height:1.5}.tool-meta{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#748099}.tool-filter-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.tool-filter-row a{padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-size:13px;font-weight:600;color:#c1c9dc}.tool-filter-row a.active,.tool-filter-row a:hover{background:linear-gradient(135deg,var(--cyan),var(--purple));color:#061019;border-color:transparent}.tool-page{padding-top:55px}.tool-page-head{padding-bottom:35px;border-bottom:1px solid var(--line);margin-bottom:35px}.tool-page-head h1{font:700 clamp(32px,4.4vw,50px)/1.05 "Space Grotesk";letter-spacing:-2px;margin:10px 0}.tool-page-head p{color:var(--muted);font-size:16px;max-width:640px}.tool-app{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:30px;margin-bottom:35px}.tool-app h2{font-size:18px;margin:0 0 18px;font-family:Space Grotesk}.field{display:block;margin-bottom:16px}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:7px;color:#c1c9dc}.field input,.field select,.field textarea{width:100%;background:#0c1221;border:1px solid var(--line);border-radius:9px;padding:12px 14px;color:#fff;outline:none;font-size:14px}.field input[type=color]{padding:4px;height:46px}.field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.tool-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.tool-drop{border:1.5px dashed var(--line);border-radius:14px;padding:30px;text-align:center;color:var(--muted);cursor:pointer;transition:.2s}.tool-drop:hover,.tool-drop.drag{border-color:var(--cyan);color:#fff;background:#00d5ff0d}.tool-drop input{display:none}.tool-filelist{margin:14px 0;display:grid;gap:8px}.tool-filelist li{display:flex;justify-content:space-between;align-items:center;background:#0c1221;border:1px solid var(--line);border-radius:9px;padding:9px 13px;font-size:13px}.tool-filelist button{background:none;border:0;color:#ff6b8a;cursor:pointer;font-size:15px}.result-box{margin-top:22px;background:#0c1221;border:1px solid var(--line);border-radius:14px;padding:22px;text-align:center}.result-big{font:800 40px Space Grotesk;color:var(--cyan);margin:6px 0}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-top:18px}.result-grid div{background:#0c1221;border:1px solid var(--line);border-radius:12px;padding:16px;text-align:center}.result-grid b{display:block;font-size:20px;color:#fff;margin-top:4px}.result-grid span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.tool-output{width:100%;background:#0c1221;border:1px solid var(--line);border-radius:12px;padding:16px;color:#d9e2f5;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;white-space:pre-wrap;word-break:break-word;min-height:120px}.gradient-preview{height:140px;border-radius:14px;margin-bottom:16px;border:1px solid var(--line)}.color-swatches{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.color-swatch{display:flex;align-items:center;gap:10px;background:#0c1221;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:12px;cursor:pointer}.color-swatch span{width:20px;height:20px;border-radius:6px;border:1px solid var(--line)}.tool-note{font-size:12px;color:#748099;margin-top:14px;line-height:1.6}.tool-coming-soon{text-align:center;padding:50px 20px}.tool-coming-soon span{font-size:60px}.spinner{width:32px;height:32px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--cyan);animation:spin .8s linear infinite;margin:0 auto 14px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1000px){.tool-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.tool-grid{grid-template-columns:1fr 1fr}.tool-app{padding:20px}.field-row{grid-template-columns:1fr}}