@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{color-scheme:dark;--bg:#0b101c;--surface:#111a29;--line:#253042;--text:#f2f5fa;--muted:#99a6ba;--cyan:#59e6ce;--font:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.65}button,a,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:.5}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button{border:0}h1,h2,h3,p{margin:0}button svg{pointer-events:none}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.topbar{height:37px;display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100% - 1180px)/2));font-size:10px;letter-spacing:.2px;background:#121b2a;color:#aebbd0;border-bottom:1px solid #ffffff06}.topbar strong{font-weight:600;color:#e2e7ef}.topbar a{color:var(--cyan)}.header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100% - 1180px)/2));position:relative;z-index:5;background:#0b1220;border-bottom:1px solid #ffffff08}.brand{display:flex;align-items:center;gap:12px}.brand>span{font-size:22px;letter-spacing:2px;font-weight:800;line-height:1.2}.brand small{display:block;font-size:7px;font-weight:600;letter-spacing:2.3px;color:#99a7bf;margin-top:7px}.header nav{display:flex;gap:31px;font-size:12px;font-weight:700}.header nav a{color:#acb8ca;transition:color .2s}.header nav a:hover,.header nav a:first-child{color:white}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:49px;padding:12px 23px;border-radius:7px;font-weight:800;font-size:12px;transition:transform .2s,background .2s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button.primary{color:#062c2a;background:var(--cyan);box-shadow:0 5px 30px #59e6ce12}.button.primary:hover{background:#83f5df}.button.secondary{background:#152034cc;border:1px solid #334159;color:#edf3fa}.button.small{min-height:39px;padding:9px 17px;color:var(--cyan);background:#19332f;border:1px solid #30685b}.menu-button{display:none;background:none;font-size:24px}.hero{position:relative;min-height:625px;overflow:hidden}.hero-art{position:absolute;inset:0;background:url('/assets/bromacia-portal-bg.png') 60% 47%/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#08111ee8 0%,#08111eaa 30%,#08111e20 65%),linear-gradient(0deg,var(--bg),transparent 26%)}.hero-content{position:relative;padding-top:91px;z-index:1}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:2px}.eyebrow>span{height:6px;width:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 14px #59e6ce}.hero h1{font-size:70px;line-height:1.08;letter-spacing:-3.3px;font-weight:800;margin:20px 0 23px;max-width:650px}.hero h1 em{font-style:normal;color:var(--cyan)}.hero-content>p{color:#b4c2d4;font-size:14px;line-height:1.9}.hero-actions{display:flex;gap:12px;margin-top:29px}.server-pill{display:flex;align-items:center;gap:13px;margin-top:24px;background:#101c2bbd;border:1px solid #2e3d50;padding:10px 16px;border-radius:8px;text-align:left;min-width:250px;backdrop-filter:blur(10px)}.server-pill small{display:block;font-size:7px;color:#a1afc2;letter-spacing:1.8px}.server-pill strong{font-size:13px;font-weight:750;letter-spacing:.5px}.server-icon{color:var(--cyan);font-size:22px}.copy-icon{margin-left:auto;color:#9caec4;font-size:22px}.hero-scroll{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:2px;color:#8b9bb0;display:flex;align-items:center;gap:15px}.hero-scroll span{font-size:19px}.art-caption{position:absolute;bottom:60px;right:max(32px,calc((100% - 1180px)/2));font-size:8px;color:#b8cbd276}.network-strip{position:relative;display:grid;grid-template-columns:1.1fr 1fr 1.1fr auto;border:1px solid var(--line);background:#111927;border-radius:10px;min-height:88px;align-items:center;margin-top:0;padding:20px 28px;gap:24px}.network-strip>div{display:flex;align-items:center;gap:14px;border-right:1px solid var(--line)}.network-strip strong{font-size:12px;font-weight:750;display:block}.network-strip small{font-size:10px;color:var(--muted);display:block;margin-top:2px}.status-dot{height:8px;width:8px;border-radius:50%;background:#e4b96c;flex:none;box-shadow:0 0 0 5px #e4b96c0c}.status-dot.online{background:var(--cyan);box-shadow:0 0 0 5px #59e6ce10}.strip-symbol{font-size:24px;color:#7993ba}.section{padding-top:88px;padding-bottom:15px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.section h2,.adventure h2,.community h2{font-size:34px;font-weight:800;line-height:1.25;letter-spacing:-1.3px;margin-top:12px}.section-heading p{color:var(--muted);font-size:12px;margin-top:12px}.period-chip{border:1px solid var(--line);background:#111a28;border-radius:6px;padding:8px 13px;font-size:10px;color:#b6c1d0;white-space:nowrap;display:flex;align-items:center;gap:9px}.period-chip span{font-size:17px;color:var(--cyan)}.store-toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:33px;margin-bottom:21px}.filters{display:flex;gap:7px;background:#0f1725;padding:5px;border:1px solid #202c40;border-radius:8px}.filters button{padding:8px 16px;background:transparent;border-radius:5px;font-size:11px;color:#9eabc0;font-weight:700}.filters button.active{background:#263342;color:white}.filters button span{margin-left:9px;color:#74d7c7;font-size:9px}.text-button{background:none;font-size:11px;color:#a8b7ce;display:inline-flex;gap:10px;align-items:center;padding:6px 0}.text-button:hover{color:var(--cyan)}.store-notice{display:flex;align-items:center;gap:10px;font-size:11px;color:#96afbd;background:#142a2f50;border:1px solid #234047;border-radius:6px;padding:11px 15px;margin-bottom:21px}.store-notice>span{color:var(--cyan)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{--accent:#efc965;--glow:#efc96513;background:linear-gradient(160deg,var(--glow),transparent 55%),#111a29;border:1px solid #283346;border-radius:11px;overflow:hidden;transition:transform .25s,border-color .25s;position:relative}.product-card:hover{transform:translateY(-4px);border-color:var(--accent)}.product-card.orange{--accent:#ffab68;--glow:#ffab6813}.product-card.cyan{--accent:#5ce1cf;--glow:#5ce1cf13}.product-card.blue{--accent:#70b5ff;--glow:#70b5ff13}.product-card.purple{--accent:#b998ff;--glow:#b998ff13}.product-card.pink{--accent:#ed9ad5;--glow:#ed9ad513}.product-visual{height:152px;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at center,var(--glow),transparent 70%)}.product-visual:after{content:'';position:absolute;width:136px;height:38px;bottom:18px;border:1px solid var(--glow);transform:rotate(-8deg);border-radius:50%}.rank-gem{width:97px;height:103px;color:var(--accent);filter:drop-shadow(0 8px 22px var(--glow));transition:transform .3s}.product-card:hover .rank-gem{transform:translateY(-6px) rotate(4deg)}.product-kind{position:absolute;top:17px;left:20px;font-size:8px;letter-spacing:1.6px;color:#8997ab;font-weight:800}.plus-badge{position:absolute;right:20px;top:15px;border:1px solid var(--glow);background:var(--glow);color:var(--accent);padding:2px 8px;border-radius:4px;font-size:9px;font-weight:800}.product-body{padding:0 24px 23px}.product-name-row{display:flex;justify-content:space-between;align-items:center}.product-card h3{font-size:23px;letter-spacing:.6px;color:var(--accent);font-weight:800}.product-duration{font-size:9px;background:#ffffff06;color:#9caabe;border:1px solid #ffffff09;border-radius:4px;padding:2px 7px}.product-tagline{color:#9eacc1;font-size:11px;margin-top:5px;min-height:19px}.product-features{list-style:none;padding:16px 0 0;margin:16px 0 20px;border-top:1px solid #ffffff0a;display:grid;gap:7px;color:#b5c1d1;font-size:11px}.product-features li:before{content:'✓';margin-right:10px;color:var(--accent)}.product-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}.price{font-size:30px;font-weight:800;letter-spacing:-1px;line-height:1.2}.price span{font-size:14px;margin-left:4px;font-weight:600;color:#bec9d9}.price small{display:block;font-size:8px;font-weight:500;letter-spacing:0;color:#8c9bb1;margin-top:4px}.product-button{background:var(--glow);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:5px;font-size:10px;font-weight:800;padding:11px 14px}.product-button:hover{background:color-mix(in srgb,var(--accent) 23%,transparent)}.store-footnote{display:flex;justify-content:center;gap:55px;padding:25px 0 5px;color:#7790a2;font-size:11px}.store-footnote strong{font-size:9px;font-weight:600;margin-left:5px;color:#a0adc0}.adventure{margin-top:60px;min-height:295px;border:1px solid #283d4b;border-radius:12px;overflow:hidden;position:relative;background:#10252d}.adventure-art{position:absolute;inset:0;background:linear-gradient(90deg,#10212cf5 10%,#10212cb5 42%,transparent),url('/assets/bromacia-world.webp') 80% 64%/cover}.adventure-copy{position:relative;padding:39px 44px;max-width:490px}.adventure h2{font-size:34px;margin-bottom:12px}.adventure p{font-size:12px;color:#aabdc9;max-width:360px;margin-bottom:23px}.mode-label{position:absolute;bottom:24px;right:30px;font-size:9px;font-weight:800;letter-spacing:3px;color:#d3e5e9}.muted{color:var(--muted);font-size:11px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:38px}.steps article{position:relative;padding:21px 0;border-top:1px solid #283344}.step-number{font-size:34px;font-weight:800;color:#3d6c73;letter-spacing:-1px}.steps h3{font-size:16px;margin-top:13px;margin-bottom:10px}.steps p{font-size:12px;color:var(--muted);max-width:300px}.inline-copy{background:none;padding:0;color:var(--cyan);font-weight:700}.support{display:grid;grid-template-columns:1fr 1.35fr;gap:80px}.support>div>p{margin:20px 0 25px;color:var(--muted);font-size:12px;line-height:1.9}.faq details{border-bottom:1px solid #273245;padding:19px 0}.faq details:first-child{padding-top:0}.faq summary{font-size:12px;font-weight:700;list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';color:#8296ac;font-size:20px;font-weight:400}.faq details[open] summary:after{content:'−'}.faq p{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.9}.community{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:73px;margin-bottom:67px;padding:34px 39px;background:linear-gradient(110deg,#18352f99,#15212e);border:1px solid #2c4645;border-radius:10px}.community h2{font-size:24px;letter-spacing:-.7px;margin-top:9px}.community p{font-size:11px;color:#a8b8c5;margin-top:10px}.community .eyebrow{font-size:8px;letter-spacing:1.6px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-top:1px solid #222e3e}.footer-top .brand>span{font-size:17px}.footer-top .brand small{font-size:6px;letter-spacing:1.2px}.footer-top>div{display:flex;gap:26px;align-items:center;font-size:11px;color:#a8b7ce}.footer-bottom{border-top:1px solid #202c3c;display:flex;justify-content:space-between;color:#748298;font-size:9px;padding:22px 0 28px}dialog{width:min(540px,calc(100% - 32px));max-height:85vh;border:1px solid #334457;border-radius:15px;background:#111c2b;color:var(--text);padding:36px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#030914c9;backdrop-filter:blur(6px)}.modal-close{position:absolute;top:10px;right:16px;background:none;font-size:27px;color:#a6b5c8}.modal-heading{font-size:26px;margin:10px 0;letter-spacing:-.7px}.modal-desc{color:#a3b4c7;font-size:12px;line-height:1.9;margin-bottom:20px}.modal-meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin-bottom:20px}.modal-meta strong{font-size:28px}.modal-meta span{font-size:12px;color:#afbdce}.field-label{display:block;font-size:12px;font-weight:700;margin:18px 0 8px}.field{width:100%;padding:13px 14px;border:1px solid #3b4d65;border-radius:6px;background:#0b1321;color:white}.field-hint{color:#8e9eb4;font-size:10px;margin-top:6px}.form-error{color:#ffb6ad;font-size:12px;margin:12px 0}.full{width:100%;margin-top:18px}.check-label{display:flex;align-items:flex-start;gap:9px;font-size:10px;color:#adbacb;margin-top:18px}.check-label input{accent-color:var(--cyan);margin-top:3px}.modal-notice{padding:13px;background:#233c3c70;border:1px solid #3c5b59;border-radius:6px;font-size:12px;color:#b9d9d3;margin-top:18px}.modal-list{padding-left:19px;color:#acbcd0;font-size:12px;line-height:2.1}.order-code{word-break:break-all;background:#09121f;padding:16px;border:1px dashed #4b8c82;border-radius:6px;font-family:monospace;font-size:15px;color:var(--cyan);margin:16px 0}.comparison{border-collapse:collapse;width:100%;font-size:12px;margin-top:22px}.comparison th,.comparison td{border-bottom:1px solid var(--line);padding:12px 6px;text-align:left}.comparison th{color:var(--muted);font-size:10px}.comparison .selected{color:var(--cyan)}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 22px;background:#23483e;border:1px solid #4b8c77;border-radius:9px;color:#e0fff2;z-index:50;box-shadow:0 10px 50px #0007;font-size:12px;max-width:90vw;text-align:center}.skip-link{position:fixed;left:15px;top:-80px;padding:12px;z-index:100;background:var(--cyan);color:#10232b}.skip-link:focus{top:10px}.noscript{position:fixed;bottom:0;background:#152f31;padding:18px;width:100%;text-align:center}.hidden,[hidden]{display:none!important}
@media(min-width:1600px){.hero{min-height:690px}.hero-content{padding-top:120px}.hero-art{background-position:center 45%}}
@media(max-width:1050px){.header nav{gap:20px}.hero h1{font-size:62px}.network-strip{grid-template-columns:1fr 1fr 1fr;padding:22px}.network-strip>div:last-of-type{border:0}.product-body{padding:0 18px 20px}.product-bottom{gap:8px}.product-button{padding:11px;font-size:9px}.support{gap:45px}.community{padding:28px}.community h2{font-size:22px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.topbar{justify-content:center;padding:0 15px;font-size:9px}.topbar>a{display:none}.header{height:74px;padding:0 18px}.brand>span{font-size:19px}.brand small{font-size:6px}.brand img{width:31px}.header .play-button{margin-left:auto;margin-right:14px;font-size:10px;padding:8px 12px;min-height:35px}.menu-button{display:block}.header nav{display:none;position:absolute;top:74px;left:0;right:0;background:#101b2b;flex-direction:column;padding:23px;border-bottom:1px solid var(--line)}.header.menu-open nav{display:flex}.hero{min-height:615px}.hero-art{background-position:63% center;opacity:.8}.hero-shade{background:linear-gradient(90deg,#08111ee8,#08111e80),linear-gradient(0deg,var(--bg),transparent 60%)}.hero-content{padding-top:69px}.hero h1{font-size:58px;letter-spacing:-2.5px}.hero-content>p{font-size:12px}.hero-actions{gap:9px}.hero-actions .button{font-size:10px;padding:12px 15px}.hero-scroll{bottom:20px;white-space:nowrap}.art-caption{right:18px;bottom:52px;font-size:7px}.network-strip{padding:17px;gap:16px;grid-template-columns:1fr 1fr;min-height:80px}.network-strip>div:nth-child(3){display:none}.network-strip>div:nth-child(2){border:0}.network-strip strong{font-size:10px}.network-strip small{font-size:8px}.strip-symbol{font-size:20px}.section{padding-top:58px}.section-heading{align-items:flex-start;flex-direction:column;gap:18px}.section h2{font-size:28px}.period-chip{font-size:9px;padding:6px 10px}.store-toolbar{gap:10px;align-items:flex-start;flex-direction:column;margin-top:25px}.filters{width:100%;justify-content:space-between}.filters button{font-size:10px;padding:8px 12px}.store-toolbar .text-button{align-self:flex-end;font-size:10px}.store-notice{font-size:10px;line-height:1.8}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-visual{height:126px}.rank-gem{width:78px;height:86px}.product-kind{font-size:7px;left:14px;top:13px}.plus-badge{right:12px;top:10px;font-size:8px;padding:2px 5px}.product-body{padding:0 14px 16px}.product-card h3{font-size:20px}.product-duration{font-size:7px;padding:2px 4px}.product-tagline{font-size:9px;min-height:30px;line-height:1.6}.product-features{font-size:9px;margin-top:12px;padding-top:12px;gap:5px}.product-features li:before{margin-right:6px}.product-bottom{flex-direction:column;align-items:flex-start;gap:12px}.product-button{width:100%;font-size:10px}.price{font-size:27px}.store-footnote{gap:12px;flex-wrap:wrap;padding-top:20px;font-size:9px}.store-footnote strong{font-size:8px;margin-left:2px}.adventure{margin-top:35px;min-height:310px}.adventure-copy{padding:30px 23px;max-width:350px}.adventure h2{font-size:29px}.adventure p{font-size:11px}.mode-label{font-size:8px;bottom:17px;right:20px}.steps{grid-template-columns:1fr;gap:0;margin-top:25px}.steps article{padding:21px 0 22px 54px}.step-number{position:absolute;left:0;top:20px;font-size:28px}.steps h3{margin-top:0;font-size:14px}.steps p{max-width:none;font-size:11px}.support{grid-template-columns:1fr;gap:35px}.support>div>p{margin:14px 0 20px}.faq summary{font-size:11px}.faq p{font-size:11px}.community{margin-top:45px;margin-bottom:35px;padding:25px;flex-direction:column;align-items:flex-start}.community h2{font-size:22px}.community .eyebrow{font-size:7px}.community p{font-size:10px}.footer-top{gap:24px;align-items:flex-start;flex-direction:column}.footer-top>div{gap:24px;font-size:10px}.footer-bottom{gap:14px;flex-direction:column;font-size:8px}dialog{padding:30px 23px}.modal-heading{font-size:25px}}
@media(max-width:360px){.hero h1{font-size:49px}.hero-actions .button{font-size:9px;padding:12px}.product-grid{grid-template-columns:1fr}.product-bottom{flex-direction:row;align-items:center}.product-button{width:auto}.product-tagline{min-height:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.account-actions{display:flex;align-items:center;gap:15px}.nav-wallet,.nav-chest{background:none;font-size:10px;color:#adbed1;display:flex;align-items:center;gap:7px;padding:9px 0}.nav-wallet>span{color:#edca7a;font-size:19px}.nav-wallet b{font-weight:700}.nav-chest{font-size:18px;color:var(--cyan)}.nav-chest span{font-size:10px;color:#adbed1}.header nav{gap:24px}.account-tabs{display:flex;background:#091321;border:1px solid var(--line);border-radius:7px;padding:4px;margin-bottom:23px}.account-tabs button{width:50%;padding:9px;background:none;border-radius:4px;color:#91a5bd;font-size:12px;font-weight:700}.account-tabs button.active{background:#203a3e;color:#6ce5d1}.otp-details{margin-top:16px;color:#9bacc2;font-size:11px}.otp-details summary{cursor:pointer}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:23px 0}.profile-stats>div,.wallet-balance{padding:18px;border:1px solid #29423e;border-radius:9px;background:linear-gradient(130deg,#1c423850,#17243250)}.profile-stats span,.wallet-balance>span{display:block;font-size:8px;letter-spacing:1.5px;color:#8fb9ad;font-weight:800}.profile-stats strong,.wallet-balance strong{font-size:34px;display:block;line-height:1.5;color:#70ead2}.profile-stats small,.wallet-balance small{font-size:12px;font-weight:600}.profile-actions{display:flex;gap:10px}.profile-actions .button{flex:1;padding:12px;font-size:11px}.small-heading{font-size:12px;margin-top:28px;margin-bottom:13px}.empty-copy{font-size:12px;color:#94a8bd;padding:15px 0}.wallet-history{max-height:230px;overflow:auto}.wallet-history>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #243144;font-size:11px;color:#a8b8cc}.wallet-history small{display:block;font-size:9px;color:#6f859f}.wallet-history strong{font-weight:600}.wallet-history .positive{color:var(--cyan)}.purchase-flow{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a4c1bb;padding:14px 0;gap:8px}.purchase-flow b{color:#4f6d78}.balance-line{display:flex;justify-content:space-between;font-size:12px;padding:16px 0;border-bottom:1px solid var(--line);color:#aabbd0}.balance-line strong{color:#e4d292}.modal-meta strong small{font-size:15px}.credit-options{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:22px}.credit-options input{position:absolute;opacity:0;width:1px;height:1px}.credit-options label>span{display:block;border:1px solid #2e4055;border-radius:7px;padding:13px 8px;text-align:center;font-size:10px;color:#97abc1;cursor:pointer}.credit-options strong{display:block;font-size:21px;line-height:1.25;color:#f0f7fa}.credit-options small{display:block;font-size:10px;margin-top:6px;color:#d1c696}.credit-options input:checked+span{border-color:#6bdfc7;background:#22534555;color:#b3e9db}.credit-options input:focus-visible+span{outline:2px solid #6bdfc7;outline-offset:3px}.wallet-balance{padding:20px}.wallet-balance strong{font-size:38px}.pending-topups{display:grid;gap:8px;margin-top:18px}.chest-count{display:inline-flex;margin-left:12px;background:#2d554650;color:#87e5ca;border:1px solid #3b6657;font-size:14px;vertical-align:middle;padding:3px 10px;border-radius:7px}.chest-item{display:flex;align-items:center;gap:13px;padding:18px 0;border-bottom:1px solid #293a4d}.mini-gem{font-size:40px;width:48px;text-align:center;color:#5ce1cf;flex:none}.mini-gem.gold{color:#efc965}.mini-gem.orange{color:#ffab68}.mini-gem.blue{color:#70b5ff}.mini-gem.purple{color:#b998ff}.mini-gem.pink{color:#ed9ad5}.chest-item-info{flex:1}.chest-item h3{font-size:15px}.chest-item h3 small{font-size:9px;font-weight:500;color:#8a9eb7;margin-left:5px}.chest-item p{font-size:9px;color:#97acc2;margin-top:4px}.chest-item-actions{display:flex;flex-direction:column;align-items:center;gap:4px}.chest-item-actions .button{font-size:9px;padding:8px 12px;min-height:32px}.chest-item-actions .text-button{font-size:9px}.chest-state{color:var(--cyan);font-size:23px}.empty-chest{text-align:center;padding:24px 15px 30px;border:1px dashed #31485a;border-radius:9px;background:#0b172460}.empty-chest>span{font-size:67px;color:#b29b62;text-shadow:0 3px 25px #d3ac3630}.empty-chest h3{font-size:14px;margin-top:10px}.empty-chest p{font-size:11px;color:#91a8be;margin:12px 0 23px}.price span{font-size:10px;letter-spacing:0}.header nav .nav-home{display:none}
@media(max-width:1050px){.account-actions{gap:10px}.header nav{gap:16px}.nav-chest span{display:none}.brand>span{font-size:18px}.brand small{font-size:6px}.button.small{font-size:10px}}
@media(max-width:760px){.account-actions{margin-left:auto;margin-right:14px;gap:12px}.account-actions .button{min-height:32px;padding:7px 11px;font-size:9px;max-width:120px;overflow:hidden}.nav-wallet{font-size:9px}.nav-wallet b{max-width:65px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-wallet>span{font-size:17px}.nav-chest{font-size:20px}.brand>span{font-size:15px;letter-spacing:1px}.brand{gap:7px}.brand small{font-size:5px;letter-spacing:1px}.brand img{width:26px}.menu-button{font-size:22px}.header{padding:0 14px}.header nav .nav-home{display:block}.chest-item{gap:8px}.mini-gem{width:35px;font-size:32px}.chest-item h3{font-size:13px}.chest-item-actions .button{font-size:8px;padding:7px 9px}.credit-options{gap:7px}.credit-options label>span{padding:11px 5px}.profile-stats{gap:10px}.profile-stats>div{padding:14px}.profile-stats strong{font-size:28px}}
@media(max-width:440px){.nav-wallet{display:none}.account-actions{gap:12px}.price span{font-size:9px}.purchase-flow{font-size:8px}.credit-options{grid-template-columns:repeat(3,1fr)}}
/* Bromacia / sapphire identity */
:root{--bg:#080e1b;--surface:#101a2e;--line:#253552;--cyan:#64d5ff;--muted:#a4b2ca}
body{background:radial-gradient(ellipse at 0 40%,#10254855,transparent 40%),var(--bg)}
.topbar{background:#101d34;color:#aebed8}.header{background:#0b1323f5;box-shadow:0 6px 30px #0002}.brand{gap:7px}.brand img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 0 9px #17baff44)}.brand>span{font-size:20px}.brand small{letter-spacing:2px}.header nav{gap:22px;font-size:12px}.header nav a{position:relative;padding:12px 0}.header nav a:after{content:'';position:absolute;bottom:3px;left:0;right:0;height:2px;background:var(--cyan);transform:scaleX(0);transition:transform .2s}.header nav a:hover:after{transform:scaleX(1)}
.button{border-radius:10px;min-height:48px;letter-spacing:.1px;transition:transform .18s,box-shadow .18s,background .18s;border:1px solid transparent}.button.primary{color:white;background:linear-gradient(135deg,#248bfb,#3c5ee9);border-color:#72bdff70;box-shadow:inset 0 1px #ffffff30,0 4px 0 #173574,0 9px 24px #185ff92a}.button.primary:hover{background:linear-gradient(135deg,#36a2ff,#5273ff);box-shadow:inset 0 1px #ffffff40,0 6px 0 #173574,0 12px 32px #185ff94a}.button:active,.product-button:active{transform:translateY(2px);box-shadow:none}.button:disabled{transform:none;box-shadow:none}.button.secondary{background:linear-gradient(135deg,#1c2b44e8,#111d31e8);border-color:#486080;box-shadow:inset 0 1px #ffffff0a}.button.secondary:hover{background:#203753;border-color:#76b3ef}.button.small{background:#172e50;color:#b4ddff;border-color:#355c91;box-shadow:inset 0 1px #ffffff0c;gap:8px}.button.small .skin-head{border-radius:5px}.nav-wallet,.nav-chest{min-height:40px;padding:8px 10px;border:1px solid #2b3e5b;border-radius:8px;background:#101e33}.nav-wallet:hover,.nav-chest:hover{border-color:#5caeff;background:#182d4b}.account-actions{gap:9px}
.hero{min-height:660px}.hero-content{padding-top:96px}.hero h1{font-size:76px;max-width:680px;letter-spacing:-3.6px}.hero h1 em{background:linear-gradient(95deg,#6ee4ff,#659aff);background-clip:text;color:transparent}.hero-shade{background:linear-gradient(90deg,#080f20f5 0%,#081124b8 37%,#08112430 75%),linear-gradient(0deg,var(--bg),transparent 40%)}.hero-art{filter:saturate(.85);background-position:center 47%}.eyebrow{font-size:10px;letter-spacing:2.3px}.server-pill{border-radius:10px;border-color:#3d5371;transition:background .2s,border-color .2s}.server-pill:hover{border-color:#71bdff;background:#142b48}.hero-scroll{font-size:9px}.network-strip{background:linear-gradient(120deg,#14223b,#101a2c);border-color:#2c4060;border-radius:14px;box-shadow:0 16px 50px #0002}.network-strip strong{font-size:13px}.network-strip small{font-size:11px}.section-heading p{font-size:14px}.section h2{font-size:38px;letter-spacing:-1.3px}.period-chip{font-size:11px;border-radius:8px}.filters{border-radius:10px;background:#0c1526;padding:5px}.filters button{font-size:12px;min-height:40px;border-radius:7px;transition:background .2s,color .2s}.filters button.active{background:linear-gradient(120deg,#294d7c,#20395c);box-shadow:inset 0 1px #ffffff18;color:#eaf7ff}.filters button:hover:not(.active){background:#192941;color:white}.text-button{font-size:12px;min-height:36px}.store-notice{font-size:12px;background:#142b435c;border-color:#294c68;border-radius:9px}.product-grid{gap:22px}.product-card{border-radius:16px;background:radial-gradient(ellipse at 50% 0,var(--glow),transparent 70%),#101a2c;border-color:#2b3953;box-shadow:0 7px 26px #0002}.product-card:hover{box-shadow:0 15px 45px #0004}.product-visual{height:170px;background:linear-gradient(45deg,transparent 49%,#ffffff03 50%,transparent 51%),radial-gradient(ellipse at center,var(--glow),transparent 70%);background-size:22px 22px,auto}.product-body{padding:0 25px 25px}.product-card h3{font-size:27px}.product-tagline{font-size:12px}.product-features{font-size:12px;gap:10px}.product-button{border-radius:9px;padding:13px 15px;min-height:44px;font-size:11px;box-shadow:inset 0 1px #ffffff10,0 3px 0 #050b1890;transition:transform .2s,background .2s}.price{font-size:33px}.price small{font-size:9px}.store-footnote strong{font-size:11px}.adventure{border-radius:18px;border-color:#325581}.steps h3{font-size:18px}.steps p,.support>div>p,.faq p{font-size:13px}.step-number{color:#6e9cc7}.faq summary{font-size:13px;min-height:30px}.community{border-radius:16px;border-color:#314f7d;background:radial-gradient(ellipse at 0 0,#214a8650,transparent),#101c32}.community p{font-size:13px}.community h2{font-size:27px}.footer-top .brand img{width:55px;height:55px}.footer-top>div{flex-wrap:wrap;gap:22px}.footer-bottom{font-size:10px}
dialog{padding:38px;border-radius:20px;background:radial-gradient(ellipse at 0 0,#1f416345,transparent 60%),#101b2e;border-color:#375179;box-shadow:0 30px 120px #000a}dialog::backdrop{background:#030817d9;backdrop-filter:blur(8px)}.modal-close{width:36px;height:36px;top:12px;right:12px;border-radius:9px;background:#20304a;font-size:24px;line-height:1}.modal-close:hover{background:#304a70;color:white}.modal-desc{font-size:13px}.field{border-radius:10px;border-color:#3b506f;background:#091324}.field:focus{border-color:var(--cyan)}.field-hint{font-size:11px}.account-tabs button.active{background:#244670;color:#c3e7ff}.profile-stats>div,.wallet-balance{background:linear-gradient(135deg,#1b385a88,#14223c);border-color:#34577a}.profile-stats strong,.wallet-balance strong{color:#8edcff}.profile-stats span,.wallet-balance>span{color:#a4c7e7}.modal-notice{background:#16334e88;border-color:#355e7c;color:#c0deef}.toast{background:#15375d;border-color:#578dc2}.profile-identity{display:flex;gap:20px;align-items:center;margin:26px 0 18px}.profile-identity .modal-heading{font-size:26px;overflow-wrap:anywhere;margin:4px 0}.skin-head{object-fit:contain;image-rendering:pixelated;border-radius:10px;background:#152b45;box-shadow:0 4px 0 #040a1480;flex-shrink:0}.profile-identity>.skin-head{padding:7px;border:1px solid #416d9d;background:linear-gradient(140deg,#285482,#0f203a);width:88px;height:88px}.player-badge{font-size:8px;font-weight:800;letter-spacing:1.5px;color:#6fd6ff}
.leaderboard-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;margin-top:30px}.leader-empty{min-height:355px;border:1px solid #293c5b;border-radius:16px;background:radial-gradient(ellipse at 50% 50%,#193f6a40,transparent 70%),#0e192b;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center}.leader-empty h3{font-size:22px;margin:22px 0 9px}.leader-empty p{font-size:13px;line-height:1.9;color:var(--muted)}.empty-label{font-size:8px;font-weight:800;letter-spacing:2px;color:#6f97c2;margin-top:22px}.empty-podium{display:flex;align-items:flex-end;gap:8px}.empty-podium span{width:53px;height:46px;border:1px solid #335276;border-radius:8px 8px 3px 3px;background:linear-gradient(#1e3d60,#102035);display:grid;place-items:center;color:#7f9ec3;font-weight:800}.empty-podium span:nth-child(2){height:72px;color:#8fdcff;border-color:#5b97c5;background:linear-gradient(#285885,#162e4d)}.empty-podium span:last-child{height:35px}.supporter-aside{display:flex;align-items:flex-start;flex-direction:column;justify-content:center;padding:27px;border:1px solid #344d72;border-radius:16px;background:radial-gradient(ellipse at 100% 0,#29497c66,transparent 70%),#132039}.trophy-mark{color:#e8c573;font-size:40px;line-height:1;margin-bottom:23px}.supporter-aside .eyebrow{font-size:8px;letter-spacing:1.4px}.supporter-aside h3{font-size:27px;letter-spacing:-.6px;line-height:1.25;margin:13px 0}.supporter-aside p{font-size:12px;color:#b0bfd4;line-height:1.9;margin-bottom:21px}.supporter-aside small{font-size:10px;color:#92a7c3;line-height:1.8;margin-top:20px}.supporter-aside .button{width:100%}.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end;padding-top:25px}.podium-card{text-align:center;border:1px solid #304869;border-radius:14px;background:linear-gradient(160deg,#1b3050,#101a2c);padding:22px 12px 25px;display:flex;align-items:center;flex-direction:column}.podium-card.place-1{order:2;padding-top:30px;min-height:300px;border-color:#bba06477;background:radial-gradient(ellipse at top,#c8a95124,transparent 75%),#141e30}.place-2{order:1}.place-3{order:3}.podium-rank{color:#8aabd0;font-size:18px;font-weight:800;margin-bottom:18px}.place-1 .podium-rank{color:#f1d48a;font-size:30px;line-height:1}.podium-card h3{font-size:14px;margin:18px 0 5px;overflow-wrap:anywhere;max-width:100%}.podium-card strong{font-size:20px;color:#9edbff}.podium-card strong small{font-size:10px;color:#a5b8d1}.podium-caption{font-size:7px;letter-spacing:1px;color:#9cabc1;margin-top:16px}.leader-list{list-style:none;margin:20px 0 0;padding:0;border:1px solid #293c5b;border-radius:12px;overflow:hidden}.leader-list li{display:flex;align-items:center;gap:14px;padding:13px 18px;background:#101b2e;border-bottom:1px solid #263853;font-size:12px}.leader-list li:last-child{border-bottom:0}.leader-list strong{margin-left:auto;font-size:14px;color:#b6dffc;white-space:nowrap}.leader-list small{font-size:10px;color:#95aac6}.leader-position{font-size:11px;color:#7e97b8}.leader-update{font-size:10px;color:#859ab6;margin-top:14px}
@media(max-width:1150px){.header nav{gap:13px;font-size:11px}.header .brand>span{font-size:17px}.account-actions{gap:7px}.nav-wallet,.nav-chest{padding:7px}}
@media(max-width:950px){.header nav{gap:12px}.header nav a[href="#nasil-oynanir"]{display:none}.nav-chest span{display:none}.product-bottom{flex-direction:column;align-items:flex-start}.product-button{width:100%}.leaderboard-layout{grid-template-columns:minmax(0,1fr) 245px}.supporter-aside{padding:22px}.supporter-aside h3{font-size:24px}}
@media(max-width:760px){.header{height:76px}.brand img{width:44px;height:44px}.header .brand>span{font-size:16px}.brand small{font-size:5px}.header nav{top:76px;gap:8px;font-size:14px}.header nav a[href="#nasil-oynanir"]{display:block}.hero{min-height:650px}.hero-content{padding-top:75px}.hero h1{font-size:62px;letter-spacing:-2.8px;position:relative}.hero-actions .button{font-size:12px;padding:13px 16px}.hero-content>p{font-size:13px}.section h2{font-size:31px}.section-heading p{font-size:13px}.filters{width:auto}.store-toolbar>.filters{width:100%}.product-visual{height:140px}.product-body{padding:0 17px 21px}.product-card h3{font-size:24px}.product-tagline{font-size:11px}.product-features{font-size:11px}.product-button{font-size:11px}.network-strip{padding:22px 18px}.network-strip strong{font-size:12px}.network-strip small{font-size:10px}.leaderboard-layout{grid-template-columns:1fr}.supporter-aside{padding:25px}.supporter-aside h3 br{display:none}.supporter-aside .button{width:auto}.supporter-aside .trophy-mark{display:none}.supporter-aside small{max-width:440px}.leader-empty{min-height:310px}.podium{gap:8px}.podium-card{padding:18px 9px}.podium-card .skin-head{width:54px;height:54px}.podium-card h3{font-size:11px}.podium-card strong{font-size:17px}.podium-caption{font-size:6px;letter-spacing:.5px}.podium-card.place-1{min-height:265px}.store-footnote{gap:14px}.store-footnote strong{font-size:9px}.profile-identity{gap:14px}.profile-identity .modal-heading{font-size:23px}.profile-identity>.skin-head{width:72px;height:72px}dialog{padding:35px 22px}.footer-top>div{gap:14px}.footer-top a,.footer-top .text-button{font-size:11px}.community h2{font-size:24px}.account-actions .button{font-size:10px;max-width:130px}.nav-chest{border:0;background:none;padding:5px}.account-actions{margin-right:8px}.header{padding:0 12px}.button.small .skin-head{width:23px;height:23px}.account-actions .button span{overflow:hidden;text-overflow:ellipsis}}
@media(max-width:420px){.hero h1{font-size:52px}.hero-actions{flex-wrap:wrap}.header .brand>span{font-size:13px}.brand img{width:38px;height:38px}.brand small{font-size:5px;letter-spacing:.6px}.account-actions{gap:4px}.account-actions .button{max-width:108px;padding:8px;font-size:9px}.hero-actions .button{font-size:11px}.product-grid{grid-template-columns:1fr}.product-bottom{flex-direction:row;align-items:center}.product-button{width:auto}.product-tagline{min-height:0}.product-visual{height:150px}.product-body{padding:0 24px 24px}.hero-scroll{font-size:7px}.profile-actions{flex-direction:column}}
/* Deployment guide */
.guide-main{padding-top:70px;padding-bottom:80px}.guide-intro{padding-bottom:55px;border-bottom:1px solid var(--line)}.guide-intro h1{font-size:64px;letter-spacing:-3px;line-height:1.1;margin:20px 0}.guide-intro h1 em{font-style:normal;color:#7ccfff}.guide-intro p{color:var(--muted);font-size:15px;line-height:1.9}.guide-tag{display:inline-flex;align-items:center;gap:18px;font-size:9px;letter-spacing:1.5px;color:#b3cbe8;background:#142641;border:1px solid #2f4a70;border-radius:9px;padding:12px 16px;margin-top:25px}.guide-tag span{color:#63b7f4}.guide-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:55px;margin-top:45px}.guide-sidebar{position:sticky;top:30px;align-self:start;display:grid;gap:7px}.guide-sidebar>a{padding:12px 15px;border-radius:8px;font-size:12px;color:#b4c7e1}.guide-sidebar>a:hover{background:#182c48;color:white}.guide-tip{margin-top:20px;border-left:2px solid #4c99d0;padding:8px 15px}.guide-tip strong{font-size:12px}.guide-tip p{font-size:11px;color:#9db1cd;margin-top:8px;line-height:1.9}.guide-content{display:grid;gap:25px;min-width:0}.guide-card{border:1px solid #293d5d;background:linear-gradient(140deg,#14243c88,#101a2b);padding:32px;border-radius:16px;scroll-margin-top:24px;min-width:0}.guide-card h2{font-size:27px;letter-spacing:-.8px;margin:13px 0 16px}.guide-card>p,.guide-card details p{color:#acbdd5;font-size:13px;line-height:1.9;margin:13px 0}.guide-card strong{color:#dcecff}.guide-card code{font-family:Consolas,monospace;color:#9bd4ff;font-size:12px;overflow-wrap:anywhere}.guide-card a{color:#8ad2ff}.guide-card form{margin-top:22px}.guide-code{border:1px solid #2b4365;background:#080f1e;border-radius:10px;margin:20px 0;overflow:hidden}.guide-code>div{padding:8px 16px;background:#16263d;display:flex;justify-content:space-between;gap:10px;align-items:center;color:#b5c8e1;font-size:11px}.guide-code pre{margin:0;padding:20px;color:#a6ddff;font-family:Consolas,monospace;font-size:12px;line-height:1.9;overflow:auto}.guide-callout{padding:18px 20px;border:1px solid #355779;border-left:3px solid #65b8ed;background:#17375355;border-radius:8px;margin:20px 0}.guide-callout strong{font-size:13px}.guide-callout p{font-size:12px;color:#a9c6df;line-height:1.9;margin-top:6px}.dns-table{overflow:auto;border:1px solid #304969;border-radius:9px;margin-top:20px}.dns-table table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}.dns-table th{background:#172a43;font-size:10px;letter-spacing:1px;color:#92adce;padding:13px 16px}.dns-table td{padding:17px 16px}.dns-type{padding:4px 9px;border-radius:5px;color:#8bdcff;background:#21456b}.guide-card details{border-bottom:1px solid #2b3e5b;padding:17px 0}.guide-card summary{font-size:13px;cursor:pointer;font-weight:700}.guide-card details p{font-size:12px}.guide-source{font-size:11px}.guide-checks{display:grid;gap:13px;padding:8px 0}.guide-checks label{display:flex;align-items:center;gap:10px;font-size:13px;color:#b9cce2;cursor:pointer}.guide-checks input{accent-color:#57a6fa;width:17px;height:17px}
@media(max-width:760px){.guide-main{padding-top:40px}.guide-intro h1{font-size:48px;letter-spacing:-2px}.guide-intro p{font-size:13px}.guide-layout{grid-template-columns:1fr;gap:24px;margin-top:26px}.guide-sidebar{position:static;display:flex;flex-wrap:wrap;gap:4px}.guide-sidebar>a{padding:8px 10px;font-size:11px;border:1px solid #293e5e}.guide-tip{display:none}.guide-card{padding:23px}.guide-card h2{font-size:24px}.guide-tag{gap:9px;font-size:7px;padding:12px}.guide-code pre{padding:16px;font-size:11px}.guide-header .brand>span{font-size:16px}.guide-card .eyebrow{font-size:9px}.guide-card .form-error{font-size:12px}}

.podium-card.place-1{grid-column:2;grid-row:1}.podium-card.place-2{grid-column:1;grid-row:1}.podium-card.place-3{grid-column:3;grid-row:1}
/* Rounded controls and account shortcuts */
.ui-icon{width:21px;height:21px;flex:none;vertical-align:middle}.button .ui-icon{width:19px;height:19px}.nav-wallet .ui-icon{color:#f1d390}.nav-chest .ui-icon{color:#8bd5ff}.account-actions .button .ui-icon:last-child{width:13px;height:13px}.account-menu-anchor{position:relative}.account-menu{position:absolute;right:0;top:calc(100% + 16px);width:280px;padding:24px;border:1px solid #4a78b3;border-top:3px solid #50bdff;border-radius:18px;background:linear-gradient(155deg,#15263f,#0a1425);box-shadow:0 20px 70px #0009;z-index:20}.account-menu:before{content:'';position:absolute;right:28px;top:-8px;width:12px;height:12px;background:#50bdff;transform:rotate(45deg);z-index:-1}.account-menu-identity{display:flex;align-items:center;flex-direction:column;padding-bottom:22px;border-bottom:1px solid #283e5c}.account-menu-identity strong{font-size:17px;margin-top:14px;overflow-wrap:anywhere;max-width:100%}.account-menu-identity>span{font-size:10px;color:#8fa7c6;margin-top:3px}.account-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.account-menu-grid>button{display:flex;align-items:center;flex-direction:column;gap:9px;background:transparent;border:1px solid transparent;border-radius:12px;padding:10px 5px;color:#d6e5f7;font-size:12px;transition:background .2s,border-color .2s}.account-menu-grid>button:hover{background:#233c6066;border-color:#36567c}.account-menu-grid strong{font-size:12px}.menu-tile{width:46px;height:44px;border-radius:12px;display:grid;place-items:center;box-shadow:inset 0 1px #ffffff20,0 3px 0 #0003;background:#273f67;color:#c5e2ff}.menu-tile.rose{background:#64404d;color:#ffe0e8}.menu-tile.green{background:#325d4b;color:#d8ffdd}.menu-tile.amber{background:#65523a;color:#ffedc8}.menu-tile.violet{background:#534570;color:#e7d8ff}.menu-tile.red{background:#672d3c;color:#ffdae0}.menu-tile.blue{background:#324e80;color:#d7e9ff}.menu-tile .ui-icon{width:25px;height:25px}.login-brand{text-align:center;margin-top:-14px}.login-brand img{object-fit:contain;filter:drop-shadow(0 5px 18px #218aff44);margin-bottom:8px}.login-brand .eyebrow{justify-content:center;font-size:8px;letter-spacing:1.6px}.login-brand .modal-heading{font-size:29px;margin-top:13px}.login-brand .modal-desc{margin-bottom:23px}.input-shell{position:relative;display:flex;align-items:center}.input-shell .field{padding:15px 48px 15px 58px;min-height:55px;border-radius:15px;background:#0a1426;border-color:#2a4163;font-size:13px}.input-symbol{position:absolute;left:10px;width:33px;height:33px;display:grid;place-items:center;background:linear-gradient(135deg,#279ee8,#3465d3);color:#eefaff;border-radius:11px;pointer-events:none;box-shadow:inset 0 1px #ffffff30}.input-symbol .ui-icon{width:18px;height:18px}.password-toggle{position:absolute;right:11px;width:32px;height:34px;display:grid;place-items:center;background:transparent;color:#7f9abb;border-radius:8px}.password-toggle:hover{background:#223a5a;color:#bfedff}.login-submit{border-radius:14px;min-height:52px;font-size:14px;gap:16px}.login-help{display:flex;align-items:center;justify-content:space-between;margin-top:24px;font-size:11px;color:#9cb3d0}.login-help a{color:#83cbff;font-weight:700}.login-note{font-size:11px;line-height:1.9;padding-top:18px;margin-top:17px;border-top:1px solid #293e5d;color:#8ea6c6}.login-note strong{color:#c2ddf8}.header nav a{padding:10px 13px;border:1px solid transparent;border-radius:9px}.header nav{gap:4px}.header nav a:hover{background:#203a6080;border-color:#3c659380}.header nav a:after{display:none}.button.primary{background:linear-gradient(115deg,#299eea,#5864e8);border-radius:12px}.button.primary:hover{background:linear-gradient(115deg,#39b5f8,#7379ff)}.button.secondary{border-radius:12px}.filters button{border-radius:9px}.filters{border-radius:12px}.product-button{border-radius:10px}.server-pill{border-radius:13px}.button.small{border-radius:11px}.hero-actions .primary{min-width:172px}
@media(max-width:1150px){.header nav a{padding:10px 9px}.header nav{gap:1px}}
@media(max-width:760px){.account-menu{right:-35px;top:calc(100% + 20px);width:min(280px,calc(100vw - 30px));padding:20px}.account-actions .account-menu-grid>button{font-size:12px;max-width:none;overflow:visible;padding:8px 5px}.account-menu-grid .menu-tile{overflow:visible}.header.menu-open nav{box-shadow:0 15px 30px #0005}.header nav a{padding:10px 13px}.login-brand img{width:86px;height:86px}.login-brand .modal-heading{font-size:26px}.login-brand .eyebrow{font-size:7px}.input-shell .field{font-size:12px}.login-note{font-size:10px}.hero-actions .primary{min-width:0}.account-menu-grid{gap:8px}}
.account-menu{padding:20px;max-height:calc(100dvh - 140px);overflow-y:auto;scrollbar-width:thin}.account-menu-identity{padding-bottom:16px}.account-menu-identity>.skin-head{width:48px;height:48px}.account-menu-identity strong{margin-top:10px}.account-menu-grid{gap:6px;margin-top:16px}.account-menu-grid>button{padding:8px 5px;gap:7px}.menu-tile{width:43px;height:42px}
@media(max-height:740px){dialog:has(.login-brand){max-height:92vh;padding:20px 28px;width:min(480px,calc(100% - 28px))}.login-brand{margin-top:0}.login-brand img{width:56px;height:56px;margin-bottom:0}.login-brand .eyebrow{display:none}.login-brand .modal-heading{font-size:25px;margin:5px 0}.login-brand .modal-desc{margin-bottom:10px;font-size:12px}.login-brand+form .field-label{margin:10px 0 6px;font-size:11px}.login-brand+form .input-shell .field{min-height:48px;padding-top:11px;padding-bottom:11px}.login-brand+form .otp-details{margin-top:10px}.login-brand+form .form-error:empty{margin:0}.login-submit{min-height:44px;margin-top:12px}.login-help{margin-top:16px}.login-note{margin-top:12px;padding-top:12px;font-size:10px}}
/* Dedicated pages and checkout */
.header .nav-home{display:block!important}.header nav{gap:3px}.header nav a{font-size:12px;padding:11px 13px;border-radius:10px;white-space:nowrap}.header nav a.active{color:#caf0ff;background:linear-gradient(120deg,#1f4168,#1e3051);border-color:#3b6694;box-shadow:inset 0 1px #ffffff12}.header nav a:first-child:not(.active){color:#acb8ca}.header nav a:hover{color:white}.route-banner{border-bottom:1px solid #2c4262;background:linear-gradient(90deg,#0e2038f2,#101b32d9),url('/assets/bromacia-world.webp') center 50%/cover}.route-banner>.wrap{position:relative;padding:30px 0 34px;overflow:hidden}.route-banner nav{display:flex;gap:11px;color:#8ca6c7;font-size:11px;position:relative;z-index:1}.route-banner nav a{color:#bed7f2}.route-banner h1{font-size:36px;letter-spacing:-1px;line-height:1.2;margin:16px 0 8px;position:relative;z-index:1}.route-banner h1:focus{outline:none}.route-banner p{font-size:13px;color:#a4bbd6;position:relative;z-index:1}.route-banner img{position:absolute;right:26px;top:17px;opacity:.18;transform:rotate(9deg)}body:not([data-route='/']) #main{min-height:70vh}body:not([data-route='/']) #main>.section{padding-top:42px;padding-bottom:70px}body:not([data-route='/']) footer{margin-top:20px}.account-page{padding-top:34px;padding-bottom:65px}.account-page[data-view='profile'] #account-content,.account-page[data-view='chest'] #account-content{max-width:820px;margin:auto;padding:34px;border:1px solid #2e4361;background:linear-gradient(145deg,#15233b,#101a2d);border-radius:18px}.account-page[data-view='login'] #account-content{max-width:490px;margin:auto;padding:35px;border:1px solid #2e4361;background:linear-gradient(145deg,#15233b,#101a2d);border-radius:20px;box-shadow:0 20px 60px #0003}.account-page[data-view='profile'] .profile-stats{gap:20px}.account-page .modal-heading{font-size:30px}.account-page .wallet-history{max-height:400px}.account-page .chest-item{padding:23px 0}.account-page .chest-item-actions{flex-direction:row;gap:14px}.account-page .chest-item-actions .button{font-size:12px;min-height:40px}.account-page .chest-item-actions .text-button{font-size:12px}.account-page .empty-chest{padding:45px 25px}.account-page .empty-chest h3{font-size:20px}.account-page .empty-chest p{font-size:13px}
.credit-topline{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:25px;padding:20px 24px;background:linear-gradient(110deg,#193a5b,#14223b);border:1px solid #335a7f;border-radius:13px}.credit-rate{display:flex;gap:16px;align-items:center}.rate-icon{width:43px;height:43px;border-radius:12px;background:#244c73;display:grid;place-items:center;color:#8de1ff}.credit-rate strong{display:block;font-size:15px}.credit-rate div>span{display:block;font-size:11px;color:#acc5de;margin-top:4px}.credit-balance-chip{border-left:1px solid #436080;padding-left:24px;flex:none}.credit-balance-chip>span{display:block;font-size:8px;letter-spacing:1.5px;color:#8eafcf}.credit-balance-chip strong{display:block;font-size:21px;color:#a5e6ff;margin-top:4px}.credit-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;align-items:start}.payment-workspace{display:grid;grid-template-columns:205px minmax(0,1fr);border:1px solid #293e5c;border-radius:17px;overflow:hidden;background:#0f1a2c}.payment-methods{background:#142137;padding:25px 17px;border-right:1px solid #2b3f5c}.payment-methods h2,.payment-history-panel h2{display:flex;align-items:center;gap:10px;font-size:15px;letter-spacing:-.3px;margin:0 0 23px}.payment-methods h2 .ui-icon{color:#76cfff}.method-choice{position:relative;display:block;cursor:pointer}.method-choice input{position:absolute;opacity:0;width:1px;height:1px}.method-card{position:relative;display:flex;gap:10px;align-items:flex-start;padding:18px 12px;border:1px solid #3d5c7d;border-radius:12px;background:#132841;transition:background .2s,border-color .2s}.method-choice input:checked+.method-card{border-color:#53b6f4;background:linear-gradient(135deg,#1b3a5a,#162b43);box-shadow:inset 0 0 0 1px #50b7f420,0 6px 22px #0002}.method-choice input:focus-visible+.method-card{outline:2px solid #84d7ff;outline-offset:4px}.provider-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:linear-gradient(135deg,#9a42ff,#6a2bdd);font-size:22px;font-weight:800;color:white;flex:none;box-shadow:inset 0 1px #ffffff40}.method-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.method-copy strong{font-size:11px;line-height:1.7;padding-right:3px}.method-copy>span{font-size:11px;color:#c7b9ee}.method-copy small{font-size:9px;color:#83c9a7;line-height:1.6}.method-check{position:absolute;right:8px;top:7px;width:14px;height:14px;border-radius:50%;display:grid;place-items:center;background:#65ccf8;color:#11304d;font-size:9px;font-weight:800}.payment-side-note{display:flex;align-items:flex-start;gap:8px;margin-top:23px;color:#7fa0c2}.payment-side-note .ui-icon{width:15px;height:15px;margin-top:3px}.payment-side-note p{font-size:10px;line-height:1.9}.payment-help-link{display:block;font-size:10px;color:#9ec8ef;margin-top:25px;padding-top:20px;border-top:1px solid #2b4362}.payment-details{padding:30px;min-width:0}.payment-detail-heading .eyebrow{font-size:8px;letter-spacing:1.4px}.payment-detail-heading h2{font-size:23px;letter-spacing:-.7px;line-height:1.3;margin:12px 0 8px}.payment-detail-heading p{font-size:12px;color:#94abc7;line-height:1.8}.amount-field{display:block;background:linear-gradient(135deg,#182c47,#101f34);border:1px solid #365578;border-radius:13px;margin-top:25px;padding:22px 20px 15px;cursor:text}.amount-field>span{font-size:8px;font-weight:800;letter-spacing:1.4px;color:#8facce}.amount-field>div{display:flex;align-items:center;gap:12px}.amount-field input{background:none;border:none;min-width:0;width:100%;color:#effaff;font-size:44px;letter-spacing:-1px;line-height:1.4;font-weight:750;padding:7px 0;appearance:textfield;-moz-appearance:textfield}.amount-field input::-webkit-inner-spin-button,.amount-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.amount-field input:focus{outline:none}.amount-field:focus-within{border-color:#76ceff;box-shadow:0 0 0 3px #5fb8ff15}.amount-field>div>span{font-size:15px;color:#8eadd0}.amount-hint{font-size:10px;color:#7f9bbb;margin:9px 0 15px}.amount-shortcuts{display:flex;gap:7px;flex-wrap:wrap}.amount-shortcuts button{padding:7px 11px;border-radius:7px;background:#1b2b43;border:1px solid #314765;color:#9bb4d1;font-size:10px;min-height:34px}.amount-shortcuts button:hover,.amount-shortcuts button.selected{background:#234a71;border-color:#588ebb;color:#ddf4ff}.checkout-summary{border-top:1px solid #2b3e59;padding-top:18px;margin-top:23px}.checkout-summary>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;padding:7px 0;color:#91abc7}.checkout-summary strong{font-size:12px;font-weight:700;color:#d5e6f8}.checkout-summary .checkout-total{border-top:1px solid #2b3e59;margin-top:12px;padding-top:18px;font-size:13px;color:#d3e4f7}.checkout-total strong{font-size:30px;letter-spacing:-.8px;color:#8edcff}.checkout-button{min-height:52px;font-size:12px;white-space:normal;line-height:1.5;gap:9px}.checkout-notice{display:flex;gap:10px;align-items:flex-start;background:#25354566;border:1px solid #45536b;border-radius:9px;padding:13px;margin-top:20px}.checkout-notice>span{display:grid;place-items:center;border:1px solid #8499b8;border-radius:50%;width:16px;height:16px;font-size:10px;margin-top:3px;flex:none;color:#b3c7df}.checkout-notice p{font-size:10px;color:#9fb3cd;line-height:1.9}.checkout-notice strong{color:#d0e0f4;display:block}.checkout-caption{font-size:10px;color:#8eabc9;line-height:1.9;text-align:center;margin-top:18px}.payment-how{margin-top:23px;border-top:1px solid #2a3e59;padding-top:18px}.payment-how summary{font-size:11px;color:#b4cbe2;cursor:pointer}.payment-how ol{font-size:11px;color:#8eaac9;line-height:1.9;padding-left:18px;margin-bottom:0}.payment-history-panel{border:1px solid #2b3f5a;border-radius:16px;padding:24px 20px;background:linear-gradient(145deg,#142239,#0e192b)}.payment-history-panel h2{margin-bottom:9px;font-size:15px}.payment-history-panel h2 .ui-icon{color:#95bbf9}.history-caption{font-size:10px;color:#89a3c2;padding-bottom:19px;border-bottom:1px solid #2a3e59}.payment-empty{padding:30px 8px;text-align:center}.payment-empty>.ui-icon{height:34px;width:34px;color:#496c95;margin-bottom:14px}.payment-empty h3{font-size:12px;color:#c3d8ef}.payment-empty p{font-size:11px;line-height:1.9;margin-top:9px;color:#809bb9}.history-profile{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#9acaf1;border-top:1px solid #2b3f5b;padding-top:17px}.history-profile .ui-icon{width:16px;height:16px}.payment-record{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid #293b54}.payment-record:last-child{border:0}.payment-record-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#1b3f4d;color:#6cd7c5;flex:none}.payment-record-icon .ui-icon{width:17px;height:17px}.payment-record strong{display:block;font-size:13px}.payment-record small{display:block;font-size:9px;color:#7793b3;margin-top:5px}.payment-state{display:inline-block;font-size:9px;color:#d4bb87;margin-top:4px}.payment-state.paid{color:#74d5bb}.payment-state.review{color:#e0a2a2}.resume-payment{display:block;font-size:10px;color:#90cfff;margin-top:9px}#payment-history{max-height:510px;overflow:auto}.account-page[data-view='wallet'] .form-error:empty{margin:0}.account-page .login-brand{margin-top:0}.account-page .login-brand img{width:90px;height:90px}
@media(max-width:1150px){.header{padding-inline:24px}.header .brand>span{font-size:16px}.header nav a{font-size:11px;padding:9px}.header .nav-wallet{display:none}.credit-layout{grid-template-columns:minmax(0,1fr) 245px;gap:18px}.payment-workspace{grid-template-columns:175px minmax(0,1fr)}.payment-methods{padding:22px 12px}.payment-details{padding:25px}.method-card{flex-direction:column;padding:17px 13px}.method-copy strong{font-size:12px}.payment-detail-heading h2{font-size:21px}.payment-history-panel{padding:22px 17px}}
@media(max-width:950px){.credit-layout{grid-template-columns:1fr}.payment-workspace{grid-template-columns:220px minmax(0,1fr)}.method-card{flex-direction:row}.payment-history-panel{padding:25px}.payment-empty{padding:22px}.payment-record{max-width:600px}.payment-details{padding:30px}.credit-balance-chip strong{font-size:18px}}
@media(max-width:760px){.header{padding-inline:14px}.header nav a{font-size:13px;padding:11px 14px}.header nav a[href='/nasil-oynanir']{display:block}.route-banner>.wrap{padding:24px 0 27px}.route-banner h1{font-size:29px}.route-banner p{font-size:12px}.route-banner img{width:110px;height:110px;right:0;top:24px}.account-page{padding-top:22px;padding-bottom:40px}.credit-topline{padding:17px;gap:16px;align-items:flex-start}.credit-rate{gap:11px}.rate-icon{display:none}.credit-rate strong{font-size:13px}.credit-rate div>span{font-size:10px}.credit-balance-chip{padding-left:15px}.credit-balance-chip>span{font-size:7px}.credit-balance-chip strong{font-size:14px}.payment-workspace{grid-template-columns:1fr}.payment-methods{border-right:0;border-bottom:1px solid #2b3f5c;padding:20px}.payment-methods h2{font-size:14px;margin-bottom:15px}.method-card{align-items:center;padding:14px;gap:13px}.method-copy{flex:1}.method-copy strong{font-size:12px}.method-copy>span{font-size:10px}.method-copy small{display:none}.method-check{right:14px;top:24px}.payment-side-note,.payment-help-link{display:none}.payment-details{padding:24px 21px}.payment-detail-heading h2{font-size:23px}.amount-field{margin-top:20px}.amount-field input{font-size:42px}.amount-shortcuts{gap:6px}.amount-shortcuts button{flex:1;font-size:10px;padding:7px 6px}.payment-history-panel{padding:23px}.credit-layout{gap:20px}body:not([data-route='/']) #main>.section{padding-top:32px;padding-bottom:40px}.account-page[data-view='profile'] #account-content,.account-page[data-view='chest'] #account-content{padding:24px 20px}.account-page[data-view='login'] #account-content{padding:25px 21px}.account-page .chest-item-actions{flex-direction:column;gap:6px}.account-page .chest-item-actions .button,.account-page .chest-item-actions .text-button{font-size:10px}.account-page .empty-chest{padding:30px 16px}.account-page .empty-chest h3{font-size:17px}.account-page .modal-heading{font-size:26px}}
@media(max-width:420px){.credit-topline{flex-direction:column;gap:12px}.credit-balance-chip{display:flex;gap:13px;align-items:center;border-left:0;border-top:1px solid #365372;width:100%;padding:11px 0 0}.credit-balance-chip strong{margin-top:0}.amount-shortcuts button{font-size:9px}.account-page .login-brand img{width:75px;height:75px}}
.admin-button{font-size:10px!important;max-width:none!important;white-space:nowrap}.admin-page{padding-top:46px;padding-bottom:90px}.admin-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.admin-heading h2{font-size:34px;line-height:1.2;letter-spacing:-1px;margin-top:10px}.admin-heading p{color:var(--muted);font-size:13px;margin-top:10px}.admin-secure{border:1px solid #31675d;background:#14342f;color:#8ce6c4;border-radius:999px;padding:8px 14px;font-size:10px;font-weight:800;letter-spacing:.5px}.admin-layout{display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);align-items:start;gap:22px}.admin-card{min-width:0;border:1px solid #2d4668;border-radius:16px;padding:25px;background:linear-gradient(145deg,#152741,#0e192b);box-shadow:0 15px 45px #0002}.admin-card-kicker{color:#72c9ff;font-size:9px;font-weight:800;letter-spacing:1.5px}.admin-card h3{font-size:19px;line-height:1.4;margin:10px 0}.admin-card>p:not(.form-error){color:#9fb2cc;font-size:11px;line-height:1.8;margin:0 0 22px}.admin-card .field-label{display:block;margin:16px 0 7px;font-size:11px}.admin-card .field{width:100%;min-width:0;background:#0b1525;border:1px solid #344d6d;border-radius:9px;color:#eaf5ff;padding:12px 14px;font-size:12px}.admin-card .field:focus{border-color:#63caff;outline:2px solid #63caff24}.admin-lookup-row{display:flex;gap:8px}.admin-lookup-row .button{min-height:43px;padding:9px 13px;flex:none;font-size:10px}.admin-player-result{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:11px;padding:12px 13px;border:1px solid #32635c;border-radius:8px;background:#15342f;color:#bceede;font-size:11px}.admin-player-result span{color:#91b9ab;text-align:right}.admin-card .form-error{min-height:18px;margin:8px 0 12px;color:#ff9999;font-size:11px}.admin-history-card{overflow:hidden}.admin-table-wrap{overflow:auto;margin:17px -5px 0}.admin-table{width:100%;border-collapse:collapse;text-align:left;font-size:10px}.admin-table th{color:#82a4c8;font-size:8px;letter-spacing:.8px;text-transform:uppercase;padding:11px 10px;border-bottom:1px solid #2d4463;white-space:nowrap}.admin-table td{padding:12px 10px;border-bottom:1px solid #273b57;color:#c9d9eb;vertical-align:top}.admin-table td small{display:block;color:#819ab8;margin-top:4px}.admin-table td:nth-child(2){color:#80e0be;white-space:nowrap}.admin-empty{text-align:center;color:#8da4c0!important;padding:28px!important}@media(max-width:900px){.admin-layout{grid-template-columns:1fr}.admin-heading h2{font-size:29px}}@media(max-width:760px){.admin-page{padding-top:30px}.admin-heading{align-items:flex-start;flex-direction:column}.admin-card{padding:20px}.admin-lookup-row{align-items:stretch;flex-direction:column}.admin-lookup-row .button{width:100%}.admin-player-result{align-items:flex-start;flex-direction:column}.admin-player-result span{text-align:left}.admin-button{font-size:9px!important;padding:8px!important}}
/* Server address card: clear Minecraft and copy affordances. */
.hero .server-pill{gap:12px;min-width:276px;padding:11px 13px;border:1px solid #3a5c7e;border-radius:14px;background:linear-gradient(135deg,#13243bdc,#091424e8);box-shadow:inset 0 1px #ffffff12,0 8px 24px #0003;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s}.server-pill:hover{transform:translateY(-2px);border-color:#69d9ff;background:linear-gradient(135deg,#18314ddd,#0c1b2deF);box-shadow:inset 0 1px #ffffff18,0 10px 30px #0005,0 0 20px #43caff18}.server-pill:active{transform:translateY(0)}.server-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;color:#8be5ff;background:linear-gradient(145deg,#1a4666,#17304f);border:1px solid #3c7797;border-radius:11px;box-shadow:inset 0 1px #ffffff20,0 3px 9px #0003}.server-icon .ui-icon{width:22px;height:22px;stroke-width:1.8}.server-pill strong{font-size:14px;letter-spacing:.35px}.copy-icon{display:grid;place-items:center;width:34px;height:34px;margin-left:auto;flex:none;color:#9cb5d1;background:#ffffff08;border:1px solid #344963;border-radius:9px;transition:color .18s,background .18s,border-color .18s}.copy-icon .ui-icon{width:18px;height:18px}.server-pill:hover .copy-icon{color:#c5f4ff;background:#48c5f21a;border-color:#4ca6c9}.modal .server-pill{min-width:0;width:100%;margin-top:18px}
/* Keep page scrolling available while hiding the browser scrollbar. */
html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}
/* Store navigation and illustrated server cards */
.server-select{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0 20px}
.server-choice{--card-accent:#6ce2e9;position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:410px;padding:30px;overflow:hidden;text-align:left;border:1px solid #386373;border-radius:16px;background:#102636;box-shadow:0 16px 40px #0003;transition:transform .25s,border-color .25s,box-shadow .25s}
.server-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46%;z-index:-2;transition:transform .5s}
.server-choice::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#06132508 20%,#06132524 44%,#061325ed 100%)}
.server-choice:hover{transform:translateY(-4px);border-color:var(--card-accent);box-shadow:0 22px 48px #0005}
.server-choice:hover .server-art{transform:scale(1.045)}
.server-choice:focus-visible{outline:3px solid var(--card-accent);outline-offset:5px}
.server-card-badge{position:absolute;top:22px;left:24px;padding:5px 10px;border:1px solid #ffffff30;border-radius:5px;background:#081624a8;color:#e8f6fc;font-size:9px;font-weight:800;letter-spacing:2px;backdrop-filter:blur(8px)}
.server-card-copy{width:100%;display:block}
.server-card-copy>strong{display:block;font-size:34px;font-weight:800;line-height:1.15;letter-spacing:-.8px;text-shadow:0 2px 18px #0007}
.server-card-copy>small{display:block;font-size:12px;color:#d5e1ee;margin-top:9px}
.server-card-tags{display:flex;gap:7px;margin-top:15px}
.server-card-tags>span{padding:3px 9px;background:#07142470;border:1px solid #ffffff25;border-radius:5px;font-size:10px;color:#e6edf7}
.server-card-cta{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding-top:16px;border-top:1px solid #ffffff25;font-size:12px;font-weight:800;color:var(--card-accent)}
.server-card-cta>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid #ffffff35;background:#ffffff10;font-size:17px}
.store-back{background:#172334;border:1px solid #33465b;border-radius:8px;color:#b9d4d3;padding:10px 15px;font-weight:700;margin-top:24px}
.store-back:hover{border-color:#59e6ce;color:#fff}.store-server-title{font-size:25px;margin-top:22px}
.store-toolbar .filters{gap:8px;padding:6px}.store-toolbar .filters button{padding:12px 22px;border:1px solid transparent;transition:background .2s,border-color .2s,color .2s}.store-toolbar .filters button:hover{color:white;border-color:#466578}.store-toolbar .filters button.active{background:#245047;color:#8ff5df;border-color:#3f887c}
.store-empty{grid-column:1/-1;text-align:center;padding:54px 20px;border:1px solid #283346;border-radius:11px;background:radial-gradient(ellipse at 50% 0,#b998ff12,transparent 65%),#111a29}.store-empty>span{font-size:32px;color:#b998ff}.store-empty h3{font-size:21px;margin:12px 0 5px}.store-empty p{font-size:12px;color:#99a6ba}
.key-art{width:80px;height:80px;display:grid;place-items:center;border:1px solid var(--accent);border-radius:18px 18px 28px 28px;transform:rotate(45deg);color:var(--accent);font-size:39px;background:var(--glow);box-shadow:0 0 40px var(--glow);z-index:1}.key-card .key-art{text-shadow:0 0 18px var(--accent)}.key-coming{font-size:20px;letter-spacing:0;color:var(--accent)}
#store-detail[hidden],.server-select[hidden]{display:none}
body[data-route="/magaza"] .route-banner .wrap{padding-top:20px;padding-bottom:20px}
body[data-route="/magaza"] .route-banner h1{font-size:26px;margin-top:10px}
body[data-route="/magaza"] .route-banner p,body[data-route="/magaza"] .route-banner img{display:none}
body[data-route="/magaza"] .store{padding-top:30px}
@media(max-width:700px){.server-select{grid-template-columns:1fr;gap:18px}.server-choice{min-height:370px;padding:24px}.server-card-copy>strong{font-size:30px}.store-toolbar{align-items:flex-start;gap:12px;flex-direction:column}.store .period-chip{display:none}.store-toolbar .filters button{padding:11px 16px}}
@media(prefers-reduced-motion:reduce){.server-choice,.server-art{transition:none}.server-choice:hover,.server-choice:hover .server-art{transform:none}}
/* Homepage server selection, using the same artwork and controls as the store. */
.home-servers{padding-top:24px;padding-bottom:0}
.home-server-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}
.home-server-card{min-height:390px;text-decoration:none}
.server-card-cta>.home-card-action{display:inline-flex;align-items:center;justify-content:flex-start;gap:9px;width:auto;height:auto;border:0;border-radius:0;background:none;font-size:12px}
.home-card-action>[data-ui-icon],.button>[data-ui-icon]{display:inline-flex;align-items:center}
.home-card-action .ui-icon,.home-card-arrow .ui-icon{width:18px;height:18px}
.home-server-card .server-card-cta{margin-top:20px;padding:12px 15px;border:1px solid #80c9ed40;border-radius:10px;background:linear-gradient(120deg,#173650b0,#142b47d9);box-shadow:inset 0 1px #ffffff12,0 3px 0 #030b1880;transition:background .2s,border-color .2s}
.home-server-card:hover .server-card-cta{border-color:var(--card-accent);background:#254268d9}
.home-card-arrow{flex:none}
.hero-actions .button-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#ffffff15;box-shadow:inset 0 1px #ffffff24}
.hero-actions .button-icon .ui-icon{width:17px;height:17px;fill:currentColor;stroke-width:1.2}
@media(max-width:700px){.home-server-grid{grid-template-columns:1fr;gap:18px}.home-servers{padding-top:20px}.home-servers .section-heading{align-items:flex-start;flex-direction:column;gap:17px}.home-server-card{min-height:360px}}
@media(prefers-reduced-motion:reduce){.home-server-card .server-card-cta{transition:none}}

.product-card.navy{--accent:#5d8fff;--glow:#1d3979}.mini-gem.navy{color:#628dff}

.rank-emblem{position:relative;z-index:1;display:grid;place-items:center;min-width:116px;min-height:70px;padding:12px 20px;border:1px solid var(--accent);border-radius:18px;background:linear-gradient(145deg,var(--glow),#111d2d 72%);box-shadow:0 12px 34px var(--glow),inset 0 1px #ffffff20;color:var(--accent);font-size:20px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 12px var(--glow);transform:skewY(-4deg);transition:transform .3s}.product-card:hover .rank-emblem{transform:translateY(-5px) skewY(-4deg)}@media(max-width:760px){.rank-emblem{min-width:100px;min-height:62px;font-size:17px}}

.key-art-image{position:relative;z-index:1;width:auto;height:148px;max-width:76%;object-fit:contain;filter:drop-shadow(0 8px 18px var(--accent)) drop-shadow(0 0 26px var(--glow));transition:transform .3s}.key-card:hover .key-art-image{transform:translateY(-5px) rotate(-3deg)}.key-card .product-visual{overflow:hidden;background:radial-gradient(ellipse at 50% 58%,var(--glow),transparent 58%),linear-gradient(135deg,#ffffff05,transparent 55%)}@media(max-width:760px){.key-art-image{height:128px}}

.key-art-image{height:142px;max-width:80%}.key-card.orange .key-art-image{height:150px;filter:drop-shadow(0 0 10px #ff9d35aa) drop-shadow(0 8px 18px #a7462580)}

.site-footer{margin-top:72px;background:radial-gradient(ellipse at 16% 0,#1a2a3d55,transparent 55%),#0a101a;border-top:1px solid #263347}.footer-grid{display:grid;grid-template-columns:minmax(280px,2.2fr) repeat(3,minmax(120px,1fr));gap:44px;padding-top:44px;padding-bottom:38px}.footer-about .brand{display:inline-flex;margin-bottom:24px}.footer-grid h3{margin:0 0 14px;color:#eef4fb;font-size:15px;font-weight:800}.footer-about>p{max-width:460px;margin:0 0 24px;color:#aab7c9;font-size:13px;line-height:1.75}.footer-about>h3:nth-of-type(2){margin-top:24px}#footer-company-info p{margin:0 0 8px;color:#aab7c9;font-size:12px;line-height:1.6;overflow-wrap:anywhere}#footer-company-info strong{color:#e3eaf4}#footer-company-info a{color:#aab7c9;text-decoration:none}#footer-company-info a:hover,.footer-column a:hover,.footer-column .text-button:hover{color:#65e8d4}.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer-column a,.footer-column .text-button{padding:0;background:none;border:0;color:#c5cfdd;font-size:13px;text-decoration:none;cursor:pointer}.footer-column h3{margin-bottom:5px}.site-footer .footer-bottom{margin-top:0;padding-top:19px;padding-bottom:25px;font-size:10px;border-top:1px solid #202c3c}.legal-copy{color:#c4cfde;line-height:1.75}.legal-copy p{margin:0 0 14px}.legal-contact{margin-top:24px;padding:16px 18px;border:1px solid #2d3c52;border-radius:10px;background:#101a29}.legal-contact p{margin:5px 0;color:#bfccdc;font-size:13px}.legal-contact strong{color:#f0f5fb}@media(max-width:760px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px;padding-top:34px}.footer-about{grid-column:1/-1}.footer-about>p{max-width:none}.site-footer .footer-bottom{gap:8px;font-size:9px}}@media(max-width:420px){.footer-grid{grid-template-columns:1fr 1fr;gap:25px 16px}.footer-column{gap:10px}.footer-column a,.footer-column .text-button{font-size:12px}}