:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#0b191b;color:#f4e8ce}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #8af5dd;outline-offset:4px}#game{height:100svh;min-height:500px;position:relative;overflow:hidden}#scene,.veil{position:absolute;inset:0;width:100%;height:100%}#scene{touch-action:none}.veil{pointer-events:none;background:linear-gradient(90deg,#091517dd,transparent 57%),linear-gradient(0deg,#09151788,transparent 23%)}header{position:absolute;top:max(22px,env(safe-area-inset-top));left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;z-index:4}header>a{display:flex;align-items:center;gap:12px;font-size:24px;min-height:44px}header>a span{font-size:10px;letter-spacing:3px;font-weight:700}.tools{display:flex;gap:8px}.tools button{height:44px;min-width:44px;border:1px solid #a4d9c82b;border-radius:30px;background:#0d2525b3;color:#c6d4bf;font-size:19px}#sound{font-size:8px;letter-spacing:1.5px;padding:0 15px}.identity{position:absolute;left:6%;top:15%;pointer-events:none}.eyebrow,.label,.reserve-label,footer,#hint,.machine-state{font:9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.7px}.eyebrow{color:#a59e80;margin:0 0 20px}h1{font:400 clamp(60px,7.2vw,114px)/.86 Georgia,serif;letter-spacing:-5px;margin:0}h1 em{font-weight:400;color:#a5e0ce}.subtitle{font-size:13px;line-height:1.7;color:#a3b4a8;margin:22px 0}.readout{position:absolute;left:6%;bottom:34%;display:flex;gap:44px}.label{font-size:8px;color:#809a8c}.readout p{font:30px Georgia,serif;margin:8px 0}.readout b{font-weight:400;color:#edd6a5}.readout p span{font:11px monospace;color:#819887}.readout #best{font-size:22px;padding-top:7px}.console{position:absolute;left:6%;bottom:8%;width:310px}.reserve-label{display:flex;justify-content:space-between;color:#a6b7a4;font-size:8px}.reserve{height:3px;background:#46796b50;margin:10px 0 17px;overflow:hidden}.reserve i{display:block;height:100%;background:#a4e6ca;transform-origin:left}#status{font-size:12px;line-height:1.65;min-height:40px;color:#bfccb8;margin:0 0 16px}#action{height:60px;width:100%;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border:1px solid #cfe6c2;background:#e0e8c6;color:#1b3936;border-radius:4px;font-weight:700;font-size:10px;letter-spacing:1.8px;touch-action:none;user-select:none;-webkit-user-select:none}#action-symbol{font-size:25px;font-weight:400}#hint{font-size:7px;letter-spacing:.8px;text-align:center;color:#849d8b;margin-top:13px}.machine-state{position:absolute;left:62%;transform:translateX(-50%);bottom:9%;color:#e4c393;font-size:8px;white-space:nowrap}.frozen #action{background:#87e8ce;border-color:#a1ffe7;box-shadow:0 0 35px #54e8c044}.frozen .machine-state{color:#a0ffe1}.frozen .reserve i{background:#f4ba80}.lost #status{color:#ffaf88}.won #status{color:#b6edd7}footer{position:absolute;bottom:max(10px,env(safe-area-inset-bottom));left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;color:#63867c;font-size:7px}footer button{color:#739387;min-height:36px;background:transparent;border:0;font:inherit;letter-spacing:1px}#error{position:absolute;inset:35% 15% auto;padding:30px;background:#20332a;border:1px solid #b5ab80;z-index:8}[hidden]{display:none!important}
@media(max-width:760px){header{top:max(12px,env(safe-area-inset-top));left:6%;right:6%}header>a span{font-size:8px;letter-spacing:2px}.identity{left:6%;top:83px}.eyebrow{font-size:6px;letter-spacing:1px;margin-bottom:12px}h1{font-size:46px;letter-spacing:-2px}h1 br{display:none}h1 em{margin-left:9px}.subtitle{display:none}.readout{left:6%;right:6%;top:154px;bottom:auto;justify-content:space-between;gap:20px}.readout p{font-size:23px;margin-top:5px}.readout #best{font-size:19px;padding-top:3px}.label{font-size:6px;letter-spacing:1px}.console{bottom:max(39px,env(safe-area-inset-bottom));left:6%;width:88%}#status{font-size:10px;min-height:30px;margin-bottom:11px}.reserve{margin:8px 0 10px}#action{height:54px}.machine-state{left:50%;bottom:245px;font-size:7px}.veil{background:linear-gradient(180deg,#091517f2,#091517a6 23%,transparent 40%,transparent 58%,#091517ed 81%)}footer{left:6%;right:6%;font-size:5px}footer button{font-size:6px}.tools button{min-width:40px}#sound{font-size:7px;padding:0 10px}#hint{font-size:6px;margin-top:10px}}
@media(max-height:670px) and (max-width:760px){.identity{top:71px}h1{font-size:35px}.eyebrow{display:none}.readout{top:117px}.console{bottom:30px}#status{min-height:28px;font-size:9px;margin-bottom:8px}#action{height:48px}.machine-state{bottom:211px}.readout p{font-size:20px}}
@media(min-width:761px) and (max-height:720px){h1{font-size:70px}.subtitle{display:none}.readout{bottom:43%}.console{bottom:8%}.identity{top:18%}}