:root{font-family:Georgia,'Malgun Gothic',sans-serif;color:#fff4dd;background:#101d26;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select{font:inherit;color:inherit;border:1px solid #ffffff40;background:#172a32e8;border-radius:10px;min-height:44px;padding:10px 14px;cursor:pointer;touch-action:manipulation}button:hover{background:#34505b}button:active{transform:translateY(1px)}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #ffdd80;outline-offset:4px}button[aria-pressed=true]{background:#e6c781;color:#17242c;border-color:#ffe7ae}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}#world{display:block;width:100%;height:100dvh;touch-action:none}header{position:absolute;top:0;left:0;right:0;padding:max(20px,env(safe-area-inset-top)) 28px 12px;display:flex;justify-content:space-between;gap:10px;align-items:flex-start;background:linear-gradient(#0b182acc,transparent);z-index:3}.brand{font-size:19px;letter-spacing:.2em;font-weight:700;color:#fff1cb;text-decoration:none}.brand span{display:block;font:11px/2 sans-serif;letter-spacing:.2em;color:#c4d0ce}.actions{display:flex;gap:6px}select{max-width:110px;font:12px sans-serif}#intro{position:absolute;top:26%;left:7%;max-width:520px;z-index:2;text-shadow:0 2px 20px #07141e}.eyebrow{font:10px/1.8 sans-serif;letter-spacing:.25em;color:#ead19b}h1{font-size:clamp(30px,4vw,58px);line-height:1.25;font-weight:500;letter-spacing:-.05em;margin:18px 0}p{font:14px/1.9 sans-serif;color:#d1dddb}.modes{display:flex;gap:8px;margin:26px 0 12px}.modes button{font:12px sans-serif}.primary{background:#f3cf7f;border-color:#f3cf7f;color:#17212a;min-width:220px;font-weight:700;min-height:54px}.primary:hover{background:#ffe3a5}small{display:block;margin-top:18px;color:#acbcbd;font:11px sans-serif}#hud{position:absolute;top:100px;left:28px;right:28px;display:flex;gap:24px;pointer-events:none}#hud span{display:block;font:11px/1.8 sans-serif;color:#d0dcd9}#hud strong{font:24px/1.3 Georgia;letter-spacing:.08em}.wave{margin-left:auto;width:160px;text-align:right}.bar{height:4px;background:#ffffff30;margin-top:10px;border-radius:4px;overflow:hidden}.bar i{display:block;height:100%;background:#8ee3d0;width:100%}#hint{position:absolute;left:50%;top:166px;transform:translateX(-50%);max-width:90%;text-align:center;font:13px/1.6 sans-serif;background:#14282ce8;border:1px solid #a8e6c940;border-radius:30px;padding:10px 18px;pointer-events:none;white-space:normal}#controls{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));left:28px;right:28px;display:flex;align-items:center;gap:18px}.dpad{display:grid;grid-template-columns:50px 50px 50px;grid-template-rows:48px 48px;gap:5px}.dpad button{font:24px sans-serif;padding:0;background:#18343de8}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3){grid-column:2;grid-row:2}.dpad button:nth-child(4){grid-column:3;grid-row:2}.control-copy{font:11px/1.8 sans-serif;color:#b9d0ce;max-width:180px}dialog{max-width:min(420px,90vw);border:1px solid #9f8d61;border-radius:20px;padding:30px;background:#172931;color:#fff1cb;text-align:center;box-shadow:0 30px 150px #0009}dialog::backdrop{background:#061019b0;backdrop-filter:blur(7px)}dialog h2{font-size:28px}dialog button{display:block;margin:12px auto 0;width:100%}#fatal{position:absolute;inset:20%;padding:25px;background:#172931;text-align:center}body.playing #intro{display:none}@media(max-width:600px){header{padding:18px 16px}.brand{font-size:14px}.brand span{font-size:9px}.actions button{padding:8px 10px}.actions{gap:4px}select{max-width:86px;padding:7px}#intro{top:auto;bottom:7%;left:24px;right:24px;padding:22px;background:linear-gradient(140deg,#11252af5,#11252ab0);border-left:2px solid #e5bc6b;border-radius:4px}h1{font-size:31px;margin:10px 0}p{font-size:12px}.eyebrow{font-size:8px}.modes{margin:16px 0 10px;gap:5px}.modes button{padding:9px;font-size:11px}.primary{width:100%;min-width:0}small{margin-top:12px}#hud{top:86px;left:18px;right:18px;gap:18px}#hud strong{font-size:21px}.wave{width:116px}#hint{top:153px;font-size:11px;padding:7px 12px}#controls{left:18px;right:18px;bottom:max(15px,env(safe-area-inset-bottom));gap:12px}.dpad{grid-template-columns:48px 48px 48px;grid-template-rows:45px 45px}.control-copy{font-size:10px}}@media(max-height:520px){#intro{top:85px;bottom:auto}h1{font-size:26px}#intro p,#intro small,.eyebrow{display:none}#hud{top:75px}#hint{top:115px}#controls{left:auto}.control-copy{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}button:active{transform:none}}