:root{font-family:Georgia,'Times New Roman',serif;color:#f8edda;background:#272b3d;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none}#vignette{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 100px #19203055}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation;border:1px solid #eacb9466;border-radius:10px;padding:13px 19px;background:#ebbd7c;color:#302a35;font-weight:bold;transition:background .2s}button:hover{background:#f8d9a8}button:focus-visible,input:focus-visible{outline:3px solid #fff4ca;outline-offset:4px}.secondary{background:#353a4bea;color:#f4e3c8}.secondary:hover{background:#505064}[hidden]{display:none!important}#menu,#win,#share{position:fixed;inset:0;display:flex;align-items:center;justify-content:flex-start;padding:5vw;background:linear-gradient(90deg,#192232a8,transparent 80%)}.card{width:min(355px,94vw);padding:26px;background:#242b3ceb;border:1px solid #f7dfae30;border-radius:20px;box-shadow:0 12px 70px #14182460}.eyebrow{font:10px system-ui;letter-spacing:.23em;color:#e8c58e}h1{font-size:clamp(52px,6vw,78px);font-weight:normal;line-height:.88;letter-spacing:-3px;margin:22px 0}h1 em{font-weight:normal;color:#eac58d}p{line-height:1.55;color:#d9d3c8}.card>button{display:block;width:100%;margin-top:10px}.small{font:12px/1.6 system-ui;color:#c2c1c4}.prototype{font:10px system-ui;color:#9e9eac}#hud{position:fixed;top:0;left:0;right:0;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:linear-gradient(#1e283499,transparent)}.brand{font-size:23px;text-shadow:0 2px 6px #111}.brand span{display:block;font:11px system-ui;margin-top:5px;color:#e8c897}.tools{display:flex;gap:8px}.tools button{font:12px system-ui;background:#273142d9;color:#fff1d9;padding:9px 13px}#hint{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);width:max-content;max-width:90vw;text-align:center;padding:11px 20px;background:#212a3ce6;border:1px solid #f3d8aa33;border-radius:30px;font:13px/1.5 system-ui}#status{position:fixed;top:95px;left:50%;transform:translateX(-50%);font:12px system-ui;color:#fff4dc;background:#273042ed;border-radius:8px;padding:10px 15px;max-width:90vw;text-align:center}#status:empty{display:none}#touch{position:fixed;inset:auto 0 32px;pointer-events:none;display:flex;justify-content:space-between;padding:0 24px;align-items:center}#stick{width:120px;height:120px;border:1px solid #fff4cb55;border-radius:100%;background:#32384d55;pointer-events:auto;touch-action:none;position:relative}#knob{width:44px;height:44px;border-radius:100%;position:absolute;left:37px;top:37px;background:#f1dbc199;pointer-events:none}#boo{width:86px;height:86px;border-radius:50%;background:#e9c080dd;pointer-events:auto;touch-action:none}#win,#share{justify-content:center;background:#1b2336a8;backdrop-filter:blur(4px)}#roomLink{width:100%;padding:12px;font:12px system-ui;border:1px solid #777;background:#1e2533;border-radius:5px}h2{font-size:30px;font-weight:normal}body.touch #hint{bottom:172px}body.touch #second{display:none}@media(max-width:600px){#menu{justify-content:center;padding:16px}.card{padding:24px}#hud{padding:14px}.brand{font-size:20px}.tools button{padding:9px}#hint{font-size:11px}#status{top:80px}#touch{padding:0 18px}}