/* Deep navy game portal */
:root{--bg:#090f21;--panel:#101a34;--gold:#dfbd72;--text:#e5eaf6;--muted:#8f9dbb;--border:#728ac32e}body{background:radial-gradient(ellipse at 50% 0,#1b2d56 0%,#0c152b 40%,#070d1c 100%);color:var(--text)}.navy-header{position:relative;background:linear-gradient(#142347,#0a1329);box-shadow:0 8px 35px #0006;z-index:5}.topbar{max-width:1320px;height:91px;margin:auto;padding:0 28px;border-bottom:0}.topbar .brand img{width:82px;height:78px}.topbar-title{font:700 19px 'Cinzel',Georgia;letter-spacing:2px;color:#e5cf96}.topbar-title small{font:8px Inter,Arial;letter-spacing:2px;color:#9caacc;margin-top:8px}.topbar-right{gap:24px}.server-status{color:#9bafd1;font-size:8px;letter-spacing:1.4px}.account-nav{display:flex;gap:9px;align-items:center;margin:0}.account-nav .auth-button,.account-nav button{width:105px;height:40px;min-height:40px;display:inline-flex;justify-content:center;align-items:center;padding:0 8px;border:1px solid #6e85b266;background:linear-gradient(#1e3157,#13203b);border-radius:4px;color:#dbe5f7;font-size:11px;font-weight:700;letter-spacing:0;box-shadow:inset 0 1px #ffffff0a;white-space:nowrap}.account-nav .auth-register{border-color:#c3a66b99;background:linear-gradient(#d6b874,#ac8b49);color:#17213a}.auth-button:hover{filter:brightness(1.15)}.top-download{display:flex;gap:12px;align-items:center;justify-content:center;min-width:184px;height:53px;border:1px solid #f2da97;border-bottom:3px solid #8c672d;border-radius:4px;background:linear-gradient(#f3d990,#ca9e49);box-shadow:0 0 23px #d6b56119,inset 0 1px #fff8;color:#18223a;font-size:14px;font-weight:900;letter-spacing:1px}.top-download:hover{filter:brightness(1.13)}.download-glyph{font-size:30px;font-weight:400;line-height:1}.top-download small{display:block;font-size:6px;letter-spacing:1.5px;margin-top:4px}.navy-header nav{height:53px;background:linear-gradient(#0d1930,#080f20);border-top:1px solid #647da629;border-bottom:0;gap:10px}.navy-header nav a{padding:9px 21px;color:#b8c6df;border-radius:3px;border:1px solid transparent;font-size:11px}.navy-header nav a.active{background:linear-gradient(#263b60,#14223b);border-color:#788bad66;color:#f0d696;box-shadow:inset 0 1px #fff1}.navy-header nav a:hover{color:#eddaa8;background:#22355a99}.nav-chain{position:absolute;bottom:-10px;left:0;right:0;height:20px;background:url('/assets/chain.svg') repeat-x center;filter:drop-shadow(0 4px 3px #0008);pointer-events:none}.navy-hero{min-height:555px;background:#102442 url('/assets/harbor-classic.webp') center 51%/cover no-repeat}.navy-hero .hero-vignette{background:linear-gradient(90deg,#09132966,#09152aac 52%,#0c1736e6),linear-gradient(0deg,#0b142b,transparent 30%);z-index:-1}.navy-hero-inner{max-width:1190px;margin:auto;min-height:530px;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:55px;padding:40px 25px 20px}.navy-emblem img{width:100%;height:auto;max-height:460px;object-fit:contain;filter:drop-shadow(0 17px 25px #0008)}.navy-hero-copy .eyebrow{font-size:9px;letter-spacing:2px;color:#d9c28a}.navy-hero-copy h1{font:600 clamp(28px,3vw,43px)/1.3 'Cinzel',Georgia;letter-spacing:-.5px;margin:22px 0;color:#eff2f9}.navy-hero-copy h1 span{color:#dec38a}.navy-hero-copy p{font-size:12px;line-height:1.9;color:#a5b4d0}.navy-hero-actions{display:flex;align-items:center;gap:24px;margin:26px 0}.navy-secondary{font-size:11px;color:#c8d5ef;border-bottom:1px solid #899cb355;padding-bottom:5px}.navy-features{display:flex;gap:20px;font-size:8px;color:#9cacc7}.sea-divider{height:24px;max-width:1080px;margin:0 auto;display:flex;align-items:center;gap:20px;color:#b9c8e0}.sea-divider:before,.sea-divider:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#627ea25c)}.sea-divider:after{transform:rotate(180deg)}.rankings{padding-top:38px}.section-heading .eyebrow{color:#91a8ce}h2{color:#e3d4b5}.leaderboard{background:linear-gradient(135deg,#162541,#0c1830);border-color:#6988bb4d}.panel-top{background:linear-gradient(#1f3152,#15223c);border-color:#7892b52b}.tabs button{color:#93a6c5}.tabs button.active{color:#ead095}.ranking-row{border-color:#7892b51c}.ranking-row.table-head>span{color:#8298ba}.ranking-row>span:nth-child(3){color:#8da4c5}.panel-foot{color:#90a5c4}.panel-foot>span:last-child{color:#617da3}.season-card{background:radial-gradient(ellipse,#3e57733b,transparent),linear-gradient(#192b48,#0e1c33);border-color:#889fbd55}.season-card p,.news-body p{color:#99accb}.season-bottom{color:#6c87ae}.news-card{background:linear-gradient(#182842,#101c32);border-color:#6b85b444}.news-body small{color:#8b9fbd}.news-image{background-image:linear-gradient(0deg,#0c172d88,#17305322),url('/assets/harbor-classic.webp')}.store-section{background:linear-gradient(#17284766,#0b1429);border-color:#6983b339}.product{background:linear-gradient(#172642,#101c33);border-color:#647faf50}.product.featured{background:radial-gradient(ellipse at top,#aa8f4d22,transparent),linear-gradient(#233551,#111f39);border-color:#bba16b99}.product .coin-count{color:#9cafcf}.product .price small{color:#899fbe}.button{background:linear-gradient(#e7cd90,#b99550);border-color:#d2b36e;color:#172039}.button.outline{background:linear-gradient(#273b5e,#182943);border-color:#8297bb77;color:#d7e3f6}.store-note,.muted{color:#90a3c1}.join-banner{background:radial-gradient(ellipse at bottom,#2d467955,transparent 75%)}footer{background:#070e1d;border-color:#637da533}footer p{color:#657eaa}footer button{color:#9aacca}dialog,.page-form{background:linear-gradient(135deg,#1a2b49,#0e1a30);color:#dde6f7;border:1px solid #8fa4c35c}.page-form{max-width:510px;margin:0 auto;padding:32px;border-radius:7px;box-shadow:0 20px 60px #0003}.page-form h2{font-size:25px;margin:12px 0 16px;color:#e6cf9b}.page-form p{font-size:12px;line-height:1.9;color:#a0b2cf}.page-form label{display:block;font-size:11px;margin:17px 0 8px;color:#c0cde3}.page-form input,.page-form textarea,dialog input,dialog textarea{width:100%;background:#0b172d;border:1px solid #6982ad66;padding:13px;color:#e5edfb;border-radius:4px;outline:none}.page-form input:focus,.page-form textarea:focus{border-color:#e3c58a}.page-form textarea{min-height:120px;resize:vertical}.page-form .button{width:100%;margin-top:20px}.page-form .profile-stats>div{background:#101f38}.page-form h3{font:600 16px 'Cinzel',Georgia;color:#d4c59f;margin-top:27px}.notice{background:#687fa512;border-color:#738fb94a;color:#b9cbea}#toast{background:#1c3152;border-color:#a4b4cb;color:#e0e9f9}.inner-page{min-height:calc(100vh - 270px);padding-bottom:65px}.page-banner{padding:53px 24px 28px;text-align:center;background:radial-gradient(ellipse at top,#29447666,transparent 70%);border-bottom:1px solid #6c86ad20}.page-banner .eyebrow{justify-content:center;font-size:8px;color:#91a6c9}.page-banner h1{font:600 33px 'Cinzel',Georgia;color:#e4d2a8;margin:18px 0 10px;letter-spacing:0}.page-banner p{font-size:12px;color:#8ea4c7}.breadcrumbs{display:flex;justify-content:center;gap:12px;color:#8498b8;font-size:9px;margin-top:24px}.breadcrumbs a{color:#d3bc87}.page-body{max-width:1200px;padding:35px 22px 0;margin:auto}.page-body>.section{padding:0}.page-body .store-section{margin:0;border:0;background:none}.page-body .store-section>.section{padding:0}.guide-grid,.download-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:30px}.guide-card,.download-platform{border:1px solid #718bb54f;background:linear-gradient(#1c2d4c,#101d35);padding:32px;border-radius:6px}.guide-card>span{font:35px 'Cinzel',Georgia;color:#738db5}.guide-card h2{font-size:21px}.guide-card p{font-size:12px;line-height:1.9;color:#9fb1cc;margin:20px 0}.guide-card .button{font-size:9px}.download-page-grid{grid-template-columns:1fr 1fr;max-width:850px;margin:0 auto 30px}.download-platform{text-align:center;padding:36px 22px}.platform-symbol{font-size:65px;line-height:1;color:#bccce7;margin-bottom:22px}.download-platform .eyebrow{justify-content:center}.download-platform h2{font-size:28px}.download-platform p{font-size:11px;color:#97aaca;margin:18px 0 27px}.page-body>.notice{max-width:850px;margin:25px auto;font-size:11px;text-align:center;line-height:1.8}.inner-page~footer{margin-top:0}
@media(min-width:1600px){.navy-hero{min-height:610px}.navy-hero-inner{min-height:580px;gap:80px}.navy-emblem img{max-height:500px}}
@media(max-width:1000px){.topbar{padding:0 20px}.topbar-right{gap:15px}.topbar-title{font-size:15px}.topbar-title small{font-size:6px}.account-nav .auth-button,.account-nav button{width:92px}.top-download{min-width:165px}.navy-header nav{gap:0}.navy-header nav a{padding-inline:16px}.navy-hero-inner{gap:25px}.navy-features{gap:10px;font-size:7px}.guide-grid{gap:14px}.guide-card{padding:24px}}
@media(max-width:760px){.topbar{height:126px;flex-wrap:wrap;padding:6px 15px 11px;gap:0}.topbar .brand{height:59px}.topbar .brand img{width:59px;height:57px}.topbar-title{display:block;font-size:14px}.topbar-title small{font-size:6px;letter-spacing:1.2px}.topbar-right{width:100%;display:flex;justify-content:space-between;order:3;gap:10px}.account-nav{gap:7px}.account-nav .auth-button,.account-nav button{height:37px;min-height:37px;width:80px;font-size:10px}.top-download{min-width:0;height:40px;width:151px;gap:8px;font-size:11px;border-bottom-width:2px}.download-glyph{font-size:24px}.top-download small{font-size:5px;letter-spacing:.8px}.navy-header .mobile-toggle{margin-left:auto}.navy-header nav{height:48px;padding:6px 9px;overflow-x:auto;flex-wrap:nowrap}.navy-header nav a{font-size:10px;padding:8px 11px}.navy-header.menu-open nav{height:auto;flex-wrap:wrap;padding:10px}.nav-chain{height:17px;bottom:-8px;background-size:58px 17px}.navy-hero{min-height:0;background-size:auto 100%;background-position:40% center}.navy-hero .hero-vignette{background:linear-gradient(0deg,#0b142b,#0c1736c9 50%,#09172e55)!important}.navy-hero-inner{display:flex;flex-direction:column;gap:0;padding:32px 22px 30px;min-height:0}.navy-emblem{max-width:300px;margin:0 auto}.navy-emblem img{max-height:265px}.navy-hero-copy{text-align:center}.navy-hero-copy .eyebrow{justify-content:center;font-size:7px;letter-spacing:1.6px}.navy-hero-copy h1{font-size:29px;margin:16px 0}.navy-hero-copy p{font-size:11px}.navy-hero-actions{justify-content:center;gap:18px;margin:22px 0}.navy-hero-actions .button{padding:0 17px;font-size:9px;min-height:45px}.navy-secondary{font-size:9px}.navy-features{justify-content:center;font-size:7px;gap:12px}.sea-divider{margin:0 25px}.page-banner{padding:39px 18px 24px}.page-banner h1{font-size:27px}.page-banner p{font-size:11px}.page-body{padding:28px 16px 0}.page-form{padding:26px 22px}.page-form h2{font-size:23px}.guide-grid,.download-page-grid{grid-template-columns:1fr;gap:16px}.guide-card{padding:26px}.download-platform{padding:29px 20px}.inner-page{padding-bottom:40px}.rankings{padding-top:30px}}