:root{--bg:#080d0e;--ink:#f3f5ef;--sub:#a1adaa;--green:#00ee98;--line:#25312e;--accent:#00ee98}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;letter-spacing:-.025em}em{font-style:normal;color:var(--green)}.wrap{max-width:1340px;margin:auto;padding:0 60px}.nav{position:absolute;z-index:10;top:0;width:100%;height:105px;display:flex;align-items:center;gap:40px;padding:20px 60px;border-bottom:1px solid #ffffff20}.brand img{width:145px;height:72px;object-fit:contain}.nav nav{display:flex;gap:32px;margin-left:auto;font-size:13px;font-weight:bold}.nav nav a:hover{color:var(--green)}.nav-cta{border:1px solid #ffffff60;padding:14px 22px;font-size:13px;font-weight:bold}.nav-cta span{margin-left:22px}.menu{display:none;background:none;border:0;color:white;font-size:26px}.hero{min-height:890px;height:100vh;max-height:1100px;position:relative;overflow:hidden}.hero-art{position:absolute;right:0;top:0;width:65%;height:100%;object-fit:cover;object-position:50% 45%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080d0e 8%,#080d0eee 32%,#080d0e40 66%,#080d0e00),linear-gradient(0deg,#080d0e 0%,transparent 30%)}.hero-content{position:relative;padding-top:220px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;display:block}.dot{display:inline-block;height:7px;width:7px;background:var(--green);border-radius:50%;margin-right:10px}.hero h1{font-size:clamp(66px,7.6vw,112px);line-height:1.02;margin-top:28px}.hero p{max-width:475px;line-height:1.75;color:#c1cac6;font-size:16px;margin-top:28px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.button{display:inline-flex;justify-content:space-between;gap:35px;align-items:center;background:var(--green);color:#061b12;padding:19px 25px;font-size:13px;font-weight:800}.button:hover{background:#8effce}.text-link{font-size:12px;border-bottom:1px solid #6a7670;padding-bottom:9px}.text-link span{margin-left:14px}.development{font-size:11px;color:#a1adaa;margin-top:22px}.development span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#a1adaa;margin-right:6px}.hero-footer{position:absolute;left:0;right:0;bottom:35px;display:flex;justify-content:space-between;font-size:9px;font-weight:bold;letter-spacing:1.5px}.ticker{padding:22px 20px;background:var(--green);color:#05150c;display:flex;align-items:center;justify-content:space-around;gap:25px;font-size:17px;font-weight:900;letter-spacing:1px;overflow:hidden;white-space:nowrap}.ticker i{font-size:25px;font-style:normal}.section{padding-top:110px;padding-bottom:95px}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:50px}.muted{color:#81958a}.section h2,.ranking-copy h2,.faq-section h2{font-size:clamp(40px,4.1vw,65px);line-height:1.04;margin-top:22px}.section-heading>p{max-width:380px;line-height:1.8;color:var(--sub);font-size:13px;padding-bottom:5px}.activities{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.activity{position:relative;height:545px;border:1px solid #405044;overflow:hidden;background:#122019}.activity-art,.activity-overlay{position:absolute;inset:0}.challenge .activity-art{background-image:url('assets/ModeCards.png');background-size:auto 200%;background-position:53% 100%}.training .activity-art{background-image:url('assets/training.png');background-size:auto 200%;background-position:15% 0}.arcade .activity-art{background-image:url('assets/MYSTIC.png');background-size:cover;background-position:60% 30%}.activity-overlay{background:linear-gradient(0deg,#071311 0%,#071311ea 35%,#07131115 100%)}.arcade .activity-overlay{background:linear-gradient(0deg,#130c27 0%,#130c27df 35%,transparent)}.activity-copy{position:absolute;left:28px;right:28px;bottom:28px}.number{font-size:10px;letter-spacing:1.7px;color:#b8d3c3}.activity h3{font-size:41px;line-height:1.03;margin:19px 0}.activity p{font-size:12px;line-height:1.8;color:#b4c3bb;min-height:65px}.activity-meta{border-top:1px solid #5d79634d;margin-top:24px;padding-top:20px}.activity-meta b{color:var(--green);font-size:10px;letter-spacing:.8px;display:block}.activity-meta span{display:block;color:#93a69a;font-size:11px;margin-top:8px}.fine{font-size:11px!important;color:#81938a!important;line-height:1.8!important}.section-note{margin-top:20px;max-width:900px}.ranking-section{background:#0d1714;border-block:1px solid var(--line);padding:100px 0}.ranking-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:95px;align-items:center}.ranking-copy>p{font-size:14px;line-height:1.8;color:var(--sub);margin-top:25px;max-width:500px}.ranking-copy ol{padding:0;counter-reset:step;list-style:none;margin:35px 0}.ranking-copy li{position:relative;padding-left:55px;margin:25px 0;counter-increment:step}.ranking-copy li:before{content:'0' counter(step);position:absolute;left:0;top:3px;color:var(--green);font-size:12px}.ranking-copy li b{display:block;font-size:15px}.ranking-copy li span{font-size:12px;color:var(--sub);display:block;margin-top:9px;line-height:1.6}.rank-preview{background:linear-gradient(155deg,#142b21,#09110e);padding:35px;border:1px solid #315b45;box-shadow:16px 16px 0 #070f0b;transform:rotate(2deg)}.preview-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px}.live-tag{color:var(--green);font-size:8px}.world-symbol{font-size:96px;text-align:center;color:var(--green);margin:15px 0 5px}.season-title{font-family:Impact,'Arial Narrow',Arial;font-size:47px;text-align:center;line-height:1.05}.season-rule{display:flex;justify-content:space-between;border-block:1px solid #355140;padding:18px 0;margin-top:28px;font-size:10px}.rank-example{display:flex;gap:12px;align-items:center;margin:24px 0}.avatar{background:#00ee9820;padding:12px;color:var(--green);font-weight:bold}.rank-example b{display:block;font-size:10px}.rank-example div span{display:block;font-size:10px;color:#96b4a0;margin-top:7px}.rank-example strong{margin-left:auto;color:var(--green)}.points-example{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #355140;padding-top:20px}.points-example div{padding:12px;background:#ffffff05}.points-example small{font-size:8px;letter-spacing:1px;display:block;color:#aec3b3}.points-example b{font-size:37px;display:block;margin-top:7px}.rank-preview>p{text-align:center;font-size:9px;color:#819a89;margin-top:22px}.character-stage{height:610px;position:relative;overflow:hidden;background:#121d19;border:1px solid #2e4137}.character-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 48%;transition:opacity .2s}.stage-shade{position:absolute;inset:0;background:linear-gradient(90deg,#07110feb,#07110f80 40%,transparent 80%),linear-gradient(0deg,#07110f,transparent 50%)}.character-detail{position:absolute;top:190px;left:60px;max-width:390px}.character-detail h3{font-size:92px;margin-top:20px;color:var(--accent)}.character-detail p{font-size:14px;line-height:1.8;max-width:280px;color:#c4d4ca}.season-lock{display:block;font-size:9px;letter-spacing:1px;color:#b7c6be;margin-top:28px}.character-tabs{position:absolute;bottom:35px;left:45px;right:45px;display:flex;gap:12px}.character-tabs button{color:white;flex:1;border:1px solid #647268;background:#080d0eda;padding:18px 12px;font-size:11px;font-weight:bold;letter-spacing:.9px}.character-tabs button.active{border-color:var(--accent);background:#15201de8;color:var(--accent)}.character-tabs button span{display:inline-block;width:6px;height:6px;background:#00ee98;border-radius:50%;margin-right:7px}.character-tabs button:nth-child(2) span{background:#00bbff}.character-tabs button:nth-child(3) span{background:#db48fa}.character-tabs button:nth-child(4) span{background:#ffc34b}.character-tabs small{font-size:7px;color:#ffc34b;padding-left:4px}.premium-note{padding:24px;margin-top:18px;border:1px solid #a6853e;background:#1b160c}.premium-note p{font-size:13px;line-height:1.8;margin-top:12px;max-width:900px;color:#d9ca9e}.faq-section{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;padding-top:20px;padding-bottom:110px}.faq-section>div>p{font-size:14px;color:var(--sub);margin-top:24px}.questions details{border-bottom:1px solid #324139}.questions summary{padding:24px 0;display:flex;justify-content:space-between;cursor:pointer;list-style:none;font-size:14px;font-weight:bold;gap:15px}.questions summary::-webkit-details-marker{display:none}.questions summary span{color:var(--green);font-size:20px}.questions details[open] summary span{transform:rotate(45deg)}.questions details p{font-size:13px;line-height:1.8;color:var(--sub);padding:0 30px 25px 0}.closing{position:relative;overflow:hidden;padding:100px 0;background:#101818}.closing>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 65%;opacity:.55}.closing-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080d0ef5,#080d0e22)}.closing .wrap{position:relative}.closing h2{font-size:85px;line-height:1.04;margin:25px 0 35px}footer{padding-top:45px!important;padding-bottom:35px!important;display:flex;align-items:center;gap:25px}footer img{width:95px}footer p{font-size:10px;color:#9aaca0}footer div{margin-left:auto;display:flex;gap:20px;font-size:9px;color:#9aaca0}footer div a:hover{color:var(--green)}
@media(min-width:1600px){.hero-art{object-position:50% 52%}.hero-content{padding-top:260px}}
@media(max-width:1000px){.wrap{padding-left:30px;padding-right:30px}.nav{padding:15px 30px;gap:20px}.nav nav{gap:20px}.hero{min-height:850px}.hero-content{padding-top:195px}.hero h1{font-size:77px}.hero-art{width:80%;object-position:65% 50%}.hero-shade{background:linear-gradient(90deg,#080d0ef5,#080d0e70 65%,#080d0e22),linear-gradient(0deg,#080d0e,transparent 50%)}.hero-footer span:nth-child(2){display:none}.activities{gap:13px}.activity-copy{left:20px;right:20px}.activity h3{font-size:32px}.activity p{min-height:85px}.ranking-grid{gap:45px}.rank-preview{padding:25px}.season-title{font-size:37px}.section-heading>p{max-width:310px}.faq-section{gap:45px}footer{flex-wrap:wrap}footer div{margin-left:0;width:100%}}
@media(max-width:700px){.wrap{padding-left:22px;padding-right:22px}.nav{height:85px;padding:12px 22px}.brand img{width:115px;height:60px}.nav-cta{display:none}.menu{display:block;margin-left:auto}.nav nav{display:none;position:absolute;top:85px;left:0;right:0;padding:25px;background:#08130ffa;flex-direction:column;gap:22px;border-bottom:1px solid var(--line)}.nav.open nav{display:flex}.hero{min-height:820px;height:95svh;max-height:1000px}.hero-art{width:100%;object-position:55% 40%;opacity:.75}.hero-shade{background:linear-gradient(90deg,#080d0ea6,transparent),linear-gradient(0deg,#080d0e 2%,#080d0e9c 55%,#080d0e38)}.hero-content{padding-top:235px}.eyebrow{font-size:8px;letter-spacing:1.6px}.hero h1{font-size:clamp(61px,13.5vw,90px);margin-top:20px}.hero p{font-size:13px;max-width:335px;margin-top:20px}.hero-actions{flex-wrap:wrap;gap:22px;margin-top:25px}.button{padding:16px 21px;font-size:12px}.text-link{font-size:11px}.hero-footer{bottom:22px;font-size:7px;letter-spacing:1px}.hero-footer span:nth-child(2){display:none}.ticker{justify-content:flex-start;font-size:13px;gap:25px;padding:17px 22px}.section{padding-top:65px;padding-bottom:65px}.section-heading{display:block;margin-bottom:30px}.section h2,.ranking-copy h2,.faq-section h2{font-size:44px;margin-top:17px}.section-heading>p{font-size:12px;margin-top:22px;max-width:100%}.activities{grid-template-columns:1fr;gap:18px}.activity{height:465px}.activity h3{font-size:43px}.activity-copy{left:25px;right:25px;bottom:25px}.activity p{min-height:0;max-width:350px}.ranking-section{padding:65px 0}.ranking-grid{grid-template-columns:1fr;gap:40px}.ranking-copy>p{font-size:13px}.rank-preview{transform:rotate(0);padding:28px;box-shadow:8px 8px 0 #070f0b}.season-title{font-size:44px}.character-stage{height:620px}.character-stage>img{object-position:60% 40%}.stage-shade{background:linear-gradient(0deg,#07110f 10%,#07110f8a 55%,transparent)}.character-detail{top:270px;left:25px;right:25px}.character-detail h3{font-size:66px}.character-detail p{font-size:12px;max-width:260px}.season-lock{font-size:8px;margin-top:18px}.character-tabs{left:20px;right:20px;bottom:22px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.character-tabs button{padding:15px 8px;font-size:10px}.faq-section{grid-template-columns:1fr;gap:30px;padding-bottom:65px}.questions summary{font-size:13px}.closing{padding:65px 0}.closing h2{font-size:59px}.closing .eyebrow{font-size:7px}footer{gap:15px}footer p{max-width:200px;line-height:1.8}footer div{flex-wrap:wrap;gap:15px}footer div span{width:100%;margin-bottom:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* NXTONE action direction: the app's artwork, energy and visual identity. */
@font-face{font-family:NxtoneDisplay;src:url('assets/Bangers.ttf') format('truetype');font-display:swap}h1,h2,h3,.season-title{font-family:NxtoneDisplay,Impact,'Arial Narrow',sans-serif;font-weight:400;letter-spacing:.01em}body{background:#060c0b}.nav{background:linear-gradient(#040b0cbc,transparent);border-color:#00ee9828}.nav-cta{border-color:#00ee9850;color:var(--green);background:#00241670;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.hero{min-height:940px}.hero-art{width:76%;object-position:50% 56%;filter:saturate(1.16);animation:hero-breathe 12s ease-in-out infinite alternate}.hero-shade{background:linear-gradient(90deg,#060c0b 4%,#060c0bef 25%,#060c0b70 50%,#060c0b08 75%),linear-gradient(0deg,#060c0b 0%,transparent 38%)}.hero-content{padding-top:215px}.hero h1{font-size:clamp(85px,9.8vw,144px);line-height:.93;letter-spacing:.025em;text-shadow:0 3px 25px #0009;transform:rotate(-2deg);transform-origin:left center}.hero h1 em{color:#00ff9f;text-shadow:3px 3px 0 #06442b,0 0 36px #00ef9838}.hero p{max-width:440px;margin-top:32px}.button{clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);box-shadow:0 0 30px #00ee982d;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.hero-pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.hero-pill-row span{border:1px solid #00ee9840;background:#02170fb5;padding:10px 11px;color:#bdffe6;font-size:8px;letter-spacing:1px}.energy-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.energy-orbit{position:absolute;right:10%;top:28%;width:390px;height:390px;border:1px solid #00ff9870;border-radius:50%;box-shadow:0 0 50px #00ff9820,inset 0 0 30px #00ff9810;transform:rotateX(60deg) rotate(-30deg);animation:orbit-pulse 7s ease-in-out infinite;pointer-events:none}.hero-stamp{position:absolute;right:35px;top:180px;font-family:NxtoneDisplay,Impact;font-size:28px;line-height:.95;color:#00ff98;transform:rotate(8deg);opacity:.9}.ticker{padding:20px 0;transform:rotate(-1.2deg);position:relative;z-index:2;box-shadow:0 0 55px #00ff9825}.ticker-track{display:flex;align-items:center;gap:50px;width:max-content;animation:marquee 34s linear infinite}.ticker span{font-family:NxtoneDisplay,Impact;font-size:27px;letter-spacing:1.5px}.ticker i{font-size:20px}.section h2,.ranking-copy h2,.faq-section h2{font-size:clamp(50px,5vw,78px);line-height:.96}.activity{clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);border-color:#00ee9860;transition:transform .3s,border-color .3s,box-shadow .3s}.activity:hover{transform:translateY(-8px);border-color:var(--green);box-shadow:0 20px 55px #00ee9810}.activity-art{transition:transform .6s}.activity:hover .activity-art{transform:scale(1.045)}.activity h3{font-size:50px;line-height:.94}.activity.arcade{border-color:#ad48ff70}.activity.arcade .activity-meta b{color:#da96ff}.number{display:flex;justify-content:space-between;align-items:center}.number i{border:1px solid #00ee9850;background:#002b1b90;width:30px;height:30px;display:grid;place-items:center;font-style:normal;color:var(--green);font-size:17px}.ranking-section{background:radial-gradient(ellipse at 80% 50%,#00362155,transparent 65%),#07130f}.world-symbol{animation:orbit-pulse 7s ease-in-out infinite;color:#00ffaf;text-shadow:0 0 25px #00ffaf55}.rank-preview{border-color:#00ef9866;box-shadow:18px 18px 0 #001c13,0 0 70px #00ee980a}.character-stage{border-color:#00ee9855;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}.character-detail h3{font-size:115px;text-shadow:3px 3px 0 #0008,0 0 30px #00ee9820}.character-tabs button{transition:transform .2s,background .2s;border-color:#477c644f;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.character-tabs button:hover{transform:translateY(-3px);border-color:#d5ffeb}.closing h2{font-size:110px}.app-preview-section{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;position:relative;padding-top:100px;padding-bottom:80px}.app-preview-section:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 75% 50%,#00b87818,transparent 65%);pointer-events:none}.app-preview-copy{position:relative}.app-preview-copy h2{font-size:80px;line-height:.97;margin-top:22px}.app-preview-copy>p{font-size:15px;line-height:1.8;margin-top:25px;color:#a9bcb2}.preview-character-picker{display:flex;gap:12px;margin-top:30px}.preview-character-picker button{padding:14px 18px;background:#0d2118;border:1px solid #366049;color:#c8d9ce;font-size:10px;letter-spacing:1px;font-weight:bold}.preview-character-picker button.active{color:var(--preview-accent,#00ee98);border-color:var(--preview-accent,#00ee98);box-shadow:0 0 22px #00ee9810}.preview-instruction{font-size:11px!important;margin-top:14px!important}.preview-explanation{border-left:2px solid var(--preview-accent,#00ee98);padding:18px 22px;margin-top:25px;background:#11221a70;max-width:450px}.preview-explanation>b{font-family:NxtoneDisplay,Impact;font-size:26px;letter-spacing:1px}.preview-explanation>p{font-size:12px;line-height:1.8;color:#a6bdaf;margin-top:9px}.phone-scene{position:relative;display:flex;align-items:center;justify-content:center;min-height:730px;perspective:1400px;--preview-accent:#00ee98}.phone-halo{position:absolute;width:480px;height:480px;border:1px solid #00ee9825;border-radius:50%;box-shadow:0 0 150px #00ee9810;animation:orbit-pulse 8s ease-in-out infinite}.app-phone{width:322px;height:680px;padding:8px;border:1px solid #a8e4c350;background:linear-gradient(135deg,#334c3f,#0b1210 40%,#3a5246);border-radius:36px;box-shadow:28px 35px 75px #000a,0 0 50px #00ee9815;transform:rotateY(-10deg) rotateZ(3deg);transition:transform .5s;position:relative}.app-phone:hover{transform:rotateY(0) rotateZ(0)}.phone-screen{width:100%;height:100%;border-radius:29px;overflow:hidden;background:#07120e;position:relative}.phone-backdrop{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:saturate(1.15)}.phone-tint{position:absolute;inset:0;background:linear-gradient(0deg,#020d09e0 0%,transparent 40%,#01090633 75%,#020d09cc)}.phone-status{position:absolute;top:18px;left:19px;right:19px;font-size:8px;letter-spacing:1px;display:flex;justify-content:space-between}.phone-hud{position:absolute;top:51px;left:16px;right:16px;display:flex;align-items:center;gap:15px}.phone-hud>div{background:#07150ee8;border:1px solid var(--preview-accent,#00ee98);padding:10px 12px;flex:1}.phone-hud b{font-size:10px;display:block}.phone-hud small{font-size:8px;color:#bee8d2;display:block;margin-top:5px}.phone-hud i{height:3px;background:#2b4939;display:block;margin-top:8px}.phone-hud>span{text-align:center;background:#07150ee8;border:1px solid #607d6c80;padding:11px;font-size:7px;line-height:1.6}.phone-hud>span b{font-size:18px;color:var(--preview-accent,#00ee98)}.phone-view{position:absolute;top:130px;bottom:94px;left:16px;right:16px}.phone-view[hidden]{display:none}.phone-logo{position:absolute;top:0;left:60px;width:155px;height:92px;object-fit:contain;filter:drop-shadow(0 0 10px #00ffab50)}.phone-character-chip{position:absolute;top:105px;left:55px;right:55px;background:#05100de8;border:1px solid var(--preview-accent,#00ee98);padding:10px;text-align:center;color:var(--preview-accent,#00ee98);font-size:11px;box-shadow:0 0 15px #00ff9820}.phone-character-chip span{margin-left:10px;font-size:12px}.phone-home-actions{position:absolute;bottom:5px;left:0;right:0;display:grid;gap:12px}.phone-home-actions>div{height:83px;padding:20px 14px;position:relative;border:1px solid var(--preview-accent,#00ee98);background:linear-gradient(90deg,#02170eef,#02170e20),url('assets/ModeCards.png');background-size:cover,100% 200%;background-position:0,0 0;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.phone-home-actions>div.phone-match{background-position:0,0 100%}.phone-home-actions b{font-family:NxtoneDisplay,Impact;font-size:24px;letter-spacing:.6px;display:block}.phone-home-actions span{font-size:7px;letter-spacing:.4px;color:#d3e9db;display:block;margin-top:4px}.phone-home-actions i{position:absolute;right:12px;top:20px;font-size:34px;color:var(--preview-accent,#00ee98);font-style:normal}.phone-nav{position:absolute;bottom:20px;left:11px;right:11px;display:flex;gap:3px;background:#04120deb;border:1px solid #42615055;border-radius:14px;padding:12px 6px}.phone-nav button{flex:1;min-width:0;background:none;border:0;color:#839d92;font-size:7px;padding:0;letter-spacing:.4px}.phone-nav button span{font-size:24px;display:block;height:32px}.phone-nav button.active{color:var(--preview-accent,#00ee98)}.phone-caption{position:absolute;bottom:-2px;font-size:8px;letter-spacing:1.6px;color:#86bda0}.phone-mode-title{font-family:NxtoneDisplay,Impact;font-size:40px;line-height:1.02;margin-top:10px;text-shadow:0 3px 8px #000}.phone-mode-title em{color:var(--preview-accent,#00ee98)}.phone-info-card{padding:22px 18px;margin-top:22px;border:1px solid #70b49360;background:linear-gradient(145deg,#062719ef,#04100eee);border-radius:14px}.phone-info-card>span{font-size:7px;letter-spacing:1px;color:#a9d5ba}.phone-info-card>b{display:block;font-family:NxtoneDisplay,Impact;font-size:29px;margin-top:14px;letter-spacing:1px}.phone-info-card>p{font-size:9px;line-height:1.9;color:#b0d2be;margin-top:15px}.phone-info-card>strong{display:block;font-size:7px;color:var(--preview-accent,#00ee98);letter-spacing:.5px;margin-top:22px}.phone-arcade .phone-info-card{background:linear-gradient(145deg,#1d0742e8,#040e15ed)}.phone-score{display:flex;justify-content:space-between;gap:10px;margin-top:25px}.phone-score span{font-size:7px;color:#a9d5ba;flex:1}.phone-score b{display:block;font-size:28px;color:white;margin-top:9px}.phone-profile-avatar{width:95px;height:95px;border-radius:50%;border:2px solid var(--preview-accent,#00ee98);background:url('assets/POWER.png') 65% 42% /200%;margin:20px auto}.phone-profile .phone-info-card{margin-top:15px}.motion-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.motion-ready .reveal.visible{opacity:1;transform:translateY(0)}
@keyframes hero-breathe{from{transform:scale(1)}to{transform:scale(1.04)}}@keyframes orbit-pulse{0%,100%{opacity:.5}50%{opacity:1}}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:1000px){.hero-content{padding-top:200px}.hero h1{font-size:110px}.hero-art{width:90%}.hero-stamp{right:25px}.app-preview-section{gap:20px}.app-preview-copy h2{font-size:64px}.phone-halo{width:340px;height:340px}.activity h3{font-size:41px}.character-detail h3{font-size:95px}.phone-scene{min-height:725px}.app-phone{width:300px;height:650px}.preview-character-picker{gap:7px}.preview-character-picker button{padding:13px}.phone-home-actions b{font-size:22px}}
@media(max-width:700px){.hero{min-height:850px}.hero-content{padding-top:270px}.hero h1{font-size:clamp(71px,17vw,110px)}.hero-art{width:100%;object-position:55% 45%}.hero-shade{background:linear-gradient(0deg,#060c0b 0%,#060c0bba 42%,#060c0b22 77%),linear-gradient(90deg,#060c0b65,transparent)}.hero-stamp{top:125px;right:24px;font-size:23px}.hero p{font-size:12px;margin-top:25px}.hero-pill-row{gap:7px;margin-top:22px}.hero-pill-row span{font-size:6px;padding:8px 7px}.hero-actions{margin-top:26px}.development{font-size:9px}.hero-footer{font-size:6px;bottom:20px}.energy-orbit{width:250px;height:250px;right:0;top:30%;opacity:.5}.ticker{padding:13px 0}.ticker-track{gap:28px}.ticker span{font-size:23px}.app-preview-section{grid-template-columns:1fr;gap:25px;padding-top:70px}.app-preview-copy h2{font-size:66px}.app-preview-copy>p{font-size:13px}.preview-character-picker button{padding:14px 17px}.phone-scene{min-height:705px;margin-top:10px}.app-phone{width:310px;height:670px;transform:rotateZ(1deg)}.phone-caption{bottom:0}.phone-halo{width:320px;height:320px}.section h2,.ranking-copy h2,.faq-section h2{font-size:52px}.activity h3{font-size:51px}.character-detail h3{font-size:81px}.closing h2{font-size:80px}.character-stage{height:650px}.character-detail{top:295px}}
@media(max-width:365px){.phone-scene{min-height:650px}.app-phone{width:285px;height:625px}.phone-halo{width:275px;height:275px}.phone-logo{left:47px}.phone-info-card{padding:18px 15px}.phone-mode-title{font-size:35px}.phone-home-actions>div{height:75px;padding:17px 12px}.phone-home-actions b{font-size:21px}.phone-character-chip{left:45px;right:45px}.preview-character-picker button{padding:13px}}
@media(prefers-reduced-motion:reduce){.hero-art,.ticker-track,.energy-orbit,.world-symbol,.phone-halo{animation:none}.energy-particles{display:none}.motion-ready .reveal{opacity:1;transform:none}.app-phone,.app-phone:hover{transform:none}.activity:hover,.button:hover{transform:none}}
@media(max-width:365px){.app-phone{width:min(285px,calc(100vw - 50px))}.hero{min-height:960px}.hero-content{padding-top:255px}}
/* Refined actions, a real app-style ranking card, and portrait selectors. */
.ui-icon{width:24px;height:24px;flex-shrink:0;display:block}.hero-actions{gap:24px;align-items:center}.hero-primary{padding:18px 24px;gap:18px;min-width:240px;border-radius:13px;clip-path:none;background:linear-gradient(135deg,#00ffc1,#00d789);box-shadow:0 7px 28px #00eb9a25,inset 0 1px 0 #d7fff566;border:1px solid #8dffd050}.hero-primary .action-icon{width:43px;height:43px;display:grid;place-items:center;border:1px solid #044c3d55;border-radius:50%;background:#00332410}.action-icon svg{width:21px;height:21px;fill:currentColor;stroke-width:0;margin-left:3px}.action-copy{display:grid;gap:5px}.action-copy small{font-size:8px;letter-spacing:1.1px;color:#044632;font-weight:800}.action-copy b{font-size:19px;letter-spacing:-.3px}.hero-secondary{display:flex;align-items:center;gap:12px;padding:10px 0;color:#cbe4d8;transition:color .2s;line-height:1.5;font-size:11px}.hero-secondary>.ui-icon{width:34px;height:34px;color:#00edab}.hero-secondary b{font-size:13px;color:white}.hero-secondary:hover b{color:var(--green)}.hero-feature-line{display:flex;flex-wrap:wrap;align-items:center;gap:17px;margin-top:25px;color:#a4c8b6;font-size:10px}.hero-feature-line>span{display:flex;align-items:center;gap:8px}.hero-feature-line .ui-icon{width:16px;height:16px;color:#00edab}.hero-feature-line>i{height:14px;width:1px;background:#41735a}.development{font-size:10px;margin-top:18px;color:#8bada0}.number{font-size:9px;color:#bee7d0;letter-spacing:1.8px}.activity{border-color:#416b5155}.activity:hover{transform:none;box-shadow:none;border-color:#416b5155}.activity:hover .activity-art{transform:none}.activity-meta{border-color:#5d796335}.activity-copy h3{text-shadow:0 3px 10px #0006}.rank-preview{background:radial-gradient(ellipse at 85% 8%,#103453 0%,transparent 48%),linear-gradient(145deg,#081c29,#040d17 65%);border:1px solid #3680a870;border-radius:23px;box-shadow:0 25px 65px #0007,inset 0 1px 0 #c3efff14;transform:none;padding:26px 30px;position:relative;overflow:hidden}.rank-app-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b3e1ff15;padding-bottom:16px}.rank-app-header img{width:95px;height:50px;object-fit:contain}.rank-app-header .live-tag{font-size:8px;letter-spacing:1.2px;border:1px solid #5bbbef35;background:#031928;padding:7px 10px;color:#8dcced;border-radius:6px}.rank-title-row{display:flex;align-items:center;gap:16px;margin-top:25px}.rank-globe{display:grid;place-items:center;width:58px;height:58px;background:linear-gradient(135deg,#00c7ff22,#00ffa410);border:1px solid #00d9e445;border-radius:16px;color:#00e5cf}.rank-globe .ui-icon{width:35px;height:35px}.rank-title-row .eyebrow{font-size:7px;color:#86aac3;letter-spacing:1.5px}.rank-title-row h3{font-size:35px;margin:7px 0 0;line-height:1}.rank-flow{display:flex;align-items:center;justify-content:space-between;margin-top:25px;background:#041523;border:1px solid #25465a;border-radius:13px;padding:14px 20px}.rank-flow>div{display:grid;justify-items:center;gap:8px}.rank-flow .ui-icon{width:22px;height:22px;color:#00e4b1}.rank-flow>div:last-of-type .ui-icon{color:#c991ff}.rank-flow b{font-size:8px;letter-spacing:1px;color:#c7dce7}.rank-flow>span{color:#467086;font-size:17px}.rank-focus{padding:25px 0 22px;border-bottom:1px solid #244051}.rank-focus>small{font-size:8px;color:#7498b0;letter-spacing:1.5px}.rank-focus h4{font-family:NxtoneDisplay,Impact,sans-serif;font-weight:400;font-size:51px;line-height:1;letter-spacing:.8px;margin:12px 0}.rank-focus p{font-size:11px;line-height:1.8;color:#96b1c1}.rank-player{display:flex;align-items:center;gap:13px;margin-top:22px}.rank-player>img{width:53px;height:64px;object-fit:cover;object-position:64% 44%;border-radius:12px;border:1px solid #00e7a650}.rank-player>div{flex:1;min-width:0}.rank-player span{display:block;font-size:7px;letter-spacing:1.5px;color:#729bb2}.rank-player b{display:block;font-size:10px;line-height:1.5;margin-top:6px}.rank-player small{display:block;font-size:9px;color:#8faab9;margin-top:4px}.points-example{border:0;padding:0;margin-top:20px;gap:12px}.points-example>div{background:linear-gradient(125deg,#102b3b,#081a27);border:1px solid #28485e;border-radius:12px;padding:16px}.points-example small{font-size:8px;color:#99bed3}.points-example b{font-family:NxtoneDisplay,Impact;font-size:42px;font-weight:400;line-height:1}.points-example b>span{font-family:Arial,sans-serif;font-size:9px;margin-left:6px;color:#759aaf}.rank-season{display:flex;justify-content:space-between;margin-top:25px;padding-bottom:12px;font-size:9px;color:#d1e3ed}.rank-season b{font-size:8px;color:#00e1af}.rank-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.rank-timeline>span{border-top:3px solid #32607b;border-radius:2px;padding-top:9px;font-size:13px;color:#81abc2}.rank-timeline>span:first-child{border-color:#00e6b0;color:#00e6b0}.rank-timeline small{font-size:6px;margin-left:5px;letter-spacing:.5px}.rank-preview>p.rank-disclaimer{margin-top:18px;text-align:center;color:#6e91a8;font-size:8px;line-height:1.7}.character-stage{height:560px;border-radius:20px;clip-path:none;border-color:#254337}.character-detail{top:120px}.character-detail h3{font-size:105px}.character-tabs{position:relative;left:auto;right:auto;bottom:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:17px}.character-tabs .character-option{position:relative;display:flex;align-items:center;gap:13px;padding:15px 12px;background:linear-gradient(145deg,#11231c,#09140f);border:1px solid #304b3c;border-radius:13px;clip-path:none;text-align:left;color:white;min-width:0;overflow:hidden;transition:border-color .2s,background .2s,box-shadow .2s}.character-tabs .character-option:hover{transform:none;border-color:var(--card-accent);background:#11281e}.character-tabs .character-option.active{border-color:var(--card-accent);box-shadow:inset 0 0 20px #00ee980a,0 0 0 1px var(--card-accent);color:white;background:#122b20}.character-tabs .character-portrait{position:relative;display:block;width:54px;height:68px;flex-shrink:0;border-radius:9px;overflow:hidden;border:1px solid #d3ffdc25;background:#0a1a11!important;margin:0!important}.character-portrait img{width:100%;height:100%;object-fit:cover;object-position:62% 42%;transition:transform .25s}.character-option:hover .character-portrait img{transform:scale(1.06)}.character-option-copy{display:grid;gap:6px;min-width:0}.character-option-copy b{font-family:NxtoneDisplay,Impact;font-size:25px;font-weight:400;letter-spacing:1.2px;color:var(--card-accent)}.character-option-copy small{font-size:6px;color:#9fbca9;letter-spacing:.5px;white-space:nowrap;padding:0}.character-option-copy .choice-status{color:#7b9b87;font-size:7px;letter-spacing:1.1px;font-weight:bold;background:none!important;width:auto!important;height:auto!important;margin:0!important;border-radius:0!important}.character-option.active .choice-status{color:var(--card-accent)}.character-tabs .choice-check{display:none;position:absolute;right:10px;top:10px;color:var(--card-accent);background:none!important;width:13px!important;height:13px!important;border-radius:0!important;margin:0!important}.choice-check .ui-icon{width:13px;height:13px}.character-option.active .choice-check{display:block}.preview-character-picker{gap:10px}.preview-character-picker button{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#0b1b14;border-radius:9px;min-width:0}.preview-character-picker img{width:29px;height:34px;object-fit:cover;object-position:60% 42%;border-radius:5px;border:1px solid #ffffff15}.preview-character-picker span{font-size:8px;letter-spacing:.9px}.phone-home-actions>div{padding-right:10px}.phone-home-actions b{font-size:23px}.phone-caption{font-size:7px}
@media(max-width:1000px){.character-tabs{gap:8px}.character-tabs .character-option{gap:8px;padding:13px 9px}.character-tabs .character-portrait{width:43px;height:58px}.character-option-copy b{font-size:22px}.character-option-copy small{font-size:5px}.rank-preview{padding:24px}.rank-title-row h3{font-size:29px}.rank-flow{padding:14px}.hero-primary{min-width:215px}.hero-actions{gap:22px}}
@media(max-width:700px){.hero-actions{gap:18px;align-items:center;flex-wrap:wrap}.hero-primary{padding:14px 17px;min-width:218px}.hero-primary .action-icon{width:37px;height:37px}.action-copy b{font-size:17px}.action-copy small{font-size:7px}.hero-secondary{gap:9px;font-size:9px}.hero-secondary>.ui-icon{width:27px;height:27px}.hero-secondary b{font-size:11px}.hero-feature-line{gap:11px;font-size:8px;margin-top:22px}.hero-feature-line>span{gap:6px}.hero-feature-line .ui-icon{width:14px;height:14px}.development{font-size:8px;margin-top:15px}.rank-preview{padding:24px 21px;border-radius:19px}.rank-title-row{gap:12px}.rank-title-row h3{font-size:29px}.rank-title-row .eyebrow{font-size:6px;letter-spacing:1px}.rank-globe{width:49px;height:49px;border-radius:13px}.rank-globe .ui-icon{width:30px;height:30px}.rank-focus h4{font-size:46px}.rank-player b{font-size:9px}.rank-player small{font-size:8px}.rank-timeline small{font-size:5px;margin-left:3px}.character-stage{height:470px;border-radius:17px}.character-detail{top:265px;left:24px;right:24px}.character-detail h3{font-size:70px;margin-top:11px}.character-detail p{max-width:260px;font-size:11px}.season-lock{font-size:7px;margin-top:12px}.character-tabs{grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.character-tabs .character-option{padding:12px 10px;gap:9px}.character-tabs .character-portrait{width:42px;height:57px}.character-option-copy b{font-size:22px}.character-option-copy small{font-size:5px}.character-option-copy .choice-status{font-size:6px}.choice-check{right:7px!important;top:7px!important}.preview-character-picker{gap:7px}.preview-character-picker button{padding:8px;gap:6px}.preview-character-picker img{width:25px;height:30px}.preview-character-picker span{font-size:7px}}
@media(max-width:365px){.character-tabs .character-portrait{width:35px;height:52px}.character-tabs .character-option{gap:7px;padding:10px 8px}.character-option-copy b{font-size:20px}.character-option-copy small{font-size:4.5px}.rank-title-row h3{font-size:26px}.rank-focus h4{font-size:40px}.rank-flow{padding:12px}.hero{min-height:960px}.preview-character-picker button{padding:7px}.preview-character-picker img{width:22px}.preview-character-picker span{font-size:6.5px}}

.character-tabs .character-option-copy{width:auto;height:auto;background:none;border-radius:0;margin:0;flex:1;display:grid}
.character-tabs .character-option .character-option-copy{display:grid;width:auto;height:auto;background:transparent!important;border-radius:0;margin:0;flex:1;min-width:0}
.character-tabs .character-option .character-option-copy .choice-status{background:transparent!important;display:block;width:auto;height:auto;margin:0;color:#82a491}
.character-tabs .character-option.active .character-option-copy .choice-status{color:var(--card-accent)}
.character-tabs .character-option .choice-check{background:transparent!important}
.character-option-copy small{font-size:7px;line-height:1.5}.character-option-copy .choice-status{font-size:8px;line-height:1.5}
@media(max-width:1000px){.character-option-copy small{font-size:6px}.character-option-copy .choice-status{font-size:7px}}
@media(max-width:700px){.character-option-copy small{font-size:5.5px}.character-option-copy .choice-status{font-size:6.5px}}