/* Classic illustrated pirate portal — normal season. */
:root{--bg:#090d10;--panel:#15130d;--gold:#d7ad48;--text:#eee7d4;--muted:#a99e82;--border:#c79c352b}body{background:#090d10;color:var(--text)}header{height:auto;display:block;padding:0;background:linear-gradient(#120e09ed,#090b0df0);border:0}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 3.5%;border-bottom:1px solid #b88e2f80}.topbar .brand{gap:14px}.topbar .brand img{width:73px;height:68px;object-fit:contain}.topbar-title{font:600 10px 'Inter',Arial;letter-spacing:2px;color:#c9b476}.topbar-title small{display:block;font-size:9px;letter-spacing:.3px;color:#9c9481;font-weight:400;margin-top:6px}.topbar-right{display:flex;align-items:center;gap:19px}.server-status{font-size:8px;letter-spacing:1.1px;color:#a9b39b;display:flex;gap:8px;align-items:center}.language-label{border:1px solid #9d76285c;border-radius:4px;color:#dac382;padding:10px 13px;font-size:10px}.account-nav{gap:10px}.account-nav button{border:1px solid #b88d35a6;background:linear-gradient(#302612,#171309);color:#edce7a;border-radius:5px;min-height:35px;font-size:11px;padding:0 15px}.account-nav .button{box-shadow:inset 0 1px #efd99a15}.topbar .mobile-toggle{margin-left:14px}header nav{height:55px;justify-content:center;gap:12px;background:#0d0c09b8;border-bottom:1px solid #af852fbd}header nav a,header .nav-link{font-size:12px;font-weight:700;padding:9px 20px;border:1px solid transparent;color:#ded8c8;border-radius:5px}header nav a:hover,header .nav-link:hover{color:#f2cd64;background:#b6881e0f}header nav a.active{background:linear-gradient(#5a411c44,#261c0e77);border-color:#c29332;color:#edc45e}header nav a.active:after{display:none}.classic-hero{min-height:790px;background:#142a35 url('/assets/harbor-classic.webp') center center/cover no-repeat;border:0;overflow:hidden}.classic-hero .hero-vignette{background:linear-gradient(0deg,#090d10 0%,#080d1199 8%,transparent 42%),linear-gradient(90deg,#03080c40,transparent 45%,#02080e30);z-index:-1}.harbor-layout{max-width:1200px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 368px;gap:45px;align-items:center;min-height:735px;padding:28px 22px 23px}.emblem-stage{text-align:center;position:relative;padding-bottom:10px;filter:drop-shadow(0 15px 30px #0008)}.emblem-overline{color:#e0c17e;letter-spacing:4px;font-size:9px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:16px;text-shadow:0 2px 5px #000}.emblem-overline i{width:55px;height:1px;background:linear-gradient(90deg,transparent,#c3a656)}.emblem-overline i:last-child{transform:rotate(180deg)}h1.game-emblem{margin:0;line-height:0;letter-spacing:0}h1.game-emblem img{width:min(100%,650px);height:auto;aspect-ratio:1;object-fit:contain;display:block;margin:-15px auto -25px}.emblem-caption{font:500 17px 'Cinzel',Georgia;color:#efe2c4;letter-spacing:1.2px;text-shadow:0 2px 5px #000;margin:0 0 18px}.explore-link{border:0;background:none;font-size:8px;color:#cbbb8c;letter-spacing:2px}.explore-link span{color:#e1bd64;margin:0 10px}.captain-panel{position:relative;align-self:center;text-align:center;padding:16px 23px 13px;border:2px solid #bd922d;border-radius:12px;background:linear-gradient(135deg,#1a140aef,#0e0e09f5 60%,#1c160bef);box-shadow:0 0 0 4px #070a0a50,0 18px 60px #0008,inset 0 0 45px #35270b44}.captain-panel:before,.captain-panel:after{content:'◆';position:absolute;color:#d7b25b;font-size:12px;top:11px;left:10px}.captain-panel:after{right:10px;left:auto}.version-tab{position:absolute;top:-2px;left:50%;transform:translateX(-50%);padding:4px 15px 5px;font-size:8px;font-weight:700;letter-spacing:1.5px;color:#e2c676;background:#191309;border:1px solid #bd922d;border-top:0;border-radius:0 0 5px 5px;white-space:nowrap}.panel-logo{height:128px;width:165px;object-fit:contain;display:block;margin:1px auto -2px}.panel-ribbon{border-block:1px solid #b491343d;padding:9px 0;color:#e3c66e;font-size:9px;font-weight:800;letter-spacing:2px;white-space:nowrap}.harbor-status{display:inline-flex;align-items:center;gap:7px;margin:17px 0 0;padding:6px 12px;border:1px solid #8d793949;border-radius:4px;background:#c6a3470d;color:#d9c386;font:700 9px Georgia;letter-spacing:.8px}.captain-panel h2{font:700 20px/1.4 'Cinzel',Georgia;margin:13px -5px 10px;color:#eee4c9;letter-spacing:-.3px}.panel-description{font-size:11px;line-height:1.6;color:#bcb092;margin:0 0 16px}.adventure-list{list-style:none;padding:0;text-align:left;display:grid;gap:10px;margin:0 0 20px}.adventure-list li{display:flex;gap:10px;align-items:center;font-size:11px;color:#ddd7c4}.adventure-list li span{width:19px;height:19px;border-radius:50%;background:#c0a04821;color:#e2c474;display:grid;place-items:center;font-size:11px}.game-download{display:flex;position:relative;flex-direction:column;border-radius:7px;margin:10px 0;padding:10px 28px 11px;border:1px solid #e8c86e;border-bottom:3px solid #825b10;box-shadow:inset 0 1px 1px #fff9,0 3px 7px #0005;transition:filter .15s,transform .15s}.game-download:hover{filter:brightness(1.12);transform:translateY(-1px)}.game-download small{font:700 8px Georgia;letter-spacing:1.8px;margin-bottom:2px}.game-download strong{font:800 24px 'Cinzel',Georgia;letter-spacing:1.5px}.game-download>span{position:absolute;right:14px;top:21px;font-size:22px;opacity:.65}.windows-download{background:linear-gradient(#ffe39b 0%,#efc762 50%,#be9028 100%);color:#382809}.android-download{background:linear-gradient(#a4d28c,#67ab50 48%,#3c762e);border-color:#91bc72;border-bottom-color:#305320;color:#112c12}.crew-button{border:1px solid #99814b77;background:linear-gradient(#393326,#211c13);width:100%;min-height:37px;border-radius:5px;color:#e0ce9d;font-size:10px;font-weight:700;margin:3px 0 14px}.crew-button:hover{border-color:#d6b564}.panel-specs{border-top:1px solid #a886352e;padding-top:12px;display:flex;justify-content:space-between;gap:5px;font-size:8px;color:#b5a57f}.panel-test-note{font-size:8px;line-height:1.6;color:#8b8065;margin:9px 0 0}.anchor-divider{display:flex;gap:18px;align-items:center;max-width:1000px;margin:4px auto 0;padding:0 30px}.anchor-divider i{height:1px;flex:1;background:linear-gradient(90deg,transparent,#ad842d)}.anchor-divider i:last-child{transform:rotate(180deg)}.anchor-divider>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #9c782c;border-radius:50%;color:#d7b15b;background:#121511;box-shadow:0 0 18px #d8b45315}.rankings{padding-top:28px}.section{max-width:1200px}.section-heading .eyebrow{font-size:8px;color:#b29b62}h2{color:#e0cd9c;font-size:25px}.season{color:#b6a47d}.leaderboard{background:linear-gradient(120deg,#191b17,#101714);border:1px solid #9c803c55}.panel-top{background:linear-gradient(#2c2518aa,#1a1a1399);border-bottom-color:#aa863c3d}.ranking-row{border-bottom-color:#b6954420}.ranking-row>span:last-child{color:#e0c17b}.ranking-row.table-head>span{color:#a19573}.season-card{background:radial-gradient(ellipse,#8d76221f,transparent),linear-gradient(#1e2218,#101711);border-color:#b49b5c66}.news-card{background:#131813;border-color:#9e813644}.news-image{background-image:linear-gradient(0deg,#080c1080,transparent),url('/assets/harbor-classic.webp')}.news-body h3{color:#e0cd9c}.news-body p{color:#a19e86}.store-section{background:linear-gradient(#1d1a1233,#0c1010);border-color:#9b783530}.product{background:#161911;border-color:#9e813650}.product.featured{background:linear-gradient(#3d321a66,#171c13);border-color:#c0a154}.button{background:linear-gradient(#e9ce85,#bc953c);border-color:#d8b35b;color:#2a220e;border-bottom:2px solid #836023}.button.outline{background:linear-gradient(#30291a55,#1c201655);color:#dbc48a;border-color:#a98b485e}.join-banner{background:radial-gradient(ellipse at bottom,#59431e30,transparent 70%)}footer{background:#0c0e0b;border-color:#9b783530}dialog{background:linear-gradient(135deg,#242015,#111711);border-color:#b3954a}dialog input,dialog textarea{background:#0e130e;border-color:#8e824d50}dialog .notice{color:#c8b57e}.test-badge{color:#bba56b}#toast{background:#252719;color:#ecdbab;border-color:#b3954a}
@media(min-width:1600px){header{padding:0}.topbar{padding:0 3.5%}.classic-hero{min-height:820px}.harbor-layout{min-height:755px;max-width:1240px;grid-template-columns:minmax(0,1fr) 390px;gap:55px}.captain-panel{padding-inline:25px}.panel-logo{height:137px}.game-download{padding-block:12px}.panel-description{font-size:12px}.adventure-list li{font-size:12px}.captain-panel h2{font-size:21px}}
@media(max-width:1000px){.harbor-layout{gap:15px;grid-template-columns:minmax(0,1fr) 340px;padding-inline:20px}.emblem-overline{font-size:7px;letter-spacing:2px}.emblem-caption{font-size:13px}.explore-link{font-size:7px;letter-spacing:1px}header nav{gap:0}header nav a,header .nav-link{padding-inline:15px;font-size:11px}.server-status{display:none}.topbar-title{font-size:8px}.panel-ribbon{font-size:8px}}
@media(max-width:760px){.topbar{height:71px;padding:0 14px}.topbar .brand img{width:61px;height:61px}.topbar-title,.language-label{display:none}.topbar-right{margin-left:auto;gap:0}.account-nav{margin:0;gap:6px}.account-nav button{min-height:32px;padding:0 9px;font-size:10px}.topbar .mobile-toggle{display:block}.topbar .brand{gap:0}header nav{position:static;display:flex;height:auto;padding:8px 9px;flex-direction:row;align-items:center;justify-content:flex-start;overflow-x:auto;gap:3px;background:#0d0c09ed}header nav a,header .nav-link{padding:8px 10px;font-size:10px;white-space:nowrap}.nav-link[data-action=guide],.nav-link[data-action=profile]{display:none}header.menu-open nav{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;padding:10px}header.menu-open .nav-link{display:block}.classic-hero{min-height:0;background-position:48% top;background-size:auto 920px}.harbor-layout{display:flex;flex-direction:column;gap:25px;padding:34px 18px 25px;min-height:0}.emblem-stage{width:100%;max-width:430px;padding:0}.emblem-overline{font-size:7px}.emblem-overline i{width:30px}h1.game-emblem img{width:340px;max-width:100%;margin:-17px auto -18px}.emblem-caption{font-size:13px;margin-bottom:11px}.explore-link{font-size:7px}.captain-panel{width:100%;max-width:380px;align-self:center;padding:18px 22px 13px;background:linear-gradient(135deg,#211a0cf2,#0f110bf7)}.panel-logo{width:130px;height:100px;margin:0 auto 4px}.panel-ribbon{font-size:8px;letter-spacing:1.7px}.captain-panel h2{font-size:19px}.panel-description{font-size:11px}.adventure-list{margin-bottom:15px}.game-download strong{font-size:23px}.game-download small{font-size:8px}.panel-specs{font-size:8px}.anchor-divider{padding:0 25px;margin:4px auto 10px}.rankings{padding-top:27px}.section-heading h2{font-size:23px}.hero-vignette{background:linear-gradient(0deg,#090d10 0%,#080d1166 50%,#0002)!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}