@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Newsreader:opsz,wght@6..72,500&display=swap";:root{color:#effaff;font-synthesis:none;background:#052538;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html,body,#app,.game-shell,#game{width:100%;height:100%;height:var(--app-height,100dvh);margin:0;overflow:hidden}button{font:inherit}button:focus-visible,select:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #d8e9ae}canvas{display:block}#game{position:relative}#game canvas{touch-action:none;overscroll-behavior:none;transition:filter 1.8s}.route-label-layer{z-index:6;pointer-events:none;position:absolute;inset:0;overflow:hidden}.route-label{color:#f5fbfa;font-family:DM Sans,sans-serif;position:absolute;top:0;left:0}.route-label.is-offscreen{display:none}.route-label-number{color:#fff;text-shadow:0 1px 5px #00131e;font-size:14px;font-weight:600;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.route-label-copy{white-space:nowrap;justify-items:center;gap:5px;display:grid;position:absolute;top:39px;left:0;transform:translate(-50%)}.route-label-copy strong,.route-label-copy small{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;border-radius:2px;padding:7px 11px;display:block;box-shadow:0 4px 14px #000d1638}.route-label-copy strong{color:#f8fcfb;background:#03283bf5;font-size:15px;font-weight:600;line-height:1.25}.route-label-copy small{color:#dcebea;background:#021c2bf0;padding:5px 9px;font-size:12px;font-weight:500;line-height:1.3}.game-shell.journey-quiet #game canvas{filter:saturate(.9)brightness(1.035)}.game-shell.journey-tense #game canvas{filter:saturate(.86)contrast(1.045)}.game-shell.journey-social #game canvas{filter:saturate(.94)hue-rotate(3deg)}.game-shell.journey-abundant #game canvas{filter:saturate(1.04)brightness(1.018)}.game-shell.journey-solitary #game canvas{filter:saturate(.82)brightness(.975)}.game-shell.journey-settled #game canvas{transition-duration:2.8s}#game:after{content:"";z-index:3;opacity:0;pointer-events:none;transition:opacity var(--transition-calm), background var(--transition-calm);position:absolute;inset:0}.game-shell.exposure-attention #game:after{opacity:.2;background:repeating-linear-gradient(112deg,#0000 0 96px,#d5a37814 97px 99px,#0000 100px 154px)}.game-shell.exposure-critical #game:after{opacity:.28;background:repeating-linear-gradient(108deg,#0000 0 63px,#df776d17 64px 66px,#0000 67px 113px),radial-gradient(at 70% 42%,#0000 35%,#8042391f)}.game-shell.disturbance-attention #game canvas{animation:9s ease-in-out infinite alternate ocean-instability}.game-shell.disturbance-critical #game canvas{animation:6.5s ease-in-out infinite alternate ocean-instability}@keyframes ocean-instability{0%{transform:translate(-1px)scale(1.001)}to{transform:translate(1px,.5px)scale(1.002)}}.game-shell{isolation:isolate;background:#061f31;position:relative}.game-shell:after{content:"";z-index:4;pointer-events:none;background:radial-gradient(circle at 52% 44%,#0000 35%,#000f1b33 100%);position:absolute;inset:0;box-shadow:inset 0 0 100px #000a1452}.game-shell:before{content:"";z-index:8;opacity:0;pointer-events:none;transition:opacity .45s;position:absolute;inset:0}.game-shell.event-active:before{opacity:1}.game-shell.event-food:before{background:radial-gradient(circle at 55% 52%,#bbd68f2e,#0000 48%)}.game-shell.event-social:before{background:radial-gradient(circle at 55% 52%,#b39fcf2e,#0000 50%)}.game-shell.event-shipping:before{background:radial-gradient(circle at 55% 52%,#0000 20%,#b45b482e 100%)}.game-shell.event-storm:before{background:linear-gradient(120deg,#8291a92e,#0000 40%,#404c6738)}.game-shell.event-current:before,.game-shell.event-calm:before{background:radial-gradient(circle at 55% 52%,#70c8be21,#0000 52%)}.game-shell.event-deep:before{background:radial-gradient(circle at 55% 52%,#0000 15%,#000f2247 100%)}.game-shell.is-intro .status-panel,.game-shell.is-intro .top-actions,.game-shell.is-intro .hint{opacity:0;pointer-events:none}.topbar{z-index:8;pointer-events:none;background:linear-gradient(#021723eb,#02192657 68%,#0000);justify-content:space-between;align-items:center;padding:24px 30px;display:flex;position:absolute;inset:0 0 auto}.topbar h1{letter-spacing:.01em;margin:4px 0 0;font:500 24px/1 Newsreader,serif}.topbar .brand-name{letter-spacing:.045em;font-family:DM Sans,sans-serif;font-size:.88em;font-weight:600}.topbar .brand-subtitle{font-family:Newsreader,serif}.eyebrow{color:#9fd5d7;letter-spacing:.19em;text-transform:uppercase;margin:0;font-size:10px;font-weight:600}.icon-button{pointer-events:auto;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#072f41a3;border:1px solid #cff2f247;border-radius:50%;width:42px;height:42px}.icon-button.is-audio-on{color:#e4f1b8;border-color:#cfefb4ad;box-shadow:0 0 20px #85d2c233}.top-actions{pointer-events:auto;align-items:center;gap:10px;display:flex}.text-button{color:#d8eded;cursor:pointer;background:#072f419e;border:1px solid #cff2f233;border-radius:20px;height:38px;padding:0 14px;font-size:11px}.text-button span{color:#073140;background:#bde5d5;border-radius:50%;place-items:center;min-width:19px;height:19px;margin-left:5px;font-size:9px;display:inline-grid}.status-panel{z-index:7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#072f3de8,#031f2ee0);border:1px solid #bde4de3d;border-radius:16px;width:224px;padding:17px;transition:border-color .25s,box-shadow .25s;position:absolute;top:92px;left:26px;box-shadow:0 24px 70px #000c164d,inset 0 1px #ffffff09}.status-panel.has-attention{border-color:#e5a3847a;box-shadow:0 18px 55px #8236232e}.status-panel.has-critical-state{border-color:#eb7062b3;box-shadow:0 18px 65px #9b2d2240}.whale-name{border-bottom:1px solid #c2e9e921;align-items:center;gap:11px;margin-bottom:12px;padding-bottom:14px;display:flex}.whale-name strong,.whale-name small{display:block}.whale-name strong{font:500 20px/1.1 Newsreader,serif}.whale-name small{color:#9fc5c9;margin-top:3px;font-size:10px}.whale-mark{color:#c9eeee;background:#74c2c329;border-radius:50%;place-items:center;width:36px;height:36px;font-size:25px;display:grid;transform:rotate(-20deg)}.metric{color:#bdd7da;justify-content:space-between;gap:12px;margin:10px 0;font-size:11px;display:flex}.metric strong{color:#f4fbfb;font-weight:500}.bar{background:#ffffff1c;border-radius:5px;height:4px;margin-bottom:13px;overflow:hidden}.bar i{border-radius:inherit;background:linear-gradient(90deg,#77c6b4,#d2dda7);height:100%;transition:width .3s;display:block}.bar.reserves i{background:linear-gradient(90deg,#77c6b4,#d2dda7)}.bar.fatigue i{background:linear-gradient(90deg,#d7c784,#dc9471)}.bar.fatigue.is-high i{background:#d88663}.bar.fatigue.is-critical i{background:#e05d55;box-shadow:0 0 10px #e05d5573}.fatigue-heading em{color:#dfa17d}.adverse-heading em{color:#d0a092;text-transform:uppercase;letter-spacing:.08em;font-size:8px;font-style:normal;display:block}.adverse-heading strong{color:#e1b7a5}.bar.exposure{background:linear-gradient(90deg,#77baa62e 0 44%,#dea76f33 44% 69%,#d963573b 69%);height:6px;position:relative;overflow:visible}.bar.exposure i,.bar.disturbance i{background:linear-gradient(90deg,#d3a277,#db6d62);box-shadow:0 0 8px #da6d622e}.bar.exposure .exposure-threshold{background:#f3dabe8c;width:1px;height:10px;position:absolute;top:-2px;left:45%}.bar.exposure.is-high i,.bar.disturbance.is-high i{background:#d88663}.bar.exposure.is-critical i,.bar.disturbance.is-critical i{background:#e05d55;box-shadow:0 0 10px #e05d5573}.risk-scale{color:#84a9ad;text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;margin:-9px 0 12px;font-size:8px;display:flex}.risk-scale span:nth-child(2){color:#c09a83}.risk-scale span:last-child{color:#ce837a}.season strong{color:#d8e7b5}.season strong.is-critical{color:#f0a18e}.instinct-button{color:#ecf7f5;cursor:pointer;background:#8bc8c121;border:1px solid #bce5e047;border-radius:8px;align-items:center;gap:7px;width:100%;margin-top:13px;padding:10px 11px;font-size:11px;display:flex}.instinct-button span{color:#9bd2c8;font-size:13px}.instinct-button b{color:#073342;background:#b9ded3;border-radius:50%;place-items:center;width:18px;height:18px;margin-left:auto;font-size:9px;display:grid}.instinct-button:disabled{opacity:.38;cursor:default}.instinct-button[hidden]{display:none}.legend-panel{z-index:5;color:#bad3d7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#042535a8;border:1px solid #bae6e72b;border-radius:12px;width:177px;font-size:10px;transition:width .2s;position:absolute;top:92px;right:26px;overflow:hidden}.legend-panel button{color:#e9f5f4;cursor:pointer;background:0 0;border:0;justify-content:space-between;width:100%;padding:11px 13px;font-size:10px;font-weight:600;display:flex}.legend-content{padding:0 13px 9px}.legend-content p{align-items:center;gap:8px;margin:7px 0;display:flex}.swatch{background:#86bfc0;border-radius:5px;width:13px;height:5px}.swatch.food{background:#b7d69e}.swatch.shipping{background:#d9b995}.swatch.destination{background:0 0;border:1px solid #d6e8b8}.legend-panel.is-collapsed{width:128px}.legend-panel.is-collapsed .legend-content{display:none}.ocean-bulletin{z-index:7;color:#b8d0d2;-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);background:linear-gradient(135deg,#042a37e6,#031f2ee0);border:1px solid #bbe1de38;border-radius:14px;align-items:center;gap:12px;width:min(410px,100% - 610px);padding:10px 14px;transition:opacity .25s,transform .25s;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 16px 45px #000d1633}.bulletin-icon{color:#b8e0d7;background:#84c5bc1f;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:21px;display:grid}.ocean-bulletin p,.ocean-bulletin strong,.ocean-bulletin small{margin:0;display:block}.ocean-bulletin p{color:#94b8ba;text-transform:uppercase;letter-spacing:.12em;font-size:9px}.ocean-bulletin strong{color:#eef8f5;margin-top:2px;font-size:13px}.ocean-bulletin small{color:#b4ced0;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:10px;overflow:hidden}.journey-progress{z-index:6;gap:5px;transition:opacity .2s;display:flex;position:absolute;top:76px;left:50%;transform:translate(-50%)}.journey-progress i{background:#b2d7d526;border-radius:4px;width:22px;height:3px}.journey-progress i.is-done{background:#80bdb3}.journey-progress i.is-current{background:#d6e5aa;box-shadow:0 0 8px #d6e5aa59}.intro-card,.decision-card,.result-card{z-index:10;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(145deg,#07303cf7,#031d2cf7);border:1px solid #c5e6de4d;border-radius:20px;width:min(510px,100% - 36px);padding:35px;transition:opacity .3s,transform .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 32px 100px #0009118c,inset 0 1px #ffffff0a}.intro-card h2,.decision-card h2,.result-card h2{margin:10px 0 13px;font:500 38px/1.04 Newsreader,serif}.intro-card>p:not(.eyebrow),.decision-card>p:not(.eyebrow),.result-card>p:not(.eyebrow){color:#bed5d8;margin:0;font-size:14px;line-height:1.65}.controls{color:#a8c7cb;gap:8px;margin:23px 0;font-size:11px;display:grid}.mission{color:#b9d0d1;background:#afcd9914;border-left:2px solid #d0dfa5;gap:12px;margin-top:18px;padding:12px 14px;font-size:10px;line-height:1.5;display:flex}.mission strong{color:#e3edc4;text-transform:uppercase;letter-spacing:.08em;flex:none}.controls b{color:#e9f7f6;min-width:62px;font-weight:600;display:inline-block}.primary-button{color:#073140;cursor:pointer;background:#bde5d5;border:0;border-radius:9px;width:100%;margin-top:5px;padding:13px 18px;font-weight:600;transition:transform .15s,background .15s}.primary-button:hover{background:#d3eee1;transform:translateY(-1px)}.secondary-button{color:#dceeed;cursor:pointer;background:#7cbbb914;border:1px solid #bee5e247;border-radius:9px;width:100%;padding:12px 18px}.intro-actions{gap:8px;margin-top:5px;display:grid}.intro-actions .primary-button{margin:0}.intro-language{color:#91b5b8;text-transform:uppercase;letter-spacing:.08em;justify-content:flex-end;align-items:center;gap:9px;margin-top:14px;font-size:10px;display:flex}.intro-language select{color:#eff8f7;background:#082f42;border:1px solid #bee5e233;border-radius:7px;padding:6px 8px}.decision-card:not(.is-hidden){animation:.42s cubic-bezier(.2,.8,.2,1) decision-in}.decision-card h2{font-size:31px}@keyframes decision-in{0%{opacity:0;transform:translate(-50%,-46%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.decision-choices{gap:9px;margin-top:22px;display:grid}.decision-choices button{color:#eef8f7;text-align:left;cursor:pointer;background:linear-gradient(100deg,#7cbbb91a,#7cbbb909);border:1px solid #b8e2e033;border-radius:11px;flex-direction:column;align-items:flex-start;padding:14px 16px;transition:border-color .15s,background .15s,transform .15s;display:flex}.decision-choices button:hover{background:#7cbbb924;border-color:#b8e2e06b;transform:translate(3px)}.decision-choices strong{font-size:14px}.decision-choices span{color:#b5d0d2;margin-top:4px;font-size:12px;line-height:1.45}.is-hidden{opacity:0;pointer-events:none;transform:translate(-50%,-47%)}.is-ui-hidden{transform:translateY(10px);opacity:0!important;pointer-events:none!important}.behavior-bar{z-index:6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#032332cc;border:1px solid #bbe2e230;border-radius:13px;gap:6px;padding:7px;transition:opacity .25s,transform .25s;display:flex;position:absolute;bottom:58px;left:50%;transform:translate(-50%);box-shadow:0 15px 40px #00111a38}.behavior{color:#b5ced1;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;min-width:128px;padding:9px 11px;display:flex}.behavior:hover{background:#99d2cc14}.behavior.is-active{color:#f3fbf9;background:#99d2cc24;border-color:#b5e1d638}.behavior b{color:#bde2d4;width:24px;font-size:20px;font-weight:400}.behavior span{font-size:11px;font-weight:600}.behavior small{color:#86aeb3;margin-top:2px;font-size:8px;font-weight:400;display:block}.journal-panel{z-index:12;background:#042331f7;width:min(390px,100%);height:100%;padding:26px;transition:opacity .25s,transform .25s;position:absolute;top:0;right:0;overflow-y:auto;box-shadow:-30px 0 70px #000d1652}.journal-panel.is-ui-hidden{transform:translate(100%)}.journal-head{border-bottom:1px solid #bee5e421;justify-content:space-between;align-items:flex-start;padding-bottom:20px;display:flex}.journal-head h2{margin:5px 0 0;font:500 27px Newsreader,serif}.journal-head button{color:#cfe5e5;cursor:pointer;background:0 0;border:0;font-size:28px}.journal-list article{border-bottom:1px solid #bee5e41a;padding:19px 0}.journal-list time{color:#84b7b9;letter-spacing:.13em;text-transform:uppercase;font-size:9px}.journal-list h3{margin:5px 0 7px;font:500 20px Newsreader,serif}.journal-list p,.journal-empty{color:#b5ced1;margin:0;font-size:13px;line-height:1.65}.toast{z-index:8;color:#edf8f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#042535e6;border:1px solid #bfe5e542;border-radius:22px;padding:11px 16px;font-size:12px;transition:opacity .2s,transform .2s;position:absolute;top:90px;left:50%;transform:translate(-50%)}.result-card{width:min(650px,100% - 36px);max-height:92%;overflow-y:auto}.result-state{color:#dbe9d1;background:#9dc7a512;border:1px solid #bee0be2e;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin:18px 0 8px;padding:12px 14px;display:flex}.result-state span{font-size:12px;font-weight:600}.result-state strong{color:#eef5cf;text-align:right;font:500 17px Newsreader,serif}.result-narrative{margin:20px 0 24px}.result-narrative p{color:#bfd4d3;margin:0 0 12px;font-size:13px;line-height:1.72}.result-narrative .result-lead{color:#edf6ec;font:500 19px/1.48 Newsreader,serif}.result-reality{background:linear-gradient(90deg,#a7cdae17,#0000);border-left:2px solid #bfe0b88c;padding:14px 16px;color:#d2e2d5!important;margin-top:18px!important}.result-factors{font-weight:600;color:#e1ead5!important}.result-moments{flex-wrap:wrap;gap:7px;margin-bottom:20px;display:flex}.result-moments span{color:#aac7c7;background:#7bb5b20f;border:1px solid #b2dad324;border-radius:20px;padding:7px 10px;font-size:10px}.result-variation{color:#d5e5dc;margin:22px 0 20px;font:italic 500 17px/1.55 Newsreader,serif}.result-details{border-top:1px solid #b8dcd821;border-bottom:1px solid #b8dcd81a;margin:4px 0 22px}.result-details summary{color:#91b3b5;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:13px 2px;font-size:10px}.result-details summary:hover,.result-details summary:focus-visible{color:#d9e9e6}.result-details[open]{padding-bottom:15px}.result-grid{grid-template-columns:repeat(5,1fr);gap:8px;margin:8px 0 21px;display:grid}.result-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.score{text-align:center;background:#b4d39d14;border:1px solid #c6e1ae3b;border-radius:11px;flex:none;min-width:78px;padding:10px}.score strong,.score span{display:block}.score strong{color:#e3efc8;font:500 29px Newsreader,serif}.score span{color:#8fb3ac;font-size:8px}.result-grid div{text-align:center;background:#9acfc614;border-radius:9px;padding:13px 8px}.result-grid strong,.result-grid span{display:block}.result-grid strong{font:500 21px Newsreader,serif}.result-grid span{color:#8eb4b8;text-transform:uppercase;letter-spacing:.1em;margin-top:3px;font-size:8px}.lessons{margin-bottom:18px}.lessons p{color:#acc9cc;border-left:2px solid #82bdb1;margin:7px 0;padding-left:14px;font-size:10px;line-height:1.5}.result-profile{color:#dceac5;background:#aacf9914;border:1px solid #b8dcbc29;border-radius:9px;margin:4px 0 18px;padding:12px 14px;font-size:12px;line-height:1.45}.learning-title{color:#dcebea;margin:0 0 10px;font:500 19px Newsreader,serif}.result-objectives{grid-template-columns:1fr 1fr;gap:6px;margin:-8px 0 17px;display:grid}.result-objectives p{color:#9cb1b5;align-items:center;gap:7px;margin:0;font-size:9px;display:flex}.result-objectives span{color:#d99b90;background:#cb786e1f;border-radius:50%;place-items:center;width:17px;height:17px;display:grid}.result-objectives .achieved{color:#c7dbcf}.result-objectives .achieved span{color:#bcdcae;background:#a0cd911f}.hint{z-index:5;color:#d8eaeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;pointer-events:none;background:#042535c7;border:1px solid #bfe5e53d;border-radius:30px;align-items:center;gap:9px;padding:9px 14px;font-size:12px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.pulse-dot{background:#99d6c1;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 5px #99d6c11f}.pause-card{z-index:20;color:#eaf6f4;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#031d2cf7;border:1px solid #c5e6de4d;border-radius:20px;gap:11px;width:min(380px,100% - 32px);padding:30px;transition:opacity .2s,transform .2s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 35px 110px #00080fa6}.pause-card h2{margin:0 0 10px;font:500 31px Newsreader,serif}.pause-card label{color:#b8d0d2;justify-content:space-between;align-items:center;gap:14px;font-size:12px;display:flex}.pause-card select{color:#eff8f7;background:#082f42;border:1px solid #bee5e233;border-radius:7px;padding:7px 10px}.pause-card.is-hidden{opacity:0;pointer-events:none;transform:translate(-50%,-47%)}.event-vignette{z-index:9;color:#eef8f5;text-shadow:0 2px 18px #001821;pointer-events:none;flex-direction:column;align-items:center;gap:8px;transition:opacity .35s,transform .35s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.event-vignette span{background:#04273494;border:1px solid #d7efe773;border-radius:50%;place-items:center;width:78px;height:78px;font-size:38px;display:grid;box-shadow:0 0 70px #83cec138}.event-vignette strong{font:500 27px Newsreader,serif}.event-vignette.is-shipping span,.event-vignette.is-storm span{color:#edb09b;border-color:#ecaa9180;box-shadow:0 0 75px #d26e5b38}.event-vignette.is-food span{color:#dceab7}.event-vignette.is-ui-hidden{opacity:0;transform:translate(-50%,-44%)scale(.92)}.chapter-card{z-index:9;color:#eaf5f3;text-align:center;pointer-events:none;background:linear-gradient(90deg,#0000,#021b2aeb 12% 88%,#0000);border-top:1px solid #cae8e159;border-bottom:1px solid #cae8e138;width:min(510px,100% - 40px);padding:25px 28px;transition:opacity .5s,transform .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chapter-card h2{margin:8px 0 9px;font:500 34px Newsreader,serif}.chapter-card>p:last-child{color:#b9d1d2;margin:0;font-size:13px;line-height:1.6}.chapter-card.is-ui-hidden{opacity:0;transform:translate(-50%,-45%)}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (width<=650px){.topbar{padding:17px}.status-panel{width:170px;max-height:calc(100% - 130px);padding:11px;top:70px;bottom:auto;left:10px;overflow-y:auto}.whale-name{margin-bottom:8px;padding-bottom:9px}.whale-name strong{font-size:17px}.whale-mark{width:30px;height:30px}.bar{margin-bottom:9px}.instinct-button{min-height:42px}.legend-panel,.text-button{display:none}.ocean-bulletin{width:calc(100% - 24px);top:auto;bottom:47px}.journey-progress{top:73px}.ocean-bulletin small{max-width:240px}.metric{margin:6px 0}.intro-card{width:calc(100% - 24px);max-width:none;padding:24px;overflow:hidden}.intro-card h2{overflow-wrap:anywhere;max-width:100%;font-size:clamp(28px,8vw,32px)}.intro-card>p,.mission span,.controls span{overflow-wrap:anywhere;min-width:0}.behavior-bar{gap:3px;width:calc(100% - 18px);bottom:48px;overflow-x:auto}.behavior{min-width:106px;min-height:44px;padding:8px}.behavior b{display:none}.hint{text-overflow:ellipsis;max-width:calc(100% - 28px);bottom:9px;overflow:hidden}.result-grid{grid-template-columns:repeat(2,1fr)}.decision-card,.result-card{max-height:90%;padding:25px;overflow-y:auto}}@media (width<=430px){.topbar h1{font-size:19px}.top-actions{gap:5px}.icon-button{width:38px;height:38px}.status-panel{width:154px}.metric{font-size:10px}.ocean-bulletin{bottom:52px}.decision-card h2{font-size:27px}.decision-choices button{min-height:58px}}:root{--ocean-surface:#0b4053;--ocean-mid:#073043;--ocean-deep:#031d2c;--ocean-abyss:#01131f;--panel-background:#042330c7;--panel-background-strong:#031b28f5;--panel-border:#bee2de2e;--text-primary:#eef7f4;--text-secondary:#b7cfd0;--text-muted:#83a8ac;--state-attention:#d5a378;--state-critical:#df776d;--cue-acoustic:#9bcbd3;--cue-visual:#d6d9aa;--cue-hydrodynamic:#79c2b8;--cue-depth:#829eb7;--cue-social:#b7a8ca;--space-1:6px;--space-2:10px;--space-3:16px;--space-4:24px;--radius-small:9px;--radius-panel:18px;--shadow-panel:0 24px 70px #000a1347;--transition-fast:.16s;--transition-calm:.42s}body{color:var(--text-primary);background:var(--ocean-abyss)}.game-shell{background:radial-gradient(ellipse at 20% 12%, #4185911f, transparent 38%), linear-gradient(155deg, var(--ocean-mid), var(--ocean-deep) 58%, var(--ocean-abyss))}.game-shell:after{background:linear-gradient(112deg,#7ec6c409,#0000 26%),radial-gradient(at 52% 44%,#0000 27%,#000c1657 100%);box-shadow:inset 0 0 150px #0008106b}.topbar{background:linear-gradient(#01121dcc,#0000);padding:22px 28px}.topbar h1{font-size:clamp(21px,2vw,27px)}.eyebrow{color:#9ac8c9}.icon-button,.text-button{border-color:var(--panel-border);transition:border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);background:#03202d80}.icon-button:hover,.text-button:hover{background:#0a3541b8;border-color:#c7e8e266}.status-panel{border-color:var(--panel-border);border-radius:var(--radius-panel);width:214px;box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(15px)saturate(.85);backdrop-filter:blur(15px)saturate(.85);opacity:.9;transition:opacity var(--transition-calm), border-color var(--transition-fast), box-shadow var(--transition-fast);background:linear-gradient(160deg,#062b37c7,#021b28b3);padding:15px 16px;top:104px}.status-panel:hover,.status-panel:focus-within,.status-panel.has-attention,.status-panel.has-critical-state{opacity:1}.whale-name{margin-bottom:9px;padding-bottom:11px}.indicator-group-label{color:var(--text-muted);letter-spacing:.13em;text-transform:uppercase;margin:10px 0 7px;font-size:8px;font-weight:600}.indicator-group-label.environmental{border-top:1px solid #bce1dc1a;margin-top:16px;padding-top:12px}.metric{color:var(--text-secondary);margin:7px 0 6px;font-size:10px}.metric strong{font-size:11px}.bar{background:#ddeeeb1a;height:3px;margin-bottom:10px}.bar.exposure{background:#d2b18b1f;height:2px;margin-bottom:10px}.bar.exposure i{background:var(--state-attention);box-shadow:0 0 10px #d5a37840}.bar.disturbance{background:repeating-linear-gradient(90deg,#d5a37812 0 12px,#0000 12px 15px);border:1px solid #d5a37826;height:5px;padding:1px}.bar.disturbance i{background:#cf8968b8}.risk-scale{opacity:.72;margin:-6px 0 10px;font-size:7px}.status-panel.has-attention{border-color:#d5a37861}.status-panel.has-critical-state{border-color:#df776d94}.instinct-button{min-height:42px;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:linear-gradient(90deg,#69b1b31f,#9bcbd30f);border-color:#9bcbd34d;border-radius:21px}.instinct-button:hover:not(:disabled){background:#69b1b333;border-color:#aedddb85;transform:translateY(-1px)}.instinct-button.is-reading{background:#bccf9f29;border-color:#d6d9aab8}.ocean-bulletin{border-color:var(--panel-border);width:min(530px,100% - 630px);min-height:67px;color:var(--text-secondary);background:linear-gradient(100deg,#052b37d6,#031c2ab8);border-radius:20px;gap:14px;padding:12px 18px;top:20px;box-shadow:0 20px 60px #000a1233}.bulletin-icon{width:42px;height:42px;color:var(--cue-hydrodynamic);background:radial-gradient(circle,#79c2b824,#0000 70%);border:1px solid #79c2b833;position:relative}.bulletin-copy{min-width:0}.ocean-bulletin.is-deep-reading{border-color:#d6d9aa73;box-shadow:0 0 0 1px #d6d9aa14,0 22px 70px #000a1252}.ocean-bulletin.is-deep-reading .bulletin-icon{color:#d6d9aa;border-color:#d6d9aa66}.ocean-bulletin p{color:var(--text-muted)}.ocean-bulletin strong{color:var(--text-primary);font:500 16px/1.2 Newsreader,serif}.ocean-bulletin small{color:var(--text-secondary);font-size:11px}.ocean-bulletin.is-resting{opacity:.78;transform:translate(-50%)translateY(-3px)}.ocean-bulletin.is-resting:hover,.ocean-bulletin.is-resting:focus-within,.ocean-bulletin.is-resting:focus{opacity:1;transform:translate(-50%)}.journey-progress{opacity:.72;top:92px}.intro-card,.decision-card,.result-card{border-color:var(--panel-border);background:linear-gradient(145deg, #07303cf2, var(--panel-background-strong));border-radius:24px;box-shadow:0 36px 120px #00070d94}.intro-card{width:min(590px,100% - 36px)}.intro-card h2{font-size:clamp(36px,4vw,48px)}.controls{grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.controls span{color:var(--text-muted);gap:3px;line-height:1.45;display:grid}.controls b{min-width:0;color:var(--text-primary)}.mission{background:#a3c6aa0e}.primary-button{border-radius:24px;min-height:48px}.decision-card{width:min(560px,100% - 36px)}.decision-choices{gap:4px}.decision-choices button{background:linear-gradient(90deg,#70b1b114,#0000);border-width:0 0 0 2px;border-color:#9bcbd34d;border-radius:2px 12px 12px 2px;min-height:62px;padding:13px 15px}.decision-choices button:hover,.decision-choices button:focus-visible{background:linear-gradient(90deg,#70b1b129,#0000);border-color:#cbe6dda6;transform:translate(4px)}.text-button.has-new-entry #journal-count{animation:.9s ease-out journal-entry-pulse}@keyframes journal-entry-pulse{0%{color:#dff4c9;box-shadow:0 0 #bee5be57}to{color:inherit;box-shadow:0 0 0 9px #bee5be00}}.journal-panel{border-left:1px solid var(--panel-border);background:linear-gradient(150deg,#052a36fa,#021825fa)}.journal-list article{padding:22px 0 22px 18px;position:relative}.journal-list article:before{content:"";background:var(--cue-hydrodynamic);border-radius:50%;width:5px;height:5px;position:absolute;top:27px;left:0}.result-card{width:min(720px,100% - 36px)}.result-section-title{color:var(--text-secondary);margin:20px 0 9px;font:500 18px Newsreader,serif}.result-grid{grid-template-columns:repeat(3,1fr)}.result-grid div{background:#7db7b00b;border:1px solid #b7d5cf14;padding:14px 9px}.result-moments{flex-wrap:wrap;gap:7px;margin:0 0 18px;display:flex}.result-moments span{color:var(--text-secondary);animation:.5s both result-reveal;animation-delay:calc(var(--reveal-order) * .1s + .26s);background:#7db7b00e;border-left:2px solid #9bcbd359;border-radius:2px 10px 10px 2px;padding:8px 11px;font-size:11px}.legacy-score{color:var(--text-muted);opacity:.68;justify-content:flex-end;align-items:baseline;gap:5px;margin:18px 0 8px;font-size:9px;display:flex}.legacy-score strong{color:var(--text-secondary);font:500 17px Newsreader,serif}.legacy-score span{letter-spacing:.05em;text-transform:uppercase;margin-right:4px}.result-card:not(.is-hidden) .result-grid>div{animation:.55s both result-reveal}.result-card:not(.is-hidden) .result-grid>div:nth-child(2n){animation-delay:90ms}.result-card:not(.is-hidden) .result-grid>div:nth-child(3n){animation-delay:.17s}@keyframes result-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}button{min-height:40px}@media (width<=900px){.ocean-bulletin{width:min(480px,100% - 270px);left:auto;right:18px;transform:none}.journey-progress{top:98px;left:auto;right:28px;transform:none}}@media (width<=650px){.topbar{padding:14px 14px 0}.topbar>div:first-child{min-width:0}.topbar .eyebrow{display:none}.topbar h1{white-space:nowrap;max-width:230px;margin-top:0;font-size:17px}.top-actions{flex:none;gap:4px}.icon-button{width:36px;height:36px;min-height:36px}.status-panel{background:#031f2bc2;width:152px;max-height:48vh;padding:10px 11px;top:auto;bottom:62px;left:10px}.whale-name small,.risk-scale,.status-panel .indicator-group-label,.status-panel .secondary-status{display:none}.whale-name{margin-bottom:6px;padding-bottom:7px}.metric{margin:4px 0;font-size:9px}.bar{margin-bottom:6px}.instinct-button{min-height:44px;margin-top:8px;padding:8px 10px}.ocean-bulletin{width:calc(100% - 20px);min-height:60px;padding:9px 12px;top:66px;bottom:auto;right:10px}.bulletin-icon{width:34px;height:34px}.ocean-bulletin small{white-space:normal;max-width:none;line-height:1.35}.journey-progress{justify-content:flex-end;top:132px;left:180px;right:12px}.journey-progress i{width:min(18px,6vw)}.controls{grid-template-columns:1fr;gap:7px}.controls span{display:block}.intro-card{max-height:calc(100% - 24px);padding:24px 22px;overflow-y:auto}.intro-card h2{font-size:34px}.decision-card{width:calc(100% - 20px);max-height:76vh;padding:22px;top:auto;bottom:12px;overflow-y:auto;transform:translate(-50%)}.decision-card.is-hidden{transform:translate(-50%,16px)}.decision-card:not(.is-hidden){animation:none}.journal-panel{width:100%;padding:22px 20px}.result-card{width:calc(100% - 20px);max-height:calc(100% - 20px);padding:23px 20px}.result-heading{display:block}.score{align-items:baseline;gap:5px;width:fit-content;margin-top:12px;padding:7px 10px;display:flex}.result-grid{grid-template-columns:repeat(2,1fr)}.hint{width:calc(100% - 180px);max-width:none;left:auto;right:10px;transform:none}.hint #hint-text{text-overflow:ellipsis;min-width:0;overflow:hidden}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=650px){.topbar{padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) 0 max(14px, env(safe-area-inset-left))}.topbar h1{text-overflow:ellipsis;max-width:calc(100vw - 180px);overflow:hidden}.top-actions{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));position:absolute}.icon-button{width:44px;height:44px;min-height:44px}.status-panel{bottom:max(62px, calc(env(safe-area-inset-bottom) + 52px));left:max(10px, env(safe-area-inset-left));width:166px}.metric{color:#c9dcdc;margin:5px 0;font-size:11px}.metric strong{font-size:12px}.ocean-bulletin{top:max(66px, calc(env(safe-area-inset-top) + 54px));right:max(10px, env(safe-area-inset-right))}.ocean-bulletin p{font-size:10px}.bulletin-copy strong,.bulletin-copy small{overflow-wrap:anywhere}.ocean-bulletin small{color:#c7dcdb;white-space:normal;max-width:none;font-size:12px;line-height:1.45}#journal-button{place-items:center;width:44px;height:44px;padding:0;font-size:0;display:inline-grid;position:relative}#journal-button:before{content:"≡";font-size:22px;line-height:1}#journal-button span{min-width:18px;height:18px;margin:0;font-size:9px;position:absolute;top:-3px;right:-3px}.controls{font-size:13px}.controls span{color:#bed2d2}.intro-card{max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 20px)}.intro-card>p:not(.eyebrow),.mission{font-size:13px;line-height:1.6}.decision-card{bottom:max(12px, env(safe-area-inset-bottom));max-height:min(76dvh, calc(100dvh - env(safe-area-inset-top) - 20px))}.decision-card>p:not(.eyebrow){font-size:14px}.decision-choices strong{font-size:15px}.decision-choices span{color:#c7d9d8;font-size:13px;line-height:1.5}.journal-panel{padding:max(22px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left))}.journal-list p,.journal-empty{color:#c9dbda;font-size:14px;line-height:1.7}.journal-list time{font-size:10px}.journal-head button{min-width:44px;min-height:44px}.result-card{max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px)}.result-card h2{font-size:32px}.result-state{flex-direction:column;align-items:flex-start;gap:4px}.result-state span{font-size:13px}.result-state strong{text-align:left;font-size:18px}.result-narrative p{color:#cedfdd;font-size:14px;line-height:1.7}.result-narrative .result-lead{font-size:20px}.result-moments span{color:#c3d7d6;font-size:12px}.result-details summary{color:#aac4c5;min-height:44px;padding:15px 2px;font-size:11px}.hint{right:max(10px, env(safe-area-inset-right));bottom:max(9px, env(safe-area-inset-bottom));width:calc(100% - 190px)}}@media (width<=650px) and (orientation:portrait){.status-panel{background:#031f2be6;width:194px;padding:14px 15px}.whale-name{margin-bottom:9px;padding-bottom:10px}.whale-name strong{font-size:19px}.whale-mark{width:36px;height:36px}.metric{margin:7px 0;font-size:12px}.metric strong{font-size:13px;font-weight:600}.bar{height:5px;margin-bottom:10px}.bar.exposure{height:4px}.instinct-button{min-height:46px;font-size:12px}.hint{width:calc(100% - 215px)}}@media (height<=500px) and (orientation:landscape){.topbar h1{max-width:210px;font-size:16px}.status-panel{bottom:max(10px, env(safe-area-inset-bottom));max-height:calc(100dvh - 72px);overflow-y:auto}.ocean-bulletin{top:max(10px, env(safe-area-inset-top));width:min(430px,100% - 340px);min-height:52px;right:76px}.journey-progress{top:max(68px, calc(env(safe-area-inset-top) + 56px))}.game-shell.has-decision .status-panel{opacity:.18;pointer-events:none}.decision-card{width:min(620px,100% - 28px);max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px);padding:20px 22px;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.decision-card.is-hidden{transform:translate(-50%,-46%)}.decision-card h2{margin:6px 0 8px;font-size:26px}.decision-card>p:not(.eyebrow){font-size:13px;line-height:1.45}.decision-choices{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.decision-choices button{min-height:78px;padding:11px 12px}.intro-card,.result-card{max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 12px)}.hint{display:none}}