/* Customizable bars and unobtrusive drag scrolling. */
.seal-drag-scroll{scrollbar-width:none!important;overscroll-behavior:contain;cursor:grab}.seal-drag-scroll::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.seal-drag-scroll.seal-scrolling{cursor:grabbing;user-select:none}.seal-drag-scroll button,.seal-drag-scroll a{cursor:pointer}.seal-drag-scroll input,.seal-drag-scroll textarea{cursor:text}
.seal-drag-scroll[data-more-down=true]:after{content:'⌄';position:sticky;bottom:5px;display:block;height:24px;line-height:24px;width:44px;margin:-24px auto 0;text-align:center;color:#cde4e3;font:24px/24px Georgia;opacity:.12;pointer-events:none;animation:seal-scroll-cue 2.8s ease-in-out infinite;text-shadow:0 1px 5px #000;background:radial-gradient(ellipse,#06182499,transparent 72%);border-radius:50%}
.seal-drag-scroll[data-more-right=true]:before{content:'›';position:sticky;left:calc(100% - 26px);top:50%;float:right;width:20px;margin-left:-20px;font:26px Georgia;color:#d1e1df;opacity:.12;pointer-events:none}
@keyframes seal-scroll-cue{0%,100%{transform:translateY(-2px);opacity:.08}50%{transform:translateY(2px);opacity:.18}}
.classic-ui .combat-hud .seal-custom-slot{cursor:grab;touch-action:manipulation}.classic-ui .combat-hud .seal-custom-slot:active{cursor:grabbing}.classic-ui .combat-hud .seal-custom-slot img{width:39px;height:39px;object-fit:contain;filter:drop-shadow(0 1px 1px #000);pointer-events:none}.classic-ui .combat-hud .utility-row .seal-custom-slot img{width:34px;height:34px}.classic-ui .combat-hud .seal-custom-slot small{position:absolute;bottom:0;left:0;right:0;font:9px/11px Tahoma;text-align:center;color:#f6e6c5;text-shadow:0 1px #000;pointer-events:none}.classic-ui .combat-hud .seal-custom-slot[aria-disabled=true] img{opacity:.48;filter:saturate(.45)}.classic-ui .combat-hud .seal-dragging{opacity:.32}.classic-ui .combat-hud .seal-drop-target{outline:2px solid #ecd08a;outline-offset:-2px;box-shadow:inset 0 0 18px #e8c37466;background:#6f5927}.classic-ui .combat-hud .seal-custom-slot.empty-slot{background:radial-gradient(ellipse at 40% 25%,#3e321f,#080b09 80%)}
.seal-slot-menu{position:fixed;z-index:1000;width:240px;max-height:calc(100dvh - 16px);overflow:auto;padding:8px;border:1px solid #b69759;background:linear-gradient(#19313b,#061620);box-shadow:0 7px 30px #000b;color:#e4cfa3;border-radius:3px;scrollbar-width:none}.seal-slot-menu header{padding:6px 8px 9px;font:9px Tahoma;letter-spacing:1px;color:#af995f}.seal-slot-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:31px;padding:4px 8px;border:0;border-bottom:1px solid #58716a2d;background:transparent;color:#d8dfd7;font:11px Tahoma;text-align:left;cursor:pointer}.seal-slot-menu button:hover,.seal-slot-menu button:focus-visible{background:#a78c4230;outline:1px solid #ad9454}.seal-slot-menu img{width:26px;height:26px;object-fit:contain;pointer-events:none}.seal-slot-menu [draggable=true]{cursor:grab}
@media(max-width:1060px){.classic-ui .combat-hud .seal-custom-slot img{width:29px;height:29px}.classic-ui .combat-hud .utility-row .seal-custom-slot img{width:22px;height:22px}}
@media(max-width:900px){.classic-ui .combat-hud .utility-row .seal-custom-slot small{display:none}.classic-ui .combat-hud .utility-row .seal-custom-slot img{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){.seal-drag-scroll:after{animation:none!important}}
.sealight-crest{object-fit:contain;width:86px;height:86px;filter:drop-shadow(0 4px 8px #0009)}
@media(max-width:1100px){.sealight-crest{width:64px;height:64px}}
@media(max-width:820px),(max-height:580px){.sealight-crest{width:49px;height:49px}}
@media(max-width:620px){.sealight-crest{width:39px;height:39px}}
/* Shared timber on the harbor surround and top bar. */
.classic-ui .start-screen{background:radial-gradient(ellipse at center,#0000,#0008),url('assets/ui/sealight-wood.svg') repeat;background-size:auto,768px 384px;backdrop-filter:none}
.classic-ui .harbor-frame,.classic-ui .harbor-body,.classic-ui .harbor-header,.classic-ui .harbor-footer{background-image:linear-gradient(#07101966,#07101966),url('assets/ui/sealight-wood.svg');background-size:auto,768px 384px}
.classic-ui .topbar{background:linear-gradient(#0002,#0007),url('assets/ui/sealight-wood.svg') center/768px 384px;border-bottom:1px solid #bd965a}
.classic-ui .world-map-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:700px){.classic-ui .world-map-cell h3{font-size:10px}.classic-ui .world-map-cell p{font-size:9px}.classic-ui .world-map-cell button{font-size:8px;padding:5px 2px}}