:root{--ink: #fbf6ec;--ink2: rgba(251, 246, 236, .72);--glass: rgba(28, 22, 18, .46);--glass2: rgba(28, 22, 18, .7);--gold: #f2c261;--red: #ef7a62;--paper: #f7f1e5;--paperInk: #2b231c;--serif: "Fraunces", Georgia, serif;--sans: "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#1d1a17;color:var(--ink);font-family:var(--sans);-webkit-user-select:none;user-select:none;touch-action:none}canvas#c{position:fixed;inset:0;width:100vw;height:100vh;display:block;outline:none}#ui{position:fixed;inset:0;pointer-events:none}#ui:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 120% 95% at 50% 55%,transparent 55%,rgba(20,14,10,.34) 100%),radial-gradient(ellipse 34% 30% at 0% 0%,rgba(20,14,10,.38),transparent 70%)}.hidden{display:none!important}button{font:inherit;color:inherit;cursor:pointer}.loading{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:18px;font-family:var(--serif);font-size:22px;background:#1d1a17;color:var(--ink2);z-index:5}.loading .bar{width:min(280px,60vw);height:3px;border-radius:2px;background:#ffffff1f;overflow:hidden}.loading .bar i{display:block;height:100%;width:0;background:var(--gold);transition:width .25s}.loading .paw{font-size:34px;animation:bob 1.1s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-6px) rotate(-8deg)}}.fatal{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font-family:var(--serif);font-size:22px;padding:24px;background:#1d1a17}.title{position:absolute;inset:0;display:grid;place-items:center;pointer-events:auto;background:radial-gradient(ellipse at 50% 40%,#14100d59,#14100dd1);padding:16px;overflow-y:auto}.tcard{max-width:760px;width:100%;text-align:center}.kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:700}.title h1{font-family:var(--serif);font-weight:800;font-size:clamp(72px,16vw,150px);margin:4px 0 0;line-height:.9;letter-spacing:-.03em}.tag{font-family:var(--serif);font-size:clamp(17px,2.6vw,22px);color:var(--ink2);margin:12px 0 22px}.coats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:0 auto 22px}.coat{background:#ffffff0f;border:1.5px solid rgba(255,255,255,.12);border-radius:14px;padding:8px 6px 10px;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .15s,border-color .15s,background .15s}.coat img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.coat b{font-family:var(--serif);font-size:16px}.coat small{font-size:11px;color:var(--ink2);line-height:1.25;min-height:2.5em}.coat.on{border-color:var(--gold);background:#f2c26124;transform:translateY(-3px)}.go{background:var(--gold);color:#2a1f10;border:0;border-radius:999px;padding:14px 34px;font-weight:700;font-size:18px;box-shadow:0 8px 30px #f2c26159}.go span{display:inline-block;transition:transform .2s}.go:hover span{transform:translate(4px)}.small{font-size:13px;color:var(--ink2);margin-top:16px}@media(max-width:640px){.coats{grid-template-columns:repeat(3,1fr)}}.hud{position:absolute;inset:0}.score{position:absolute;left:max(16px,env(safe-area-inset-left));top:max(14px,env(safe-area-inset-top));text-shadow:0 1px 12px rgba(0,0,0,.5)}.score .n{font-family:var(--serif);font-weight:800;font-size:40px;line-height:1}.score .l{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink2);margin-top:2px}.score .rank{position:relative;margin-top:8px;font-family:var(--serif);font-size:16px;padding-bottom:5px;min-width:150px}.score .rank i{position:absolute;left:0;bottom:0;height:3px;background:var(--gold);border-radius:2px;transition:width .4s}.score .rank:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff2e;border-radius:2px;z-index:-1}.score .kr{font-size:13px;color:var(--ink2);margin-top:6px;font-variant-numeric:tabular-nums}.patience{position:absolute;right:max(16px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));width:170px;text-shadow:0 1px 10px rgba(0,0,0,.5)}.patience .l{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink2);text-align:right;white-space:nowrap}.patience .bar{height:6px;background:#fff3;border-radius:3px;margin-top:6px;overflow:hidden}.patience .bar i{display:block;height:100%;transition:width .5s,background .5s}.corner{position:absolute;right:max(16px,env(safe-area-inset-right));top:calc(max(14px,env(safe-area-inset-top)) + 38px);display:flex;gap:8px;pointer-events:auto}.chip{background:var(--glass);border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:6px 12px;font-size:13px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.toasts{position:absolute;top:max(16px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;width:min(420px,60vw)}.toast{background:var(--glass2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:14px;padding:9px 16px;text-align:center;animation:pop .45s cubic-bezier(.2,1.6,.4,1);transition:opacity .5s,transform .5s;border:1px solid rgba(255,255,255,.1)}.toast b{display:block;font-family:var(--serif);font-size:19px}.toast span{font-size:13px;color:var(--ink2);font-variant-numeric:tabular-nums}.toast.break b{color:#ffd9c9}.toast.gold{border-color:#f2c26199}.toast.gold b{color:var(--gold)}.toast.red b{color:var(--red)}.toast.out{opacity:0;transform:translateY(-8px) scale(.96)}.medals{position:absolute;right:max(16px,env(safe-area-inset-right));top:calc(max(14px,env(safe-area-inset-top)) + 84px);display:flex;flex-direction:column;align-items:flex-end;gap:8px;width:min(300px,44vw)}.medal{display:flex;gap:10px;align-items:center;background:linear-gradient(90deg,#3c2c14d1,#281e12d1);border:1px solid rgba(242,194,97,.65);border-radius:12px;padding:8px 12px;animation:slide .5s cubic-bezier(.2,1.4,.4,1);transition:opacity .5s,transform .5s}.medal i{font-style:normal;font-size:22px}.medal b{display:block;font-family:var(--serif);color:var(--gold);font-size:16px}.medal span{font-size:12px;color:var(--ink2)}.medal.out{opacity:0;transform:translate(20px)}@keyframes slide{0%{transform:translate(40px);opacity:0}to{transform:none;opacity:1}}body.touch .medals{top:calc(max(14px,env(safe-area-inset-top)) + 150px)}.combo{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%) rotate(-4deg);text-align:center;opacity:0;pointer-events:none;text-shadow:0 4px 24px rgba(0,0,0,.6)}.combo b{display:block;font-family:var(--serif);font-weight:800;font-size:76px;line-height:.9;color:var(--gold)}.combo span{font-family:var(--serif);font-style:italic;font-size:24px}.combo.on{animation:combo 2.2s cubic-bezier(.2,1.6,.4,1) forwards}@keyframes combo{0%{opacity:0;transform:translate(-50%,-50%) rotate(-4deg) scale(.4)}12%{opacity:1;transform:translate(-50%,-50%) rotate(-4deg) scale(1.08)}20%{transform:translate(-50%,-50%) rotate(-4deg) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-60%) rotate(-4deg) scale(.96)}}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.caption{position:absolute;left:50%;bottom:calc(max(20px,env(safe-area-inset-bottom)) + 70px);transform:translate(-50%);max-width:min(640px,86vw);text-align:center;font-family:var(--serif);font-size:20px;opacity:0;transition:opacity .35s;text-shadow:0 2px 14px rgba(0,0,0,.8)}.caption.on{opacity:1}.caption .who{font-family:var(--sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-right:8px;vertical-align:3px}.caption em{color:var(--ink2)}.prompt{position:absolute;left:50%;bottom:calc(max(10px,env(safe-area-inset-bottom)) + 40px);transform:translate(-50%) translateY(8px);background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px;padding:8px 18px 8px 8px;font-size:15px;opacity:0;transition:opacity .2s,transform .2s;white-space:nowrap;border:1px solid rgba(255,255,255,.12)}.prompt.on{opacity:1;transform:translate(-50%)}.prompt.active{border-color:#f2c26199}.prompt kbd{display:inline-block;min-width:26px;text-align:center;background:var(--ink);color:#2a1f10;border-radius:7px;padding:2px 7px;font:700 13px var(--sans);margin-right:8px}.prompt small{display:block;font-size:12px;color:var(--ink2);margin:2px 0 0 42px}.hint{position:absolute;left:50%;top:38%;transform:translate(-50%);font-family:var(--serif);font-size:22px;opacity:0;transition:opacity .4s;text-shadow:0 2px 16px rgba(0,0,0,.8);text-align:center;max-width:80vw}.hint.on{opacity:1}.roomname{position:absolute;left:max(16px,env(safe-area-inset-left));top:calc(max(14px,env(safe-area-inset-top)) + 126px);font-family:var(--serif);font-style:italic;font-size:18px;opacity:0;transition:opacity .6s;text-shadow:0 2px 16px rgba(0,0,0,.7)}.roomname.on{opacity:.92}.help{position:absolute;left:50%;bottom:max(70px,calc(env(safe-area-inset-bottom) + 70px));transform:translate(-50%);font-size:12px;color:var(--ink2);background:var(--glass);padding:6px 14px;border-radius:999px;white-space:nowrap;transition:opacity 1.5s;bottom:max(10px,env(safe-area-inset-bottom))}.help b{color:var(--ink)}.help.fade{opacity:0}body.touch .help,.thumbs{display:none}body.touch .thumbs{display:block}#stick{position:fixed;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:#0000001f;display:none;pointer-events:none}#stick.sprint{border-color:var(--gold)}#knob{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;background:#ffffff8c;transform:translate(-50%,-50%)}.tb{position:absolute;pointer-events:auto;border-radius:50%;border:1.5px solid rgba(255,255,255,.28);background:var(--glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;font-weight:600;touch-action:none}.tb i{font-style:normal;font-size:22px;line-height:1}.tb.held{background:#f2c26173;border-color:var(--gold);transform:scale(.94)}.tb.paw{right:calc(max(18px,env(safe-area-inset-right)) + 0px);bottom:calc(max(18px,env(safe-area-inset-bottom)) + 20px);width:88px;height:88px}.tb.paw i{font-size:30px}.tb.jump{right:calc(max(18px,env(safe-area-inset-right)) + 104px);bottom:calc(max(18px,env(safe-area-inset-bottom)) + 6px);width:66px;height:66px}.tb.meow{right:calc(max(18px,env(safe-area-inset-right)) + 12px);bottom:calc(max(18px,env(safe-area-inset-bottom)) + 124px);width:58px;height:58px}.tb.act{right:calc(max(18px,env(safe-area-inset-right)) + 90px);bottom:calc(max(18px,env(safe-area-inset-bottom)) + 96px);width:auto;min-width:74px;height:44px;border-radius:999px;padding:0 14px;font-size:13px}.tb.act.dim{opacity:.35}.tb.zoom{left:max(16px,env(safe-area-inset-left));top:calc(max(14px,env(safe-area-inset-top)) + 150px);width:42px;height:42px}body.touch .prompt{display:none}body.touch .caption{bottom:calc(max(20px,env(safe-area-inset-bottom)) + 250px);font-size:17px}.sheet{position:absolute;inset:0;pointer-events:auto;background:#0f0c0ab8;display:grid;place-items:center;padding:16px;overflow-y:auto}.sheetcard{width:min(920px,100%);max-height:calc(100vh - 32px);overflow-y:auto;background:var(--paper);color:var(--paperInk);border-radius:18px;padding:26px 28px 22px;box-shadow:0 30px 80px #00000080}.shead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;border-bottom:2px solid #2b231c;padding-bottom:14px;margin-bottom:8px}.sheetcard .kicker{color:#9a6b18}.sheetcard h2{font-family:var(--serif);font-size:38px;margin:4px 0 2px}.sheetcard .big{font-family:var(--serif);font-size:22px;font-weight:600}.sheetcard .big small{font-family:var(--sans);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#7a6a58}.tabs{display:flex;gap:4px;background:#eadfcd;border-radius:999px;padding:3px}.tabs button{border:0;background:none;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;color:#6a5a48}.tabs button.on{background:#2b231c;color:var(--paper)}.cols{columns:2 300px;column-gap:28px}.cols section{break-inside:avoid;margin:14px 0 6px}.cols h3,.bh{font-family:var(--serif);font-size:18px;margin:0 0 6px;border-bottom:1px solid #d8cbb5;padding-bottom:4px}.row{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:5px 0;border-bottom:1px dotted #ddd2bf;font-size:14px}.row b{font-variant-numeric:tabular-nums}.row em{grid-column:1 / -1;font-size:12px;color:#8a7760;font-family:var(--serif)}.log .row span i{font-style:normal;color:#9a8a74;font-variant-numeric:tabular-nums;margin-right:6px;font-size:12px}.empty{font-family:var(--serif);font-size:18px;color:#8a7760;padding:20px 0}.bh{margin-top:18px}.badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.badge{border:1.5px dashed #cdbfa6;border-radius:10px;padding:8px 10px;opacity:.55}.badge.got{border:1.5px solid #c99a3a;background:#fbf0d5;opacity:1}.badge b{display:block;font-family:var(--serif);font-size:14px}.badge small{font-size:11px;color:#7a6a58}.sfoot{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:12px}.sfoot .close{background:#2b231c;color:var(--paper);border:0;border-radius:999px;padding:11px 24px;font-weight:700}.sfoot .share{background:#a3281f;color:#fff;border:0;border-radius:999px;padding:11px 22px;font-weight:700;margin-right:auto;margin-left:10px}.sfoot .share:disabled{opacity:.6}.sfoot .reset{background:none;border:0;color:#9a8a74;font-size:12px;text-decoration:underline}@media(max-width:640px){.patience .l{font-size:9px;letter-spacing:.1em}.toasts{width:min(300px,64vw)}.toast b{font-size:16px}.roomname{font-size:20px}.sheetcard{padding:18px 16px}.sheetcard h2{font-size:28px}.shead{flex-direction:column;align-items:flex-start}.score .n{font-size:30px}.patience{width:120px}}