/* Bundled Google Fonts */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B4873z3nWuZEC.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B4873z3bWuQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B46r2z3nWuZEC.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B46r2z3bWuQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(assets/fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B47b1z3nWuZEC.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(assets/fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B47b1z3bWuQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(assets/fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B45L0z3nWuZEC.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(assets/fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B45L0z3bWuQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/QdVPSTAyLFyeg_IDWvOJmVES_Hw4BXoKZA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/QdVPSTAyLFyeg_IDWvOJmVES_Hw3BXo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/QdVMSTAyLFyeg_IDWvOJmVES_HTEJm86Rb0bcw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/QdVMSTAyLFyeg_IDWvOJmVES_HTEJm81Rb0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/QdVMSTAyLFyeg_IDWvOJmVES_HToIW86Rb0bcw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/QdVMSTAyLFyeg_IDWvOJmVES_HToIW81Rb0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/QdVMSTAyLFyeg_IDWvOJmVES_HSMIG86Rb0bcw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/QdVMSTAyLFyeg_IDWvOJmVES_HSMIG81Rb0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(assets/fonts/QdVMSTAyLFyeg_IDWvOJmVES_HSQI286Rb0bcw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(assets/fonts/QdVMSTAyLFyeg_IDWvOJmVES_HSQI281Rb0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(assets/fonts/QdVMSTAyLFyeg_IDWvOJmVES_HS0Im86Rb0bcw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(assets/fonts/QdVMSTAyLFyeg_IDWvOJmVES_HS0Im81Rb0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* End bundled Google Fonts */
:root{--ink:#173d45;--muted:#677773;--gold:#d5a54e;--deep:#103e4d;--paper:#f4eddd;--red:#ac3e29;--font:'Be Vietnam Pro','Segoe UI',sans-serif;--display:'Barlow Condensed','Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.8;background:var(--paper);background-image:radial-gradient(#ac875016 .6px,transparent .6px);background-size:5px 5px}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button,a{touch-action:manipulation}button{color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{border:0}h1,h2,h3,h4,p{margin-top:0}button:focus-visible,a:focus-visible{outline:3px solid #eebc5c;outline-offset:5px}button,a{transition:background .2s,color .2s,transform .2s,box-shadow .2s}button:hover{filter:brightness(1.04)}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;background:var(--paper);padding:12px;z-index:100}.skip-link:focus{top:10px}.header{height:88px;position:absolute;top:0;left:0;width:100%;z-index:30;display:flex;align-items:center;padding:0 max(4.5vw,24px);gap:42px;background:linear-gradient(180deg,#102f40f5,#103849d9);border-bottom:1px solid #efd28c50;color:#f6ecd6;box-shadow:0 5px 30px #0e334129}.brand{display:flex;align-items:center;gap:9px;flex:none;line-height:1}.brand-emblem{font-family:Georgia,serif;font-size:52px;color:#f9da8e;text-shadow:0 3px #7d4c26;line-height:1}.brand-words{font-family:var(--display);font-size:35px;font-weight:900;color:#f7d991;letter-spacing:.4px;text-shadow:0 2px #614429}.brand-words small{font-family:var(--font);font-size:10px;display:block;text-align:center;color:#f9f2de;font-weight:700;letter-spacing:3px;margin-top:7px}.header nav{display:flex;align-items:center;justify-content:center;gap:28px;flex:1;height:100%}.header nav a{font-size:12px;white-space:nowrap;font-weight:700;height:100%;display:flex;align-items:center;position:relative}.header nav a.active,.header nav a:hover{color:#f2c86d}.header nav a.active:after{content:'';position:absolute;bottom:18px;height:2px;background:#eec46c;left:0;right:0}.external{font-size:12px;margin-left:5px;opacity:.5}.header-cta{background:linear-gradient(#f6d17a,#dba84b);color:#4b3417;padding:11px 20px;font-weight:800;font-size:12px;border:1px solid #f6dc99;box-shadow:inset 0 0 0 3px #e4b864}.header-cta span{margin-left:18px}.menu-toggle{display:none}.hero{height:860px;min-height:720px;position:relative;overflow:hidden;background:#6ac7df;isolation:isolate;text-align:center}.hero-backdrop{position:absolute;inset:0;z-index:-3;background:url('assets/harbor.webp') center 46%/cover}.hero-haze{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#18435838 8%,#80dcec54 26%,#2f91a71a 52%,#083b5077 75%,#f4eddd 100%)}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 36%,#d8f8ff77 0%,#a6eafa00 60%);z-index:-1}.hero:after{content:'';position:absolute;bottom:0;left:0;right:0;height:45px;background:var(--paper);clip-path:polygon(0 65%,4% 45%,9% 63%,13% 39%,19% 70%,24% 48%,31% 61%,38% 24%,44% 59%,51% 30%,60% 61%,65% 46%,72% 67%,78% 42%,87% 64%,93% 37%,100% 66%,100% 100%,0 100%)}.hero-kicker{display:flex;gap:16px;align-items:center;justify-content:center;color:#163b4e;letter-spacing:3px;font-size:10px;font-weight:800;padding-top:122px;text-shadow:0 1px #f3eccb}.hero-kicker span{width:52px;height:1px;background:currentColor;opacity:.5}.hero-wordmark{position:absolute;top:146px;left:0;right:0;line-height:.9;pointer-events:none;transform:rotate(-3deg);z-index:1}.hero-wordmark>span{font-family:var(--display);font-size:122px;font-weight:900;letter-spacing:2px;color:#ffe3a0;-webkit-text-stroke:2px #765221;paint-order:stroke fill;text-shadow:0 5px 0 #714119,0 9px 0 #1a3d45,0 12px 18px #14414b80}.hero-wordmark small{font-size:14px;display:block;letter-spacing:13px;margin:20px 0 0 12px;color:#fff4d5;font-weight:900;text-shadow:1px 2px 5px #133c4f}.hero-characters{position:absolute;left:50%;transform:translateX(-50%);top:275px;width:min(100%,1080px);height:390px}.hero-characters canvas{width:100%;height:100%;filter:drop-shadow(0 14px 12px #05394a5c)}.hero-loading{position:absolute;top:45%;left:0;right:0;color:#173d45;background:#f4eddde0;width:max-content;padding:8px 18px;max-width:90%;margin:auto;border:1px solid #caa35f;font-size:12px}.trailer-orb{position:absolute;left:calc(50% + 405px);top:367px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:transparent;color:#fff2cd}.trailer-orb>.play-icon{width:63px;height:63px;background:#153e49a6;border:2px solid #f3d18b;box-shadow:0 0 0 8px #f5e5c229,0 5px 15px #0b35434a}.play-icon{display:inline-flex;position:relative;align-items:center;justify-content:center;border-radius:50%}.play-icon:before{content:'';display:block;width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid currentColor;transform:translateX(2px)}.trailer-orb small{font-size:9px;letter-spacing:2px;font-weight:800;text-shadow:0 2px 3px #123e49}.trailer-orb:hover{transform:scale(1.08)}.hero-ribbon{position:absolute;top:658px;left:50%;transform:translateX(-50%) rotate(-1deg);width:min(810px,90%);background:linear-gradient(90deg,#d8b875,#fff0c4 10%,#f7e1ad 85%,#dab67d);border-top:2px solid #a27533;border-bottom:2px solid #b08542;display:flex;align-items:center;justify-content:center;gap:35px;padding:15px 35px 18px;box-shadow:0 9px 17px #0e3c4c2b,inset 0 0 0 5px #fff2c84d;clip-path:polygon(1% 0,99% 2%,98% 30%,100% 95%,75% 99%,48% 95%,26% 100%,0 97%,2% 48%)}.hero-ribbon p{font-size:10px;letter-spacing:4px;font-weight:800;color:#8d6738;margin:0 0 3px}.hero-ribbon h1{font-family:var(--display);font-size:44px;letter-spacing:.6px;font-weight:800;line-height:1.2;color:#603a22;margin:0;text-shadow:0 2px #fff3cc}.ribbon-star{font-size:26px;color:#aa7c37}.hero-scroll{position:absolute;bottom:28px;left:0;right:0;width:max-content;margin:auto;font-size:9px;letter-spacing:2px;font-weight:800}.hero-scroll span{font-size:16px;margin-left:10px}.section-heading{text-align:center;margin-bottom:38px}.eyebrow{display:block;color:#93713e;font-size:9px;letter-spacing:3px;font-weight:800;margin-bottom:8px}.section-heading h2{font-family:var(--display);font-weight:800;font-size:45px;line-height:1.25;letter-spacing:1px;margin:0}.heading-flourish{font-family:Georgia,serif;color:#bb944e;font-size:15px;letter-spacing:6px;margin:7px 0}.section-heading p{color:#7b7c6c;font-size:12px;margin:10px 0 0}.section-space{padding:65px max(6vw,24px)}.download-section{padding:32px 24px 42px;max-width:1060px;margin:auto;position:relative}.download-section .section-heading{margin-bottom:24px}.download-section h2{font-size:37px}.download-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:850px;margin:auto}.platform{padding:14px 20px;display:flex;gap:16px;align-items:center;text-align:left;background:linear-gradient(#264f57,#143e48);color:#f9e8bd;border:1px solid #ae8d4f;position:relative;box-shadow:inset 0 0 0 4px #32555a,0 4px 0 #d4c7ad}.platform:after{content:'';position:absolute;inset:4px;border:1px solid #b69b5c55;pointer-events:none}.platform svg{width:28px;height:28px;fill:#ecd195}.platform span small{font-size:8px;letter-spacing:2px;display:block;color:#d5c49c}.platform span strong{display:block;font-family:var(--display);font-weight:700;font-size:25px;line-height:1.4}.platform .download-arrow{font-size:25px;margin-left:auto;color:#ccb275}.platform:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 4px #32555a,0 8px 15px #11394325}.download-note{text-align:center;font-size:10px;margin:20px 0 0;color:#8a816d}.status-dot{height:5px;width:5px;display:inline-block;border-radius:50%;background:#a98640;margin:0 5px 2px 0}.news-section{position:relative;border-top:1px solid #c6ad7c38}.news-section:before{content:'✥';position:absolute;font-family:Georgia,serif;font-size:480px;line-height:1;top:10px;left:-180px;color:#8e78320a;pointer-events:none}.news-board{max-width:1120px;margin:auto;display:grid;grid-template-columns:1fr 1.13fr;gap:32px}.parchment{background:#fff9e95c;box-shadow:0 7px 25px #5643230c;border:1px solid #c7b389;padding:26px;outline:1px solid #c7b38966;outline-offset:5px;position:relative}.parchment:before,.parchment:after{content:'◆';position:absolute;color:#b2945c;font-size:12px;line-height:1;top:-7px;left:-6px}.parchment:after{left:auto;right:-6px}.featured-news{padding:0;text-align:left;background:transparent}.feature-visual{height:242px;position:relative;overflow:hidden;background:linear-gradient(0deg,#0a3549eb,#1b637c77),url('assets/harbor.webp') center/cover;border:1px solid #bb9654;display:flex;align-items:flex-start;justify-content:center;padding-top:19px;gap:4px}.feature-visual img{width:26%;height:105px;object-fit:cover;border:2px solid #d0ad6d;border-radius:50%;position:relative;z-index:1;box-shadow:0 4px 16px #062c48}.feature-visual img:nth-of-type(2){margin-top:12px}.feature-compass{position:absolute;top:-90px;left:22%;font-size:320px;line-height:1.1;color:#fff3d311;pointer-events:none}.feature-tag{position:absolute;top:144px;font-size:8px;letter-spacing:2px;color:#e4d09b}.feature-visual strong{position:absolute;text-align:center;bottom:18px;left:5px;right:5px;font-family:var(--display);font-size:31px;color:#f4dfaa;line-height:1.08;letter-spacing:1px}.feature-caption{padding:16px 0 0}.feature-caption>span{font-size:8px;font-weight:800;letter-spacing:2px;color:#b0823e}.feature-caption h3{font-family:var(--display);font-size:25px;margin:4px 0 6px;line-height:1.2}.feature-caption p{font-size:10px;color:#8b8371;margin:0}.feature-caption b{float:right;font-size:20px;line-height:1}.news-content{display:flex;flex-direction:column;min-width:0}.news-tabs{display:flex;border-bottom:1px solid #bca7797a;gap:26px;padding-top:0}.news-tabs button{background:none;font-family:var(--display);font-size:23px;font-weight:700;padding:4px 0 12px;color:#99907e;position:relative}.news-tabs button[aria-selected=true]{color:var(--red)}.news-tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;background:var(--red);height:2px}#news-list{flex:1}.news-row{display:grid;grid-template-columns:49px 1fr 15px;gap:14px;align-items:center;min-height:64px;border-bottom:1px dashed #b7a07570;width:100%;background:none;text-align:left;padding:10px 0}.news-row:hover{color:#ac6a30;transform:translateX(3px)}.news-row .news-label{font-size:8px;letter-spacing:.5px;color:#9d7939;background:#e6dbc0;padding:1px 4px;text-align:center;border:1px solid #cbb88966}.news-row strong{font-size:11px;font-weight:600;line-height:1.7}.news-row>span:last-child{font-size:17px;color:#a0885d}.news-bottom{display:flex;justify-content:space-between;gap:8px;margin-top:18px;font-size:8px;color:#a09274;letter-spacing:1px}.news-bottom a{font-size:10px;font-weight:600;letter-spacing:0;color:#6a7468}.news-bottom a span{margin-left:8px}.adventure-section{padding-top:38px;padding-bottom:80px}.adventure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1120px;margin:auto}.adventure-card{padding:0;text-align:left;border:1px solid #c9b58b;background:#f7f0df;box-shadow:0 7px 18px #7962360d;overflow:hidden}.adventure-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px #79623623}.adventure-art{height:185px;position:relative;overflow:hidden;border-bottom:1px solid #bda16d}.adventure-treasure .adventure-art{background:linear-gradient(0deg,#153642aa,#1c3f5222),url('assets/harbor.webp') 0 60%/190%}.art-symbol{position:absolute;top:14px;left:0;right:0;text-align:center;font-family:Georgia,serif;font-size:135px;line-height:1;color:#edc375;text-shadow:0 3px #80502d,0 8px 15px #092c3c}.card-no{position:absolute;bottom:12px;left:17px;font-family:var(--display);font-size:31px;font-weight:700;color:#f9e3aa99;line-height:1}.small-seal{position:absolute;right:15px;top:15px;font-size:7px;letter-spacing:2px;border:1px solid #f4e7ca66;color:#f7e6c2;padding:1px 5px}.adventure-fruit .adventure-art{background:radial-gradient(ellipse at center,#789f8b,#244b50)}.fruit-icons{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;transform:rotate(-9deg)}.fruit-icons img{width:72px;height:72px;object-fit:cover;box-shadow:0 10px 18px #143e4966;border:3px solid #e4c277;border-radius:14px}.fruit-icons img:nth-child(2){width:85px;height:85px;margin-top:-20px}.adventure-crew .adventure-art{background:linear-gradient(135deg,#a9763c,#e1bc6b)}.crew-icons{display:flex;position:absolute;inset:0;align-items:center;justify-content:center;gap:3px}.crew-icons img{width:110px;height:110px;object-fit:cover;border-radius:50%;border:3px solid #ebcd85;box-shadow:0 7px 20px #5a391d70;transform:rotate(-8deg)}.crew-icons img+img{transform:rotate(8deg);margin-top:24px}.adventure-copy{padding:21px 22px 22px}.adventure-copy>span{color:#a38247;font-size:8px;font-weight:800;letter-spacing:1.5px}.adventure-copy h3{font-family:var(--display);font-size:29px;line-height:1.3;margin:6px 0 8px}.adventure-copy p{font-size:11px;line-height:1.9;color:#7d806f;margin-bottom:18px}.adventure-copy>b{font-size:10px;display:block;font-weight:700;border-top:1px solid #c9b58b66;padding-top:12px}.adventure-copy>b span{float:right;font-size:17px;line-height:1}.intro-section{background:#17434b;color:#f5ecd6;position:relative;isolation:isolate;overflow:hidden;padding-top:75px;padding-bottom:75px;border-top:4px double #bca264;border-bottom:4px double #bca264}.intro-section:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#113d48ee,#133f48e8),url('assets/harbor.webp') center/cover;z-index:-1}.intro-section:after{content:'✥';position:absolute;right:-100px;bottom:-170px;font-family:Georgia,serif;font-size:600px;color:#dfc68608;line-height:1;z-index:-1}.intro-inner{max-width:1120px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:65px}.video-poster{position:relative;width:100%;padding:0;border:1px solid #b99c5b;box-shadow:0 8px 30px #082a3180;background:#123c49;aspect-ratio:16/10;overflow:hidden}.video-poster>img{height:100%;width:100%;object-fit:cover;filter:brightness(.8)}.poster-frame{position:absolute;inset:8px;border:1px solid #ead29488}.video-label{position:absolute;top:32px;left:0;right:0;color:#ffe5a5;text-shadow:0 3px #623e21;font-family:var(--display);font-size:53px;font-weight:900;line-height:1;transform:rotate(-4deg)}.video-label small{display:block;font-family:var(--font);font-size:9px;letter-spacing:5px;margin-top:7px}.poster-play{position:absolute;left:50%;top:57%;transform:translate(-50%,-50%);width:57px;height:57px;border:1px solid #f6df9f;border-radius:50%;background:#113843b3;box-shadow:0 0 0 7px #f2dfaf30;display:flex;align-items:center;justify-content:center;color:#ffe4aa}.video-poster:hover .poster-play{background:#a07130}.poster-bottom{position:absolute;left:0;right:0;bottom:24px;color:#f9e8bb;font-size:8px;letter-spacing:2px;font-weight:800}.video-subtitle{display:block;font-size:8px;letter-spacing:1.5px;text-align:center;margin-top:15px;color:#b6c2b3}.intro-copy .eyebrow{color:#d5b973}.intro-copy h2{font-family:var(--display);font-size:46px;font-weight:700;line-height:1.1;color:#f7e4b0;letter-spacing:.5px;margin:16px 0 21px}.short-rule{width:58px;height:2px;background:#b69b58;margin:20px 0}.intro-copy p{font-size:11px;line-height:2.1;color:#c2cec1;margin-bottom:15px}.intro-copy strong{color:#efe2b9}.text-link{display:inline-block;font-size:11px;font-weight:700;color:#efd192;padding-bottom:4px;border-bottom:1px solid #b99c5b;margin-top:10px}.text-link span{margin-left:20px}.characters-section{position:relative;padding-top:75px;overflow:hidden;background:radial-gradient(ellipse at 20% 65%,#d5d7bd7a,transparent 60%)}.characters-section>.section-heading{margin-bottom:30px}.character-tabs{display:flex;gap:20px;justify-content:center;max-width:730px;margin:0 auto 30px}.character-tab{background:none;display:flex;flex-direction:column;align-items:center;gap:9px;padding:4px 10px;min-width:100px}.character-tab .portrait-frame{width:74px;height:74px;padding:4px;border:1px solid #b3a27f;border-radius:50%;position:relative;background:#e4dbc6;transition:all .2s}.character-tab img{width:100%;height:100%;border-radius:50%;object-fit:cover;filter:saturate(.3);opacity:.75}.character-tab span:last-child{font-family:var(--display);font-size:21px;font-weight:700;letter-spacing:1px;color:#968a73}.character-tab[aria-selected=true] .portrait-frame{border:2px solid #b18336;box-shadow:0 0 0 4px #bd9b5c22,0 5px 10px #62502e20;background:#ead6a0}.character-tab[aria-selected=true] img,.character-tab:hover img{filter:none;opacity:1}.character-tab[aria-selected=true] span:last-child{color:#aa472e}.character-tab[aria-selected=true] .portrait-frame:after{content:'◆';position:absolute;bottom:-12px;left:0;right:0;font-size:13px;color:#b18336;text-shadow:0 1px #f5eddb}.character-panel{max-width:1060px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;min-height:565px;align-items:center}.character-stage{position:relative;height:565px;text-align:center;isolation:isolate}.wanted-label{font-family:Georgia,serif;position:absolute;top:0;left:0;right:0;font-size:74px;line-height:1;font-weight:700;color:#a18b5b26;letter-spacing:5px}.compass-ring{width:340px;height:340px;position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #bda96f55;box-shadow:0 0 0 12px #c5b07b10,0 0 0 13px #bda96f33,0 0 0 42px #c5b07b08,0 0 0 43px #bda96f33;z-index:-1}.compass-ring:after,.compass-ring:before{content:'';position:absolute;inset:50% -60px auto;height:1px;background:linear-gradient(90deg,transparent,#bda96f66,transparent);transform:rotate(45deg)}.compass-ring:after{transform:rotate(-45deg)}#character-canvas{position:absolute;top:54px;left:-10%;width:120%;height:435px;filter:drop-shadow(0 16px 8px #63512f2b)}.stage-caption{font-family:Georgia,serif;position:absolute;top:493px;left:0;right:0;font-size:11px;letter-spacing:4px;color:#927445}.stage-name{font-family:var(--display);font-size:30px;font-weight:800;position:absolute;top:513px;left:0;right:0;letter-spacing:1px;color:#78623d}.reset-preview{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);background:none;font-size:18px;color:#8b7c61;white-space:nowrap}.reset-preview span{font-size:9px;margin-left:4px}.character-number{font-size:8px;letter-spacing:3px;color:#ab8e57;font-weight:700}.character-info h3{font-family:var(--display);font-size:75px;line-height:1.1;font-weight:800;color:#b64c31;margin:8px 0 5px;letter-spacing:1px}.character-role{display:inline-block;font-size:10px;font-weight:700;padding:3px 10px;border-top:1px solid #bba16a88;border-bottom:1px solid #bba16a88;color:#8a703e;margin-bottom:15px}.character-info>p{font-size:11px;color:#777b69;line-height:2;max-width:470px;margin-bottom:23px}.skills-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid #bca87566;padding-bottom:9px}.skills-heading h4{font-family:var(--display);font-size:20px;letter-spacing:1px;margin:0}.skills-heading>span{font-size:7px;color:#9c8b69;letter-spacing:1.2px}.skill-buttons{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:18px 0}.skill-button{background:#dfd5bd;border:1px solid #a99872;padding:3px;position:relative;aspect-ratio:1}.skill-button img{width:100%;height:100%;object-fit:cover;border:1px solid #b7a275}.skill-button[aria-pressed=true]{border:2px solid #b48231;box-shadow:0 0 0 3px #c49d4c33;transform:translateY(-3px);padding:2px}.skill-button[aria-pressed=true]:after{content:'◆';position:absolute;bottom:-13px;left:0;right:0;text-align:center;font-size:13px;line-height:1;color:#b48231;text-shadow:0 2px #f5eddb}.skill-button .passive-dot{position:absolute;top:2px;right:2px;width:10px;height:10px;border:1px solid #ffdc96;background:#587a5a;border-radius:50%}.skill-detail{min-height:155px;background:linear-gradient(100deg,#e8ddc4a0,#f5ebd570);border-left:2px solid #bc9955;padding:13px 17px}.skill-detail-top{display:flex;justify-content:space-between;color:#9a8051;font-size:7px;letter-spacing:1.3px;font-weight:700}.skill-detail h4{font-family:var(--display);font-size:27px;font-weight:700;line-height:1.3;margin:6px 0}.skill-detail p{font-size:10px;line-height:1.9;color:#777763;margin:0 0 8px}.skill-meta{display:flex;gap:15px;font-size:8px;color:#8f835f}.skill-meta b{color:#6d6e54;font-weight:600}.replay-button{background:none;font-size:10px;font-weight:700;color:#8c713b;padding:12px 0 0}.replay-button>span{margin-right:6px}.replay-button:disabled{opacity:.5;cursor:default}.character-footnote{text-align:center;color:#9d927b;font-size:8px;margin:38px auto 0;max-width:800px}.preview-unavailable{position:absolute;top:55%;left:10%;right:10%;font-size:11px;background:#f4ebd7;padding:15px;border:1px solid #bda36c}.community-section{position:relative;padding:62px 24px 67px;text-align:center;color:#f8e9bf;background:radial-gradient(ellipse at 50% 0,#38635b,#123c46 80%);border-top:1px solid #c2a465;border-bottom:1px solid #c2a465;overflow:hidden}.community-section:before{content:'✥';position:absolute;left:calc(50% - 270px);top:-80px;font-size:540px;font-family:Georgia,serif;line-height:1;color:#efdb9a06;pointer-events:none}.community-section .eyebrow{color:#c9b77d}.community-section h2{font-family:var(--display);font-size:51px;letter-spacing:1px;font-weight:800;line-height:1.2;margin:12px 0 10px}.community-section p{font-size:11px;color:#bdc9b8;margin-bottom:27px}.community-buttons{display:flex;gap:28px;align-items:center;justify-content:center;position:relative}.gold-button{display:flex;gap:18px;align-items:center;justify-content:center;padding:12px 24px;background:linear-gradient(#f1d38d,#dab567);border:1px solid #f2d99d;box-shadow:inset 0 0 0 3px #e3bf7b;color:#63451f;font-size:10px;font-weight:800;letter-spacing:1px}.gold-button:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 3px #e3bf7b,0 5px 20px #082b3266}.zalo-mark{font-weight:900;font-size:16px;letter-spacing:-1px;color:#274d59}.community-facebook{font-size:10px;color:#ecd7a0;border-bottom:1px solid #bca364;padding-bottom:4px}.community-facebook span{margin-left:15px}footer{display:flex;align-items:center;gap:50px;max-width:1250px;margin:auto;padding:38px 30px}footer .brand-emblem{font-size:39px}footer .brand-words{font-size:28px;color:#8f6c35;text-shadow:none}footer .brand-words small{font-size:7px;color:#647467;letter-spacing:2px}footer .brand-emblem{color:#ae8b4c;text-shadow:none}footer p{font-size:8px;letter-spacing:1px;color:#8f805e;margin:0 0 4px}.footer-note{font-size:9px;letter-spacing:0;color:#a29985}.back-top{font-size:8px;letter-spacing:1px;margin-left:auto;white-space:nowrap;color:#8b7b59}.social-dock{position:fixed;right:14px;top:45%;z-index:40;display:flex;flex-direction:column;padding:5px;background:#133d49f5;border:1px solid #bca263;box-shadow:0 4px 15px #17364433}.social-dock a,.social-dock button{width:37px;height:39px;display:flex;align-items:center;justify-content:center;background:none;color:#e6cc91;border-bottom:1px solid #d4b66c33}.social-dock a:last-child{border:0;font-size:23px}.social-dock a:hover,.social-dock button:hover{background:#d3b36922}.social-dock b{font-family:Arial,sans-serif;font-size:25px}.social-dock .dock-zalo span{font-size:11px;font-weight:900;letter-spacing:-.6px}.social-dock svg{fill:#e6cc91;width:21px}.info-dialog,.video-dialog{padding:0;border:1px solid #c2a266;background:var(--paper);color:var(--ink);box-shadow:0 30px 90px #092b4366;max-height:88dvh;overscroll-behavior:contain}.info-dialog::backdrop,.video-dialog::backdrop{background:#092f41cf;backdrop-filter:blur(6px)}.info-dialog{width:min(620px,calc(100% - 32px))}.dialog-close{position:absolute;top:9px;right:12px;background:#143b46;color:#e9d3a4;z-index:3;width:32px;height:32px;font-family:Arial,sans-serif;font-size:25px;line-height:1;border:1px solid #bfa565}.dialog-close:hover{background:#a87132}#dialog-content{padding:42px 38px}#dialog-content .eyebrow{padding-right:10px}#dialog-content h2{font-family:var(--display);font-size:35px;line-height:1.2;margin:12px 0 21px}#dialog-content p{font-size:12px;line-height:2;color:#747967}#dialog-content .pending-emblem{display:block;font-size:48px;color:#b28b47}#dialog-content .dialog-action{display:inline-block;background:var(--deep);color:#ebd8a7;border:1px solid #c8a967;font-weight:600;font-size:11px;padding:10px 20px;margin-top:12px}.video-dialog{width:min(1000px,calc(100% - 30px));background:#103541}.video-dialog .dialog-close{position:relative;display:block;margin:8px 8px 8px auto;top:0;right:0}.video-container{aspect-ratio:16/9;width:100%}.video-container iframe{height:100%;width:100%;border:0}.video-dialog-footer{display:flex;gap:10px;justify-content:space-between;padding:12px 20px;font-size:9px;letter-spacing:1px;color:#d7c290}.video-dialog-footer a{letter-spacing:0}.not-loaded .hero-loading{display:block}
@media(min-width:1600px){.hero{height:960px}.hero-wordmark{top:170px}.hero-wordmark>span{font-size:140px}.hero-characters{top:310px;width:1200px;height:440px}.hero-ribbon{top:744px}.hero-scroll{bottom:40px}.trailer-orb{top:430px;left:calc(50% + 460px)}.hero-kicker{padding-top:140px}.section-space{padding-top:80px;padding-bottom:80px}}
@media(max-width:1150px){.header{padding:0 25px;gap:20px}.header nav{gap:20px}.header nav a{font-size:10px}.brand-words{font-size:29px}.brand-emblem{font-size:43px}.header-cta{padding:9px 13px}.hero{height:800px}.hero-characters{top:278px;height:345px;width:900px}.hero-ribbon{top:620px}.hero-wordmark>span{font-size:110px}.trailer-orb{left:auto;right:6%;top:350px}.news-board{gap:24px}.section-space{padding-left:5%;padding-right:5%}.social-dock{right:7px}.social-dock a,.social-dock button{width:30px;height:35px}.intro-inner{gap:35px}.character-panel{gap:20px}.character-info>p{font-size:10px}.skill-buttons{gap:8px}.adventure-copy{padding:18px}.adventure-copy h3{font-size:25px}.news-tabs{gap:24px}.news-tabs button{font-size:21px}.feature-visual{height:235px}.feature-visual strong{font-size:29px}}
@media(max-width:850px){html{scroll-padding-top:80px}.header{height:74px;position:absolute;gap:20px}.header nav{display:none;position:absolute;left:0;right:0;top:74px;height:auto;padding:15px 25px 25px;background:#143e4bf7;box-shadow:0 10px 20px #12343d44}.header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.header nav a{padding:12px 0;height:auto;font-size:12px;border-bottom:1px solid #dfc89022}.header nav a.active:after{display:none}.menu-toggle{display:flex;flex-direction:column;gap:5px;width:32px;padding:5px;background:none;order:3}.menu-toggle span{display:block;height:2px;width:22px;background:#ecd28e}.header-cta{margin-left:auto}.hero{height:770px;min-height:0}.hero-kicker{padding-top:110px;font-size:8px;letter-spacing:2px}.hero-wordmark{top:150px}.hero-characters{top:282px;width:840px;height:325px}.trailer-orb{top:210px;right:35px}.trailer-orb>.play-icon{width:40px;height:40px;box-shadow:0 0 0 5px #f5e5c229}.trailer-orb .play-icon:before{border-top-width:6px;border-bottom-width:6px;border-left-width:9px}.trailer-orb small{font-size:7px;letter-spacing:1px}.hero-ribbon{top:600px;gap:15px;padding:18px 20px;width:85%}.hero-ribbon h1{font-size:35px}.hero-ribbon p{font-size:8px;letter-spacing:3px}.hero-scroll{bottom:34px}.section-heading h2{font-size:39px}.section-space{padding:48px 6%}.download-section{padding-top:24px}.platform{padding:12px 14px;gap:10px}.platform svg{width:23px;min-width:23px}.platform span strong{font-size:22px}.platform .download-arrow{display:none}.platform span small{font-size:7px}.download-buttons{gap:12px}.news-board{grid-template-columns:1fr;gap:28px;padding:23px}.featured-news{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:23px}.feature-visual{height:215px}.feature-visual img{height:80px}.feature-tag{top:116px;font-size:7px}.feature-visual strong{font-size:26px;bottom:15px}.feature-caption{padding:0}.feature-caption h3{font-size:31px;line-height:1.2}.feature-caption p{font-size:11px}.feature-caption b{display:none}.news-row{min-height:58px}.news-row strong{font-size:12px}.news-tabs{gap:35px}.news-tabs button{font-size:25px}.adventure-grid{gap:15px}.adventure-art{height:150px}.adventure-copy{padding:15px}.adventure-copy>span{font-size:6px;letter-spacing:1px}.adventure-copy h3{font-size:23px}.adventure-copy p{font-size:10px}.art-symbol{font-size:110px;top:10px}.fruit-icons{gap:7px}.fruit-icons img{width:48px;height:48px;border-width:2px;border-radius:8px}.fruit-icons img:nth-child(2){width:59px;height:59px}.crew-icons img{width:78px;height:78px;border-width:2px}.intro-inner{gap:28px}.intro-copy h2{font-size:36px}.intro-copy p{font-size:10px}.intro-copy .eyebrow{font-size:7px;letter-spacing:1.5px}.video-label{font-size:40px;top:20px}.poster-bottom{font-size:6px;letter-spacing:1px;bottom:18px}.video-subtitle{font-size:6px;letter-spacing:.7px}.character-tabs{gap:10px}.character-tab{min-width:85px;padding:3px 8px}.character-tab .portrait-frame{width:64px;height:64px}.character-panel{grid-template-columns:.9fr 1fr;gap:20px}.character-stage{height:510px}#character-canvas{top:65px;height:360px;left:-18%;width:136%}.wanted-label{font-size:53px;top:35px}.compass-ring{width:230px;height:230px;top:52%}.stage-caption{top:427px;font-size:9px;letter-spacing:3px}.stage-name{top:447px;font-size:25px}.reset-preview{bottom:5px}.character-info h3{font-size:64px}.skills-heading h4{font-size:18px}.skills-heading>span{font-size:6px}.skill-buttons{gap:5px}.skill-detail{padding:11px 13px;min-height:162px}.skill-detail h4{font-size:25px}.skill-detail p{font-size:9px}.skill-meta{font-size:7px;gap:10px}.character-info>p{font-size:9px}.character-info .character-role{font-size:9px}.social-dock{right:0;top:44%;padding:3px;border-right:0}.social-dock a,.social-dock button{width:25px;height:31px}.social-dock .dock-zalo span{font-size:10px}.social-dock b{font-size:22px}.social-dock svg{width:18px}footer{gap:28px;padding:30px}footer .back-top{font-size:7px}footer>div{max-width:310px}footer p{font-size:7px}.footer-note{font-size:8px}}
@media(max-width:600px){body{font-size:12px}.header{padding:0 17px;height:68px;gap:15px}.brand-emblem{font-size:38px}.brand-words{font-size:27px}.brand-words small{font-size:7px;letter-spacing:2px;margin-top:5px}.header-cta{font-size:10px;padding:7px 12px}.header-cta span{margin-left:8px}.header nav{top:68px}.hero{height:695px}.hero-backdrop{background-position:42% 45%;background-size:auto 100%}.hero-haze{background:linear-gradient(180deg,#21516735,#7edbea55 22%,#8cdeed14 55%,#13526744 75%,#f4eddd 100%)}.hero-kicker{padding-top:100px;font-size:6px;letter-spacing:1.4px;gap:10px}.hero-kicker span{width:25px}.hero-wordmark{top:141px}.hero-wordmark>span{font-size:86px;-webkit-text-stroke:1.5px #765221;text-shadow:0 4px 0 #714119,0 7px 0 #1a3d45,0 10px 15px #14414b70}.hero-wordmark small{font-size:10px;margin-top:17px;letter-spacing:8px}.hero-characters{top:267px;height:268px;width:630px}.trailer-orb{top:233px;right:24px}.trailer-orb>.play-icon{width:32px;height:32px;border-width:1px}.trailer-orb small{font-size:6px;letter-spacing:.5px}.trailer-orb{gap:7px}.hero-ribbon{top:535px;width:93%;gap:10px;padding:17px 12px}.hero-ribbon h1{font-size:27px;letter-spacing:.2px}.hero-ribbon p{font-size:6px;letter-spacing:2.2px;margin-bottom:5px}.ribbon-star{font-size:17px}.hero-scroll{font-size:7px;bottom:30px}.hero-scroll span{font-size:13px}.download-section{padding:22px 20px 30px}.section-heading h2{font-size:34px}.section-heading .eyebrow{font-size:7px;letter-spacing:2px}.section-heading p{font-size:10px}.section-heading{margin-bottom:25px}.heading-flourish{font-size:12px;letter-spacing:4px;margin:5px 0}.download-section h2{font-size:30px}.download-section .section-heading{margin-bottom:22px}.download-buttons{gap:7px}.platform{padding:12px 4px;gap:7px;justify-content:center;flex-direction:column;text-align:center}.platform svg{width:25px;height:25px}.platform span small{font-size:6px;letter-spacing:1.5px}.platform span strong{font-size:19px}.platform span strong{white-space:nowrap}.download-note{font-size:8px;margin-top:17px}.section-space{padding:38px 22px}.news-board{padding:15px;gap:20px}.featured-news{display:block}.feature-visual{height:218px}.feature-visual img{width:24%;height:90px}.feature-tag{top:122px}.feature-visual strong{font-size:30px;bottom:18px}.feature-caption{padding-top:12px}.feature-caption h3{font-size:25px}.feature-caption p{font-size:9px}.news-tabs{gap:27px}.news-tabs button{font-size:23px;padding-bottom:10px}.news-row{min-height:61px;grid-template-columns:46px 1fr 13px;gap:9px}.news-row strong{font-size:10px}.news-row .news-label{font-size:7px}.news-bottom{margin:16px 0 4px;font-size:6px}.news-bottom a{font-size:8px}.adventure-section{padding-top:28px;padding-bottom:45px}.adventure-grid{grid-template-columns:1fr;gap:18px}.adventure-card{display:grid;grid-template-columns:.9fr 1.1fr}.adventure-art{height:100%;min-height:190px;border-bottom:0;border-right:1px solid #bda16d}.adventure-copy{padding:18px 16px}.adventure-copy>span{font-size:6px;letter-spacing:.7px}.adventure-copy h3{font-size:25px}.adventure-copy p{font-size:9px;line-height:1.9;margin-bottom:12px}.adventure-copy>b{font-size:8px;padding-top:10px}.art-symbol{font-size:110px;top:33px}.card-no{font-size:25px;bottom:12px;left:10px}.small-seal{font-size:5px;letter-spacing:1px;top:10px;right:8px}.fruit-icons{gap:0;flex-wrap:wrap;padding:28px 18px}.fruit-icons img{width:49px;height:49px;margin:5px}.fruit-icons img:nth-child(2){width:57px;height:57px;margin-top:0}.crew-icons{flex-direction:column;gap:0}.crew-icons img{width:77px;height:77px;margin-left:-26px}.crew-icons img+img{margin-top:-17px;margin-left:35px}.intro-section{padding-top:45px;padding-bottom:45px}.intro-inner{grid-template-columns:1fr;gap:33px}.intro-video{max-width:450px;margin:auto;width:100%}.video-poster{aspect-ratio:16/10}.video-label{font-size:52px;top:31px}.poster-bottom{font-size:7px}.video-subtitle{font-size:6px;letter-spacing:.8px}.intro-copy h2{font-size:41px;margin-top:13px}.intro-copy .eyebrow{font-size:7px;letter-spacing:2px}.intro-copy p{font-size:11px;line-height:2}.short-rule{margin:20px 0}.text-link{font-size:10px}.characters-section{padding-top:46px;padding-bottom:40px}.character-tabs{gap:6px;margin:0 -8px 18px;justify-content:space-between}.character-tab{min-width:0;padding:3px;gap:9px;flex:1}.character-tab .portrait-frame{width:54px;height:54px;padding:3px}.character-tab span:last-child{font-size:17px}.character-panel{grid-template-columns:1fr;gap:25px}.character-stage{height:414px;max-width:440px;width:100%;margin:auto}.wanted-label{font-size:64px;top:3px;letter-spacing:4px}#character-canvas{width:112%;left:-6%;height:327px;top:35px}.compass-ring{top:47%;width:248px;height:248px}.stage-caption{top:354px;font-size:8px}.stage-name{top:372px;font-size:25px}.reset-preview{bottom:-6px;font-size:15px}.reset-preview span{font-size:8px}.character-info{padding-top:6px}.character-number{font-size:7px}.character-info h3{font-size:65px;margin-top:6px}.character-info .character-role{font-size:9px}.character-info>p{font-size:11px;margin-bottom:22px;line-height:1.95}.skills-heading h4{font-size:21px}.skills-heading>span{font-size:6px;letter-spacing:1px}.skill-buttons{gap:9px;margin-top:18px}.skill-detail{min-height:160px;padding:13px 16px}.skill-detail h4{font-size:29px}.skill-detail p{font-size:11px}.skill-detail-top{font-size:7px}.skill-meta{font-size:8px}.replay-button{font-size:10px;padding-top:15px}.character-footnote{font-size:7px;margin-top:30px;line-height:1.9}.community-section{padding:43px 25px 47px}.community-section .eyebrow{font-size:7px;letter-spacing:2px}.community-section h2{font-size:39px}.community-section p{font-size:10px;line-height:1.9;max-width:270px;margin:0 auto 24px}.community-buttons{flex-direction:column;gap:20px}.gold-button{font-size:8px;gap:15px;padding:12px 18px}.zalo-mark{font-size:15px}footer{flex-wrap:wrap;padding:30px 24px;justify-content:center;gap:20px;text-align:center}footer>div{flex-basis:100%}footer .brand-emblem{font-size:33px}footer .brand-words{font-size:26px}.back-top{margin:0;font-size:7px}.social-dock{top:auto;bottom:14px;right:10px;flex-direction:row;padding:3px;box-shadow:0 3px 15px #123e4955;border:1px solid #bca263}.social-dock a,.social-dock button{width:32px;height:30px;border-bottom:0;border-right:1px solid #d4b66c33}.social-dock a:last-child{border:0}.social-dock .dock-zalo span{font-size:10px}.social-dock b{font-size:22px}.social-dock svg{width:18px}#dialog-content{padding:42px 25px 30px}#dialog-content h2{font-size:32px}#dialog-content p{font-size:11px}.video-dialog-footer{padding:10px 12px;font-size:7px;letter-spacing:.5px}.video-dialog-footer a{font-size:8px}.dialog-close{width:29px;height:29px;font-size:23px}}
@media(max-width:360px){.header{gap:10px;padding:0 13px}.brand-emblem{font-size:32px}.brand-words{font-size:24px}.header-cta{font-size:9px;padding:7px 10px}.hero-wordmark>span{font-size:75px}.hero-ribbon h1{font-size:24px}.hero-ribbon{gap:7px}.ribbon-star{font-size:13px}.section-heading h2{font-size:30px}.download-section h2{font-size:27px}.section-space{padding-left:17px;padding-right:17px}.platform span strong{font-size:17px}.news-tabs{gap:20px}.news-row{gap:7px}.feature-visual strong{font-size:27px}.adventure-copy{padding:15px 12px}.adventure-copy h3{font-size:22px}.character-tab .portrait-frame{width:47px;height:47px}.character-tab span:last-child{font-size:16px}.skill-buttons{gap:6px}.skills-heading>span{font-size:5px}.character-info>p{font-size:10px}.community-section h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Final asset sizing and readable review text. */
.treasure-chest{position:absolute;width:150px;height:155px;object-fit:contain;left:50%;top:50%;transform:translate(-50%,-48%) rotate(-7deg);filter:drop-shadow(0 10px 10px #082a4166)}
@media(min-width:851px){.character-info>p{font-size:12px}.skill-detail p{font-size:11px}.skill-meta{font-size:9px}.replay-button{font-size:11px}}
@media(max-width:600px){.hero-characters{width:140vw;max-width:630px;height:clamp(220px,66.6vw,268px);top:280px}.treasure-chest{width:120px;height:135px}}


.stage-name{line-height:1.2}.stage-caption{line-height:1.4}.reset-preview{line-height:1.4}
@media(max-width:600px){.character-stage{height:440px}.reset-preview{bottom:0}}


/* Give complete skill animations the whole review panel as their drawing surface. */
.character-panel{position:relative;isolation:isolate}
.character-stage{--preview-height:435px}
#character-canvas{left:calc(50% - 50vw + 16px);top:-100px;width:calc(100vw - 32px);height:calc(100% + 220px);z-index:3;pointer-events:none}
@media(max-width:850px){.character-stage{--preview-height:360px}}
@media(max-width:600px){.character-stage{--preview-height:327px}#character-canvas{top:-75px;height:calc(100% + 150px)}}


/* A real wanted poster replaces the old circle. The full-page animation stays above it. */
.character-stage{height:auto;min-height:0;padding:0 0 44px;width:100%;max-width:none}
.wanted-poster{position:relative;width:94%;max-width:450px;aspect-ratio:3/4;margin:0 auto;color:#493020;filter:drop-shadow(0 8px 10px #5b3d2426)}
.wanted-paper{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}
.wanted-portrait{position:absolute;left:10%;top:21%;width:80%;height:50%}
.wanted-verdict,.wanted-name,.wanted-reward,.wanted-authority{position:absolute;left:8%;width:84%;text-align:center;line-height:1.2}
.wanted-verdict{top:73%;font:700 clamp(15px,2.1vw,25px)/1.2 Georgia,serif;letter-spacing:3px}
.wanted-name{top:79%;font-family:var(--display);font-size:clamp(20px,2.5vw,31px);font-weight:800;letter-spacing:1px;white-space:nowrap}
.wanted-reward{top:86%;display:flex;justify-content:center;align-items:center;gap:7px;font-family:Georgia,serif;font-size:clamp(22px,2.6vw,33px);font-weight:700;letter-spacing:1px;font-variant-numeric:tabular-nums}
.berry-symbol{font-family:Georgia,serif;font-size:1.15em}.wanted-authority{top:91.7%;font-size:6px;font-weight:700;letter-spacing:2px;color:#74563b}
.character-stage .reset-preview{bottom:0;font-size:18px}.character-panel{align-items:center}
@media(max-width:850px){.wanted-verdict{font-size:17px;letter-spacing:1.8px}.wanted-name{font-size:22px}.wanted-reward{font-size:23px;gap:5px}.wanted-authority{font-size:5px;letter-spacing:1px}}
@media(max-width:600px){.character-stage{height:auto;max-width:390px;padding-bottom:38px}.wanted-poster{width:100%;max-width:365px}.wanted-verdict{font-size:22px;letter-spacing:2px}.wanted-name{font-size:27px}.wanted-reward{font-size:28px}.wanted-authority{font-size:5px;letter-spacing:1.5px}.character-stage .reset-preview{font-size:16px}.character-panel{gap:25px}}
@media(max-width:360px){.wanted-verdict{font-size:19px}.wanted-name{font-size:23px}.wanted-reward{font-size:24px}}


/* Align live content with the final illustrated paper window. */
.wanted-portrait{left:11%;top:24%;width:78%;height:42.5%}.wanted-verdict{top:69%}.wanted-name{top:75.2%}.wanted-reward{top:82%}.wanted-authority{top:89%}


/* Scale poster lettering with the paper itself, including narrow phones. */
.wanted-poster{container-type:inline-size}.wanted-verdict{font-size:clamp(15px,6cqw,25px)}.wanted-name{font-size:clamp(18px,7cqw,31px)}.wanted-reward{font-size:clamp(19px,7cqw,33px);letter-spacing:.3px;gap:5px}


/* A small pirate-crew invitation greets visitors when the page opens. */
.crew-invite{width:min(390px,calc(100% - 34px));max-height:90dvh;padding:0;border:1px solid #bd9b55;background:#f3e8cd;color:#183f47;box-shadow:0 20px 80px #071e3e80;overflow:auto;overscroll-behavior:contain}
.crew-invite::backdrop{background:#092e43a8;backdrop-filter:blur(3px)}
.crew-invite .dialog-close{width:28px;height:28px;top:10px;right:10px;font-size:22px;background:#254751;color:#f3d995;border-color:#b79a60}
.invite-flag{height:135px;background:radial-gradient(ellipse at 50% 0,#2f5359,#112e38 80%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f6e6bf;clip-path:polygon(0 0,100% 0,100% 95%,85% 91%,70% 98%,50% 93%,30% 100%,14% 93%,0 98%);border-top:3px solid #d6b36b;position:relative}
.invite-flag:before,.invite-flag:after{content:"";position:absolute;top:16px;bottom:20px;width:1px;background:#c5a66b55;left:15px}.invite-flag:after{left:auto;right:15px}
.invite-jolly-roger{width:94px;height:84px;margin-top:-4px}.invite-flag>span{font-family:var(--display);font-size:16px;font-weight:700;letter-spacing:3px;color:#e8c780;margin-top:0}
.invite-copy{padding:22px 29px 18px;text-align:center;background-image:radial-gradient(#99723b18 .7px,transparent .7px);background-size:5px 5px}
.invite-kicker{font-size:7px;letter-spacing:2px;font-weight:800;color:#98703f}
.invite-copy h2{font-family:var(--display);font-size:37px;line-height:1.08;letter-spacing:.6px;margin:11px 0 15px;font-weight:800}
.invite-copy p{font-size:13px;line-height:1.9;color:#746b52;margin:0 0 20px}.invite-copy p strong{color:#a85230;font-weight:800}
.invite-join{width:100%;font-size:10px;letter-spacing:.4px;gap:14px;padding:13px 12px}.invite-join .zalo-mark{font-size:18px}
.invite-later{margin-top:13px;padding:5px 10px;background:none;font-size:10px;color:#8c7c59;text-decoration:underline;text-underline-offset:3px}.invite-later:hover{color:#a85230}
@media(max-width:360px){.invite-copy{padding:19px 20px 16px}.invite-copy h2{font-size:33px}.invite-copy p{font-size:12px}.invite-kicker{font-size:6px;letter-spacing:1.5px}.invite-join{font-size:9px;gap:10px}.invite-flag{height:120px}.invite-jolly-roger{width:84px;height:74px}}