*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#163c50;overflow:hidden;background:#a3dfe9}canvas{display:block;width:100vw;height:100vh}button{border:0;border-radius:14px;padding:13px 20px;font:700 15px Arial;cursor:pointer;background:#fff;color:#16445c;box-shadow:0 4px 0 #163c5022}button:hover{filter:brightness(1.06)}button:focus-visible{outline:3px solid #f4b840}#hud{position:fixed;inset:0;pointer-events:none}#hud button,#hud input{pointer-events:auto}.brand{position:absolute;top:26px;left:28px;font-weight:900;font-size:22px;letter-spacing:-1px}.brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:7px}#question{position:absolute;top:20px;left:50%;transform:translateX(-50%);width:44%;text-align:center;background:#fffffff2;border-radius:22px;padding:12px 20px;box-shadow:0 8px 25px #20536e18}#mode{font-size:11px;letter-spacing:2px;font-weight:800;color:#187c81}h1{font-size:30px;margin:8px 0 3px}#pause{position:absolute;right:28px;top:26px}.stats{position:absolute;left:28px;top:105px;display:flex;gap:18px;background:#17485be8;color:white;padding:14px 20px;border-radius:16px;font-size:14px}.bottom{position:absolute;left:28px;right:28px;bottom:30px;display:flex;justify-content:space-between;align-items:end;font-size:14px;font-weight:bold}.bottom>span{background:#ffffffe8;padding:14px 20px;border-radius:16px;line-height:1.6}.bottom small{font-weight:normal}.bottom>div{display:flex;align-items:center;gap:12px}input{width:90px}.version{position:absolute;bottom:7px;left:28px;font-size:10px;letter-spacing:1px}#overlay,#result{position:fixed;inset:0;display:grid;place-items:center;background:#123d5355;backdrop-filter:blur(5px)}[hidden]{display:none!important}section{background:#fffdf7;padding:36px 45px;border-radius:28px;max-width:620px;text-align:center;box-shadow:0 24px 100px #183c5744}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:bold;color:#1c8486}h2{font-size:54px;letter-spacing:-3px;line-height:.98;margin:22px 0}em{color:#f0a52c;font-style:normal}.chips{display:flex;gap:8px}.chips span{font-size:12px;background:#e9f3ee;padding:10px;border-radius:9px}.muted{color:#607681;font-size:14px;line-height:1.7}.primary{background:#ffce4e;padding:17px 30px}section small{display:block;margin-top:20px;color:#74858c;font-size:11px}#feedback{position:fixed;right:26px;top:120px;opacity:0;transform:translateY(8px);transition:.2s;background:white;border:3px solid #62cca5;border-radius:20px;padding:17px;font-size:23px;font-weight:900;pointer-events:none}#feedback.show{opacity:1;transform:translateY(0)}#error{position:fixed;bottom:0;background:#fff;color:#b00;padding:20px}@media(max-width:900px){.brand{font-size:14px;left:15px}#question{width:48%;padding:8px}h1{font-size:24px}.stats{left:15px;top:85px;gap:10px;padding:10px}.bottom{left:15px;right:15px;bottom:24px}#pause{right:15px}.bottom>span{font-size:11px}section{padding:22px}h2{font-size:40px}}