@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Outfit:wght@400;600;800&display=swap";:root{--sea-light: #5cdb95;--sea-deep: #05386b;--island-color: #f6cd61;--text-primary: #3e2723;--text-light: #edf5e1;--accent: #d84315;--parchment-bg: #fff3e0;--parchment-border: #bcaaa4;--wood-bg: #5d4037;--wood-border: #3e2723}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{font-family:Outfit,sans-serif;background-color:var(--sea-deep);color:var(--text-primary);overflow:hidden;image-rendering:pixelated}.pixel-font{font-family:"Press Start 2P",monospace}@keyframes bobbing{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes fastBobbing{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}@keyframes itemDrop{0%{transform:scale(0) translateY(-50px);opacity:0}60%{transform:scale(1.2) translateY(10px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}@keyframes fly{0%{transform:translate(-50px) translateY(0) scaleX(-1);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translate(100vw) translateY(-100px) scaleX(-1);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wave{0%{background-position:0 0}to{background-position:40px 40px}}.app-container{width:100vw;height:100vh;position:relative;background-color:var(--sea-deep);overflow:hidden;transition:background-color 3s ease-in-out}.app-container.is-night{background-color:#031526}.screen-flash:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:999;pointer-events:none;animation:flashEffect .5s ease-out forwards}.screen-flash:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:998;pointer-events:none;background-image:radial-gradient(circle,#fff 10%,transparent 20%),radial-gradient(circle,#ffeb3b 10%,transparent 20%),radial-gradient(circle,#fff 10%,transparent 20%);background-size:25px 25px,40px 40px,20px 20px;background-position:20% 30%,70% 60%,40% 80%;animation:particleBurst .6s ease-out forwards}@keyframes flashEffect{0%{opacity:.8}to{opacity:0}}@keyframes particleBurst{0%{transform:scale(.5);opacity:1}to{transform:scale(3);opacity:0}}.map-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;opacity:.9;filter:saturate(1.2);pointer-events:none;transition:filter 3s ease-in-out}.app-container.is-night .map-bg{filter:saturate(.8) brightness(.6) hue-rotate(15deg)}.parchment-panel{background-color:var(--parchment-bg);border:4px solid var(--parchment-border);box-shadow:inset 0 0 20px #8b451333,4px 4px #0006;border-radius:4px;color:var(--text-primary)}.wood-panel{background-color:var(--wood-bg);border:4px solid var(--wood-border);box-shadow:inset 0 0 10px #00000080,4px 4px #0009;border-radius:4px;color:var(--text-light)}.home-screen{position:absolute;top:50px;left:50px;right:50px;bottom:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;background-image:radial-gradient(#fff3e0e6,#fff3e0f2)}.title{font-size:3rem;color:var(--accent);margin-bottom:1rem;text-align:center;letter-spacing:2px;text-shadow:2px 2px 0px rgba(0,0,0,.2);line-height:1.4}.subtitle{font-size:1.25rem;margin-bottom:3rem;font-style:italic;text-align:center;max-width:600px;color:var(--text-primary)}.btn-primary{padding:16px 24px;background-color:var(--accent);color:#fff;border:4px solid #bf360c;border-radius:4px;cursor:pointer;box-shadow:4px 4px #0000004d;text-transform:uppercase;font-size:.875rem;margin-bottom:16px;transition:transform .1s,box-shadow .1s}.btn-primary:active{transform:translate(4px,4px);box-shadow:0 0 #0000004d}.btn-secondary{padding:16px 24px;background-color:#e0e0e0;color:var(--text-primary);border:4px solid #9e9e9e;border-radius:4px;cursor:pointer;box-shadow:4px 4px #0000004d;text-transform:uppercase;font-size:.875rem;transition:transform .1s,box-shadow .1s}.btn-secondary:active{transform:translate(4px,4px);box-shadow:0 0 #0000004d}.map-area{position:absolute;top:0;bottom:0;left:0;right:0}@media (max-width: 768px){.map-area{right:0}}.island-node{position:absolute;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(-50%,-50%);z-index:5;touch-action:manipulation}.island-circle{width:58px;height:58px;display:flex;align-items:center;justify-content:center;transition:transform .2s;position:relative;background-color:transparent!important;border:none!important;box-shadow:none!important}.island-node:hover .island-circle{transform:scale(1.15) translateY(-4px)}.island-sprite{width:100%;height:100%;object-fit:contain}.island-discovered .island-sprite{filter:saturate(1.2)}.island-undiscovered .island-sprite{filter:grayscale(100%) opacity(.7)}.island-label{margin-top:4px;font-size:.75rem;padding:6px 10px;background-color:#fff6e0f0;border:2px solid rgba(94,55,36,.42);box-shadow:0 8px 18px #0000002e;white-space:nowrap;transition:opacity .2s;color:var(--text-primary);font-weight:700;z-index:20;border-radius:999px}.island-label.hidden{opacity:0}.island-node:hover .island-label.hidden{opacity:1}.crate-node{position:absolute;cursor:pointer;z-index:5;width:40px;height:40px;animation:fastBobbing 1.5s infinite ease-in-out;transform-origin:bottom center;transition:transform .2s}.crate-node:hover{transform:scale(1.2)}.crate-sprite{width:100%;height:100%;object-fit:contain}.seagull{position:absolute;width:24px;height:24px;object-fit:contain;pointer-events:none;z-index:3;animation:fly 25s linear infinite;top:20%;left:-50px}.seagull-2{animation:fly 35s linear infinite;animation-delay:12s;top:40%}.seagull-3{animation:fly 40s linear infinite;animation-delay:5s;top:70%}.boat{animation:bobbing 2s infinite ease-in-out;transition:all 1.8s ease-in-out;position:absolute;transform:translate(-50%,-80%);z-index:10}.boat-sprite{width:64px;height:64px;object-fit:contain}.top-bar{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:flex-start;z-index:40;pointer-events:none}@media (max-width: 768px){.top-bar{right:16px}}.resource-group{display:flex;gap:8px;flex-wrap:wrap;max-width:70%}.resource-item{padding:6px 10px;display:flex;align-items:center;gap:6px;pointer-events:auto;border-width:3px}.resource-val{font-size:.875rem}.nav-group{display:flex;gap:8px;pointer-events:auto;padding:4px}.nav-btn{padding:8px;background:transparent;border:2px solid transparent;color:var(--text-light);cursor:pointer;transition:background .2s}.nav-btn:hover,.nav-btn.active{background-color:#fff3;border-color:#fff6}.log-toggle{position:absolute;right:18px;bottom:20px;z-index:46;pointer-events:auto;padding:12px 16px;border:3px solid rgba(62,39,35,.72);border-radius:999px;background:#fff3e0f0;color:#5d2f20;box-shadow:0 14px 30px #00000038;cursor:pointer}.info-panel{position:absolute;right:0;width:280px;height:100%;border-left:8px solid #3e2723;border-top:none;border-bottom:none;border-radius:0;display:flex;flex-direction:column;z-index:20;background-color:#f4e4c1;background-image:linear-gradient(to right,#00000026,#0000 10px),url(https://www.transparenttextures.com/patterns/aged-paper.png);box-shadow:-5px 0 15px #0000004d;transform:translate(0);transition:transform .28s ease,opacity .28s ease}.info-panel.collapsed{transform:translate(calc(100% - 20px));opacity:.28;pointer-events:none}.info-panel.open{transform:translate(0);opacity:1}@media (max-width: 768px){.info-panel,.log-toggle{display:none}}.panel-header{padding:30px 24px 20px;border-bottom:2px dashed #bcaaa4;background-color:transparent;position:relative}.panel-header:after{content:"";position:absolute;bottom:-6px;left:24px;right:24px;border-bottom:1px solid #bcaaa4}.panel-title{font-size:1.8rem;color:#d84315;margin-bottom:12px;text-shadow:1px 1px 0px rgba(255,255,255,.5);letter-spacing:2px}.panel-subtitle{font-size:.875rem;font-style:italic;opacity:.8;color:#5d4037}.panel-content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:12px}.log-item{font-size:.85rem;border-left:3px solid #d84315;padding:8px 12px;position:relative;background:linear-gradient(90deg,rgba(216,67,21,.05) 0%,transparent 100%);color:#3e2723;border-radius:0;line-height:1.5}.log-item:first-child{border-left-color:#f57f17;font-weight:600;background:linear-gradient(90deg,rgba(245,127,23,.1) 0%,transparent 100%)}.gallery-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#3e2723f2;z-index:30;display:flex;flex-direction:column;padding:96px 32px 32px;overflow-y:auto}.gallery-title{font-size:2rem;color:var(--island-color);margin-bottom:32px;text-align:center;text-shadow:4px 4px 0px rgba(0,0,0,.5)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;max-width:1200px;margin:0 auto;width:100%}.card-item{padding:24px;display:flex;flex-direction:column;gap:16px;position:relative;transition:transform .2s}.card-item:hover{transform:translateY(-4px);box-shadow:6px 6px #00000080}.card-locked{background-color:#cfd8dc;border-color:#90a4ae;color:#546e7a}.card-icon-wrap{width:64px;height:64px;border-radius:4px;background-color:var(--wood-bg);display:flex;align-items:center;justify-content:center;border:4px solid var(--wood-border);box-shadow:inset 0 0 10px #00000080}.card-title{font-weight:700;font-size:1.125rem;margin-bottom:8px}.card-desc{font-size:.875rem;font-style:italic;line-height:1.6}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:50;background-color:#0009;padding:16px}.modal-content{max-width:420px;width:100%;padding:32px;position:relative;animation:bobbing 3s infinite ease-in-out}.modal-top-accent{position:absolute;top:-10px;left:50%;transform:translate(-50%);background-color:var(--accent);color:#fff;padding:4px 16px;font-size:.75rem;border:4px solid #bf360c;box-shadow:4px 4px #0000004d}.modal-title{font-size:1.5rem;color:var(--accent);margin-bottom:16px;margin-top:8px;line-height:1.4}.modal-text{font-size:1.125rem;margin-bottom:24px;line-height:1.6}.modal-stats{background-color:#0000000d;padding:16px;margin-bottom:24px;border:2px dashed var(--parchment-border);display:flex;flex-direction:column;gap:8px}.stat-row{display:flex;justify-content:space-between;font-size:.875rem;font-weight:700}.stat-neg{color:#d32f2f}.stat-pos{color:#2e7d32}.modal-card{background-color:#fff;border:4px solid var(--accent);padding:16px;margin-bottom:24px;display:flex;align-items:center;gap:16px;animation:itemDrop .5s cubic-bezier(.175,.885,.32,1.275)}.modal-card-icon{width:48px;height:48px;background-color:var(--sea-deep);display:flex;align-items:center;justify-content:center;border:4px solid var(--wood-bg);flex-shrink:0}.modal-card-label{font-size:.75rem;color:var(--accent);text-transform:uppercase;margin-bottom:4px}.modal-card-title{font-weight:700}.route-report{margin-top:-10px;padding:12px;border:2px dashed rgba(216,67,21,.32);border-radius:10px;background:#fff8e1a8;color:#5d4037;line-height:1.6}.card-sprite{width:100%;height:100%;object-fit:contain}@keyframes drift{0%{background-position:0 0}to{background-position:1000px 500px}}.clouds-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 18% 22%,rgba(255,255,255,.34),transparent 22%),radial-gradient(circle at 72% 18%,rgba(255,246,215,.22),transparent 24%),linear-gradient(135deg,rgba(255,255,255,.18),transparent 42%,rgba(255,224,178,.14));opacity:.26;mix-blend-mode:soft-light;pointer-events:none;z-index:2;animation:drift 120s linear infinite;transition:opacity 3s ease-in-out,background-color 3s ease-in-out}.app-container.is-night .clouds-overlay{opacity:.22;background-color:#132949;mix-blend-mode:multiply}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--parchment-border);border-left:2px solid var(--text-primary)}::-webkit-scrollbar-thumb{background:var(--wood-bg);border:2px solid var(--text-primary)}.island-scene,.combat-scene,.ghost-ship-scene{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center bottom;z-index:18;animation:fadeIn .5s ease-out}.ghost-ship-scene{z-index:100;background-position:center;cursor:crosshair}.lantern-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle 200px at var(--mouse-x, 50%) var(--mouse-y, 50%),transparent 0%,rgba(0,0,0,.98) 100%);z-index:101}.ghost-ui{position:absolute;bottom:60px;left:50%;transform:translate(-50%);display:flex;gap:16px;z-index:102}.btn-ghost{background-color:#064e3b;color:#a7f3d0;border:2px solid #047857;border-radius:4px;padding:12px 24px;font-size:1rem;cursor:pointer;box-shadow:0 4px 10px #000c;transition:all .2s;pointer-events:auto}.btn-ghost:hover{background-color:#059669;box-shadow:0 0 20px #34d39999;transform:translateY(-2px)}.btn-ghost.danger{background-color:#7f1d1d;color:#fca5a5;border-color:#991b1b}.btn-ghost.danger:hover{background-color:#b91c1c;box-shadow:0 0 20px #f8717199}.combat-scene{z-index:100;background-position:center}.combat-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,transparent 30%,rgba(0,0,0,.8) 100%);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:80px;animation:combatPulse 2s infinite alternate}@keyframes combatPulse{0%{box-shadow:inset 0 0 #c8000000}to{box-shadow:inset 0 0 80px #c8000099}}.combat-btn-group{display:flex;gap:24px}.btn-combat{background-color:#b71c1c;color:#fff;border:4px solid #4a148c;border-radius:8px;padding:16px 32px;font-size:1rem;cursor:pointer;box-shadow:6px 6px #000c;transition:transform .1s;pointer-events:auto}.btn-combat:hover{transform:scale(1.1);background-color:#d32f2f}.btn-combat:active{transform:scale(.9);box-shadow:0 0 #000c}.rain-effect{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:4;background-image:linear-gradient(to bottom,#fff0,#fff3,#fff0),linear-gradient(to bottom,#fff0,#ffffff26,#fff0);background-size:2px 100px,1px 80px;background-position:0 0,50px 20px;animation:rainfall .3s linear infinite}.weather-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#05142866;pointer-events:none;z-index:3;transition:background-color 3s ease-in-out}@keyframes rainfall{0%{background-position:0 0,50px 20px}to{background-position:-20px 1000px,30px 1000px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cinematic-scene{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;z-index:200;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;animation:fadeInSlow 3s ease-in forwards}@keyframes fadeInSlow{0%{opacity:0;filter:brightness(0)}to{opacity:1;filter:brightness(1)}}.scrolling-credits{position:absolute;bottom:-100%;width:80%;max-width:600px;text-align:center;animation:scrollUp 20s linear forwards;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,1);background:#00000080;padding:40px;border-radius:8px;border:2px solid rgba(255,215,0,.3);box-shadow:0 0 40px #000c}@keyframes scrollUp{0%{transform:translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-220%);opacity:0}}.cinematic-restart-btn{position:absolute;bottom:10%;opacity:0;animation:fadeInButton 2s ease-in 18s forwards;z-index:201}@keyframes fadeInButton{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.island-overlay-ui{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:flex-end;gap:24px;padding:clamp(20px,4vw,44px);background:radial-gradient(circle at 50% 42%,rgba(255,240,209,.05),transparent 32%),linear-gradient(to bottom,#051f34b8,#051f3429 42%,#1a120c94);pointer-events:none}.island-brief{pointer-events:auto;position:absolute;top:clamp(88px,10vh,120px);left:clamp(18px,4vw,44px);width:min(520px,calc(100% - 36px));padding:22px;border-width:3px;background:#fff3e0eb;box-shadow:inset 0 0 24px #8b451324,0 18px 40px #0000003d}.island-brief h2{margin:8px 0 10px;color:#5d2f20;line-height:1.35}.island-brief p{line-height:1.65;color:#6d4c41;font-weight:700}.island-brief-return{margin:14px 0 0;padding:10px 14px;font-size:.68rem}.island-kicker{display:inline-block;color:#d84315;font-size:.66rem;letter-spacing:.12em}.poi-action-dock{pointer-events:auto;position:relative;width:min(980px,100%);align-self:center;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px;border-width:3px;background:linear-gradient(135deg,#fff8e1f5,#ffe0b2e0),var(--parchment-bg);border-radius:12px;box-shadow:0 20px 54px #00000047;z-index:72}.poi-card{min-height:112px;padding:18px;border:3px solid rgba(141,86,38,.45);border-radius:10px;background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.76),transparent 32%),linear-gradient(135deg,#fff8e1,#ffe0b2);color:#4e2b1f;box-shadow:3px 3px #5d403738;cursor:pointer;text-align:left;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.poi-card span{display:block;margin-bottom:10px;color:#bd4b1e;font-size:.78rem;line-height:1.5}.poi-card small{display:block;color:#6d4c41;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:800;line-height:1.45}.poi-card:hover{transform:translateY(-4px);border-color:#d84315b8;box-shadow:5px 8px #5d403738}.poi-card:active{transform:translateY(2px);box-shadow:1px 1px #5d403738}.poi-card:focus-visible,.island-return:focus-visible,.log-toggle:focus-visible{outline:4px solid rgba(255,193,7,.55);outline-offset:3px}.poi-container{position:absolute;top:0;left:0;right:0;bottom:0}.poi-btn{position:absolute;transform:translate(-50%,-50%);background-color:#ffffffe6;color:var(--sea-deep);border:4px solid var(--sea-deep);border-radius:8px;padding:12px 16px;font-size:12px;font-weight:700;cursor:pointer;box-shadow:4px 4px #00000080;animation:bobbing 2s infinite ease-in-out;transition:transform .1s,background-color .2s;pointer-events:auto;z-index:60}.poi-btn:hover{background-color:#ffe082;transform:translate(-50%,-50%) scale(1.1);animation:none}.poi-btn:active{transform:translate(-50%,-50%) scale(.9);box-shadow:0 0 #00000080}@media (max-width: 768px){.top-bar{top:max(12px,env(safe-area-inset-top));left:10px;right:10px}.resource-group{max-width:calc(100% - 132px)}.resource-item{padding:5px 7px}.resource-val{font-size:.72rem}.nav-group{gap:2px;padding:3px}.nav-btn{padding:7px}.island-circle{width:50px;height:50px}.island-label{font-size:9px!important;padding:5px 8px}.island-overlay-ui{padding:18px;justify-content:flex-end}.island-brief{top:max(72px,calc(env(safe-area-inset-top) + 62px));left:14px;right:14px;width:auto;padding:16px}.island-brief h2{font-size:1rem}.island-brief p{font-size:.92rem}.poi-action-dock{grid-template-columns:1fr;gap:10px;max-height:min(46vh,360px);overflow-y:auto;margin-bottom:max(8px,env(safe-area-inset-bottom))}.poi-card{min-height:auto;padding:14px}.poi-card span{font-size:.68rem;margin-bottom:6px}.poi-card small{font-size:.82rem}}