/* HAVNEKAPTAJNEN 5: an explorable harbor and boat workshop. */
body{font-family:'Trebuchet MS',Arial,sans-serif;background:#0c2732;color:#eef5ed}h1,h2,h3{font-family:Georgia,serif}.mast{background:#123942;border-bottom:1px solid #74979055}.mast-inner{max-width:1440px;padding:13px 24px}.brandline strong{font-size:15px}.brandline span{font-size:9px}.app-container{max-width:1440px;padding:20px 24px 100px}.world-active .app-container{padding:0 18px 100px}.world-hud{display:flex;align-items:center;gap:20px;padding:16px 8px}.world-title{flex:1}.world-title>span{font-size:9px;letter-spacing:.22em;color:#9fc6c5}.world-title h1{font-size:28px;line-height:1.1;margin:5px 0 0}.world-currency{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.world-currency b{font-size:18px;color:#ffdaa0}.world-currency b small{font-weight:normal;font-size:10px}.world-currency>span{font-size:11px;color:#c3dbd1}.hud-inventory{display:flex;gap:6px;align-items:center;background:#28515a;border:1px solid #678988;border-radius:12px;color:#fff;padding:12px;font-size:18px;cursor:pointer}.hud-inventory span{font-size:11px}.world-layout{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 14px 45px #031b2855;background:#284a4e}.world-scene{position:relative;aspect-ratio:3/2;width:100%;isolation:isolate;overflow:hidden;max-height:790px}.world-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;user-select:none;z-index:-2}.world-marker{position:absolute;display:flex;align-items:center;flex-direction:column;gap:4px;min-width:70px;min-height:50px;background:none;border:0;cursor:pointer;padding:0;transform:translate(-50%,-50%);color:#103a40;filter:drop-shadow(0 4px 5px #0006)}.marker-dot{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff3ce;border:2px solid #d19c4b;color:#174b53;font-weight:bold;font-size:22px;box-shadow:0 0 0 5px #fff4cd30;transition:transform .15s}.world-marker:hover .marker-dot,.world-marker:focus-visible .marker-dot{transform:scale(1.2)}.world-marker strong{background:#fff7e6;border:1px solid #ddbc81;border-radius:8px;font-size:12px;padding:7px 12px;white-space:nowrap}.m-fishing{left:16%;top:37%}.m-workshop{left:46%;top:25%}.m-workshop .marker-dot{width:43px;height:43px;background:#ffc768;font-size:25px}.m-cafe{left:84%;top:40%}.m-lighthouse{left:84%;top:10%}.m-lighthouse strong{font-size:10px;padding:5px 8px}.m-lighthouse .marker-dot{width:28px;height:28px;font-size:17px}.player-vessel{position:absolute;filter:drop-shadow(0 15px 8px #001b2d55);pointer-events:none}.player-vessel>img{display:block;width:100%;height:auto;user-select:none}.in-harbor{left:36%;top:56%;width:27%;animation:vessel-float 5s ease-in-out infinite;transform:rotate(-6deg)}.in-harbor.on-voyage{animation:vessel-journey 18s ease-in-out infinite}.in-workshop{left:17%;top:25%;width:66%;filter:drop-shadow(0 25px 12px #140b0566)}.paint-blue>img,img.paint-blue{filter:hue-rotate(35deg)}.paint-copper>img,img.paint-copper{filter:sepia(.5) hue-rotate(325deg) saturate(1.5)}.mounted-solar{position:absolute;left:37%;top:15%;width:27%;height:13%;border:2px solid #d4e9df;border-radius:3px;background:repeating-linear-gradient(90deg,transparent 0 13%,#95cbf488 13% 14%),repeating-linear-gradient(0deg,#103b67 0 28%,#89b6d9 28% 31%);transform:rotate(-13deg) skewX(23deg);box-shadow:2px 4px 5px #0009}.mounted-nav{position:absolute;left:32%;top:39%;background:#002e3a;border:2px solid #dad8bb;border-radius:4px;color:#7feac8;width:11%;height:12%;display:grid;place-items:center;font-size:clamp(10px,2vw,28px);transform:rotate(-8deg)}.mounted-heat{position:absolute;left:62%;top:53%;width:8%;border-radius:4px;background:#c65d24;color:#ffe2a5;box-shadow:0 0 16px #ffc55c;display:grid;place-items:center;font-size:clamp(10px,2vw,28px)}.mounted-battery{position:absolute;left:72%;top:35%;width:8%;background:#25418b;color:#fff5bf;border:2px solid #b6d2da;border-radius:5px;text-align:center;font-size:clamp(10px,2vw,28px)}.water-sparkles{position:absolute;inset:60% 0 0;opacity:.35;pointer-events:none;background:radial-gradient(ellipse at 40% 60%,#c2faff 0 2%,transparent 3%),radial-gradient(ellipse at 64% 39%,#c2faff 0 2%,transparent 3%);background-size:150px 62px;animation:harbor-water 9s linear infinite;mix-blend-mode:screen}.world-birds{position:absolute;left:58%;top:14%;font-size:30px;color:white;animation:birds-drift 22s linear infinite;pointer-events:none;text-shadow:1px 2px 2px #12445a}.scene-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#092c37c9);padding:35px 20px 15px;display:flex;justify-content:space-between;color:#fff7da;font-size:11px;pointer-events:none}.mooring-action{position:absolute;left:49%;top:83%;transform:translate(-50%,-50%);background:#fff6df;color:#16404b;border:2px solid #d1a75f;border-radius:12px;min-height:51px;padding:9px 22px;cursor:pointer;box-shadow:0 5px 0 #896b3f,0 6px 15px #092c3866}.mooring-action b,.mooring-action small{display:block}.mooring-action b{font-size:14px}.mooring-action small{font-size:10px;margin-top:4px}.station-bubble{position:absolute;display:flex;gap:8px;align-items:center;transform:translateX(-50%);padding:7px 12px;color:white;background:#0b524cdc;border:1px solid #a0dbc7;border-radius:18px;font-size:12px;box-shadow:0 5px 10px #001d3266}.station-bubble span:first-child{font-size:20px}.bubble-fishing{left:17%;top:47%}.bubble-workshop{left:46%;top:35%}.bubble-cafe{left:84%;top:50%}.repair-sign{position:absolute;font-size:8px;letter-spacing:.1em;font-weight:bold;color:#372b1a;background:repeating-linear-gradient(135deg,#ebc370 0 9px,#f5d794 9px 18px);padding:6px 8px;transform:rotate(-7deg);box-shadow:0 3px 5px #34240c55}.repair-fishing{left:4%;top:46%}.repair-cafe{right:1%;top:53%;transform:rotate(6deg)}.festival-lights{position:absolute;right:6%;top:47%;color:#ffdb80;text-shadow:0 0 10px #ffe6a4;font-size:30px}.lighthouse-beam{position:absolute;left:85%;top:5%;width:250px;height:45px;background:linear-gradient(90deg,#ffe9a575,transparent);transform-origin:left;animation:light-sweep 12s infinite linear;pointer-events:none}.world-taskbar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:13px 0 0}.world-taskbar button{display:grid;grid-template-columns:35px 1fr;grid-template-rows:auto auto;gap:4px 10px;text-align:left;background:#204651;border:1px solid #537879;border-radius:13px;padding:14px 20px;color:#fff4d8;cursor:pointer}.world-taskbar button>span{grid-row:1/3;font-size:29px;align-self:center;color:#f4c57d}.world-taskbar b{font-size:13px}.world-taskbar small{font-size:11px;color:#b4cecb}.captain-hint{display:flex;align-items:center;gap:14px;padding:13px 8px;color:#bbd1cd}.captain-hint>span{font-size:25px;color:#dfb974}.captain-hint p{font-size:12px;margin:0}.world-drawer{position:absolute;right:12px;top:12px;bottom:12px;width:350px;overflow:auto;background:#f9f1df;color:#243e43;border:2px solid #d8b579;border-radius:17px;box-shadow:0 12px 40px #0c1c3280;padding:28px 22px 22px;z-index:10;animation:drawer-enter .2s ease-out}.world-drawer h2{font-size:25px;margin:7px 0 17px;color:#20434a;line-height:1.1}.world-drawer h3{color:#28434a;font-size:17px}.world-drawer p{font-size:13px;line-height:1.55;color:#42616a}.world-drawer .eyebrow{font-size:9px;color:#7c684a}.drawer-close{position:sticky;top:-16px;float:right;background:#e7dbc1;border:0;border-radius:50%;width:36px;height:36px;cursor:pointer;color:#344c4c;margin:-14px -10px 0 0;z-index:2;font-size:18px}.world-drawer .panel{background:none;border:0;padding:0;box-shadow:none;color:#28434a}.world-drawer .btn{border-radius:9px;font-size:12px;padding:12px 15px;min-height:44px}.world-drawer .btn.primary{background:#216b67;color:#fff6dd;border-color:#164849}.world-drawer .btn.gold{background:#f3c877;color:#4b381d;border-color:#c29751}.world-drawer .btn.subtle{background:#e6e0cc;color:#345155;border-color:#bdb294}.world-drawer button:disabled{opacity:.44;cursor:not-allowed}.world-drawer .orders-grid{grid-template-columns:1fr;gap:12px}.world-drawer .order-card{background:#fffaf0;border-color:#d9c8a4;padding:14px}.world-drawer .order-card p{font-size:12px}.world-drawer .order-card small,.world-drawer .soft-label{color:#726747}.world-drawer .stock-missing{color:#977546}.world-drawer .stock-enough{color:#247860}.world-drawer .route-choice{gap:6px}.world-drawer .route-choice .btn{padding:10px;font-size:10px}.world-drawer .restore-needs{background:#ece1c9;color:#354f50}.world-drawer .restoration-progress{color:#7a7c69}.world-drawer .restoration-progress .done{color:#238365}.world-drawer .sailing-card{background:#d0e8df;color:#204c52;flex-direction:column}.world-recipe{display:grid;grid-template-columns:36px 1fr;gap:8px;padding:18px 0;border-top:1px solid #daccb1}.world-recipe>span{font-size:29px}.world-recipe h3{margin:0}.world-recipe p{margin:7px 0}.world-recipe small{font-size:11px;color:#73684f}.world-recipe .btn{grid-column:2;width:100%}.inventory-list>div{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid #ded3b9}.back-to-harbor{position:absolute;top:16px;left:16px;background:#fff3d8;color:#4c3c28;border:1px solid #bda36e;border-radius:10px;padding:12px 18px;cursor:pointer;z-index:3;font-size:12px;box-shadow:0 5px 15px #26150544}.workshop-plaque{position:absolute;left:50%;top:4%;transform:translateX(-50%);text-align:center;color:#fff6dd;padding:10px 24px;background:#2c281ade;border:1px solid #dcc081;border-radius:10px}.workshop-plaque span{font-size:9px;letter-spacing:.2em}.workshop-plaque h2{font-size:28px;margin:5px 0}.fitting-point{position:absolute;z-index:2;background:none;border:0;display:flex;align-items:center;gap:7px;cursor:pointer;color:#183943;transform:translate(-50%,-50%)}.fitting-point b{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#fff2c9;border:2px solid #c59b54;font-size:23px;box-shadow:0 0 0 5px #ffeaac40}.fitting-point span{background:#fff4da;padding:7px 10px;border-radius:7px;font-size:11px;font-weight:bold;box-shadow:0 4px 6px #251b1566}.fitting-point.is-fitted b{background:#9bd1bb;color:#174c44}.fp-navigation{left:34%;top:46%}.fp-solar{left:55%;top:32%}.fp-battery{left:77%;top:58%}.fp-heater{left:57%;top:73%}.installation-banner{position:absolute;left:8%;right:8%;bottom:7%;display:flex;gap:15px;align-items:center;background:#fff0ceee;color:#354846;padding:12px 18px;border:2px solid #d2a75c;border-radius:12px;box-shadow:0 6px 14px #20170880}.installation-banner>div{flex:1}.installation-banner b,.installation-banner small{display:block}.installation-banner b{font-size:12px}.installation-banner small{font-size:11px;margin-top:6px}.tool-swing{display:block;font-size:32px;animation:hammer 1s infinite}.equipment-tabs{display:flex;gap:8px;margin:12px 0}.equipment-tabs button{flex:1;padding:10px;border:1px solid #cbb78d;border-radius:10px;background:#ece1c8;color:#536052;font-size:23px;cursor:pointer}.equipment-tabs .selected{background:#27655e;color:#fff1c8;border-color:#27655e}.equipment-illustration{height:95px;display:grid;place-items:center;background:#e8dfc9;border-radius:12px;margin:14px 0}.equipment-illustration>span{display:grid;place-items:center;width:94px;height:60px;background:#194758;border:5px solid #173642;border-radius:8px;color:#9feaab;font-size:40px;box-shadow:4px 7px 0 #b2a785}.gear-solar>span{background:repeating-linear-gradient(90deg,#143259 0 23%,#8aa6bb 24% 25%);border:3px solid #728496;border-radius:0;color:#ffd578;transform:skewY(-7deg)}.gear-battery>span{background:#2866aa;border-color:#283e4c;border-radius:3px;color:#ffcd6c}.gear-heater>span{background:#272e35;border-color:#161b20;border-radius:30px;color:#f79358}.game-benefit{padding:12px;border-left:3px solid #4e8e75;background:#e4ecdb}.game-benefit b{display:block;font-size:10px;letter-spacing:.1em;color:#51806b;text-transform:uppercase;margin-bottom:4px}.equipped-label{color:#216951!important;font-weight:bold}.real-product{border-top:1px solid #cbbc9d;margin-top:20px;padding-top:18px}.real-product>strong{font-size:12px}.real-product>p{font-size:11px}.real-product a{display:block;background:#274f57;color:#fff4d8;padding:13px;text-align:center;border-radius:9px;text-decoration:none;font-size:12px}.real-product small{display:block;font-size:10px;line-height:1.5;color:#6d7369;margin-top:12px}.hull-options{display:grid;gap:10px}.hull-option{display:grid;grid-template-columns:110px 1fr;align-items:center;border:1px solid #ccba91;border-radius:12px;background:#f3e9d4;padding:10px;cursor:pointer;color:#284851;text-align:left}.hull-option img{width:110px;grid-row:span 2}.hull-option small{font-size:10px}.hull-option.selected{border:2px solid #428777;background:#dce9d4}.dock-nav{background:#14323d;border-top:1px solid #50716f;max-width:none;justify-content:center;gap:6px;padding:8px 16px calc(8px + env(safe-area-inset-bottom))}.dock-nav button{max-width:140px;min-width:70px;flex:1;padding:7px}.dock-nav button small{font-size:10px}.dock-nav button span{font-size:20px}.dock-nav button.active{background:#32615f;color:#ffdaa0}.world-active .howto{margin-top:10px}.world-active .arrival-show{display:none}.world-active #toast{bottom:95px}.btn:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #e9ad45;outline-offset:3px}
@keyframes harbor-water{to{background-position:70px 30px}}@keyframes vessel-float{50%{transform:translateY(-5px) rotate(-4deg)}}@keyframes vessel-journey{0%,100%{transform:translate(0,0) rotate(-6deg);opacity:1}35%{transform:translate(-120%,70%) rotate(-35deg);opacity:0}65%{transform:translate(180%,40%) rotate(-6deg);opacity:0}}@keyframes birds-drift{0%{transform:translateX(-90px)}100%{transform:translateX(220px)}}@keyframes light-sweep{50%{transform:rotate(80deg)}}@keyframes drawer-enter{from{opacity:0;transform:translateX(25px)}to{opacity:1;transform:translateX(0)}}
@media(min-width:1000px){.world-layout.with-drawer .world-scene{width:calc(100% - 360px);min-height:530px}.world-layout.with-drawer{background:#203f42}.world-layout.with-drawer .world-drawer{right:8px;top:8px;bottom:8px;width:344px}.world-scene{max-height:680px}.world-layout.with-drawer .world-backdrop{object-fit:fill}}
@media(max-width:999px){.world-layout.with-drawer .world-drawer{position:relative;inset:auto;width:auto;max-height:none;margin:0;border:0;border-radius:0;padding:25px}.world-layout.with-drawer .world-scene{max-height:550px}.world-drawer .orders-grid{grid-template-columns:repeat(3,1fr)}.world-drawer .order-card h3{font-size:16px}.world-taskbar button{padding:12px}.world-drawer .equipment-illustration{height:85px}}
@media(max-width:600px){.mast-inner{padding:10px 12px}.mast .brandline strong{font-size:12px}.mast .brandline img{width:29px;height:29px}.mast .brandline span{font-size:7px}.world-active .app-container{padding:0 0 95px}.world-hud{padding:13px 12px;gap:9px}.world-title h1{font-size:22px}.world-title>span{font-size:7px;letter-spacing:.12em}.world-currency b{font-size:15px}.world-currency b small{display:none}.world-currency>span{font-size:9px}.hud-inventory{padding:10px;min-height:44px;font-size:16px}.hud-inventory span{display:none}.world-layout{border-radius:0;box-shadow:none}.world-marker{min-width:60px;min-height:44px;gap:1px}.marker-dot{width:25px;height:25px;font-size:17px;box-shadow:0 0 0 3px #fff4cd30}.world-marker strong{font-size:9px;padding:6px;border-radius:6px}.m-workshop .marker-dot{width:31px;height:31px;font-size:19px}.m-workshop{top:28%}.m-fishing{left:16%;top:42%}.m-cafe{left:83%;top:42%}.m-lighthouse{left:85%;top:14%}.m-lighthouse strong{font-size:8px;padding:4px}.m-lighthouse .marker-dot{display:none}.scene-caption{padding:20px 10px 9px;font-size:8px}.mooring-action{top:82%;padding:6px 14px;min-height:44px;border-radius:9px}.mooring-action b{font-size:11px}.mooring-action small{font-size:8px;margin-top:2px}.repair-sign{font-size:5px;padding:3px;letter-spacing:0}.repair-fishing{top:55%;left:4%}.repair-cafe{top:56%;right:2%}.station-bubble{font-size:9px;padding:3px 6px;gap:3px}.station-bubble span:first-child{font-size:13px}.bubble-fishing{top:58%}.bubble-workshop{top:43%}.bubble-cafe{top:60%}.world-taskbar{gap:5px;padding:0 8px;margin-top:10px}.world-taskbar button{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:4px;padding:9px 5px;text-align:center;border-radius:10px}.world-taskbar button>span{grid-row:auto;font-size:23px}.world-taskbar b{font-size:11px}.world-taskbar small{font-size:8px}.captain-hint{padding:14px 14px;gap:10px}.captain-hint p{font-size:11px}.captain-hint>span{font-size:21px}.world-birds{font-size:18px}.world-drawer .orders-grid{grid-template-columns:1fr}.world-drawer{padding:20px 18px!important}.world-drawer .order-card{padding:14px}.world-drawer .route-choice .btn{font-size:11px}.back-to-harbor{top:9px;left:9px;padding:10px;font-size:10px;min-height:40px}.workshop-plaque{top:5%;left:auto;right:10px;transform:none;padding:7px 10px}.workshop-plaque h2{font-size:16px}.workshop-plaque span{font-size:6px}.in-workshop{top:29%;left:8%;width:84%}.fitting-point{flex-direction:column;gap:2px;padding:0;min-width:50px;min-height:44px}.fitting-point b{width:27px;height:27px;font-size:18px;box-shadow:0 0 0 3px #ffeaac40}.fitting-point span{font-size:8px;padding:4px 6px}.fp-navigation{left:25%;top:48%}.fp-solar{left:58%;top:37%}.fp-battery{left:84%;top:61%}.fp-heater{left:56%;top:77%}.installation-banner{left:3%;right:3%;bottom:9%;padding:7px;gap:8px}.installation-banner b{font-size:9px}.installation-banner small{font-size:9px}.installation-banner .btn{padding:9px 7px;font-size:9px;min-height:40px}.tool-swing{font-size:20px}.dock-nav{gap:1px;padding:7px 4px calc(7px + env(safe-area-inset-bottom))}.dock-nav button{min-width:0;padding:7px 4px;border-radius:9px}.dock-nav button small{font-size:9px}.dock-nav button span{font-size:18px}.world-active .howto{margin:0 12px}.world-active #toast{bottom:80px;max-width:90%;font-size:12px}.lighthouse-beam{width:110px;height:20px}.festival-lights{font-size:14px}.world-scene.workshop-world{aspect-ratio:1.25}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.in-harbor.on-voyage{transform:translate(45%,25%);opacity:.7}}