/* tokens do design */

:root{color-scheme:dark;--bg:#0b1018;--surface:#121923;--surface2:#19222e;--line:#ffffff13;--text:#f1f3f7;--muted:#9ca9bb;--gold:#edc779;--goldsoft:#dcb46e;--teal:#7ad9bf;--radius:20px;--ease:cubic-bezier(.2,.8,.2,1);font-family:"Segoe UI",Inter,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:140px}body{margin:0;background:var(--bg);color:var(--text);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.4}img{display:block;max-width:100%}svg{width:21px;height:21px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:5px}::selection{background:#edc77940}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.16;letter-spacing:-.035em}p{color:var(--muted)}.skip{position:fixed;left:20px;top:-100px;background:var(--gold);color:#111;padding:12px;z-index:100}.skip:focus{top:12px}.sprites{position:absolute;width:0;height:0;overflow:hidden}.rail{width:82px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);background:#0e141d;z-index:35;display:flex;align-items:center;flex-direction:column;padding:21px 8px;gap:25px}.rail-logo{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#2a3543,#1b232e);display:grid;place-items:center;border:1px solid #edc7792b}.rail-logo img{width:43px;height:43px;object-fit:contain}.rail-link{width:64px;height:66px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;border-radius:12px;color:#97a3b3;font-size:10px;transition:.2s}.rail-link svg{width:23px;height:23px}.rail-link:hover,.rail-link.active{color:var(--gold);background:#edc7790b}.rail-link.active:before{content:"";position:absolute;left:0;width:3px;height:30px;border-radius:3px;background:var(--gold)}.rail-bottom{margin-top:auto}.shell{margin-left:82px}.topbar{height:76px;padding:0 42px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line);background:#0b1018f5;position:relative;z-index:30}.brand{display:flex;gap:11px;align-items:center;font-size:14px;font-weight:650;white-space:nowrap}.brand svg{color:var(--gold)}.brand span{color:#8190a4;font-weight:400;margin-left:5px}.search-trigger{max-width:380px;flex:1;display:flex;align-items:center;gap:11px;text-align:left;color:#929fb1;background:#171e29;border:1px solid var(--line);border-radius:9px;padding:10px 15px;margin:auto}.search-trigger svg{width:17px;height:17px}.search-trigger kbd{margin-left:auto;font-size:10px;background:#ffffff0b;border-radius:4px;padding:1px 5px}.top-status{display:flex;gap:7px;align-items:center;font-size:11px;color:#a3afbd}.dot{width:6px;height:6px;border-radius:100%;background:var(--teal);display:inline-block}.top-status .dot{background:var(--gold)}.page{width:min(1330px,100%);padding:26px 42px 0;margin:auto}.breadcrumb{display:flex;gap:10px;align-items:center;color:#8591a2;font-size:12px;margin-bottom:21px}.breadcrumb span{color:#d1d8e3}.hero{position:relative;border:1px solid #edc77921;border-radius:24px;overflow:hidden;min-height:480px;background:#111a26;isolation:isolate;display:flex;align-items:center}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% 50%;z-index:-3;animation:hero-in 1.4s ease both}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0a121cf5 0%,#0a121ce8 28%,#0a121c80 58%,#0a121c14),linear-gradient(0deg,#0a121cbd,transparent 60%)}.hero:after{content:"";width:450px;height:450px;position:absolute;top:-240px;left:-100px;z-index:-1;background:#d9b86914;border-radius:50%;filter:blur(70px)}.hero-copy{width:64%;padding:48px 46px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:9px;margin-bottom:20px}.eyebrow:before{content:"";width:20px;height:1px;background:currentColor}.hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.05em;font-size:clamp(44px,4.4vw,70px);line-height:1.03;max-width:520px}.hero h1 em{font-style:normal;color:var(--gold)}.hero-line{font-size:20px;color:#e3e9ef;margin-top:20px;line-height:1.4;max-width:420px;letter-spacing:-.025em}.hero-description{font-size:13px;margin-top:13px;max-width:365px;line-height:1.7;color:#acbac8}.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;gap:9px;align-items:center;justify-content:center;font-size:13px;line-height:1.4;font-weight:650;padding:13px 19px;border-radius:9px;border:1px solid transparent;min-height:46px;transition:background .2s,transform .2s,box-shadow .2s;text-align:center}.btn svg{width:17px;height:17px}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--gold);color:#16191e;box-shadow:0 4px 20px #edc77912}.btn.primary:hover{background:#f5d69e;box-shadow:0 5px 26px #edc77925}.btn.secondary{background:#ffffff08;border-color:#ffffff23;color:#e5eaf1}.btn.secondary:hover{background:#ffffff12}.btn.quiet{background:transparent;color:var(--gold);padding-inline:0}.capture-badge{position:absolute;bottom:19px;right:22px;border:1px solid #ffffff20;background:#09111bc9;backdrop-filter:blur(10px);padding:6px 11px;border-radius:7px;display:flex;align-items:center;gap:7px;font-size:10px;color:#c4cedb}.capture-badge svg{width:13px;height:13px}.hero-coordinate{position:absolute;top:22px;right:23px;font-size:9px;letter-spacing:.13em;color:#d8e4f0a6;display:flex;gap:7px;align-items:center}.app-summary{display:flex;align-items:center;gap:19px;padding:29px 3px 26px}.app-icon{width:83px;height:83px;border-radius:21px;background:linear-gradient(150deg,#293a4d,#111923);border:1px solid #e2bc6550;box-shadow:0 5px 25px #0003;padding:8px;flex-shrink:0}.app-icon img{width:100%;height:100%;object-fit:contain}.app-titles{min-width:0}.app-titles h2{font-size:23px;font-weight:650;letter-spacing:-.04em;margin-bottom:6px}.publisher{font-size:12px;color:var(--gold)}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.tag{display:inline-flex;align-items:center;padding:2px 8px;font-size:10px;color:#bac5d3;background:#ffffff08;border:1px solid var(--line);border-radius:4px}.summary-actions{margin-left:auto;display:flex;gap:10px;align-items:center}.icon-button{height:42px;width:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--line);background:#ffffff04;transition:.2s;color:#c5cedc}.icon-button:hover{background:#ffffff0e;color:var(--gold)}.icon-button.saved{color:var(--gold);background:#edc77914}.summary-price{text-align:right;margin-right:10px}.summary-price strong{font-size:21px;font-weight:600}.summary-price small{display:block;color:var(--muted);font-size:10px}.info-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border:1px solid var(--line);border-radius:13px;margin-bottom:29px;padding:20px 6px}.info-item{display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid var(--line)}.info-item:last-child{border:0}.info-item svg{color:#ccb47e;width:23px;height:23px}.info-item strong{display:block;font-size:15px;line-height:1.4;font-weight:600}.info-item span{font-size:10px;color:var(--muted)}.tabs-wrap{position:sticky;top:0;z-index:25;background:#0b1018f2;backdrop-filter:blur(15px);border-bottom:1px solid var(--line);margin-bottom:36px}.tabs{display:flex;gap:28px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;position:relative;color:var(--muted);font-size:12px;padding:17px 1px 18px;font-weight:550;transition:.2s}.tab:after{position:absolute;content:"";bottom:0;height:3px;border-radius:4px;background:var(--gold);left:0;right:0;transform:scaleX(0);transition:transform .3s}.tab.active{color:var(--text)}.tab.active:after{transform:scaleX(1)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:32px;align-items:start}.main-content{min-width:0}section{scroll-margin-top:80px;margin-bottom:55px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:21px}.section-kicker{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--gold);font-weight:650;margin-bottom:8px}.section-head h2{font-size:25px;font-weight:600;letter-spacing:-.035em}.section-head p{font-size:12px;margin-top:9px}.arrows{display:flex;gap:6px}.arrows .icon-button{width:32px;height:32px;border-radius:8px}.arrows svg{width:16px}.screen-main{border-radius:14px;overflow:hidden;border:1px solid #ffffff1c;position:relative;background:#171e29;width:100%;padding:0;display:block;aspect-ratio:16/9}.screen-main img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.screen-main:hover img{transform:scale(1.025)}.screen-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;padding:20px;background:linear-gradient(0deg,#050b13cf,transparent 45%);text-align:left}.screen-overlay strong{display:block;font-size:15px;color:#fff}.screen-overlay small{font-size:11px;color:#c7d0dd}.screen-expand{display:grid;place-items:center;background:#ffffff15;border:1px solid #ffffff30;border-radius:9px;width:35px;height:35px;backdrop-filter:blur(8px)}.screen-thumbs{display:flex;gap:10px;margin-top:12px;overflow:auto;padding:3px 2px 8px;scrollbar-width:thin;scrollbar-color:#3c4858 transparent}.thumb{flex:0 0 calc((100% - 40px)/5);aspect-ratio:16/10;border-radius:7px;overflow:hidden;padding:0;background:#1b232e;opacity:.6;border:2px solid transparent;transition:.25s}.thumb img{width:100%;height:100%;object-fit:cover}.thumb.active{border-color:var(--gold);opacity:1;box-shadow:0 0 0 2px #edc77915}.thumb:hover{opacity:1}.small-note{display:flex;gap:6px;align-items:center;color:#8491a3;font-size:10px;margin-top:7px}.small-note svg{width:13px;height:13px}.description-intro{font-size:21px;line-height:1.5;letter-spacing:-.025em;max-width:650px;color:#d7dfeb;margin-bottom:15px}.body-copy{font-size:13px;line-height:1.9;color:#9daabc}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.feature{border:1px solid var(--line);border-radius:13px;background:linear-gradient(150deg,#1b2433,#111923);padding:21px 17px;transition:transform .3s,border-color .3s}.feature:hover{transform:translateY(-5px);border-color:#edc77950}.feature-icon{width:37px;height:37px;border-radius:10px;background:#edc7790e;color:var(--gold);display:grid;place-items:center;margin-bottom:20px}.feature:nth-child(2) .feature-icon{color:var(--teal);background:#7ad9bf0c}.feature:nth-child(3) .feature-icon{color:#b4a3f2;background:#b4a3f20c}.feature h3{font-size:14px;margin-bottom:9px;letter-spacing:-.02em;font-weight:600}.feature p{font-size:11px;line-height:1.8}.adventure-banner{display:grid;grid-template-columns:1fr 1fr;gap:20px;position:relative;margin-top:25px;border:1px solid #edc77920;border-radius:14px;background:radial-gradient(ellipse at 75% 100%,#4e3c2540,transparent 80%),#141b26;overflow:hidden;min-height:210px}.adventure-copy{padding:28px 0 28px 26px;position:relative;z-index:1}.adventure-copy h3{font-family:Georgia,serif;font-size:26px;font-weight:400;color:#eee3cc;line-height:1.2}.adventure-copy p{font-size:11px;line-height:1.8;margin-top:12px}.boss-art{position:absolute;right:0;bottom:-19px;width:51%;height:240px;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.boss-art img{max-width:62%;height:225px;object-fit:contain;filter:drop-shadow(0 10px 20px #0004);transition:.6s}.boss-art img:first-child{transform:translateX(20px) rotate(-6deg);height:196px;opacity:.75}.boss-art img:last-child{transform:translateX(-15px) rotate(4deg)}.adventure-banner:hover .boss-art img:last-child{transform:translate(-15px,-7px) rotate(1deg)}.filters{display:flex;gap:7px;margin-bottom:20px;flex-wrap:wrap}.filter{font-size:11px;padding:7px 12px;background:#ffffff04;border:1px solid var(--line);border-radius:7px;color:#9daabc;transition:.2s}.filter.active{background:#edc77918;border-color:#edc77950;color:var(--gold)}.realm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.realm{padding:17px 14px;background:var(--surface);border:1px solid var(--line);border-radius:11px;min-height:128px;position:relative;overflow:hidden;transition:.25s}.realm:hover{border-color:var(--realm-color);background:#19222e;transform:translateY(-3px)}.realm-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.realm-icon{font-size:20px}.realm-index{font-size:9px;letter-spacing:.05em;color:#6c7a8d}.realm h3{font-size:12px;letter-spacing:-.015em;margin-bottom:6px;font-weight:600}.realm p{font-size:10px;color:var(--realm-color)}.realm:after{content:"";position:absolute;bottom:0;left:0;width:35%;height:2px;background:var(--realm-color);opacity:.35}.realm.hidden{display:none}.realm-count{font-size:11px;color:var(--muted);margin-top:13px}.class-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.class-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:19px 16px;position:relative;display:flex;gap:13px;transition:.25s}.class-card:hover{border-color:#ffffff30;background:#1a2330}.class-emblem{font-size:27px;line-height:1.3}.class-card h3{font-size:12px;letter-spacing:-.015em;margin-bottom:5px}.class-card p{font-size:10px;line-height:1.7}.class-bonus{display:inline-block;font-size:9px;font-weight:600;color:var(--teal);margin-top:8px;padding:2px 6px;background:#7ad9bf09;border-radius:4px}.version-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.version-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px 21px;position:relative}.version-card.featured{border-color:#edc77966;background:linear-gradient(160deg,#28282050,#121923 60%)}.version-card>.version-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#ffffff07;color:var(--gold);margin-bottom:19px}.version-card h3{font-size:19px;font-weight:600;margin-bottom:6px}.version-card .sub{font-size:11px;min-height:37px}.version-price{font-size:30px;letter-spacing:-.05em;line-height:1.2;margin-top:24px;color:#f1e4c9}.version-price small{font-size:14px;letter-spacing:0;margin-right:3px}.planned{font-size:10px;color:#c3aa78;margin-top:5px}.version-card ul{list-style:none;padding:0;margin:22px 0}.version-card li{display:flex;gap:7px;align-items:flex-start;font-size:11px;color:#a8b5c5;margin-bottom:10px;line-height:1.6}.version-card li svg{width:13px;height:15px;color:var(--teal);margin-top:1px}.version-card .btn{width:100%}.platform-note{font-size:10px;line-height:1.9;margin-top:14px;color:#8491a4}.notice{border:1px solid #edc77922;background:#edc77906;border-radius:10px;padding:15px;display:flex;gap:10px;align-items:flex-start;margin-top:16px}.notice svg{width:17px;height:17px;color:var(--gold);margin-top:2px}.notice p{font-size:11px;line-height:1.7;color:#b8b7ad}.notice strong{color:#e4d5b4;font-weight:550}.technical{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.tech-item{padding:14px 0;border-bottom:1px solid var(--line)}.tech-item dt{font-size:10px;color:var(--muted);margin-bottom:5px}.tech-item dd{font-size:12px;color:#d1dbe6;margin:0}.tech-foot{font-size:10px;line-height:1.9;margin-top:15px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:0 2px}summary{list-style:none;cursor:pointer;display:flex;gap:15px;justify-content:space-between;align-items:center;font-size:12px;font-weight:550;padding:19px 0}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-size:19px;font-weight:300;color:var(--gold);transition:transform .2s}details[open] summary:after{transform:rotate(45deg)}details p{font-size:12px;line-height:1.9;padding:0 28px 20px 0;color:#a5b2c1}.side{position:sticky;top:84px;display:grid;gap:15px}.purchase-card{border:1px solid #edc77935;border-radius:16px;background:linear-gradient(135deg,#242821,#151c25 45%);padding:23px}.side-eyebrow{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#b5a277;margin-bottom:20px}.side-title{display:flex;gap:12px;align-items:center;margin-bottom:23px}.side-title img{width:45px;height:45px;object-fit:contain}.side-title h3{font-size:15px;font-weight:600;letter-spacing:-.02em}.side-title p{font-size:10px;margin-top:5px}.platform-select{display:grid;grid-template-columns:1fr 1fr;gap:7px}.platform-option{border:1px solid var(--line);background:#ffffff05;border-radius:8px;font-size:11px;display:flex;gap:6px;align-items:center;justify-content:center;padding:10px 5px;color:#98a7b9;transition:.2s}.platform-option svg{width:15px;height:15px}.platform-option.active{color:var(--gold);border-color:#edc77970;background:#edc7790b}.side-price{margin-top:23px;font-size:35px;line-height:1.2;letter-spacing:-.04em}.side-price small{font-size:16px;margin-right:5px;letter-spacing:0}.side-price-note{font-size:10px;color:#a7b39e;margin-top:7px;margin-bottom:20px}.side .btn{width:100%;font-size:12px}.availability{font-size:10px;color:#99a7b9;text-align:center;line-height:1.7;margin-top:12px}.side-list{border-top:1px solid var(--line);margin-top:21px;padding-top:17px;display:grid;gap:12px}.side-list span{display:flex;align-items:center;gap:9px;color:#b6c3d2;font-size:10px}.side-list svg{width:14px;height:14px;color:var(--gold)}.side-bottom{display:flex;align-items:center;gap:7px;border-top:1px solid var(--line);padding-top:16px;margin-top:18px;color:#8e9aa9;font-size:9px}.side-bottom svg{width:12px;height:12px}.dev-card{padding:20px;border:1px solid var(--line);border-radius:14px;background:#ffffff02}.dev-card h3{font-size:12px;font-weight:600;letter-spacing:-.01em;margin-bottom:9px}.dev-card p{font-size:11px;line-height:1.8}.dev-card .btn{font-size:11px;min-height:32px;margin-top:8px;justify-content:flex-start}.side-mini{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#141d28}.side-mini img{aspect-ratio:16/9;object-fit:cover}.side-mini div{padding:14px}.side-mini p{font-size:11px;color:#c4cfdb}.side-mini small{font-size:10px;color:#8392a4}.closing{position:relative;border-radius:18px;background:radial-gradient(ellipse at 60% 100%,#4e3f2340,transparent 70%),#131c29;border:1px solid #edc77927;text-align:center;padding:47px 25px;margin-top:8px;overflow:hidden}.closing img{width:65px;height:65px;object-fit:contain;margin:0 auto 18px}.closing h2{font-family:Georgia,serif;font-size:32px;font-weight:400;color:#f5e8cf}.closing p{font-size:12px;margin:13px auto 23px;max-width:470px}.closing .btn{padding-inline:26px}.footer{border-top:1px solid var(--line);padding:24px 0 34px;margin-top:45px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#748398}.footer strong{color:#b2becd;font-weight:500;display:block;margin-bottom:4px}.footer-links{display:flex;gap:20px;align-items:center}.footer a:hover{color:var(--gold)}.mobile-purchase{display:none}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,25px);opacity:0;z-index:150;background:#263344;border:1px solid #ffffff25;box-shadow:0 15px 40px #0006;color:#fff;border-radius:10px;padding:12px 20px;font-size:12px;pointer-events:none;transition:.3s;max-width:90vw;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{color:var(--text);padding:0;border:1px solid #ffffff25;border-radius:18px;background:#141d29;box-shadow:0 40px 150px #0009;max-width:calc(100vw - 30px);max-height:calc(100dvh - 40px)}dialog::backdrop{background:#03070edc;backdrop-filter:blur(10px)}.lightbox{width:min(1200px,calc(100vw - 40px));background:#0c121b}.dialog-header{display:flex;align-items:center;gap:15px;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}.dialog-header h2{font-size:15px;font-weight:550;letter-spacing:-.02em}.dialog-header .icon-button{height:34px;width:34px;flex-shrink:0}.lightbox-stage{position:relative;display:flex;align-items:center;justify-content:center;background:#080e16;min-height:100px}.lightbox-stage img{width:100%;max-height:70dvh;object-fit:contain}.lightbox-stage .icon-button{position:absolute;top:50%;transform:translateY(-50%);background:#0b111cdb;border-color:#ffffff40;width:40px;height:46px}.lightbox-stage .prev{left:12px}.lightbox-stage .next{right:12px}.lightbox-footer{display:flex;justify-content:space-between;gap:20px;padding:13px 20px;font-size:11px;color:#9aabbe}.checkout{width:470px}.checkout-inner{padding:24px}.checkout-banner{display:flex;gap:14px;align-items:center;background:#ffffff04;border:1px solid var(--line);padding:15px;border-radius:11px}.checkout-banner img{width:52px;height:52px;object-fit:contain}.checkout-banner h3{font-size:15px;font-weight:600;letter-spacing:-.02em}.checkout-banner p{font-size:11px;margin-top:5px}.order-line{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-top:23px}.order-line strong{font-size:21px;color:var(--gold)}.checkout .btn{width:100%;margin-top:18px}.checkout-sub{font-size:10px;margin-top:12px;line-height:1.8;text-align:center}.search-dialog{width:560px}.search-body{padding:21px}.search-input{width:100%;background:#0b121c;border:1px solid #ffffff20;border-radius:9px;color:#fff;padding:13px 15px;outline:none}.search-input:focus{border-color:var(--gold)}.search-results{margin-top:13px;display:grid;gap:7px;max-height:50dvh;overflow:auto}.search-result{padding:11px 13px;background:#ffffff04;border:1px solid var(--line);border-radius:8px;display:flex;justify-content:space-between;gap:10px;text-align:left;font-size:12px}.search-result:hover{border-color:#edc77960}.search-result span{color:var(--muted);font-size:10px}.empty-result{padding:18px;font-size:12px;color:var(--muted)}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.js .reveal.visible{opacity:1;transform:none}@keyframes hero-in{from{transform:scale(1.045);opacity:.3}to{transform:scale(1);opacity:1}}.float{animation:float 7s ease-in-out infinite}@keyframes float{50%{transform:translateY(-6px)}}
@media(min-width:1600px){.hero{min-height:530px}.hero-copy{padding:55px}.layout{grid-template-columns:minmax(0,1fr) 310px;gap:44px}.hero h1{font-size:75px}}
@media(max-width:1180px){.topbar{padding-inline:27px;gap:20px}.page{padding-inline:27px}.top-status{display:none}.hero{min-height:440px}.hero-copy{padding:38px 32px;width:70%}.hero h1{font-size:53px}.hero-line{font-size:18px}.layout{grid-template-columns:minmax(0,1fr) 260px;gap:23px}.purchase-card{padding:19px}.realm-grid{grid-template-columns:1fr 1fr}.feature{padding:18px 12px}.feature h3{font-size:12px}.feature p{font-size:10px}.app-titles h2{font-size:20px}.app-icon{width:70px;height:70px}.summary-price{display:none}.tabs{gap:24px}.adventure-copy{padding-left:20px}.adventure-copy h3{font-size:23px}.brand span{display:none}}
@media(max-width:960px){.rail{width:65px;padding-inline:4px}.rail-link{width:55px;font-size:9px}.rail-logo{width:41px;height:41px}.rail-logo img{width:36px;height:36px}.shell{margin-left:65px}.page{padding-inline:24px}.layout{display:block}.side{display:none}.hero-copy{width:67%}.hero h1{font-size:55px}.hero-line{font-size:19px}.summary-price{display:block}.realm-grid{grid-template-columns:repeat(3,1fr)}.feature p{font-size:11px}.feature h3{font-size:14px}.feature{padding:22px 18px}.topbar{height:68px;padding-inline:24px}.search-trigger{margin-right:0}.tabs{justify-content:space-between;gap:17px}.section-head h2{font-size:27px}.mobile-purchase{display:flex;position:fixed;bottom:0;left:65px;right:0;z-index:40;align-items:center;gap:15px;border-top:1px solid #edc7792e;background:#101823f5;backdrop-filter:blur(15px);padding:12px 25px calc(12px + env(safe-area-inset-bottom))}.mobile-purchase img{width:37px;height:37px;object-fit:contain}.mobile-purchase strong{font-size:12px;display:block}.mobile-purchase small{font-size:10px;color:#a3afbd;display:block}.mobile-purchase .btn{margin-left:auto;padding:11px 23px;font-size:12px;min-height:40px}.footer{padding-bottom:115px}.toast{bottom:100px}.adventure-banner{min-height:230px}.boss-art{height:260px}.boss-art img{height:260px}.boss-art img:first-child{height:230px}.adventure-copy{padding:32px}.adventure-copy h3{font-size:29px}}
@media(max-width:600px){html{scroll-padding-top:72px}.rail{display:none}.shell{margin-left:0}.topbar{height:62px;padding:0 19px;gap:15px}.brand{font-size:13px;gap:8px}.brand svg{width:18px;height:18px}.search-trigger{max-width:36px;min-width:36px;height:36px;padding:0;flex:0 0 36px;justify-content:center;margin-left:auto;background:#ffffff05}.search-trigger span,.search-trigger kbd{display:none}.page{padding:19px 18px 0}.breadcrumb{font-size:10px;gap:7px;margin-bottom:16px}.hero{min-height:455px;border-radius:17px;align-items:flex-end}.hero-image{object-position:61% center;opacity:.9}.hero:before{background:linear-gradient(0deg,#0b141efc 1%,#0b141edb 40%,#0b141e21 92%),linear-gradient(90deg,#0b141e55,transparent)}.hero-copy{padding:125px 23px 28px;width:100%}.hero .eyebrow{font-size:9px;margin-bottom:14px;letter-spacing:.14em}.hero h1{font-size:46px;max-width:300px}.hero-line{font-size:16px;max-width:270px;margin-top:14px}.hero-description{font-size:11px;max-width:290px;margin-top:9px;color:#adbac9}.hero-actions{gap:11px;margin-top:22px}.hero-actions .btn{font-size:11px;padding:11px 13px;min-height:41px}.capture-badge{top:13px;right:13px;bottom:auto;font-size:8px;padding:5px 8px}.hero-coordinate{display:none}.app-summary{gap:12px;padding:24px 1px 20px;position:relative}.app-icon{width:64px;height:64px;border-radius:15px;padding:6px}.app-titles h2{font-size:19px;line-height:1.2;max-width:220px}.publisher{font-size:10px}.tags{gap:4px;margin-top:7px}.tag{font-size:8px;padding:1px 5px}.summary-actions{gap:7px;align-self:flex-start}.summary-actions>.btn,.summary-price{display:none}.summary-actions .icon-button{width:29px;height:29px;border:0;background:transparent}.summary-actions .icon-button svg{width:17px;height:17px}.summary-actions .share-button{display:none}.info-strip{margin-bottom:13px;border-radius:11px;padding:16px 2px;gap:0}.info-item{flex-direction:column;gap:4px;text-align:center}.info-item svg{width:18px;height:18px;margin-bottom:2px}.info-item strong{font-size:12px}.info-item span{font-size:8px}.tabs-wrap{margin-left:-18px;margin-right:-18px;margin-bottom:27px;padding:0 18px}.tabs{justify-content:flex-start;gap:23px}.tab{font-size:11px;padding:16px 0}.layout{display:block}.section-head{margin-bottom:17px}.section-head h2{font-size:23px;line-height:1.2}.section-head p{font-size:11px;margin-top:7px}.section-kicker{font-size:9px;margin-bottom:7px}.section-head .icon-button{width:28px;height:28px}.screen-main{border-radius:11px}.screen-overlay{padding:13px}.screen-overlay strong{font-size:12px}.screen-overlay small{font-size:9px}.screen-expand{width:28px;height:28px}.screen-expand svg{width:14px;height:14px}.screen-thumbs{gap:7px;margin-top:9px}.thumb{flex-basis:calc((100% - 21px)/4);border-radius:6px;flex-shrink:0}.small-note{font-size:8px;line-height:1.6}.description-intro{font-size:19px;line-height:1.55;margin-bottom:14px}.body-copy{font-size:12px;line-height:1.9}.feature-grid{grid-template-columns:1fr;gap:9px;margin-top:21px}.feature{display:grid;grid-template-columns:36px 1fr;gap:0 15px;padding:18px}.feature-icon{grid-row:1/3;margin:0;align-self:center;width:36px;height:36px}.feature h3{font-size:13px;margin-bottom:5px}.feature p{font-size:11px}.adventure-banner{min-height:240px;grid-template-columns:1fr 1fr;margin-top:19px}.adventure-copy{padding:24px 0 24px 20px}.adventure-copy h3{font-size:25px;line-height:1.1}.adventure-copy p{font-size:10px;margin-top:12px}.boss-art{right:-6px;width:53%;bottom:-10px;height:200px}.boss-art img{height:200px;max-width:74%}.boss-art img:first-child{height:160px;transform:translateX(37px) rotate(-8deg);opacity:.55}.boss-art img:last-child{transform:translateX(-15px) rotate(5deg)}section{margin-bottom:42px}.realm-grid{grid-template-columns:1fr 1fr;gap:9px}.realm{min-height:126px;padding:15px 12px}.realm h3{font-size:11px}.realm p{font-size:10px}.realm-top{margin-bottom:15px}.filter{font-size:10px;padding:6px 10px}.filters{gap:6px;margin-bottom:16px}.class-grid{grid-template-columns:1fr;gap:9px}.class-card{padding:17px}.class-card h3{font-size:13px}.class-card p{font-size:11px}.class-emblem{font-size:30px;margin-right:3px}.version-grid{grid-template-columns:1fr;gap:14px}.version-card{padding:23px;display:grid;grid-template-columns:1fr auto;column-gap:12px}.version-card>.version-icon{grid-column:2;grid-row:1/3;margin:0;width:42px;height:42px}.version-card h3{grid-row:1;grid-column:1}.version-card .sub{grid-column:1;grid-row:2;min-height:0;font-size:11px}.version-price{grid-column:1/-1;margin-top:20px}.planned,.version-card ul,.version-card .btn{grid-column:1/-1}.version-card ul{display:grid;grid-template-columns:1fr;gap:0;margin:20px 0 14px}.version-card li{font-size:11px}.technical{gap:0 14px}.tech-item dd{font-size:11px;line-height:1.7}.tech-item dt{font-size:9px}.tech-foot{font-size:10px}summary{font-size:12px;line-height:1.6;padding:17px 0}details p{font-size:11px;padding-right:16px}.closing{padding:34px 20px;border-radius:14px}.closing h2{font-size:29px}.closing img{width:54px;height:54px}.closing p{font-size:11px;line-height:1.9}.closing .btn{font-size:12px}.footer{padding:24px 0 116px;margin-top:30px;display:block;font-size:9px}.footer-links{margin-top:17px;gap:22px;font-size:10px}.mobile-purchase{left:0;padding:10px 17px calc(10px + env(safe-area-inset-bottom));gap:9px}.mobile-purchase img{width:35px;height:35px}.mobile-purchase strong{font-size:11px}.mobile-purchase small{font-size:9px}.mobile-purchase .btn{padding:10px 15px;font-size:11px;min-height:39px}.lightbox{width:calc(100vw - 20px);max-width:calc(100vw - 20px);border-radius:12px}.dialog-header{padding:13px 15px;gap:8px}.dialog-header h2{font-size:13px}.lightbox-footer{padding:13px;font-size:9px}.lightbox-stage .icon-button{width:29px;height:36px}.lightbox-stage .prev{left:7px}.lightbox-stage .next{right:7px}.lightbox-stage svg{width:16px}.checkout-inner{padding:19px}.checkout-banner h3{font-size:13px}.order-line{font-size:11px}.checkout .notice p{font-size:11px}.checkout .btn{font-size:12px}.toast{font-size:11px;padding:11px 15px;min-width:230px}.search-body{padding:17px}.search-result{font-size:11px}.search-result span{font-size:9px}.search-input{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}
@media print{.rail,.topbar,.tabs-wrap,.side,.mobile-purchase,.summary-actions,.hero-actions,.footer-links,.arrows{display:none}.shell{margin:0}.page{padding:0;width:100%}.layout{display:block}.reveal,.js .reveal{opacity:1;transform:none}body{print-color-adjust:exact;-webkit-print-color-adjust:exact}.hero{min-height:350px}section,.realm,.feature,.version-card{break-inside:avoid}.footer{padding-bottom:0}a[href]:after{content:none}}

.topbar-actions{display:flex;gap:8px;align-items:center;margin-left:auto}
.topbar-nav-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#171e29;border:1px solid var(--line);border-radius:9px;font-size:12px;font-weight:650;color:#e8ecf3;cursor:pointer;transition:all .15s ease;white-space:nowrap}
.topbar-nav-btn:hover{background:#232d3d;border-color:var(--gold);color:var(--gold);transform:translateY(-1px)}
.topbar-nav-btn.lime-btn{background:rgba(201,242,107,.1);border-color:rgba(201,242,107,.35);color:var(--lime)}
.topbar-nav-btn.lime-btn:hover{background:var(--lime);color:#0a1018;border-color:var(--lime);box-shadow:0 0 15px rgba(201,242,107,.2)}
.account-game-card{background:#090d15;border:1px solid #ffffff18;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px}
.account-game-card .head{display:flex;justify-content:space-between;align-items:center}
.account-game-card .badge{padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase}
.account-game-card .badge.pc{background:rgba(56,189,248,.15);color:#38bdf8;border:1px solid rgba(56,189,248,.3)}
.account-game-card .badge.android{background:rgba(122,217,191,.15);color:#7ad9bf;border:1px solid rgba(122,217,191,.3)}

/* ==================== ESTILOS DO CHECKOUT REAL & SEGURO ==================== */
.checkout{width:min(540px,calc(100vw - 24px));background:#101725;border:1px solid #ffffff20;border-radius:24px;box-shadow:0 30px 100px rgba(0,0,0,.8)}
.checkout-inner{padding:22px}
.checkout-banner{display:flex;gap:14px;align-items:center;background:#ffffff06;border:1px solid var(--line);padding:14px;border-radius:14px}
.checkout-banner img{width:48px;height:48px;object-fit:contain}
.checkout-banner h3{font-size:16px;font-weight:700;color:#fff}
.checkout-banner p{font-size:12px;color:var(--lime);font-family:var(--f-mono,monospace)}
.checkout-summary-bar{display:flex;align-items:center;justify-content:space-between;margin:16px 0;padding:12px 14px;background:#ffffff04;border-radius:12px;border:1px solid #ffffff10;font-size:12px}
.checkout-summary-bar strong{font-size:18px;color:var(--lime);font-family:var(--f-mono,monospace)}

.checkout-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0 18px}
.checkout-tab-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:12px;border:1px solid #ffffff15;background:#ffffff06;color:var(--text-soft,#9aabbe);font:600 12px 'Hanken Grotesk',sans-serif;cursor:pointer;transition:all .2s ease}
.checkout-tab-btn:hover{background:#ffffff10;color:#fff}
.checkout-tab-btn.active{background:rgba(201,242,107,.12);border-color:var(--lime);color:var(--lime);box-shadow:0 0 15px rgba(201,242,107,.15)}

.checkout-tab-panel{display:none}
.checkout-tab-panel.active{display:block;animation:fadeSlide .25s ease}
@keyframes fadeSlide{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.c-field{margin-bottom:12px}
.c-label{display:block;font-size:11px;font-weight:600;color:#9aabbe;margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em;font-family:var(--f-mono,monospace)}
.c-input{width:100%;padding:12px 14px;background:#090d15;border:1px solid #ffffff1c;border-radius:10px;color:#fff;font-size:13px;outline:none;transition:border-color .2s;box-sizing:border-box}
.c-input:focus{border-color:var(--lime)}

.pix-qr-area{text-align:center;padding:12px 0}
.pix-qr-frame{display:inline-block;padding:10px;background:#fff;border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.4)}
.pix-qr-frame img{width:180px;height:180px;display:block}
.pix-meta{font-size:12px;line-height:1.6;margin-top:10px;color:#d1d5db}
.pix-meta strong{color:#fff}

.pix-copy-box{display:flex;gap:8px;margin:14px 0}
.pix-copy-input{flex:1;padding:10px 12px;background:#090d15;border:1px solid #ffffff1c;border-radius:10px;color:#fff;font:500 11px var(--f-mono,monospace);text-overflow:ellipsis;outline:none}
.pix-copy-btn{padding:0 16px;background:var(--lime);color:#0e0f22;border:none;border-radius:10px;font:700 12px 'Hanken Grotesk',sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease}
.pix-copy-btn:hover{background:#d8fa82;transform:scale(1.02)}

.pix-pulse-status{display:flex;align-items:center;gap:10px;padding:12px 14px;background:rgba(201,242,107,.08);border:1px solid rgba(201,242,107,.25);border-radius:12px;margin:14px 0;font-size:12px;color:#d8fa82}
.pulse-dot{width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);animation:pulse 1.4s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}

.btn-lime-full{width:100%;height:48px;border-radius:12px;border:0;background:var(--lime);color:#0e0f22;font:700 14px 'Hanken Grotesk',sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:all .2s ease;margin-top:12px}
.btn-lime-full:hover{background:#d8fa82;transform:translateY(-1px);box-shadow:0 6px 20px rgba(201,242,107,.25)}
.btn-ghost-full{width:100%;height:44px;border-radius:12px;border:1px solid #ffffff20;background:transparent;color:#fff;font:600 13px 'Hanken Grotesk',sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;transition:background .2s}
.btn-ghost-full:hover{background:#ffffff10}

.whatsapp-box-link{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:#25d366;color:#fff;border-radius:12px;font:700 13px 'Hanken Grotesk',sans-serif;text-decoration:none;margin:14px 0;transition:transform .2s}
.whatsapp-box-link:hover{background:#22bf5b;transform:translateY(-1px)}

.success-badge-card{text-align:center;padding:24px 16px;background:radial-gradient(ellipse at 50% 0%,rgba(201,242,107,.15),transparent 70%);border:1px solid rgba(201,242,107,.3);border-radius:18px;margin-bottom:18px}
.success-icon-big{font-size:42px;line-height:1;margin-bottom:10px}
.success-badge-card h3{font-size:20px;color:#fff;margin-bottom:6px}
.success-badge-card p{font-size:13px;color:#cbd5e1}

.license-key-pill{display:block;margin:16px auto;padding:12px 18px;background:#090d15;border:1px solid var(--lime);border-radius:12px;color:var(--lime);font:700 18px var(--f-mono,monospace);letter-spacing:.12em;text-align:center}

.instruction-steps{margin:18px 0;padding:0;list-style:none}
.instruction-step{display:flex;gap:12px;margin-bottom:12px;font-size:12px;line-height:1.5;color:#9aabbe}
.step-num{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#ffffff14;color:#fff;font:700 11px var(--f-mono,monospace);flex-shrink:0}
.instruction-step strong{color:#fff}

.admin-footer-btn{background:none;border:none;color:#6b7280;font-size:11px;cursor:pointer;text-decoration:underline;margin-top:10px;padding:4px}
.admin-footer-btn:hover{color:var(--lime)}

.admin-dialog{width:min(500px,calc(100vw - 24px));background:#111827;border:1px solid #374151;border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.8);color:#fff}
:root{--lime:#c9f26b}
.c-check{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:#cbd5e1;line-height:1.5;margin:6px 0 4px;cursor:pointer}
.c-check input{margin-top:3px;accent-color:#c9f26b;flex-shrink:0}
.c-check a{color:var(--lime);text-decoration:underline}
.c-msg{font-size:12px;min-height:16px;margin-top:8px;line-height:1.5}
.c-note{font-size:11px;color:#9aabbe;text-align:center;margin-top:10px;line-height:1.5}
.c-note b{color:#fff;font-family:var(--f-mono,monospace)}
.link-btn{display:block;margin:8px auto 0;background:none;border:0;color:#9aabbe;font-size:12px;text-decoration:underline;cursor:pointer;padding:6px}
.link-btn:hover{color:var(--lime)}
.admin-dialog{width:min(900px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto}
.adm-box{background:#ffffff06;border:1px solid #ffffff15;border-radius:12px;padding:12px;margin-bottom:14px}
.adm-box>strong{font-size:13px;display:block;margin-bottom:6px}
.adm-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.adm-tab{padding:8px 12px;border-radius:10px;border:1px solid #ffffff15;background:#ffffff06;color:#9aabbe;font:600 12px 'Hanken Grotesk',sans-serif;cursor:pointer}
.adm-tab:hover{background:#ffffff10;color:#fff}
.adm-tab.active{background:rgba(201,242,107,.12);border-color:var(--lime);color:var(--lime)}
.adm-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.adm-settings-card{min-width:0;padding:16px;border:1px solid #ffffff15;border-radius:14px;background:#ffffff04}
.adm-settings-card h3{margin:0 0 5px;font-size:14px;color:#fff}
.adm-settings-card>p{margin:0 0 14px;font-size:11px;line-height:1.55;color:#9aabbe}
.adm-settings-card .c-field{margin-bottom:11px}
.adm-settings-card textarea.c-input{min-height:90px;resize:vertical}
.adm-toggle{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid #ffffff18;border-radius:11px;background:#ffffff05;color:#e8ecf3;font-size:12px;line-height:1.5;cursor:pointer}
.adm-toggle input{margin-top:2px;accent-color:var(--lime);width:17px;height:17px;flex:0 0 auto}
.adm-settings-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.adm-settings-message{min-height:18px;margin-top:8px;font-size:12px;color:#9aabbe}
[hidden]{display:none!important}
@media(max-width:620px){.adm-settings-grid{grid-template-columns:1fr}.admin-dialog>div:last-child{padding:15px!important}.adm-tab{flex:1 1 auto}}
.adm-order{border:1px solid #ffffff18;border-radius:12px;padding:12px;margin-bottom:10px;background:#0b1220}
.adm-order-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px}
.adm-code{font:700 14px var(--f-mono,monospace);color:#fff}
.adm-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:99px;border:1px solid #ffffff30;color:#cbd5e1;text-transform:uppercase;letter-spacing:.04em}
.adm-badge.awaiting_payment{color:#fbbf24;border-color:#fbbf2466}
.adm-badge.approved{color:var(--lime);border-color:#c9f26b66}
.adm-badge.rejected,.adm-badge.revoked{color:#f87171;border-color:#f8717166}
.adm-line{font-size:12px;color:#cbd5e1;line-height:1.6;word-break:break-word}
.adm-line.dim{color:#8e9aa9}
.adm-key{display:block;margin-top:6px;font:600 12px var(--f-mono,monospace);color:var(--lime);word-break:break-all}
.adm-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.adm-btn{padding:8px 12px;border-radius:9px;border:1px solid #ffffff22;background:#ffffff0a;color:#fff;font:600 12px 'Hanken Grotesk',sans-serif;cursor:pointer}
.adm-btn:hover{background:#ffffff18}
.adm-btn.ok{background:var(--lime);color:#0e0f22;border-color:var(--lime)}
.adm-btn.danger{color:#fca5a5;border-color:#f8717155}
.adm-empty{padding:18px;text-align:center;font-size:12px;color:#8e9aa9}
.license-key-pill{font-size:13px;letter-spacing:.04em;word-break:break-all;line-height:1.5}



/* ==========================================================
   COMPLEMENTOS — classes usadas pelas páginas internas
   (checkout, pedido, admin, ajuda, legal). O design acima
   já cobre o site principal.
   ========================================================== */
a:hover { text-decoration: underline; }
/* ---------------- Estrutura ---------------- */

.shell { width: min(var(--largura), 100% - 32px); margin: 0 auto; }
.site-header {
  position: sticky; top: 0; z-index: 50;
  backdrop-filter: blur(14px);
  background: rgba(11, 14, 26, 0.82);
  border-bottom: 1px solid var(--line-soft);
}
.site-header .shell {
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px; padding: 12px 0;
}
.brand:hover { text-decoration: none; }
.brand-mark {
  width: 38px; height: 38px; border-radius: 50%;
  display: grid; place-items: center; font-size: 19px;
  background: linear-gradient(135deg, var(--gold), var(--gold-2));
  color: var(--on-gold); box-shadow: 0 6px 18px rgba(255, 215, 0, .3);
}
.brand small { display: block; font-family: var(--font); font-size: 10px; letter-spacing: .16em; color: var(--ink-3); font-weight: 600; text-transform: uppercase; }
.nav { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.nav a {
  color: var(--ink-2); font-size: 14px; font-weight: 500;
  padding: 8px 13px; border-radius: 999px;
}
.nav a:hover { color: var(--ink); background: rgba(255, 255, 255, .06); text-decoration: none; }
.nav a.active { color: var(--on-gold); background: linear-gradient(135deg, var(--gold), var(--gold-2)); font-weight: 700; }
main { padding: 34px 0 70px; }
.site-footer {
  border-top: 1px solid var(--line-soft);
  padding: 28px 0 40px; color: var(--ink-3); font-size: 13px;
}
.site-footer .shell { display: flex; flex-wrap: wrap; gap: 12px 26px; justify-content: space-between; align-items: center; }
.site-footer nav { display: flex; gap: 16px; flex-wrap: wrap; }
.site-footer a { color: var(--ink-2); }
.lead { color: var(--ink-2); font-size: clamp(15px, 1.5vw, 18px); max-width: 62ch; }
.muted { color: var(--ink-3); }
.small { font-size: 13px; }
.tiny { font-size: 12px; }
.center { text-align: center; }
.gold { color: var(--gold); }
.mono { font-family: ui-monospace, 'SF Mono', Menlo, monospace; }
/* ---------------- Componentes ---------------- */

.card {
  background: var(--panel);
  border: 1px solid var(--line-soft);
  border-radius: var(--radius);
  padding: 22px;
  box-shadow: var(--shadow);
}
.card.gold-line { border-color: var(--line); }
.card h3 { color: var(--gold); }
.btn:active { transform: translateY(0); }
.btn:disabled, .btn[aria-disabled='true'] { opacity: .5; cursor: not-allowed; transform: none; }
.btn.block { width: 100%; }
.btn.ghost {
  background: transparent; color: var(--gold);
  border: 1.5px solid rgba(255, 215, 0, .5); box-shadow: none;
}
.btn.ghost:hover { background: rgba(255, 215, 0, .09); }
.btn.dark { background: rgba(255, 255, 255, .08); color: var(--ink); box-shadow: none; }
.btn.dark:hover { background: rgba(255, 255, 255, .14); }
.btn.sm { padding: 8px 15px; font-size: 13px; }
.btn.danger { background: linear-gradient(135deg, #ff6b6b, #d93a3f); color: #fff; box-shadow: none; }
.btn.ok { background: linear-gradient(135deg, #4ade80, #22a35a); color: #04210f; box-shadow: none; }
label { display: block; font-size: 13px; font-weight: 600; color: var(--ink-2); margin: 14px 0 6px; }
input[type=text], input[type=email], input[type=password], input[type=number], select, textarea {
  width: 100%; padding: 12px 14px; font-family: inherit; font-size: 15px;
  color: var(--ink); background: rgba(0, 0, 0, .35);
  border: 1.5px solid rgba(255, 255, 255, .12); border-radius: var(--radius-sm);
  transition: border-color .2s ease, background .2s ease;
}
input:focus, select:focus, textarea:focus {
  outline: none; border-color: rgba(255, 215, 0, .65); background: rgba(0, 0, 0, .5);
}
input::placeholder { color: #5d6785; }
textarea { min-height: 90px; resize: vertical; }
.hint { font-size: 12.5px; color: var(--ink-3); margin-top: 6px; }
.err { font-size: 13.5px; color: #ff8f92; margin-top: 8px; }
.okmsg { font-size: 13.5px; color: var(--ok); margin-top: 8px; }
.badge {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 11.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
  padding: 4px 10px; border-radius: 999px;
  background: rgba(255, 255, 255, .08); color: var(--ink-2);
}
.badge.await { background: rgba(255, 176, 32, .16); color: #ffc65c; }
.badge.approved { background: rgba(61, 220, 132, .15); color: #7ff0b0; }
.badge.rejected { background: rgba(255, 90, 95, .15); color: #ff9a9d; }
.badge.revoked { background: rgba(160, 160, 180, .16); color: #c3c8d8; }
.alert {
  border-radius: var(--radius-sm); padding: 14px 16px; font-size: 14px;
  border: 1px solid; display: flex; gap: 10px; align-items: flex-start;
}
.alert.info { background: rgba(80, 140, 255, .1); border-color: rgba(80, 140, 255, .3); color: #b9d0ff; }
.alert.warn { background: rgba(255, 176, 32, .1); border-color: rgba(255, 176, 32, .32); color: #ffd08a; }
.alert.bad { background: rgba(255, 90, 95, .1); border-color: rgba(255, 90, 95, .32); color: #ffb3b5; }
.alert.good { background: rgba(61, 220, 132, .1); border-color: rgba(61, 220, 132, .3); color: #9df3c4; }
/* ---------------- Landing ---------------- */

.hero { display: grid; grid-template-columns: 1.15fr .85fr; gap: 34px; align-items: center; padding: 16px 0 34px; }
@media (max-width: 860px) { .hero { grid-template-columns: 1fr; } }
.hero-kicker {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 11.5px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase;
  color: var(--gold); background: rgba(255, 215, 0, .1);
  border: 1px solid rgba(255, 215, 0, .28); padding: 6px 13px; border-radius: 999px;
  margin-bottom: 16px;
}
.hero h1 .grad {
  background: linear-gradient(120deg, var(--gold), #fff3b0 45%, var(--gold-2));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.hero-art {
  position: relative; border-radius: 22px; padding: 26px;
  background: linear-gradient(160deg, rgba(255, 215, 0, .16), rgba(80, 110, 255, .12) 60%, transparent);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
  overflow: hidden;
}
.hero-art::after {
  content: ''; position: absolute; inset: -40% -20% auto auto;
  width: 260px; height: 260px; border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 215, 0, .28), transparent 70%);
  pointer-events: none;
}
.hero-art h3 { color: var(--ink); font-size: 16px; margin-bottom: 14px; }
.feature-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 11px; }
.feature-list li { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; color: var(--ink-2); }
.feature-list .ico {
  flex: 0 0 26px; height: 26px; border-radius: 8px; display: grid; place-items: center;
  background: rgba(255, 215, 0, .13); border: 1px solid rgba(255, 215, 0, .3); font-size: 13px;
}
.grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
.grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; }
.section-title { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 42px 0 16px; flex-wrap: wrap; }
.section-title h2 { margin: 0; }
.step { display: flex; gap: 14px; align-items: flex-start; }
/* ---------------- Produtos ---------------- */

.product {
  display: flex; flex-direction: column; gap: 14px;
  background: var(--panel); border: 1px solid var(--line-soft);
  border-radius: var(--radius); padding: 22px; position: relative; overflow: hidden;
}
.product::before {
  content: ''; position: absolute; inset: 0 0 auto; height: 3px;
  background: linear-gradient(90deg, var(--gold), var(--gold-2), transparent);
}
.product .price-row { display: flex; align-items: baseline; gap: 8px; margin-top: auto; }
.product .price { font-family: var(--font-display); font-size: 32px; color: var(--gold); font-weight: 700; }
.product ul { margin: 0; padding-left: 18px; color: var(--ink-2); font-size: 13.5px; }
.product ul li { margin-bottom: 5px; }
.product .tag {
  position: absolute; top: 14px; right: 14px; font-size: 10.5px; letter-spacing: .1em;
  text-transform: uppercase; font-weight: 700; padding: 4px 10px; border-radius: 999px;
  background: rgba(61, 220, 132, .16); color: #7ff0b0;
}
.product .tag.soon { background: rgba(255, 176, 32, .16); color: #ffc65c; }
/* ---------------- Checkout ---------------- */

.checkout { display: grid; grid-template-columns: 1.25fr .75fr; gap: 20px; align-items: start; }
@media (max-width: 880px) { .checkout { grid-template-columns: 1fr; } }
.summary-row { display: flex; justify-content: space-between; gap: 10px; padding: 9px 0; border-bottom: 1px dashed var(--line-soft); font-size: 14px; }
.summary-row:last-child { border-bottom: 0; }
.summary-row.total { font-size: 17px; font-weight: 700; color: var(--gold); padding-top: 14px; }
/* ---------------- PIX ---------------- */

.pix-box { text-align: center; }
.pix-qr {
  width: 220px; height: 220px; margin: 0 auto 14px; border-radius: 14px;
  background: #fff; padding: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, .4);
}
.pix-code {
  display: block; width: 100%; text-align: left;
  font-family: ui-monospace, Menlo, monospace; font-size: 12px;
  background: rgba(0, 0, 0, .45); border: 1px solid var(--line-soft);
  border-radius: var(--radius-sm); padding: 12px; color: var(--ink-2);
  word-break: break-all; resize: none; min-height: 92px;
}
.pix-key-line { display: flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap; margin: 10px 0; }
/* ---------------- Tabelas / Admin ---------------- */

.table-wrap { overflow-x: auto; border-radius: var(--radius-sm); border: 1px solid var(--line-soft); }
table.data { width: 100%; border-collapse: collapse; font-size: 13.5px; min-width: 720px; }
table.data th, table.data td { padding: 11px 13px; text-align: left; border-bottom: 1px solid var(--line-soft); vertical-align: middle; }
table.data th { font-size: 11px; text-transform: uppercase; letter-spacing: .08em; color: var(--ink-3); background: rgba(0, 0, 0, .3); font-weight: 700; }
table.data tbody tr:hover { background: rgba(255, 255, 255, .03); }
table.data td.actions { white-space: nowrap; }
.chip {
  font-size: 13px; font-weight: 600; padding: 7px 14px; border-radius: 999px;
  background: rgba(255, 255, 255, .05); border: 1px solid var(--line-soft);
  color: var(--ink-2); cursor: pointer; font-family: inherit;
}
.chip.on { background: rgba(255, 215, 0, .16); border-color: rgba(255, 215, 0, .45); color: var(--gold); }
.stat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 12px; margin-bottom: 18px; }
.stat { background: var(--panel); border: 1px solid var(--line-soft); border-radius: var(--radius-sm); padding: 14px 16px; }
.stat .n { font-family: var(--font-display); font-size: 26px; font-weight: 700; color: var(--ink); line-height: 1.1; }
.stat .l { font-size: 11px; text-transform: uppercase; letter-spacing: .08em; color: var(--ink-3); margin-top: 3px; }
.stat.warn .n { color: var(--warn); }
.stat.good .n { color: var(--ok); }
/* ---------------- Login ---------------- */

.login-wrap { max-width: 420px; margin: 40px auto; }
.login-wrap .card { padding: 30px; }
.login-wrap h1 { font-size: 24px; text-align: center; }
.login-wrap .brand-mark { margin: 0 auto 16px; width: 52px; height: 52px; font-size: 24px; }
/* ---------------- Utilidades ---------------- */

.row { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.row.between { justify-content: space-between; }
.row.end { justify-content: flex-end; }
.stack > * + * { margin-top: 12px; }
.mt-0 { margin-top: 0; }
.mt-8 { margin-top: 8px; }
.mt-16 { margin-top: 16px; }
.mt-24 { margin-top: 24px; }
.mt-32 { margin-top: 32px; }
.mb-0 { margin-bottom: 0; }
.mb-8 { margin-bottom: 8px; }
.mb-16 { margin-bottom: 16px; }
.hidden { display: none !important; }
.divider { height: 1px; background: var(--line-soft); margin: 20px 0; }
.copy-btn { white-space: nowrap; }
.spin { display: inline-block; animation: spin 1s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.toast-host { position: fixed; right: 16px; bottom: 16px; z-index: 999; display: grid; gap: 10px; }
.toast.good { border-color: rgba(61, 220, 132, .5); }
.toast.bad { border-color: rgba(255, 90, 95, .5); }
@keyframes slideIn { from { opacity: 0; transform: translateY(10px); } }
.kv { display: grid; grid-template-columns: auto 1fr; gap: 6px 14px; font-size: 13.5px; }
.kv dt { color: var(--ink-3); }
.kv dd { margin: 0; color: var(--ink); }
code.inline {
  background: rgba(0, 0, 0, .4); border: 1px solid var(--line-soft);
  padding: 2px 7px; border-radius: 6px; font-size: .92em; color: var(--gold);
}
@media (max-width: 640px) {
  .site-header .shell { flex-wrap: wrap; }
  .nav { width: 100%; overflow-x: auto; }
  .card { padding: 18px; }
  main { padding: 22px 0 50px; }
}

/* ===========================================================================
   CORREÇÕES MOBILE (celular) — adicionadas para consertar a interface
   =========================================================================== */

/* Nada pode estourar a largura da tela (causa scroll lateral no celular) */
html, body { max-width: 100%; overflow-x: hidden; }
img, svg, table, pre { max-width: 100%; }

/* iOS dá zoom automático em campo com fonte < 16px. 16px evita o zoom. */
@media (max-width: 820px) {
  input, textarea, select, .c-input, .pix-copy-input, .search-input {
    font-size: 16px !important;
    line-height: 1.4;
  }
}

/* --- Topbar: no celular os botões viram ícones (não estouram mais) --- */
@media (max-width: 760px) {
  .topbar-actions { gap: 6px; margin-left: 0; }
  .topbar-nav-btn {
    padding: 8px 10px;
    min-width: 40px;
    height: 40px;
    justify-content: center;
  }
  .topbar-nav-btn .tnav-label { display: none; }
  .topbar-nav-btn .tnav-ico { font-size: 16px; line-height: 1; }
  .search-trigger { margin-left: auto; }
}

@media (max-width: 420px) {
  .brand { font-size: 12px; gap: 6px; }
  .topbar { padding: 0 12px; gap: 8px; }
  .topbar-nav-btn { padding: 7px 8px; min-width: 36px; height: 36px; }
  .page { padding: 14px 12px 0; }
  .hero-copy { padding: 110px 16px 22px; }
  .hero h1 { font-size: 34px; max-width: 100%; }
  .hero-line { font-size: 15px; }
  .app-titles h2 { font-size: 17px; max-width: 100%; }
  .version-card { padding: 18px; }
  .realm-grid { grid-template-columns: 1fr; }
  .info-item strong { font-size: 11px; }
}

/* --- Checkout / PIX / diálogos: ocupam a tela toda no celular --- */
@media (max-width: 640px) {
  dialog, .checkout, .search-dialog, .lightbox {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    max-height: calc(100dvh - 24px) !important;
    border-radius: 16px;
  }
  .checkout-inner { padding: 16px; }
  .pix-copy-box { flex-wrap: wrap; }
  .pix-copy-input { min-width: 0; flex: 1 1 100%; }
  .pix-copy-btn { flex: 1 1 100%; justify-content: center; min-height: 44px; }
  .order-line { font-size: 12px; }
  .order-line strong { font-size: 18px; }
  /* áreas de toque confortáveis */
  .btn { min-height: 46px; }
  .icon-button { min-width: 42px; min-height: 42px; }
}

/* --- Área administrativa no celular --- */
@media (max-width: 820px) {
  .adm-tabs { gap: 5px; }
  .adm-tab { flex: 1 1 auto; white-space: nowrap; font-size: 12px; padding: 9px 12px; }
  .adm-settings-grid { grid-template-columns: 1fr !important; }
  .adm-table-wrap, .adm-orders, .adm-list { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .adm-table-wrap table, table.adm-table { min-width: 600px; }
  .admin-dialog { width: calc(100vw - 16px) !important; max-width: calc(100vw - 16px) !important; }
  .admin-dialog > div:last-child { padding: 14px !important; }
  .adm-kpi-grid, .adm-stats { grid-template-columns: 1fr 1fr !important; gap: 8px; }
}

@media (max-width: 420px) {
  .adm-kpi-grid, .adm-stats { grid-template-columns: 1fr !important; }
  .adm-tab { font-size: 11px; padding: 8px 10px; }
}

/* --- Páginas de instalação (PC / Android) respeitam o celular --- */
@media (max-width: 640px) {
  .instalador, .inst-wrap, .pagina-instalador {
    padding: 18px 14px !important;
  }
  .inst-card, .instalador-card { padding: 18px !important; border-radius: 14px !important; }
  .inst-card h1, .instalador-card h1 { font-size: 22px !important; }
  .inst-card code, .codigo { word-break: break-all; font-size: 12px; }
}

/* --- Rodapé e barra fixa de compra sem sobreposição --- */
@media (max-width: 600px) {
  .footer { padding-bottom: 120px; }
  .toast { bottom: 92px; max-width: calc(100vw - 24px); }
  .mobile-purchase { box-shadow: 0 -8px 30px rgba(0, 0, 0, .5); }
}