/* Harbor presentation only; the sea HUD stays unchanged. */
.classic-ui .start-screen{padding:20px;background:radial-gradient(ellipse at 50% 38%,#17455266,#02101aec 80%),url('assets/harbor-classic-v24.webp') center/cover;backdrop-filter:blur(5px)}
.classic-ui .harbor-frame{width:min(1360px,100%);height:min(780px,100%);grid-template-rows:100px minmax(0,1fr) 88px;border:1px solid #b29455;background:linear-gradient(90deg,#1d251fcc,#081822f2 45%,#19241fed);box-shadow:0 20px 80px #000b,inset 0 0 0 4px #091318,inset 0 0 0 5px #bea26540;position:relative}
.classic-ui .harbor-header{padding:8px 24px;gap:15px;border-bottom:1px solid #a9884b;background:linear-gradient(110deg,#06131f,#162d33 48%,#06111b);color:#e6cf9a;text-shadow:0 2px #02090e;position:relative}
.sealight-crest{width:78px;height:78px;flex:none;filter:drop-shadow(0 3px 6px #0008)}
.classic-ui .harbor-header .sealight-wordmark strong{font:700 clamp(26px,3.6vw,46px)/1 Georgia,serif;letter-spacing:5px;color:#eed8a6;background:linear-gradient(#fff0c4,#d5b06d 55%,#e6c792);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 2px 1px #000)}
.classic-ui .harbor-header .sealight-wordmark small{font:9px/1.7 Tahoma;letter-spacing:3px;color:#a8b9b7;margin-top:8px}
.sealight-entry-links{margin-left:auto;display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.sealight-entry-links button{min-height:38px;padding:8px 13px;border:1px solid #947842;background:linear-gradient(#314647,#0b1d26);color:#ead4a1;box-shadow:inset 0 1px #d8c19825;font:700 10px Tahoma;letter-spacing:.5px;border-radius:2px}
.sealight-entry-links #sealLoginButton{background:linear-gradient(#aa8749,#73582f);color:#fff0c8;border-color:#c2a86b}
.classic-ui .harbor-location{display:none}
.classic-ui .harbor-body{grid-template-columns:170px minmax(0,1fr) 238px;gap:10px;padding:12px;min-height:0}
.classic-ui .harbor-nav{padding:10px;border-color:#88754766;background:linear-gradient(#091c26,#07121a);gap:7px}
.classic-ui .harbor-nav-title{color:#d5b77b;letter-spacing:2px;font:700 10px Tahoma;padding:9px 0}
.classic-ui .harbor-nav button{position:relative;padding:13px 12px 13px 20px;min-height:48px;background:linear-gradient(110deg,#1b3139,#0a1b24);border:1px solid #69765755;border-left:2px solid #a88848;box-shadow:inset 0 1px #d8b97010;color:#e5d4ae;font:14px Georgia;transition:background .15s,border-color .15s}
.classic-ui .harbor-nav button:after{content:'›';position:absolute;right:9px;color:#b19660;font:17px Georgia}
.classic-ui .harbor-nav button:hover{background:linear-gradient(110deg,#34474a,#102833);border-color:#b29960}
.classic-ui .harbor-nav small{font:10px/1.8 Tahoma;color:#94abae}
.classic-ui .harbor-sea{border-color:#a48a4b80;background:linear-gradient(90deg,#051623e8,#07182388 48%,#05142115),url('assets/harbor-classic-v24.webp') 60% center/cover;box-shadow:inset 0 0 60px #02101960;align-items:stretch}
.classic-ui .harbor-sea .start-content{padding:30px 28px;display:flex;flex-direction:column;align-items:flex-start;overflow:auto}
.classic-ui .harbor-sea .eyebrow{font:10px Tahoma;letter-spacing:2px;color:#c9ac6d;margin-top:0}
.classic-ui .harbor-sea h1{font:normal clamp(32px,4vw,57px)/1.1 Georgia;color:#f4e3bd;letter-spacing:0;text-shadow:0 3px 15px #0008;margin:14px 0}
.classic-ui .harbor-identity{color:#bdced1;font:12px/1.6 Tahoma;margin-bottom:16px}
.classic-ui .harbor-readiness{width:min(380px,100%);margin:0 0 24px;padding:14px 16px;border:1px solid #af975f66;background:#03121bbf;box-shadow:inset 0 1px #dfc48b14}
.classic-ui .harbor-readiness p{font:11px/1.5 Tahoma;color:#d0dcd7}.classic-ui .harbor-readiness strong{color:#e5c78c}.classic-ui .harbor-meter{height:7px;border:1px solid #7e8d5d;background:#081a15}.classic-ui .harbor-meter i{background:linear-gradient(90deg,#477546,#a6c675)}
.classic-ui .harbor-next{width:min(380px,100%);margin-top:auto;padding:16px 18px;border:1px solid #ac915855;background:linear-gradient(135deg,#142732ec,#04121be6);box-shadow:0 5px 20px #0003}
.classic-ui .harbor-next>small{font:9px Tahoma;letter-spacing:1.4px;color:#be9e60}.classic-ui .harbor-next h2{font:normal 25px Georgia;color:#e7d2a1;margin:9px 0}.classic-ui .harbor-next p{font:12px/1.5 Tahoma;color:#b8c9c9}.classic-ui .harbor-next-meta{font:10px Tahoma;color:#d6bc82;gap:8px}
.classic-ui .harbor-next button{margin-top:14px;width:100%;min-height:40px;background:linear-gradient(#31464a,#10232b);border:1px solid #9b84554d;color:#e2cca0;font:12px Georgia}
.classic-ui .harbor-sea .asset-status{margin:13px 0 0;color:#95b1b6;font:9px/1.5 Tahoma}
.classic-ui .harbor-captain{padding:16px;background:linear-gradient(#112630,#06141d);border:1px solid #a48a4b66;color:#d6c092}
.classic-ui .harbor-captain h2{font:normal 16px Georgia;color:#e6cf9d;padding-bottom:14px;border-color:#88734666;margin:0 0 13px}
.classic-ui .harbor-captain canvas{background:radial-gradient(ellipse,#44645966,#041822);border:1px solid #8c794b66;box-shadow:inset 0 0 30px #04101c}
.classic-ui .harbor-captain dl{font:11px/1.5 Tahoma;gap:13px 4px;margin:20px 0}.classic-ui .harbor-captain dt{color:#a2b8bc}.classic-ui .harbor-captain dd{color:#ecdbb4}.classic-ui .harbor-captain small{font:10px/1.7 Tahoma;color:#9fb3b5;border-color:#88734666}
.classic-ui .harbor-footer{padding:12px 22px;background:linear-gradient(#172a30,#071620);border-top:1px solid #a9884b;gap:15px}.classic-ui .harbor-footer-copy{flex:1;color:#bdc8c5}.classic-ui .harbor-footer-copy small{font-size:9px;color:#91a9ad}.classic-ui .harbor-footer-copy p{font:11px/1.6 Tahoma;color:#d8c298}.classic-ui .harbor-footer-copy a{color:#bea978}
.classic-ui .harbor-footer .start-button{min-height:48px;min-width:210px;padding:12px 25px;font:700 16px Georgia;letter-spacing:1px;background:linear-gradient(#c2a66c,#8c713f 48%,#66502a);border:1px solid #e3c68a;color:#fff2cf;box-shadow:inset 0 1px #fff0bf66,0 4px 12px #0005;flex:none}
.classic-ui .seal-dialog{width:min(480px,calc(100vw - 28px));max-height:calc(100dvh - 30px);padding:0;border:1px solid #b1955c;border-radius:3px;background:#061722;color:#e1ce9f;box-shadow:0 20px 70px #000b}
.classic-ui .seal-honor-dialog{width:min(740px,calc(100vw - 28px))}
.seal-dialog-content{position:relative;padding:30px;overflow:auto;max-height:calc(100dvh - 34px);background:radial-gradient(ellipse at 100% 0,#304b4544,transparent 60%),#071821}
.seal-dialog-content h2{font:normal 30px Georgia;margin:8px 0 15px;color:#efd9a7}.seal-kicker{font:9px Tahoma;letter-spacing:2px;color:#bba26b;margin:0}.seal-scope{font:12px/1.7 Tahoma;color:#9bb6bd;margin-bottom:20px}.seal-dialog-content label{display:block;font:11px Tahoma;color:#c9d5d3;margin:12px 0}.seal-dialog-content input{display:block;width:100%;margin-top:7px;padding:12px;background:#041019;border:1px solid #798b7955;color:#edddbd;font:16px Tahoma;border-radius:2px}.seal-dialog-content button:not(.close){min-height:40px;padding:10px 15px;font:11px Tahoma;cursor:pointer;border:1px solid #9d8657;background:linear-gradient(#29434a,#112630);color:#e7d3a7;border-radius:2px}.seal-dialog-content .seal-primary{width:100%;background:linear-gradient(#ae9159,#755b31)!important;font-weight:700!important;color:#fff0cb!important}.seal-dialog-content .seal-secondary{width:100%;margin-top:14px}.seal-dialog-content .close{position:absolute;right:12px;top:12px;border:1px solid #957a47;background:#142b31;color:#e6cc91;border-radius:50%;width:30px;height:30px;font:21px Georgia}.seal-profiles{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.seal-dialog-content #sealLoginMessage,.seal-dialog-content #sealHonorMessage{font:11px/1.6 Tahoma;color:#d5c396}.seal-honor-scroll{overflow:auto}.seal-honor-dialog table{border-collapse:collapse;width:100%;font:12px Tahoma;white-space:nowrap}.seal-honor-dialog th{color:#d2b475;background:#192d35;text-align:left;font:10px Tahoma;padding:13px 10px}.seal-honor-dialog td{padding:14px 10px;border-bottom:1px solid #55757333;color:#cfdbd8}.seal-honor-dialog td:first-child{color:#e3c88c}.seal-honor-dialog small{display:block;font:10px/1.6 Tahoma;color:#91aab0;margin-top:14px}.seal-dialog :focus-visible,.sealight-entry-links :focus-visible{outline:2px solid #ffe3a5;outline-offset:3px}
@media(max-width:1100px){.classic-ui .harbor-frame{grid-template-rows:80px minmax(0,1fr) 72px}.classic-ui .harbor-header{padding:5px 14px;gap:10px}.sealight-crest{width:62px;height:62px}.classic-ui .harbor-body{grid-template-columns:135px minmax(0,1fr) 190px;gap:6px;padding:7px}.classic-ui .harbor-sea .start-content{padding:20px}.classic-ui .harbor-nav button{font-size:12px;padding:10px 16px 10px 10px;min-height:43px}.classic-ui .harbor-captain{padding:10px}.classic-ui .harbor-captain dl{gap:9px 3px}.sealight-entry-links button{padding:7px 8px;font-size:9px}}
@media(max-width:820px),(max-height:580px){.classic-ui .start-screen{padding:7px}.classic-ui .harbor-frame{grid-template-rows:62px minmax(0,1fr) 60px;height:100%}.classic-ui .harbor-header{padding:4px 9px;gap:8px}.sealight-crest{width:46px;height:46px}.classic-ui .harbor-header .sealight-wordmark strong{font-size:25px;letter-spacing:2px}.classic-ui .harbor-header .sealight-wordmark small{font-size:7px;letter-spacing:1px;margin-top:5px}.sealight-entry-links{gap:4px}.sealight-entry-links button{min-height:32px;padding:5px 7px;font-size:8px}.classic-ui .harbor-body{grid-template-columns:112px minmax(0,1fr) 160px;gap:5px;padding:5px}.classic-ui .harbor-nav{padding:5px;gap:4px}.classic-ui .harbor-nav-title{font-size:8px;padding:5px 0}.classic-ui .harbor-nav button{min-height:36px;padding:8px;font-size:11px}.classic-ui .harbor-sea .start-content{padding:16px}.classic-ui .harbor-sea h1{font-size:30px;margin:8px 0}.classic-ui .harbor-sea .eyebrow{font-size:8px;letter-spacing:1px}.classic-ui .harbor-identity{font-size:9px;margin:5px 0 9px}.classic-ui .harbor-readiness{padding:8px 10px;margin-bottom:12px}.classic-ui .harbor-readiness p{font-size:9px}.classic-ui .harbor-next{padding:9px 11px}.classic-ui .harbor-next h2{font-size:20px;margin:6px 0}.classic-ui .harbor-next p{font-size:10px}.classic-ui .harbor-next button{min-height:32px;margin-top:8px;font-size:10px}.classic-ui .harbor-next-meta{font-size:8px}.classic-ui .harbor-captain{padding:8px}.classic-ui .harbor-captain h2{font-size:12px;padding-bottom:7px;margin-bottom:7px}.classic-ui .harbor-captain dl{font-size:9px;gap:7px 2px;margin:10px 0}.classic-ui .harbor-captain small{font-size:8px}.classic-ui .harbor-footer{padding:7px 12px}.classic-ui .harbor-footer .start-button{min-width:165px;min-height:40px;font-size:13px;padding:9px 15px}.classic-ui .harbor-footer-copy p{font-size:9px}.classic-ui .harbor-footer-copy small{font-size:8px}}
@media(max-width:620px){.classic-ui .harbor-body{grid-template-columns:100px minmax(0,1fr) 132px}.classic-ui .harbor-header .sealight-wordmark small{display:none}.sealight-entry-links button{font-size:7px;padding:4px}.classic-ui .harbor-header .sealight-wordmark strong{font-size:21px}.sealight-crest{width:35px;height:35px}.classic-ui .harbor-sea .start-content{padding:10px}.classic-ui .harbor-sea h1{font-size:24px}.classic-ui .harbor-next-meta{flex-wrap:wrap}.seal-dialog-content{padding:24px 18px}}
@media(prefers-reduced-motion:reduce){.classic-ui .harbor-nav button{transition:none}}

.classic-ui .brand-mark img{display:block;width:24px;height:24px}