:root{--ink: #161a26;--ink-lo: #333d45;--stone: #5b6a74;--stone-hi: #8b9aa4;--iron-hi: #a8b0b8;--sand-hi: #f7e8c4;--water: #7fd4e8;--orange: #c96a24;--font: "Kenney-Future", -apple-system, "PingFang SC", sans-serif}@font-face{font-family:Kenney-Future;src:url(/bundle/Kenney-Future-DEf4eE_G.ttf) format("truetype");font-display:swap}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#0d2438;font-family:var(--font);color:#fff;user-select:none;-webkit-user-select:none;touch-action:none}#app{position:fixed;inset:0}#frame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);--u: 3px}#frame,#frame *{image-rendering:pixelated;image-rendering:-moz-crisp-edges}#stage{position:absolute;inset:0;display:block}#fx{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .35s ease;background:radial-gradient(ellipse at center,transparent 34%,rgba(120,10,20,.62) 100%),linear-gradient(#1e3c6e38,#1e3c6e38)}#fx.warn{opacity:1;animation:pulse 1.15s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}.hidden{display:none!important}.panel,.sheet,.dialog,.card,.log-chip,.tag{border-style:solid;border-color:transparent;border-width:calc(2 * var(--u));border-image:url(/assets/pixel/ui_panel.png) 2 / calc(2 * var(--u)) stretch;background-color:#161a26bd;border-radius:calc(2 * var(--u))}#hud-top{position:absolute;left:calc(4 * var(--u));right:calc(4 * var(--u));top:max(calc(4 * var(--u)),env(safe-area-inset-top));display:flex;flex-direction:column;gap:calc(3 * var(--u))}#topbar{padding:calc(2 * var(--u)) calc(3 * var(--u));display:flex;align-items:center;gap:calc(4 * var(--u));flex-wrap:wrap;transition:opacity .45s ease}#topbar.dying{opacity:0}.res{display:flex;align-items:center;gap:calc(5 * var(--u));flex-wrap:wrap;flex:1}.res .item{display:flex;align-items:center;gap:calc(2 * var(--u));font-size:calc(8 * var(--u));line-height:1}.ico{width:calc(12 * var(--u));height:calc(12 * var(--u));flex:none;background-size:100% 100%;background-repeat:no-repeat}.ico-wood{background-image:url(/assets/pixel/ui_icon_wood.png)}.ico-rope{background-image:url(/assets/pixel/ui_icon_rope.png)}.ico-stone{background-image:url(/assets/pixel/ui_icon_stone.png)}.ico-iron{background-image:url(/assets/pixel/ui_icon_iron.png)}.res .item.flow{opacity:.86;font-size:calc(7 * var(--u))}.res .item.goal{color:var(--sand-hi)}.chapter{font-size:calc(6 * var(--u));opacity:.72;letter-spacing:.04em}#sea-hud{display:flex;align-items:center;gap:calc(3 * var(--u))}.tag{padding:calc(2 * var(--u)) calc(3 * var(--u));font-size:calc(7 * var(--u));line-height:1;white-space:nowrap;display:flex;align-items:center;gap:calc(2 * var(--u))}#oxy-wrap{flex:1;position:relative}#oxy-bar{position:relative;height:calc(12 * var(--u));border-style:solid;border-color:transparent;border-width:calc(2 * var(--u));border-image:url(/assets/pixel/ui_oxy_frame.png) 2 / calc(2 * var(--u)) stretch;background-color:#161a268c}#oxy-fill{position:absolute;top:0;left:0;bottom:0;width:calc(100% * var(--pct, 1));background-image:url(/assets/pixel/ui_oxy_fill.png);background-size:calc(8 * var(--u)) calc(8 * var(--u));background-repeat:repeat-x}#oxy-bar.warn #oxy-fill{background-image:url(/assets/pixel/ui_oxy_fill_warn.png)}#oxy-return{position:absolute;top:calc(-1 * var(--u));bottom:calc(-1 * var(--u));width:calc(2 * var(--u));left:calc(100% * var(--rp, 1));margin-left:calc(-1 * var(--u));background:var(--sand-hi);box-shadow:0 0 0 var(--u) var(--ink)}#oxy-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:calc(6 * var(--u));letter-spacing:.06em;text-shadow:0 1px 2px rgba(0,0,0,.85);pointer-events:none}.pn{display:inline-flex;align-items:center}.pn i{width:calc(7 * var(--u));height:calc(10 * var(--u));background-image:url(/assets/pixel/ui_digits.png);background-size:calc(104 * var(--u)) calc(10 * var(--u));background-position:calc(-8 * var(--u) * var(--i)) 0;background-repeat:no-repeat}button{font-family:var(--font);font-size:calc(8 * var(--u));line-height:1;color:#fff;display:inline-flex;align-items:center;justify-content:center;height:calc(14 * var(--u));padding:0 calc(3 * var(--u));background:none;cursor:pointer;border-style:solid;border-color:transparent;border-width:calc(2 * var(--u)) calc(2 * var(--u)) calc(4 * var(--u));border-image:url(/assets/pixel/ui_btn.png) 2 2 4 2 fill / calc(2 * var(--u)) calc(2 * var(--u)) calc(4 * var(--u)) stretch;text-shadow:0 1px 0 rgba(22,26,38,.55)}button:active{border-width:calc(4 * var(--u)) calc(2 * var(--u)) calc(2 * var(--u));border-image:url(/assets/pixel/ui_btn_down.png) 4 2 2 2 fill / calc(4 * var(--u)) calc(2 * var(--u)) calc(2 * var(--u)) stretch}button.ghost,button:disabled{border-image-source:url(/assets/pixel/ui_btn_off.png);color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.25)}button:disabled{opacity:.62;cursor:default}button.big{height:calc(18 * var(--u));font-size:calc(9 * var(--u));min-width:calc(40 * var(--u))}#island-ui{position:absolute;right:calc(5 * var(--u));bottom:max(calc(5 * var(--u)),env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:calc(3 * var(--u))}#stick{position:absolute;left:calc(5 * var(--u));bottom:max(calc(6 * var(--u)),env(safe-area-inset-bottom));width:max(104px,calc(44 * var(--u)));height:max(104px,calc(44 * var(--u)));background-image:url(/assets/pixel/ui_stick_base.png),radial-gradient(closest-side circle,rgba(22,26,38,.3) 98%,transparent 100%);background-size:calc(44 * var(--u)) calc(44 * var(--u)),calc(44 * var(--u)) calc(44 * var(--u));background-position:center,center;background-repeat:no-repeat,no-repeat;touch-action:none}#stick-knob{position:absolute;left:50%;top:50%;width:calc(20 * var(--u));height:calc(20 * var(--u));margin:calc(-10 * var(--u)) 0 0 calc(-10 * var(--u));background:url(/assets/pixel/ui_stick_knob.png) center / 100% 100% no-repeat}.sheet{position:absolute;left:calc(6 * var(--u));right:calc(6 * var(--u));bottom:max(calc(6 * var(--u)),env(safe-area-inset-bottom));max-height:82%;overflow-y:auto;padding:calc(4 * var(--u));background-color:#161a26ed}.sheet header{display:flex;align-items:center;justify-content:space-between;font-size:calc(9 * var(--u));margin-bottom:calc(4 * var(--u))}.sheet .close{border-image:none;border-width:0;background:none;height:auto;padding:0 calc(2 * var(--u));font-family:-apple-system,PingFang SC,sans-serif;font-size:calc(12 * var(--u));line-height:1;color:var(--stone-hi);text-shadow:none}.sheet .hint{font-size:calc(6 * var(--u));opacity:.72;line-height:1.7;margin:0 0 calc(4 * var(--u))}.card{padding:calc(3 * var(--u));margin-bottom:calc(3 * var(--u));display:flex;align-items:center;gap:calc(4 * var(--u));background-color:#8b9aa41f}.card .body{flex:1}.card .name{font-size:calc(8 * var(--u));line-height:1}.card .desc{font-size:calc(6 * var(--u));opacity:.76;margin-top:calc(2 * var(--u))}.card .cost{font-size:calc(7 * var(--u));margin-top:calc(2 * var(--u));display:flex;gap:calc(4 * var(--u));flex-wrap:wrap}.card .cost span{display:flex;align-items:center;gap:calc(1 * var(--u))}.card .cost .lack{filter:sepia(1) saturate(6) hue-rotate(-52deg) brightness(1.02)}.card.done{opacity:.5}.dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(88%,calc(240 * var(--u)));text-align:center;padding:calc(6 * var(--u)) calc(5 * var(--u));background-color:#161a26f2}.dialog p{margin:0 0 calc(2 * var(--u));font-size:calc(9 * var(--u))}.dialog .sub{font-size:calc(7 * var(--u));opacity:.8;line-height:1.7;margin-bottom:calc(5 * var(--u))}.dialog .row{display:flex;gap:calc(4 * var(--u));justify-content:center}#note{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a121cb8;padding:calc(8 * var(--u))}.note-inner{max-width:calc(280 * var(--u));text-align:center;background:linear-gradient(#f6ead2,#e8d7b6);color:#3a3020;border:calc(2 * var(--u)) solid var(--ink);padding:calc(7 * var(--u)) calc(6 * var(--u)) calc(5 * var(--u));box-shadow:calc(2 * var(--u)) calc(2 * var(--u)) 0 #161a2673}.note-inner p{font-size:calc(8 * var(--u));line-height:1.8;margin:0 0 calc(6 * var(--u));font-family:-apple-system,PingFang SC,serif}#log-list{display:flex;flex-wrap:wrap;gap:calc(3 * var(--u));margin-bottom:calc(4 * var(--u))}.log-chip{padding:calc(2 * var(--u)) calc(3 * var(--u));font-size:calc(6 * var(--u));line-height:1;display:flex;align-items:center;gap:calc(2 * var(--u));background-color:#8b9aa424}.log-chip.unknown{opacity:.4}.log-chip.unknown .ico{filter:brightness(.22)}#note-history{font-size:calc(6 * var(--u));opacity:.68;line-height:1.8}#note-history div{margin-bottom:calc(2 * var(--u))}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0d2438;font-size:calc(7 * var(--u));letter-spacing:.06em}