/* Ship timber, aged brass and a captain's chart. Decorative layers only. */
:root {
  --deep:#110c08; --sea:#21170f; --panel:#2b1f16;
  --gold:#d0ac6a; --pale:#efe1c4; --muted:#c0af93; --line:#ab82494f;
}
body {background:#130e0a;color:var(--pale)}
body::before {
  background:radial-gradient(ellipse at 50% 20%,#69472c55,transparent 72%),linear-gradient(#120e0bbd,#100c09ed),url('assets/ship-timber.svg') center top/1024px 384px repeat;
  filter:none;
}
.nav {
  background:linear-gradient(#1b120b55,#130c07a6),url('assets/ship-timber.svg') center top/1024px 384px repeat;
  border-top:3px solid #6d4d2c;border-bottom:3px solid #22160c;
  box-shadow:0 1px #b58c4a88,0 8px 25px #0008,inset 0 1px #cda66647;
  backdrop-filter:none;
}
.nav::after {
  content:'';position:absolute;inset:7px 11px;pointer-events:none;
  background:radial-gradient(circle at 3px 3px,#dfbc7a 0 1px,#76502b 2px,#140d08 3px,transparent 4px) top left/8px 8px no-repeat,
    radial-gradient(circle at 3px 3px,#dfbc7a 0 1px,#76502b 2px,#140d08 3px,transparent 4px) top right/8px 8px no-repeat;
}
.brand-word {color:#e5c287;text-shadow:0 2px 1px #000b}
.brand-word small,.realm-badge {color:#c4b08a}
.portal-account {color:#d4c3a2}.portal-account:hover {color:#f0d49b}
.site-language select {background:#20160e;color:#e2cda7;border-color:#b38a4c66}
.masthead-download {border-color:#c4a065;background:#1c130a55;box-shadow:inset 0 0 0 2px #100a0638;color:#f1d9a8}
.masthead-download:hover {background:#73532a44}
.portal-nav {
  background:linear-gradient(#120b05a6,#160e08c9),url('assets/ship-timber.svg') center 128px/1024px 384px repeat;
  border-top:1px solid #bf96554d;box-shadow:inset 0 1px #0b0705,inset 0 -1px #8e683940;
}
.nav-links a {color:#c9b696;text-shadow:0 1px #000}
.nav-links a:hover,.nav-links a[aria-current=page] {color:#ffe0a0;border-bottom-color:#d2b06e;background:#bf8b3112}
.nav-links .nav-account {color:#d6bc88}
.nav-links {scrollbar-color:#947144 #20150d}
.nav-links::-webkit-scrollbar-track {background:#20150d}.nav-links::-webkit-scrollbar-thumb {background:#947144}
#main {
  background:#21170ff5;border:7px solid #3b291b;
  outline:1px solid #93714099;outline-offset:-2px;
  box-shadow:0 0 0 1px #120b06,inset 0 0 0 1px #9a753c4d,0 25px 80px #0009;
}
.hero {background:#241b14;border-bottom:3px solid #26180d}
.hero::before {
  background:linear-gradient(0deg,#24180fe6,transparent 38%),linear-gradient(90deg,transparent 27%,#26190f44 49%,#21170feb 76%,#21170ff5),url('assets/elite-pirates-ocean.webp') 34% center/cover no-repeat;
  filter:saturate(.65);
}
.hero::after {border:1px solid #d2b06b66;box-shadow:0 0 0 4px #130c074d,inset 0 0 0 1px #120b0680}
.hero-content {position:relative;isolation:isolate}
.hero-content::before {
  content:'';position:absolute;inset:29px -24px 39px -26px;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,#21160dd9,#261b12f2),url('assets/ship-timber.svg') center/1024px 384px;
  border:1px solid #b18b4b4d;box-shadow:inset 0 0 0 4px #0f090638,0 10px 35px #0003;
}
.hero .eyebrow {color:#d9bd83}.hero h1.hero-wordmark {color:#e4bd76;text-shadow:0 1px #ffdf9c,0 3px #4a2c11,0 5px 18px #0009}
.hero-motto,.hero-motto em {color:#f0e2c4}.hero p {color:#d0bfa2}.hero-meta {color:#bdab8b}
.hero-label {color:#c9b895}.hero-discover {color:#dcc18b}
.btn {
  background:linear-gradient(180deg,#e1c28a,#bb9150 53%,#aa7b39);
  border-color:#e3c17f;box-shadow:inset 0 1px #ffe8b7b3,inset 0 0 0 3px #6b411422,0 4px 12px #0007;
  color:#21150b;text-shadow:0 1px #ffe9b155;
}
.btn:hover:not(:disabled) {background:linear-gradient(#f0d397,#c19a55)}
.btn.secondary {background:linear-gradient(#4e35224d,#130b0877),url('assets/ship-timber.svg') center/1024px 384px;border-color:#ae87504d;color:#e7cca0;text-shadow:0 1px #000;box-shadow:inset 0 1px #ceaa6b24}
.btn.secondary:hover:not(:disabled) {background-color:#694527}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible {outline:3px solid #ffdc8f;outline-offset:4px}
.server-strip {
  background:linear-gradient(#170f09b3,#170f09d9),url('assets/ship-timber.svg') center 128px/1024px 384px;
  border-top:1px solid #bb914a6b;border-bottom:1px solid #a77a3a5c;
}
.server-tag {color:#d5b273}.server-inner p {color:#c6b294}.server-inner a {color:#dcc18b}
.section+.section {border-top-color:#a8804b4d}
.section-head h2 {color:#ead8b4}.section-head>p {color:#c0af93}
.eyebrow,.chapter-number,.step-label {color:#cfad72}.text-link,.step a {color:#d3b176}
.gameplay-section {
  background:linear-gradient(#20150de0,#21170fe8),url('assets/ship-timber.svg') center/1024px 384px;
}
.media-figure {
  background:linear-gradient(#513820aa,#2a1c12b3),url('assets/ship-timber.svg') center/1024px 384px;
  border:1px solid #b88c4f99;padding:9px;box-shadow:inset 0 0 0 3px #150d0877,0 8px 18px #0005;
}
.media-figure a {border:1px solid #120b08}.media-figure figcaption {color:#e1cba5}.media-figure figcaption>span {color:#c8b18a}.media-figure figcaption .media-number {color:#e1bd78}
.captains-desk {
  background:#c9b28b url('assets/captains-chart.svg') center/cover;
  border:1px solid #997041;box-shadow:0 5px 15px #0005,inset 0 0 0 4px #6a451e1f;
}
.captains-desk>a+a {border-color:#6c4c2d4d}.captains-desk>a:hover {background:#6d462c10}
.captains-desk h3 {color:#352317}.captains-desk .small-tag {color:#3e2b1b}.desk-mark {color:#81603b}.captains-desk>a>span:last-child {color:#604021}
#oyun {
  position:relative;background:#cdb68c url('assets/captains-chart.svg') center/cover;
  border-top:4px solid #5d3d22;border-bottom:4px solid #4a301b;
  box-shadow:inset 0 0 35px #6b3e2030;
}
#oyun .eyebrow,#oyun .chapter-number {color:#3e2b1b}
#oyun .eyebrow::before {background:#3e2b1b}
#oyun .section-head h2,#oyun .intro-item h3 {color:#352417;text-shadow:0 1px #fff0cb88}
#oyun .section-head>p,#oyun .intro-item p {color:#3e2b1b}
#oyun .intro-item {border-color:#76543255}#oyun .small-tag {color:#3e2b1b}
.download-section {
  background:linear-gradient(#2d1f13c4,#23170fe8),url('assets/ship-timber.svg') center/1024px 384px;
}
.download-panel {
  background:linear-gradient(115deg,#51382145,#1a100ac7),url('assets/ship-timber.svg') center/1024px 384px;
  border:1px solid #b08a4c88;box-shadow:inset 0 0 0 4px #0c07072b,0 5px 22px #0003;
}
.download-panel h2,.download-icon strong {color:#ecd9b4}.download-panel p {color:#c8b597}.download-icon small {color:#c1a983}.download-action {border-color:#b4915755}
.step h3 {color:#e6d2ad}.step p {color:#c0af93}.step {border-color:#a8804b66}
#baslangic {background:radial-gradient(ellipse at 80% 50%,#76502c33,transparent 70%),#251a12}
.code code {background:#170e08;border-color:#9a723d88;color:#eed7a8}.code button {background:#b48a47;color:#1d1209}
.reward dd {color:#bba68b}.reward dt {color:#ddbc7e}
.ranking-section,.store-section,.port,.guide-section,.faq {background:linear-gradient(#281c1366,#1c130c66)}
.ranking-panel {background:#1b120cf2;border-color:#98733f88;box-shadow:inset 0 0 0 3px #80572e12,0 5px 20px #0005}
.ranking-toolbar {background:linear-gradient(#573c244d,#26190c4d),url('assets/ship-timber.svg') center/1024px 384px}
.ranking-table th {color:#d1b37e}.ranking-table td {border-color:#a8804b2e}.ranking-note {color:#c3b08f}.ranking-empty td {color:#c5b392!important}.ranking-server {color:#e0bd7e}
.store-category-bar,.store-coin-wallet {background:linear-gradient(#51382088,#291a0c88),url('assets/ship-timber.svg') center/1024px 384px;color:#e9d1a2}
.store-guest {background:#271a11}.store-lock-copy h2,.page-heading h1 {color:#e7c88f}
.product,.product-card {background:linear-gradient(#352517,#1b110bf0);border-color:#b18d4b7d}
.product-title,.product h3 {color:#e6cfaa}.product p,.product-card p {color:#c4b192}
.port-guide,.device-box,.port-info,.connection-note {background-color:#2a1c12}
.faq summary {color:#e6d2ad}
.footer {
  background:linear-gradient(#24180dcc,#120c08e6),url('assets/ship-timber.svg') center/1024px 384px;
  border:7px solid #3b291b;border-top:1px solid #a77b415c;outline:1px solid #93714099;outline-offset:-2px;
}
.footer-brand {color:#ddbd80}.footer p {color:#b29c7e}.footer a {color:#cdb691}.footer a:hover {color:#f5d496}
@media(max-width:850px) {
  .hero-content::before {inset:26px -16px 39px -18px}
  .media-figure {padding:7px}
}
@media(max-width:600px) {
  #main {border-left:0;border-right:0;border-top:0;outline:0}
  .nav {border-top-width:2px;border-bottom-width:2px}
  .hero::before {background:linear-gradient(0deg,#24180f 0%,#24180ff5 27%,#21170fcf 53%,#21170f05 88%),url('assets/elite-pirates-ocean.webp') 22% top/auto 480px no-repeat}
  .hero-content::before {inset:141px -4px 40px -4px;background:linear-gradient(90deg,#24180ddc,#291c12ee),url('assets/ship-timber.svg') center/1024px 384px;box-shadow:inset 0 0 0 3px #0f090638,0 8px 25px #0002}
  .hero::after {inset:10px;border-color:#c39c5866}
  .hero .eyebrow {font-size:7px}.hero-label {color:#d2be9b}
  .captains-desk>a+a {border-color:#6c4c2d4d}
  .media-figure {padding:7px}
  .footer {border-left:0;border-right:0;outline:0;border-bottom-width:3px}
}