:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#263f47;background:#cedbdd;-webkit-tap-highlight-color:transparent}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}
#game{position:fixed;inset:0;width:100%;height:100%;overflow:hidden}
#unity-canvas{display:block;width:100%;height:100%;outline:none}
#look{position:absolute;inset:0 0 0 50%;touch-action:none}
header{position:absolute;top:max(24px,env(safe-area-inset-top));left:24px;right:24px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}
header small{font-size:10px;letter-spacing:2px;font-weight:650;opacity:.72}h1{font-size:31px;font-weight:750;letter-spacing:1px;line-height:1.15;margin:7px 0 0}h1 span{color:#d9583e}
#state{font-size:12px;font-weight:700;padding:8px 14px;border:1px solid #ffffff8c;border-radius:20px;background:#f7f6ed99;min-width:70px;text-align:center}
#state[data-state="2"]{background:#d9583e;color:#fff;border-color:#d9583e}#state[data-state="3"]{background:#294d58;color:#fff;border-color:#294d58}
#look-hint{position:absolute;right:22px;top:calc(max(24px,env(safe-area-inset-top)) + 80px);font-size:10px;letter-spacing:.4px;opacity:.68;pointer-events:none}#look-hint span{font-size:15px;margin-right:4px}
#controls{position:absolute;inset:0;pointer-events:none}
#stick-wrap{position:absolute;left:23px;bottom:calc(max(18px,env(safe-area-inset-bottom)) + 8px);text-align:center;width:142px}
#stick{position:relative;width:138px;height:138px;margin:auto;border-radius:50%;border:1.5px solid #ffffffe0;background:#eff2e83b;box-shadow:0 3px 24px #243d4010,inset 0 0 0 10px #ffffff12;pointer-events:auto;touch-action:none}
#stick i{position:absolute;inset:27px;border:1px dashed #3d5b5144;border-radius:50%}#stick:before,#stick:after{content:"";position:absolute;background:#49605a22;left:50%;top:17%;width:1px;height:66%}#stick:after{transform:rotate(90deg)}
#knob{position:absolute;left:calc(50% - 25px);top:calc(50% - 25px);width:50px;height:50px;border-radius:50%;background:#fff9eaeb;box-shadow:0 4px 8px #35494224;border:1px solid #fff;z-index:1}
#stick.active{border-color:#d9583eaa}#stick.active #knob{background:#df7258;border-color:#ffbba5}
#stick-wrap p{font-size:10px;letter-spacing:.2px;margin:10px -8px 0;font-weight:600}
#jump{position:absolute;right:30px;bottom:calc(max(18px,env(safe-area-inset-bottom)) + 38px);width:84px;height:84px;border-radius:50%;border:1px solid #fffdf1;background:#fff9eabf;box-shadow:0 4px 16px #35494217;color:#2b454c;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;font:600 11px -apple-system,BlinkMacSystemFont,sans-serif;pointer-events:auto;touch-action:none}
#jump svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}#jump.pressed{background:#d9583e;color:white;transform:scale(.96)}
#loading{position:absolute;inset:0;background:#cedbdd;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;transition:opacity .18s}.load-title{font-size:40px;letter-spacing:2px;font-weight:750}#loading p{font-size:13px;margin:24px 24px 15px;text-align:center}#loading small{font-size:11px;opacity:.65;margin-top:18px}.track{width:180px;height:3px;background:#b5c5c8;border-radius:3px;overflow:hidden}#progress{height:100%;background:#d9583e;width:0;transition:width .2s}#loading.done{opacity:0;pointer-events:none}#loading[hidden]{display:none}
@media(max-height:700px){header{top:max(18px,env(safe-area-inset-top))}#look-hint{top:99px}#stick-wrap{bottom:calc(max(15px,env(safe-area-inset-bottom)) + 5px)}#jump{bottom:calc(max(15px,env(safe-area-inset-bottom)) + 35px)}}