*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--bg:#080510;--panel:#100b18;--text:#fff8ef;--muted:#a69cab;--pink:#ff3f9a;--orange:#ff9d38;--cyan:#40e4df;--purple:#7a48ff;--line:#33253e}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}.grain{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}header{height:80px;max-width:1280px;margin:auto;padding:0 26px;display:flex;align-items:center;gap:32px;position:relative;z-index:50}.logo{display:flex;align-items:center;gap:11px;text-decoration:none;color:white}.logo img{width:44px;height:44px;border-radius:10px;box-shadow:0 0 24px #ff3f9a40}.logo b{font-size:18px;letter-spacing:.8px}.logo small{display:block;color:var(--pink);font-size:7px;letter-spacing:2px;margin-top:3px}nav{margin-left:auto;display:flex;gap:26px}nav a{font-size:12px;color:#d8d0dd;text-decoration:none;font-weight:700}nav a:hover{color:var(--pink)}.hamb{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:5px;text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.5px;transition:.2s}.btn:hover{transform:translateY(-2px)}.primary{background:linear-gradient(110deg,var(--pink),var(--orange));color:#130812;box-shadow:0 12px 35px #ff3f9a24}.secondary{border:1px solid #5a4564;background:#0c0813cc;color:white}.hero{position:relative;min-height:760px;overflow:hidden;background:radial-gradient(circle at 78% 32%,#d83b8240,transparent 28%),radial-gradient(circle at 12% 45%,#713cff20,transparent 28%),linear-gradient(#090512,#14091a 55%,#080510)}.horizon{position:absolute;bottom:0;left:0;right:0;height:260px;background:linear-gradient(0deg,#080510 5%,transparent),repeating-linear-gradient(90deg,transparent 0 55px,#100b17 55px 88px,transparent 88px 120px);clip-path:polygon(0 70%,5% 70%,5% 35%,10% 35%,10% 62%,16% 62%,16% 20%,22% 20%,22% 60%,29% 60%,29% 42%,35% 42%,35% 12%,41% 12%,41% 66%,48% 66%,48% 31%,54% 31%,54% 61%,60% 61%,60% 18%,67% 18%,67% 54%,73% 54%,73% 37%,80% 37%,80% 8%,86% 8%,86% 60%,92% 60%,92% 28%,100% 28%,100% 100%,0 100%)}.sun{position:absolute;width:380px;height:380px;border-radius:50%;right:11%;top:110px;background:linear-gradient(#ffba62,#f54e8d);opacity:.13;box-shadow:0 0 80px #ff4f9a}.hero-grid{max-width:1230px;margin:auto;padding:78px 26px 110px;display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center;position:relative;z-index:2}.status,.head small,.story-copy>small,.buy-title>small,.final>small{font-size:9px;letter-spacing:2px;font-weight:900;color:var(--cyan)}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 15px var(--cyan);margin-right:6px}.wanted{margin:17px 0 8px;color:var(--orange);letter-spacing:5px;font-weight:900}.wanted span{color:white;font-size:9px;margin-left:7px}.hero h1,.head h2,.story h2,.buy h2,.final h2{font-family:Anton,sans-serif;font-weight:400;line-height:.9;text-transform:uppercase;margin:0}.hero h1{font-size:clamp(68px,7.3vw,108px)}em{font-style:normal;color:var(--pink);text-shadow:0 0 30px #ff3f9a30}.lead{max-width:600px;color:#c7bdcb;line-height:1.7;font-size:16px}.hero-actions{display:flex;gap:10px;margin:28px 0}.ca{max-width:650px;display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #5c3c59;background:#0a0711;padding:13px 14px 13px 17px;border-radius:6px}.ca small{display:block;color:var(--orange);font-size:8px;letter-spacing:1.4px;margin-bottom:5px}.ca strong{font-size:11px;word-break:break-all}.ca button,.token-id button{border:1px solid #58405e;background:#1a1020;color:white;border-radius:4px;padding:10px 13px;font-size:9px;font-weight:900;cursor:pointer}.visual{height:545px;position:relative;display:grid;place-items:center}.token-glow{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#ff4c9a55,transparent 65%);filter:blur(8px)}.token-art{position:relative;width:min(410px,85%);border-radius:20%;transform:rotate(3deg);box-shadow:0 30px 90px #000,0 0 50px #ff3f9a3a;image-rendering:auto}.wanted-card{position:absolute;left:5px;bottom:45px;padding:17px 22px;background:#0b0711e8;border:1px solid #9c486f;transform:rotate(-4deg);box-shadow:0 20px 40px #000}.wanted-card span{display:block;color:var(--orange);font:16px Anton;letter-spacing:4px}.wanted-card b{display:block;font:38px Anton}.wanted-card small{font-size:7px;letter-spacing:2px;color:#b7a9ba}.visual .stars{position:absolute;right:5px;top:55px;color:var(--orange);letter-spacing:5px;transform:rotate(5deg)}.trustbar{position:absolute;z-index:3;bottom:0;left:50%;transform:translateX(-50%);width:min(1178px,calc(100% - 52px));display:grid;grid-template-columns:repeat(4,1fr);background:#0b0811e8;border:1px solid #38273e}.trustbar div{padding:18px 24px;border-right:1px solid #38273e}.trustbar div:last-child{border:0}.trustbar small{display:block;color:#776c7d;font-size:7px;letter-spacing:1.7px}.trustbar b{display:block;margin-top:6px;font-size:12px}.ticker{height:46px;display:flex;align-items:center;justify-content:center;gap:28px;white-space:nowrap;overflow:hidden;border-block:1px solid #683650;background:#130a17;font:15px Anton;letter-spacing:2px}.ticker i{color:var(--pink)}.section{max-width:1180px;margin:auto;padding:95px 26px}.head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:35px}.head h2,.story h2,.buy h2{font-size:60px;margin-top:9px}.head p{max-width:430px;color:var(--muted);font-size:13px;line-height:1.7}.center{justify-content:center;text-align:center}.market-grid{display:grid;grid-template-columns:1.5fr .75fr .75fr;gap:10px}.token-id,.market-link{min-height:150px;background:linear-gradient(145deg,#110b18,#0a0710);border:1px solid var(--line);padding:22px}.token-id{display:flex;align-items:center;gap:18px}.token-id img{width:76px;height:76px;border-radius:14px}.token-id h3{margin:4px 0 7px;font:30px Anton}.token-id small,.market-link small{color:var(--cyan);font-size:8px;letter-spacing:1.5px}.token-id code{font-size:9px;color:#9d919f}.token-id button{margin-left:auto}.market-link{display:flex;flex-direction:column;justify-content:center;text-decoration:none;color:white}.market-link b{font:24px Anton;margin:10px 0}.market-link span{color:#8f8295;font-size:9px}.market-link.pump{border-color:#72415d}.story{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:center}.story-art{height:440px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#ff4d8f35,transparent 60%);border:1px solid #3a293e;overflow:hidden}.story-art img{width:74%;border-radius:18%;transform:rotate(-3deg);box-shadow:0 25px 65px #000}.chapter{position:absolute;right:20px;bottom:18px;text-align:center;font:17px Anton;color:var(--orange);letter-spacing:2px}.chapter b{font-size:70px;color:white}.story-copy p{color:#bdb2c0;line-height:1.8}.story-copy blockquote{margin:28px 0;padding:18px 20px;border-left:3px solid var(--pink);background:#110b17;font-weight:800;line-height:1.5}.legal{font-size:10px;color:#766b7b!important}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cards article,.mission-board article{position:relative;background:linear-gradient(145deg,#110b18,#09060e);border:1px solid var(--line);padding:27px}.cards article{min-height:275px}.cards article>span{position:absolute;right:18px;top:17px;font:20px Anton;color:#594c5d}.cards article>b{display:block;font:58px Anton;color:var(--pink);margin:15px 0}.cards h3,.mission-board h3,.steps h3{font:25px Anton;letter-spacing:.4px}.cards p,.mission-board p,.steps p{font-size:12px;line-height:1.7;color:var(--muted)}.mission-board{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mission-board article{min-height:230px}.mission-board .live{border-color:#8b4569;box-shadow:inset 0 0 45px #ff3f9a0d}.mhead{display:flex;justify-content:space-between}.mhead span{color:var(--cyan);font-size:8px;letter-spacing:1.8px;font-weight:900}.mhead i{font-style:normal;color:#716575;font-size:8px;letter-spacing:1.5px}.live .mhead i{color:var(--pink)}.progress{position:absolute;bottom:22px;left:27px;right:27px;height:3px;background:#271c2c}.progress i{display:block;width:72%;height:100%;background:linear-gradient(90deg,var(--pink),var(--orange))}.buy-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;padding:45px;border:1px solid #673650;background:linear-gradient(125deg,#180b1a,#0a0710)}.buy-title img{width:82px;height:82px;border-radius:15px;display:block;margin-bottom:20px}.buy-title p{color:var(--muted);line-height:1.7}.steps article{display:flex;gap:20px;border-bottom:1px solid #302238;padding:15px 0}.steps article>b{font:30px Anton;color:var(--pink)}.steps h3{margin:0 0 5px;font-size:20px}.steps p{margin:0}.cta-row{display:flex;justify-content:center;gap:10px;margin-top:18px}.big{min-height:55px;padding-inline:28px}.faq{max-width:860px}.faq details{padding:21px 3px;border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;font-weight:800;font-size:13px}.faq summary b{float:right;color:var(--pink)}.faq details p{font-size:12px;color:var(--muted);line-height:1.7}.final{text-align:center;padding:110px 25px 125px;background:radial-gradient(circle at 50% 55%,#70204d42,transparent 35%)}.final img{width:130px;height:130px;border-radius:22px;box-shadow:0 15px 45px #000,0 0 35px #ff3f9a2d;margin-bottom:15px}.final h2{font-size:78px;margin:8px 0 18px}.final p{max-width:590px;margin:0 auto 27px;color:var(--muted);line-height:1.7}footer{max-width:1180px;margin:auto;padding:35px 26px 55px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#776c7b;font-size:9px}footer p{max-width:410px;text-align:center}
@media(max-width:900px){nav,.navcta{display:none}.hamb{display:block;margin-left:auto;background:none;border:0;color:white;font-size:24px}.open nav{display:flex;position:absolute;top:70px;left:18px;right:18px;padding:20px;background:#100a16;border:1px solid var(--line);flex-direction:column}.hero-grid{grid-template-columns:1fr}.trustbar{position:relative;left:auto;bottom:auto;transform:none;margin:0 auto 20px}.hero{padding-bottom:20px}.market-grid{grid-template-columns:1fr}.story,.buy-panel{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.head{display:block}.mission-board{grid-template-columns:1fr}}
@media(max-width:560px){header{padding:0 17px}.hero-grid{padding:55px 18px 80px}.hero h1{font-size:59px}.hero-actions,.cta-row{flex-direction:column}.ca{align-items:flex-start}.ca strong{font-size:9px}.visual{height:390px}.token-art{width:290px}.wanted-card{left:0;bottom:20px}.trustbar{width:calc(100% - 36px);grid-template-columns:1fr 1fr}.trustbar div:nth-child(2){border-right:0}.section{padding:70px 18px}.head h2,.story h2,.buy h2{font-size:47px}.token-id{align-items:flex-start;flex-wrap:wrap}.token-id button{margin-left:0}.story-art{height:340px}.buy-panel{padding:27px 20px;gap:25px}.final h2{font-size:58px}footer{display:grid;gap:18px}footer p{text-align:left}.ticker{justify-content:flex-start}}
/* Motion upgrade */
.hero-copy{animation:heroIn .9s cubic-bezier(.2,.8,.2,1) both}
.animated-visual{perspective:1000px;animation:visualIn 1s .12s cubic-bezier(.2,.8,.2,1) both}
.hero-frame{position:relative;width:min(455px,90%);aspect-ratio:1/1;overflow:hidden;border-radius:18px;border:1px solid #8e456d;box-shadow:0 35px 100px #000,0 0 55px #ff3f9a35;transform:rotate(2deg);animation:frameFloat 5.5s ease-in-out infinite}
.hero-photo{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.035);animation:photoDrift 9s ease-in-out infinite alternate}
.scanline{position:absolute;left:0;right:0;height:90px;top:-100px;background:linear-gradient(transparent,#40e4df22,transparent);animation:scan 4.5s linear infinite;pointer-events:none}
.shine{position:absolute;inset:-40%;background:linear-gradient(110deg,transparent 42%,#fff2 49%,transparent 56%);transform:translateX(-70%);animation:shine 6s ease-in-out infinite;pointer-events:none}
.float-card{animation:cardFloat 4s ease-in-out infinite}
.floating-stars{animation:starsPulse 2.5s ease-in-out infinite}
.neon-orb{position:absolute;border-radius:50%;filter:blur(25px);opacity:.42;pointer-events:none}.orb-one{width:170px;height:170px;background:#ff3f9a;right:0;top:30px;animation:orb1 7s ease-in-out infinite}.orb-two{width:130px;height:130px;background:#40e4df;left:10px;bottom:50px;animation:orb2 8s ease-in-out infinite}
.ticker span{animation:tickerGlow 3s ease-in-out infinite}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}
.cards article,.mission-board article,.market-link,.token-id{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.cards article:hover,.mission-board article:hover,.market-link:hover,.token-id:hover{transform:translateY(-6px);border-color:#874362;box-shadow:0 18px 45px #0008}
.primary{position:relative;overflow:hidden}.primary:after{content:"";position:absolute;top:-80%;bottom:-80%;width:30px;left:-50px;background:#fff5;transform:rotate(20deg);animation:buttonShine 4.5s ease-in-out infinite}
.logo img{animation:logoPulse 4s ease-in-out infinite}
@keyframes heroIn{from{opacity:0;transform:translateX(-45px)}to{opacity:1;transform:none}}
@keyframes visualIn{from{opacity:0;transform:translateX(50px) scale(.94)}to{opacity:1;transform:none}}
@keyframes frameFloat{0%,100%{transform:rotate(2deg) translateY(0)}50%{transform:rotate(.5deg) translateY(-12px)}}
@keyframes photoDrift{0%{transform:scale(1.035) translate(0,0)}100%{transform:scale(1.09) translate(-1.5%,1%)}}
@keyframes scan{0%{top:-100px}100%{top:110%}}
@keyframes shine{0%,65%{transform:translateX(-70%)}85%,100%{transform:translateX(70%)}}
@keyframes cardFloat{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-10px)}}
@keyframes starsPulse{0%,100%{opacity:.65;filter:drop-shadow(0 0 0 #ff9d38)}50%{opacity:1;filter:drop-shadow(0 0 10px #ff9d38)}}
@keyframes orb1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-45px,55px) scale(1.2)}}
@keyframes orb2{0%,100%{transform:translate(0,0)}50%{transform:translate(55px,-40px)}}
@keyframes tickerGlow{0%,100%{text-shadow:none}50%{text-shadow:0 0 12px #ff3f9a88}}
@keyframes buttonShine{0%,65%{left:-50px}85%,100%{left:130%}}
@keyframes logoPulse{0%,100%{box-shadow:0 0 18px #ff3f9a25}50%{box-shadow:0 0 32px #ff3f9a65}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media(max-width:560px){.hero-frame{width:300px}.animated-visual{height:390px}}

/* Ultimate cinematic motion */
.police-light{position:absolute;top:80px;width:45vw;height:300px;filter:blur(55px);opacity:.10;pointer-events:none;z-index:1}
.police-left{left:-15vw;background:#267cff;transform:rotate(-16deg);animation:policeBlue 2.4s ease-in-out infinite}
.police-right{right:-15vw;background:#ff2d75;transform:rotate(16deg);animation:policeRed 2.4s 1.2s ease-in-out infinite}
.moving-palms{position:absolute;z-index:1;bottom:75px;color:#030207;font-size:220px;transform-origin:50% 100%;opacity:.85;pointer-events:none}
.palm-a{left:-45px;animation:palmSway 5.5s ease-in-out infinite}.palm-b{right:-35px;transform:scaleX(-1);animation:palmSway2 6.3s ease-in-out infinite}
.road-lines{position:absolute;z-index:1;left:0;right:0;bottom:-85px;height:220px;opacity:.18;background:repeating-linear-gradient(90deg,transparent 0 115px,#ff9d38 115px 120px,transparent 120px 240px);transform:perspective(300px) rotateX(67deg);animation:roadMove 3s linear infinite}
.logo img,.token-id img,.buy-title img,.final img,.story-art img{object-fit:cover;object-position:center}
.logo img{border:1px solid #9a476f}
.ticker{position:relative}.ticker:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ff3f9a10,transparent);animation:tickerSweep 4s linear infinite;pointer-events:none}
.mission-pop{position:fixed;z-index:90;right:24px;bottom:24px;width:310px;padding:18px 20px;background:#0a0710f2;border-left:4px solid var(--pink);box-shadow:0 20px 70px #000;border-radius:3px;transform:translateX(370px);opacity:0;transition:transform .65s cubic-bezier(.2,.9,.2,1),opacity .4s ease}
.mission-pop.show{transform:none;opacity:1}.mission-pop small{display:block;color:var(--cyan);font-size:8px;letter-spacing:2px;font-weight:900}.mission-pop b{display:block;font:27px Anton;margin:5px 0}.mission-pop span{font-size:10px;color:#a99eac}.mission-xp{height:3px;background:#291c2d;margin-top:13px}.mission-xp i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--pink),var(--orange));transition:width 2.5s .4s ease}.mission-pop.show .mission-xp i{width:100%}
.cards article:before,.mission-board article:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,#ff3f9a09,transparent 70%);transform:translateX(-100%);transition:transform .6s ease;pointer-events:none}.cards article:hover:before,.mission-board article:hover:before{transform:translateX(100%)}
@keyframes policeBlue{0%,100%{opacity:.04;transform:rotate(-16deg) translateX(-30px)}50%{opacity:.18;transform:rotate(-12deg) translateX(50px)}}
@keyframes policeRed{0%,100%{opacity:.04;transform:rotate(16deg) translateX(30px)}50%{opacity:.18;transform:rotate(12deg) translateX(-50px)}}
@keyframes palmSway{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(4deg)}}@keyframes palmSway2{0%,100%{transform:scaleX(-1) rotate(-4deg)}50%{transform:scaleX(-1) rotate(5deg)}}
@keyframes roadMove{from{background-position:0 0}to{background-position:240px 0}}
@keyframes tickerSweep{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@media(max-width:650px){.mission-pop{left:15px;right:15px;bottom:15px;width:auto}.moving-palms{font-size:130px}.police-light{height:220px}}
@media(prefers-reduced-motion:reduce){.mission-pop{transition:none}.mission-pop.show .mission-xp i{width:100%}}

.wanted-generator{position:relative}.generator-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:28px;align-items:start}.generator-controls{position:sticky;top:95px;border:1px solid #58344f;background:linear-gradient(145deg,#130b19,#09060e);padding:28px}.generator-controls label{display:block;color:var(--cyan);font-size:8px;font-weight:900;letter-spacing:1.8px;margin:0 0 8px}.generator-controls input,.generator-controls select{width:100%;height:50px;margin-bottom:18px;border:1px solid #49354f;background:#09070e;color:#fff;padding:0 14px;font:700 13px Inter;border-radius:4px;outline:none}.generator-controls input:focus,.generator-controls select:focus{border-color:var(--pink);box-shadow:0 0 0 3px #ff3f9a13}.generator-controls .btn{width:100%;border:0;cursor:pointer;margin-top:9px}.generator-note{font-size:9px;color:#766b7b;line-height:1.6;margin-top:17px}.canvas-wrap{padding:15px;border:1px solid #3d2a44;background:#0b0711;box-shadow:0 25px 70px #0008}.canvas-wrap canvas{display:block;width:100%;height:auto;background:#100815}.canvas-wrap:hover{border-color:#79415f}
@media(max-width:850px){.generator-grid{grid-template-columns:1fr}.generator-controls{position:relative;top:auto}}


/* TRUMP CITY — Community Hub V1 */
.trump-city{position:relative;overflow:hidden}
.trump-city:before{content:"";position:absolute;inset:90px -15% auto;height:520px;background:radial-gradient(circle at 30% 40%,#ff3f9a18,transparent 36%),radial-gradient(circle at 75% 35%,#40e4df12,transparent 34%);pointer-events:none}
.city-status{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0}
.city-status article,.city-panel{position:relative;border:1px solid #49304a;background:linear-gradient(145deg,#120a18eF,#08060def);box-shadow:0 24px 70px #0007}
.city-status article{padding:18px}
.city-status small{display:block;font-size:8px;letter-spacing:1.7px;color:#8f8394;font-weight:900}
.city-status strong{display:block;font:26px Anton;margin:5px 0 1px;color:#fff}
.city-status span{font-size:8px;color:var(--cyan);letter-spacing:1.4px;font-weight:900}
.city-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;margin-top:16px}
.city-grid.lower{grid-template-columns:1fr 1fr}
.city-panel{padding:25px;overflow:hidden}
.city-panel:after{content:"";position:absolute;inset:auto -50px -80px auto;width:190px;height:190px;border:1px solid #ff3f9a18;transform:rotate(45deg);pointer-events:none}
.panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.panel-top span{font-size:9px;letter-spacing:1.6px;font-weight:900;color:var(--cyan)}
.panel-top b{font-size:8px;letter-spacing:1.3px;padding:6px 9px;border:1px solid #ff3f9a55;color:var(--pink)}
.city-panel h3{font:40px Anton;margin:0 0 8px}
.city-panel p{color:#a99eac;font-size:11px;line-height:1.75;max-width:700px}
.city-progress,.xp{height:8px;background:#26172b;margin:22px 0 9px;overflow:hidden;border:1px solid #40243e}
.city-progress i,.xp i{display:block;height:100%;background:linear-gradient(90deg,var(--pink),var(--orange));box-shadow:0 0 18px #ff3f9a55}
.xp i{background:linear-gradient(90deg,var(--cyan),var(--pink))}
.progress-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.2px;color:#8e8392}
.progress-label strong{color:#fff}
.mission-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}
.rank-badge{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;font-size:27px;color:var(--orange);border:2px solid #ff9d38;background:#ff9d3810;box-shadow:0 0 35px #ff9d3820;margin-bottom:16px}
.profile-card h3{font-size:48px;color:var(--orange)}
.leader-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;padding:13px 0;border-bottom:1px solid #2f2033}
.leader-row span{font-size:10px;font-weight:800}.leader-row b{font-size:9px;color:var(--orange)}
.city-note{font-size:9px!important;color:#786d7c!important;margin:17px 0 0!important}
.districts{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.district{min-height:76px;text-align:left;border:1px solid #34263a;background:#0b0810;color:#706774;padding:13px;cursor:not-allowed}
.district b{display:block;font:18px Anton;color:#8b818e}.district small{font-size:7px;letter-spacing:1.3px}
.district.unlocked{cursor:pointer;border-color:#40e4df66;background:linear-gradient(145deg,#102226,#0b0810);color:#fff}
.district.unlocked b{color:#fff}.district.unlocked small{color:var(--cyan)}
.rank-system{margin-top:16px}
.ranks{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}
.rank{padding:17px 13px;border:1px solid #34253a;background:#0a0710}
.rank>b{display:block;color:#5e5361;font:18px Anton}.rank strong{display:block;font:20px Anton;margin:5px 0}.rank span{font-size:8px;color:#7f7482}
.rank.active{border-color:#ff3f9a88;box-shadow:inset 0 0 30px #ff3f9a0d}.rank.active>b,.rank.active strong{color:var(--pink)}
@media(max-width:900px){.city-status{grid-template-columns:1fr 1fr}.city-grid,.city-grid.lower{grid-template-columns:1fr}.ranks{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.city-status{grid-template-columns:1fr 1fr}.city-status strong{font-size:21px}.districts{grid-template-columns:1fr}.ranks{grid-template-columns:1fr}.city-panel h3{font-size:34px}}


/* TRUMP CITY V2 */
.market-status{display:inline-block;margin-left:6px;color:var(--cyan);font-size:9px;letter-spacing:.8px}
.profile-form{display:flex;gap:8px;margin:18px 0}
.profile-form input{min-width:0;flex:1;background:#09070d;border:1px solid #3b2a41;color:#fff;padding:12px 13px;font:12px Inter,Arial,sans-serif;outline:none}
.profile-form input:focus{border-color:var(--cyan)}
.profile-form button{border:1px solid #ff3f9a77;background:#ff3f9a18;color:#fff;font-size:9px;font-weight:900;letter-spacing:1px;padding:0 14px;cursor:pointer}
.profile-form button:hover{background:#ff3f9a2c}
.city-status strong.live-up{color:var(--cyan)}
.city-status strong.live-down{color:var(--pink)}


/* TRUMP CITY V3 — Community foundation */
.v3-community{margin-top:16px}
.raid-card{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px;border:1px solid #3c2a42;background:#09070e;margin:18px 0}
.raid-card small,.identity-grid small{display:block;color:#776d7a;font-size:8px;letter-spacing:1.2px;font-weight:900}
.raid-card strong{display:block;margin-top:5px;font:20px Anton}
.proof-form{display:flex;gap:8px;margin-top:12px}
.proof-form input{flex:1;min-width:0;background:#08060c;border:1px solid #3b2a41;color:#fff;padding:12px;outline:none}
.proof-form input:focus{border-color:var(--cyan)}
.proof-form button{border:1px solid #40e4df66;background:#40e4df12;color:#fff;padding:0 14px;font-size:8px;font-weight:900;letter-spacing:1px;cursor:pointer}
.proof-status{margin-top:12px;color:#827785;font-size:9px;line-height:1.5}
.daily-icon{font-size:42px;margin:8px 0}
.daily-btn{border:0;cursor:pointer;margin-top:12px}
.daily-btn[disabled]{opacity:.45;cursor:not-allowed}
.identity-panel{margin-top:16px}
.identity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.identity-grid>div{padding:15px;border:1px solid #34253a;background:#09070e}
.identity-grid strong{display:block;margin-top:7px;font:20px Anton;color:#fff;word-break:break-word}
@media(max-width:700px){.raid-card{align-items:flex-start;flex-direction:column}.proof-form{flex-direction:column}.proof-form button{min-height:42px}.identity-grid{grid-template-columns:1fr 1fr}}

/* TRUMP CITY V4 */
.v4-grid{margin-top:16px}
.global-board{margin:16px 0}
.sync-btn{cursor:pointer;margin-top:5px}
.verify-steps{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}
.verify-steps div{border:1px solid #34253a;background:#09070e;padding:15px}
.verify-steps b{display:block;font:22px Anton;color:var(--pink)}
.verify-steps span{display:block;font-size:9px;color:#9b909e;margin-top:4px}
#backendBadge.online{color:var(--cyan);border-color:#40e4df66}
#backendBadge.offline{color:#9a8e9e}
@media(max-width:560px){.verify-steps{grid-template-columns:1fr}}

/* TRUMP CITY V5 — THE HEIST */
.heist-zone{margin:18px 0;position:relative}
.heist-hero{position:relative;overflow:hidden;padding:42px;border:1px solid #ff3f9a66;background:
linear-gradient(115deg,#170817f5,#09070df2 58%,#08171af0),
radial-gradient(circle at 85% 15%,#40e4df22,transparent 28%);box-shadow:0 35px 100px #0009}
.heist-hero:after{content:"06";position:absolute;right:25px;bottom:-60px;font:220px Anton;color:#ffffff05;pointer-events:none}
.wanted-stamp{display:inline-block;border:1px solid var(--orange);color:var(--orange);padding:7px 10px;font-size:8px;font-weight:900;letter-spacing:1.6px;transform:rotate(-2deg)}
.eyebrow{margin:24px 0 6px!important;color:var(--cyan)!important;font-size:9px!important;letter-spacing:2px;font-weight:900}
.heist-hero h2{font:72px Anton;margin:0;line-height:.95;max-width:800px}
.heist-hero h2 em{font-style:normal;color:var(--pink)}
.heist-copy{max-width:680px!important;font-size:12px!important}
.heist-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:720px;margin:28px 0 15px}
.heist-numbers div{border-left:2px solid var(--pink);padding:8px 14px;background:#ffffff05}
.heist-numbers small{display:block;font-size:8px;letter-spacing:1.5px;color:#8e8291}
.heist-numbers strong{font:34px Anton;color:#fff}
.heist-progress{max-width:720px;height:11px;border:1px solid #53324e;background:#09070d;overflow:hidden}
.heist-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--pink),var(--orange),var(--cyan));transition:width .6s ease}
.heist-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.heist-actions button{cursor:pointer}
.heist-message{margin-top:14px;font-size:9px;color:#9a8e9d;letter-spacing:.4px}
.unlock-road{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:10px 0 16px}
.unlock{padding:15px;border:1px solid #34243a;background:#09070d;opacity:.55}
.unlock b{font:24px Anton;color:#675a69}.unlock strong{display:block;font:17px Anton}.unlock span{font-size:7px;letter-spacing:1.2px;color:#776b79}
.unlock.unlocked{opacity:1;border-color:#40e4df66;background:#0b1b1d}.unlock.unlocked b,.unlock.unlocked span{color:var(--cyan)}
.slot-machine{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:24px 0;max-width:420px}
.reel{height:105px;display:grid;place-items:center;border:2px solid #56324f;background:linear-gradient(#170b18,#08060c);font:48px Anton;box-shadow:inset 0 0 30px #ff3f9a0d}
.reel.spinning{animation:slotPulse .12s linear infinite}
@keyframes slotPulse{50%{transform:translateY(2px);filter:blur(1px)}}
.spin-btn{border:0;cursor:pointer}
.invite-code{font:30px Anton;letter-spacing:2px;color:var(--cyan);padding:18px;border:1px dashed #40e4df66;background:#40e4df08;margin:18px 0;word-break:break-all}
@media(max-width:800px){.heist-hero{padding:28px 20px}.heist-hero h2{font-size:50px}.heist-numbers{grid-template-columns:1fr 1fr}.unlock-road{grid-template-columns:1fr 1fr}.unlock-road .unlock:last-child{grid-column:1/-1}}
@media(max-width:500px){.heist-hero h2{font-size:42px}.heist-numbers{grid-template-columns:1fr}.unlock-road{grid-template-columns:1fr}.unlock-road .unlock:last-child{grid-column:auto}}

/* TRUMP CITY V6 — Social HQ */
.social-hq{margin:18px 0}
.social-hero{background:radial-gradient(circle at 80% 25%,#40e4df14,transparent 30%),linear-gradient(135deg,#150917,#08060d)}
.social-grid{display:grid;grid-template-columns:1fr .8fr;gap:24px;align-items:center}
.social-grid h3{font-size:58px;line-height:.95}.social-grid h3 em{font-style:normal;color:var(--cyan)}
.social-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.social-actions button{cursor:pointer}
.passport{position:relative;min-height:310px;border:1px solid #40e4df77;background:linear-gradient(145deg,#0a1c1f,#0b0710 65%);padding:25px;overflow:hidden;box-shadow:0 25px 70px #0008}
.passport:after{content:"";position:absolute;width:170px;height:170px;border:1px solid #40e4df22;border-radius:50%;right:-55px;bottom:-55px}
.passport>small{font-size:8px;letter-spacing:1.6px;color:var(--cyan)}
.passport-six{position:absolute;right:24px;top:16px;font:72px Anton;color:#ff3f9a22}
.passport h4{font:38px Anton;margin:45px 0 15px}
.passport-row{display:flex;justify-content:space-between;border-top:1px solid #284044;padding:9px 0;font-size:8px;letter-spacing:1px}.passport-row span{color:#7f8f90}.passport-row b{color:#fff}
.passport-mark{position:absolute;right:20px;bottom:18px;color:var(--pink);font:18px Anton;transform:rotate(-5deg)}
.feed-item{display:grid;grid-template-columns:38px 1fr auto;align-items:center;padding:14px 0;border-bottom:1px solid #312235}.feed-item>b{font:20px Anton;color:var(--pink)}.feed-item span{font-size:10px}.feed-item a{font-size:8px;color:var(--cyan);text-decoration:none;font-weight:900}
@media(max-width:800px){.social-grid{grid-template-columns:1fr}.social-grid h3{font-size:44px}}

/* TRUMP CITY V7 — Recruit Network */
.referral-network{margin:18px 0}
.referral-hero{background:radial-gradient(circle at 80% 20%,#ff3f9a16,transparent 32%),linear-gradient(135deg,#100711,#071416)}
.network-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}
.network-grid h3{font-size:60px;line-height:.92}.network-grid h3 em{font-style:normal;color:var(--pink)}
.ref-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:25px 0}
.ref-stats div{padding:15px;border:1px solid #3b2940;background:#09070d}.ref-stats small{display:block;font-size:7px;letter-spacing:1.2px;color:#817584}.ref-stats strong{display:block;font:25px Anton;margin-top:5px}
.crew-card{border:1px solid #ff3f9a66;background:#0b0710;padding:25px;min-height:310px}.crew-card>small{font-size:8px;color:var(--pink);letter-spacing:1.5px}
.crew-emblem{width:85px;height:85px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--pink);font:34px Anton;margin:28px 0 16px;box-shadow:0 0 40px #ff3f9a20}
.crew-card h4{font:31px Anton;margin:0 0 20px}.crew-meter{height:9px;border:1px solid #4b3048;background:#08060c}.crew-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--pink),var(--orange));transition:width .5s}
.crew-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:12px}.crew-levels span{text-align:center;font:15px Anton;color:#776b79}.crew-levels b{font:6px Arial;letter-spacing:.7px}
@media(max-width:800px){.network-grid{grid-template-columns:1fr}.network-grid h3{font-size:46px}.ref-stats{grid-template-columns:1fr 1fr}.crew-levels{grid-template-columns:1fr 1fr}}