html,body{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;color:#fff;background:#111;height:100%;margin:0;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;overflow:hidden}#view{width:100%;height:100%;image-rendering:pixelated;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui button{pointer-events:auto;font:inherit;cursor:pointer}.hidden{display:none!important}.play{text-shadow:0 1px 2px #000,0 0 6px #0009;position:absolute;inset:0}.bars{width:220px;position:absolute;top:14px;left:16px}.bar{letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.bar .label{text-transform:uppercase;opacity:.9;width:78px}.bar .track{background:#00000073;border:1px solid #ffffff59;flex:1;height:7px}.bar .fill{height:100%;transition:width .15s}.bar.patience .fill{background:#e8e8e8}.bar.patience.low .fill{background:#ff5a4f;animation:.5s steps(2,end) infinite blink}.bar.karma .fill{background:#ffb020}.bar.air .fill{background:#8fd16a}.bar.air.low .fill{background:#ff5a4f}.bar.suspicion .fill{background:#ff6b8a}@keyframes blink{50%{opacity:.35}}.stop{text-align:center;white-space:nowrap;font-size:15px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.stop .line{letter-spacing:.5px}.stop .yours{color:#ffd166;margin-top:3px;font-size:13px}.stop .yours.now{font-size:18px;font-weight:700;animation:.6s steps(2,end) infinite blink}.home{color:#fff;background:#00000059;border:1px solid #fff6;border-radius:4px;width:38px;height:34px;font-size:18px;position:absolute;top:10px;right:14px}.cross{background:#ffffffbf;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%;box-shadow:0 0 2px #000}.toasts{text-align:center;width:min(720px,90vw);position:absolute;top:74px;left:50%;transform:translate(-50%)}.toast{margin-bottom:4px;font-size:17px;transition:opacity .4s}.toast.out{opacity:0}.prompt{text-align:center;color:#ffe9a8;width:min(760px,90vw);font-size:17px;position:absolute;bottom:23%;left:50%;transform:translate(-50%)}.sub{text-align:center;width:min(820px,92vw);font-size:18px;line-height:1.35;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.sub b{color:#9fd3ff;font-weight:400}.offscreen{text-align:center;color:#f0f0f0;text-shadow:0 1px 2px #000;font-size:15px;position:absolute;bottom:14%;left:50%;transform:translate(-50%)}.offscreen div{opacity:.9;margin-top:2px}.bubbles{position:absolute;inset:0;overflow:hidden}.bubble{transform-origin:50% 100%;color:#1d1d1d;text-align:center;max-width:230px;text-shadow:none;white-space:normal;background:#fbfbf7;border-radius:3px;width:max-content;padding:5px 9px;font-size:15px;line-height:1.25;position:absolute;top:0;left:0;box-shadow:0 2px #00000059}.bubble:after{content:"";border:6px solid #0000;border-top-color:#fbfbf7;border-bottom:0;margin-left:-6px;position:absolute;bottom:-7px;left:50%}.choice{flex-direction:column;align-items:stretch;gap:8px;width:min(360px,80vw);display:flex;position:absolute;top:62%;left:50%;transform:translate(-50%)}.choice button{color:#fff;text-align:left;background:#0a0c10d1;border:1px solid #ffffff80;border-radius:3px;padding:10px 16px;font-size:17px}.choice button:hover{color:#ffd166;border-color:#ffd166}.choice .timer{background:#ffd166;height:3px}.touch{position:absolute;inset:0}.stick{background:#00000026;border:2px solid #ffffff59;border-radius:50%;width:110px;height:110px;margin:-55px 0 0 -55px;position:absolute}.stick .knob{background:#fff6;border-radius:50%;width:44px;height:44px;position:absolute;top:31px;left:31px}.tb{color:#fff;width:68px;height:68px;text-shadow:none;background:#00000059;border:2px solid #ffffff73;border-radius:50%;font-size:13px;position:absolute}.tb.down{background:#ffd16680}.tb.lit{color:#ffd166;border-color:#ffd166}.tb.pole{width:84px;height:84px;bottom:26px;right:26px}.tb.sit{bottom:22px;right:124px}.tb.shout{bottom:124px;right:30px}.tb.breath{bottom:112px;right:130px}.tb.sleep{bottom:30px;right:206px}.fade{opacity:0;background:#000;transition:opacity .5s;position:absolute;inset:0}.fade.on{opacity:1}.card{pointer-events:auto;box-sizing:border-box;text-shadow:0 1px 2px #000;background:#080a0ec7;border:1px solid #ffffff2e;padding:22px 26px;position:absolute}.card.title{width:min(470px,90vw);max-height:94vh;top:50%;left:5vw;overflow:auto;transform:translateY(-50%)}.card.end,.card.pause{text-align:center;width:min(480px,90vw);top:50%;left:50%;transform:translate(-50%,-50%)}.logo{letter-spacing:6px;color:#ffd166;font-size:58px;font-weight:900;line-height:1}.subtitle{color:#ddd;margin:8px 0 16px;font-size:16px}.row{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.row.center{justify-content:center;margin-top:18px}.rowlabel{text-transform:uppercase;color:#aaa;width:84px;font-size:13px}.pill{color:#ddd;background:0 0;border:1px solid #ffffff59;border-radius:3px;padding:6px 13px;font-size:15px}.pill.on{color:#1a1a1a;background:#ffd166;border-color:#ffd166}.desc{color:#bbb;margin:4px 0 6px;font-size:14px}.controls{color:#cfcfcf;margin:14px 0;padding-left:18px;font-size:13px;line-height:1.6}.start{color:#1a1a1a;background:#ffd166;border:0;border-radius:3px;padding:10px 26px;font-size:19px;font-weight:700}.start:hover,.pill:hover{filter:brightness(1.15)}.big{margin-bottom:8px;font-size:32px;font-weight:900}.end.win .big{color:#8ce99a}.end.lose .big{color:#ff6b6b}.stats{margin:12px 0;font-size:19px;line-height:1.5}.rank{color:#ffd166;font-size:24px;font-weight:700}.rotate{z-index:10;text-align:center;color:#ffd166;pointer-events:auto;background:#111;justify-content:center;align-items:center;padding:24px;font:700 22px Arial,sans-serif;display:none;position:absolute;inset:0}@media (orientation:portrait) and (pointer:coarse){.rotate{display:flex}}@media (height<=460px){.logo{font-size:40px}.card{padding:14px 18px}.controls{margin:8px 0;font-size:12px;line-height:1.4}.bars{width:170px}.bar{margin-bottom:3px;font-size:11px}.bar .label{width:64px}.prompt{font-size:15px;bottom:30%}.sub{font-size:15px}}