/* The harbor stationery theme belongs to the page around the handheld. */
html{background:#102438;color:#e6edf2}
body{background:#102438;background-image:url('assets/ui/nautical-pattern.svg'),radial-gradient(ellipse at 50% 18%,#19384a 0,#102b3e 45%,#0d2032 100%);background-size:480px 640px,100% 100%;background-repeat:repeat,no-repeat;min-height:100dvh}
.device{filter:drop-shadow(0 16px 18px #030c1766)}
.hint{color:#e0e8ed}.keys{color:#adc1cf;opacity:1}
.support-intro{color:#b5c7d3}
.game-support,.news-dialog,.dev-fleet-review{color-scheme:dark}
.game-support .support-panel{background:#172f43;color:#e0e9ef;border-color:#385367;box-shadow:0 5px 18px #07162324}
.support-panel>summary{color:#f2e9da}
.support-panel>summary::marker{color:#cda06b}
.support-panel[open]>summary{background:#1e3a50;border-color:#385367}
.support-badge{color:#bacbd6}
.support-panel .debug button,.support-panel .debug select,.news-header button{border-color:#506c80;background:#24455d;color:#edf1f2}
.support-panel .debug select{color-scheme:dark}
.support-panel .danger-actions{border-color:#385367}
.support-panel .danger-actions button{color:#ffcdc0;border-color:#9e706c;background:#513e45}
.game-support button:not(:disabled):hover,.news-header button:hover{background:#31566e}
.game-support a,.news-dialog a,.dev-fleet-review a{color:#97d7ef;text-underline-offset:3px}
.game-support :is(summary,button,select,input,textarea):focus-visible,.news-dialog :focus-visible,.dev-fleet-review :focus-visible{outline:3px solid #f1b268;outline-offset:2px}
.news-list li+li{border-color:#385367}
.news-item{color:#e4ecf1}.news-item-meta{color:#afc3d1}
.news-item:hover{background:#24455d}
.news-dialog{background:#172f43;color:#e4ecf1;border-color:#506c80;box-shadow:0 20px 70px #020b18a6}
.news-dialog::backdrop,.dev-fleet-review::backdrop{background:#061322c9}
.news-header{background:#1e3a50;border-color:#385367}
.news-meta{color:#b9cbd6}.news-content h2{color:#f3eadb}
.feedback-panel form{padding:0 16px 4px}
.feedback-questions fieldset{border-color:#506c80;background:#142b3d}
.feedback-questions legend{color:#f2e9da}
.feedback-questions input{accent-color:#e9a45d}
.feedback-text textarea,.feedback-text input{border-color:#afbec6;background:#f3f0e8;color:#19354a;color-scheme:light}
.feedback-text :is(textarea,input)::placeholder{color:#647582;opacity:1}
.feedback-panel button{border-color:#bd8c57;background:#9b5523;color:#fff9ed;font-weight:700}
.feedback-panel button:not(:disabled):hover{background:#a95d26}
.feedback-note,.feedback-panel [role=status]{color:#b9ccd9}
.dev-fleet-review{background:#142c40;color:#e2eaf0;border-color:#506c80}
.dev-fleet-header{background:#183349fa;border-color:#385367}
.dev-fleet-header h2,.dev-fleet-card h3{color:#f2e9da}
.dev-fleet-review button,.dev-fleet-review select{border-color:#506c80;background:#24455d;color:#edf1f2}
.dev-fleet-count,.dev-fleet-intro,.dev-fleet-art figcaption,.dev-fleet-card dt,.dev-fleet-empty{color:#b4c8d6}
.dev-fleet-card{background:#1b374c;border-color:#405d72}
.dev-fleet-card code{color:#a4bdce}.dev-fleet-pending{background:#233f52}
#save-warning{color:#ffd5ad}
@media(max-width:380px){.feedback-panel form{padding:0 12px 4px}}
@media(forced-colors:active){body{background-image:none}.game-support .support-panel,.news-dialog,.dev-fleet-review{border:1px solid CanvasText}}

#tab-status{background:#24455d;color:#edf1f2;border-bottom:1px solid #506c80}

/* Maker credit follows the support panels, outside the handheld. */
.about-game .maker-credit{display:flex;flex-direction:column;align-items:center;gap:6px;margin:20px 16px 22px;padding-top:18px;border-top:1px solid #385367;text-align:center}
.maker-credit-label{color:#b9ccd9;font-size:11px;letter-spacing:.14em}
.maker-credit strong{color:#f2e9da;font-size:17px;letter-spacing:.06em;line-height:1.8;overflow-wrap:anywhere}

.maker-credit .maker-x-link{display:grid;place-items:center;width:44px;height:44px;margin-top:2px;border:1px solid #506c80;border-radius:50%;background:#1b374c;color:#f2e9da;text-decoration:none;transition:background .15s,border-color .15s}
.maker-x-link svg{width:19px;height:19px;fill:currentColor}
.maker-credit .maker-x-link:hover{background:#2a4c63;border-color:#b9ccd9}
.maker-credit .maker-x-link:focus-visible{outline:2px solid #e9a45d;outline-offset:4px}