:root{font-family:ui-rounded,Hiragino Maru Gothic ProN,system-ui,sans-serif;color:#fff;background:#050914}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:radial-gradient(circle,#16365b,#030611)}.game{width:min(100vw,480px);height:100dvh;max-height:900px;position:relative;overflow:hidden;background:#0d558d;box-shadow:0 0 50px #000}.game canvas{width:100%;height:100%;display:block}.topbar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:17px;font-weight:900;font-size:14px;letter-spacing:.7px;text-shadow:0 2px 3px #061427}.topbar span:last-child{font-size:22px;color:#ffec85}.caption{position:absolute;top:23%;left:0;right:0;text-align:center;font-size:28px;font-weight:1000;letter-spacing:2px;color:#ecff87;text-shadow:0 3px #12213d;pointer-events:none}.control{position:absolute;right:16px;bottom:27px;width:58px;text-align:center;touch-action:none;filter:drop-shadow(0 3px 3px #0008)}.control-label{font-size:8px;font-weight:900;white-space:nowrap;letter-spacing:.4px;margin-bottom:8px;transform:rotate(-90deg) translate(-83px,-26px);width:150px}.track{height:205px;width:17px;background:#172941;border:2px solid #a3dced;border-radius:20px;position:relative;margin:auto}.center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);font:700 7px system-ui;color:#b8eaff}.knob{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#ffdf62,#e97639);border:4px solid #fff;box-shadow:0 3px #9a3e36;touch-action:none;cursor:grab}.control-hint{margin-top:11px;font-size:9px;font-weight:900;line-height:1.8;color:#d8f7ff}.control-hint span{display:block}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#06133088;text-align:center;padding:24px}.intro,.result{width:min(350px,88vw);padding:28px 20px;border:3px solid #d3f4ff;border-radius:22px;background:#0b2948ef;box-shadow:0 10px 30px #0008}.intro p:first-child,.result>p:first-child{font-size:12px;letter-spacing:2px;color:#a4eefa}.intro h1,.result h1{font-size:38px;margin:8px 0 14px;letter-spacing:2px}.eyes{font-size:35px;letter-spacing:6px;color:#e6ff87;text-shadow:0 0 14px #ccff3f;margin:22px}.rule{line-height:1.7;font-size:14px;color:#d7eff8}.overlay button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:3px solid white;border-radius:12px;background:#f6d75e;color:#14324a;font-weight:1000;font-size:18px;padding:13px 23px;box-shadow:0 4px #b37132;margin-top:12px;cursor:pointer}.result{background:#071422ee}.result strong{display:block;font-size:52px;color:#fff18a;margin:10px}.result strong small{font-size:15px}.result.fail strong{color:#8eeaff}.result .makoto{font-size:90px;font-weight:900;width:140px;height:140px;margin:16px auto;border-radius:48% 52% 45% 55%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#eef6cf,#527e65 30%,#172a39 72%);border:4px solid #b5efac;box-shadow:0 0 28px #cdfd92;color:#14251d}.ending{font-size:13px;color:#c6dce2}@media(min-width:600px){.game{border-radius:20px;height:min(100dvh,850px)}}