:root{color:#e9edd9;font-synthesis:none;--cream:#ffedbc;--muted:#a2bdb5;--brass:#d8b479;--sea:#102b3b;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);background:#0b2632;font-family:Avenir Next,Avenir,Trebuchet MS,system-ui,sans-serif;font-weight:500}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,.touch-pad:focus-visible{outline:2px solid var(--cream);outline-offset:4px}button:active{transform:translateY(1px)}button:disabled{opacity:.5}button,.touch-pad{-webkit-user-select:none;user-select:none}button svg{width:22px;height:22px}#app{background:var(--sea);width:100%;max-width:480px;height:100dvh;min-height:480px;margin:0 auto;position:relative;overflow:hidden}#world,#ui{position:absolute;inset:0}#world canvas{display:block}#ui{pointer-events:none}button,.touch-pad{pointer-events:auto}.hidden{display:none!important}.eyebrow{letter-spacing:.21em;color:#c0d0bd;font-size:9px;font-weight:600}.home-heading{text-align:center;top:calc(70px + var(--safe-top));position:absolute;left:12px;right:12px}.home-heading h1{letter-spacing:-4px;color:var(--cream);margin:13px 0 6px;font-family:Avenir Next,Avenir,Trebuchet MS,sans-serif;font-size:62px;font-weight:500;line-height:1.15}.title-spark{vertical-align:top;letter-spacing:-8px;margin-left:3px;font-size:23px;line-height:1.7;display:inline-block}.home-heading p{color:#a5c0bb;letter-spacing:.025em;margin:0;font-size:12px}.home-bottom{bottom:calc(12px + var(--safe-bottom));text-align:center;position:absolute;left:28px;right:28px}.story{color:#e4e5cb;text-shadow:0 1px 15px #102b3b;margin-bottom:22px;font-size:17px;line-height:1.5}.primary{color:#253f43;letter-spacing:.015em;background:#efd7a4;border:1px solid #ffe0a1;border-radius:16px;justify-content:space-between;align-items:center;width:100%;min-height:56px;padding:14px 22px;font-size:17px;font-weight:700;display:flex;box-shadow:inset 0 1px #fff1cc,0 6px 25px #091b2633}.primary span{font-size:23px;font-weight:400}.home-meta{letter-spacing:.08em;color:#97b7ad;white-space:nowrap;justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:8px;display:flex}.dot{background:#baab80;border-radius:50%;width:3px;height:3px}.text-button{color:#b7cdc1;background:0 0;border:0;min-height:48px;padding:8px 18px;font-size:12px}.home-sound{letter-spacing:.08em;margin-top:2px;font-size:10px}.hud{top:calc(22px + var(--safe-top));justify-content:space-between;gap:24px;display:flex;position:absolute;left:25px;right:25px}.mini-label{letter-spacing:.15em;color:#b0c6ba;font-size:8px;display:block}.bank-number{font-variant-numeric:tabular-nums;align-items:center;gap:9px;margin:6px 0 8px;display:flex}.bank-number svg{color:#efd8a3;width:20px;height:20px}.bank-number strong{color:#f5e6bc;font-size:29px;font-weight:500;line-height:1.15}.bank-number>span{color:#a0b8b1;font-size:15px}.bank-track{background:#acc7b326;border-radius:2px;width:127px;height:2px;overflow:hidden}.bank-track i{background:#e8ce98;height:100%;transition:width .6s;display:block}.dives{text-align:right}.dives>div{justify-content:flex-end;gap:9px;margin-top:14px;display:flex}.dives i{background:#d7b675;border:1px solid #f0dca7;border-radius:7px 7px 4px 4px;width:12px;height:19px;display:block;position:relative;box-shadow:inset -3px 0 #0002}.dives i:after{content:"";background:#426263;border-radius:2px;width:4px;height:4px;position:absolute;top:5px;left:3px}.dives i.spent{opacity:.4;background:0 0;border-color:#65817c}.status{top:calc(112px + var(--safe-top));letter-spacing:.18em;color:#81a8a3;justify-content:space-between;font-size:8px;display:flex;position:absolute;left:25px;right:25px}.status span:last-child{font-variant-numeric:tabular-nums;letter-spacing:0}.cargo-marker{white-space:nowrap;color:#c9dcca;background:#102d3d99;border-radius:20px;padding:5px 9px;font-size:11px;position:absolute;transform:translate(-50%)}.cargo-marker>span:first-child{color:#fff0b8;font-weight:700}.cargo-marker.danger{color:#f5b99f}.notice{top:calc(151px + var(--safe-top));text-align:center;color:#e1ddbb;text-wrap:balance;font-size:12px;line-height:1.6;position:absolute;left:35px;right:35px}.controls{bottom:calc(14px + var(--safe-bottom));z-index:15;position:absolute;left:20px;right:20px}.control-row{justify-content:space-between;align-items:center;gap:4px;min-height:50px;margin-bottom:7px;display:flex}.icon-button{color:#b9ccbb;background:#102f3b8c;border:1px solid #8eafa126;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:48px;height:48px;padding:0;display:flex;position:relative}.control-row>span{color:#abc5b9;text-align:center;text-wrap:balance;max-width:215px;font-size:10px;line-height:1.5}.mute-slash{background:#f2bc91;width:25px;height:1.5px;display:none;position:absolute;transform:rotate(45deg);box-shadow:0 0 0 2px #14323d}.muted .mute-slash{display:block}.touch-pad{touch-action:none;color:#f1e2ba;background:linear-gradient(160deg,#284c50ea,#1b3c43ee);border:1px solid #d8bb7e7a;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;height:99px;transition:border-color .15s,background .15s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #b9cb9621,0 12px 35px #051a2538}.touch-pad.held{background:linear-gradient(160deg,#3a5b55f2,#23464df2);border-color:#e5cd94}.touch-pad.inactive{opacity:.65}.touch-pad strong{letter-spacing:.015em;margin-top:13px;font-size:17px;font-weight:600}.touch-pad>span{color:#b6c7b5;letter-spacing:.02em;margin-top:5px;font-size:10px}.pad-ruler{justify-content:space-between;align-items:center;height:9px;display:flex;position:absolute;top:15px;left:30px;right:30px}.pad-ruler i{background:#9bb6a16b;width:1px;height:3px}.pad-ruler b{opacity:.7;background:#e1c892;border-radius:4px;width:17px;height:5px;position:absolute;top:2px;transform:translate(-50%)}.pause-layer{z-index:12;pointer-events:auto;padding:calc(64px + var(--safe-top)) 30px 180px;background:#092530ed;position:absolute;inset:0;overflow:auto}.pause-panel{text-align:center;max-width:330px;margin:auto}.pause-panel h2,.result h2,.rotate h2{letter-spacing:-1.2px;font-family:Georgia,Times New Roman,serif;font-weight:400}.pause-panel h2{margin:12px 0;font-size:38px}.pause-panel p{color:#aec6b9;font-size:12px;line-height:1.6}.settings{border-top:1px solid #88ad9e30;margin:24px 0 16px}.settings button{background:0 0;border:0;border-bottom:1px solid #88ad9e30;justify-content:space-between;align-items:center;width:100%;min-height:51px;padding:8px 2px;font-size:13px;display:flex}.settings b{color:#dfcd9c;font-size:11px;font-weight:500}.secondary{color:#e5e4c4;background:#5b877329;border:1px solid #b6c7a15c;border-radius:13px;width:100%;min-height:48px;margin-top:8px;font-size:14px}.resume-note{margin-top:15px!important;font-size:11px!important}.result-heading{top:calc(53px + var(--safe-top));text-align:center;position:absolute;left:20px;right:20px}.result h2{color:#f4e8c5;margin:15px 0;font-size:39px;line-height:1.12}.result-bottom{bottom:calc(7px + var(--safe-bottom));text-align:center;background:linear-gradient(#0000,#0c2b38cf 20%,#0c2b38f5 100%);border-radius:18px;padding-top:16px;position:absolute;left:28px;right:28px}.result-total{justify-content:center;align-items:center;gap:10px;display:flex}.result-total svg{color:#ebcc8f;width:25px;height:25px}.result-total strong{color:var(--cream);font-variant-numeric:tabular-nums;font-size:40px;font-weight:500;line-height:1.1}.result-total>span{text-align:left;color:#c0d0bc;width:60px;font-size:11px;line-height:1.4}.result-bottom>p{color:#b7c9b9;text-wrap:balance;max-width:285px;margin:12px auto 18px;font-size:12px;line-height:1.6}.result-stats{justify-content:center;gap:55px;margin-bottom:23px;display:flex}.result-stats span{letter-spacing:.1em;color:#91b4a8;font-size:8px;display:block}.result-stats strong{color:#e0dcc0;margin-top:5px;font-size:18px;font-weight:500;display:block}.rotate{z-index:100;text-align:center;pointer-events:auto;background:#102b3bf7;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.rotate-phone{color:#d8bd85;font-size:40px}.rotate h2{margin:8px;font-size:30px}.rotate p{color:#a9c4b6;font-size:13px;line-height:1.7}.reduced-motion *{transition:none!important;animation:none!important}@media (max-height:740px){.home-heading{top:calc(40px + var(--safe-top))}.home-heading h1{font-size:56px}.story{margin-bottom:16px;font-size:15px}.home-bottom{bottom:calc(4px + var(--safe-bottom))}.home-meta{gap:7px;font-size:7px}.home-sound{min-height:48px}.controls{bottom:calc(10px + var(--safe-bottom));left:17px;right:17px}.touch-pad{height:92px}.control-row{margin-bottom:3px}.pause-layer{padding-top:calc(28px + var(--safe-top))}.pause-panel h2{font-size:32px}.settings{margin-top:14px}.settings button{min-height:48px}.pause-panel p{margin:8px 0}.result-heading{top:calc(30px + var(--safe-top))}.result h2{font-size:34px}.result-bottom>p{margin:8px auto 12px}.result-stats{margin-bottom:14px}.result-total strong{font-size:34px}.notice{top:calc(140px + var(--safe-top))}}@media (max-height:620px){.home-heading{top:22px}.home-heading h1{font-size:45px}.home-heading .eyebrow{font-size:8px}.story{display:none}.home-meta{margin-top:10px}.result-stats{display:none}.result h2{font-size:28px}.result-heading{top:20px}.pause-layer{padding-top:12px}.pause-panel h2{margin:5px;font-size:27px}.pause-panel .eyebrow{display:none}.settings{margin:8px 0}.pause-panel .resume-note{display:none}.hud{top:14px}.status{top:100px}.notice{font-size:10px;top:124px}}