:root{--ink:#2a1c14;--cream:#f6ead6;--crema:#d8a25a;--espresso:#3b2318;--red:#e0563f;--green:#5fbb7a;--shadow:0 18px 40px #1e0e0673}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;touch-action:manipulation;background:#150d08;height:100%;margin:0;overflow:hidden}body{color:var(--cream);-webkit-font-smoothing:antialiased;font-family:Avenir Next,Segoe UI,system-ui,sans-serif}#app{position:fixed;inset:0}canvas{touch-action:none;display:block}#hud{pointer-events:none;z-index:10;height:100vh;position:fixed;top:0;left:0;right:0}@supports (height:100dvh){#hud{height:100dvh}}.hidden{display:none!important}#topbar{flex-wrap:wrap;justify-content:center;gap:10px;padding:0 14px;display:flex;position:absolute;top:16px;left:0;right:0}.chip{letter-spacing:.16em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#180d07b8;border:1px solid #d8a25a59;border-radius:999px;padding:7px 15px;font-size:12px;font-weight:700;box-shadow:0 6px 18px #00000059}#chip-level{color:var(--crema)}#chip-tip{color:#f0b0a0}#chip-tip.clean{color:var(--green)}#meters{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow);background:#180d07b8;border:1px solid #d8a25a4d;border-radius:16px;gap:18px;padding:12px 18px;display:flex;position:absolute;bottom:62px;left:50%;transform:translate(-50%)}.meter{width:160px}.meter label{letter-spacing:.18em;opacity:.75;margin-bottom:5px;font-size:9.5px;font-weight:700;display:block}.bar{background:#ffffff1f;border-radius:6px;height:9px;overflow:hidden}.bar i{background:linear-gradient(90deg,#5fbb7a,#e0c04a);border-radius:6px;width:0;height:100%;transition:width 80ms linear;display:block}.bar.alt i{background:linear-gradient(90deg,#6aa6d8,#9fd3ff)}.bar.time i{background:linear-gradient(90deg,#d8a25a,#f6ead6)}.bar.danger i{background:linear-gradient(90deg,#e0563f,#ff9a6a)}#hint{text-wrap:balance;letter-spacing:.14em;text-transform:uppercase;opacity:.72;text-align:center;text-shadow:0 2px 10px #000c;font-size:12.5px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}#card{z-index:15;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:14px 12px calc(14px + env(safe-area-inset-bottom));pointer-events:auto;background:radial-gradient(#140b066b,#0c0704d6);justify-content:center;animation:.35s both fade;display:flex;position:absolute;inset:0;overflow-y:auto}@keyframes fade{0%{opacity:0}to{opacity:1}}.card-inner{text-align:center;width:max-content;min-width:min(560px,88vw);max-width:92vw;box-shadow:var(--shadow);background:linear-gradient(170deg,#2b1a11,#1c1009);border:1px solid #d8a25a59;border-radius:22px;flex:none;margin:auto;padding:34px 34px 28px;animation:.35s cubic-bezier(.2,1.4,.4,1) both pop}@keyframes pop{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:none}}#card-kicker{letter-spacing:.3em;color:var(--crema);margin-bottom:10px;font-size:11px;font-weight:800}#card h1{letter-spacing:-.5px;margin:0 0 12px;font-size:34px;line-height:1.08}#card p{opacity:.85;max-width:72ch;margin:0 auto;font-size:15px;line-height:1.55}#card p .cardp{text-wrap:balance;display:block}#card p .cardp+.cardp{margin-top:13px}#card h1{text-wrap:balance;max-width:20ch;margin-left:auto;margin-right:auto}#card-stats{scrollbar-width:none;flex-wrap:nowrap;justify-content:center;gap:12px;margin:18px 0 4px;display:flex;overflow-x:auto}#card-stats::-webkit-scrollbar{display:none}.stat{white-space:nowrap;background:#00000047;border:1px solid #d8a25a38;border-radius:12px;flex:none;min-width:96px;padding:9px 14px}.stat b{color:var(--crema);font-size:19px;display:block}.stat span{letter-spacing:.16em;opacity:.7;font-size:9.5px}#card-btn{background:var(--crema);color:#241408;letter-spacing:.16em;cursor:pointer;border:0;border-radius:999px;margin-top:22px;padding:14px 30px;font-family:inherit;font-size:13px;font-weight:800;transition:transform .12s,filter .12s;box-shadow:0 10px 24px #d8a25a47}#card-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}#card-btn:focus{outline:none}#card-btn:focus-visible{outline:2px solid var(--cream);outline-offset:3px}#settings-close:focus{outline:none}#settings-close:focus-visible{outline:2px solid var(--cream);outline-offset:3px}.seg button:focus{outline:none}.seg button:focus-visible{outline:2px solid var(--cream);outline-offset:2px}#gear:focus{outline:none}#gear:focus-visible{outline:2px solid var(--cream);outline-offset:3px}#card-foot{letter-spacing:.14em;opacity:.45;text-transform:uppercase;margin-top:14px;font-size:10.5px}#card.bad .card-inner{border-color:#e0563f80}#card.bad #card-kicker{color:var(--red)}#card.good #card-kicker{color:var(--green)}#vignette{opacity:0;background:radial-gradient(125% 125%,#e03c2800 0% 54%,#c422146b 82%,#780a06eb 100%);transition:opacity .12s linear;position:absolute;inset:0}#flash{opacity:0;background:#e0563f;transition:opacity .18s;position:absolute;inset:0}#flash.on{opacity:.34;transition:none}#kofi{z-index:25;background:var(--crema);color:#241408;pointer-events:auto;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;height:44px;padding:0 16px;text-decoration:none;transition:transform .15s,filter .15s;display:flex;position:absolute;top:14px;right:72px;box-shadow:0 6px 18px #00000059}#kofi span{letter-spacing:.12em;font-size:11px;font-weight:800;line-height:1.2}#kofi small{letter-spacing:.04em;opacity:.72;font-size:8.5px;line-height:1.2}#kofi:hover{filter:brightness(1.08);transform:translateY(-1px)}#kofi:focus{outline:none}#kofi:focus-visible{outline:2px solid var(--cream);outline-offset:3px}#gear{z-index:25;width:44px;height:44px;color:var(--crema);cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#180d07bf;border:1px solid #d8a25a66;border-radius:50%;place-items:center;line-height:0;transition:transform .18s,background .18s;display:grid;position:absolute;top:14px;right:18px;box-shadow:0 6px 18px #00000059}#gear svg{width:22px;height:22px;display:block}#gear:hover{background:#28170ce6;transform:rotate(45deg)}#settings{overscroll-behavior:contain;padding:14px 12px calc(14px + env(safe-area-inset-bottom));pointer-events:auto;z-index:20;background:radial-gradient(#140b0680,#0c0704e6);justify-content:center;animation:.25s both fade;display:flex;position:absolute;inset:0;overflow-y:auto}.settings-inner{width:min(440px,88vw);box-shadow:var(--shadow);background:linear-gradient(170deg,#2b1a11,#1c1009);border:1px solid #d8a25a59;border-radius:22px;flex:none;margin:auto;padding:28px 28px 24px;animation:.3s cubic-bezier(.2,1.4,.4,1) both pop}.settings-inner h2{text-align:center;letter-spacing:.22em;text-transform:uppercase;color:var(--crema);margin:0 0 22px;font-size:20px}.srow{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.srow>span{letter-spacing:.12em;text-transform:uppercase;opacity:.8;font-size:12.5px}.seg{background:#00000052;border:1px solid #d8a25a38;border-radius:999px;padding:3px;display:flex}.seg button{color:var(--cream);letter-spacing:.08em;cursor:pointer;opacity:.55;background:0 0;border:0;border-radius:999px;padding:8px 15px;font-family:inherit;font-size:12px;font-weight:700;transition:background .15s,opacity .15s,color .15s}.seg button:hover{opacity:.85}.seg button.on{background:var(--crema);color:#241408;opacity:1}#settings-close{background:var(--crema);color:#241408;letter-spacing:.14em;cursor:pointer;border:0;border-radius:999px;width:100%;margin-top:22px;padding:13px 20px;font-family:inherit;font-size:12.5px;font-weight:800;transition:filter .12s;display:block}#settings-close:hover{filter:brightness(1.08)}#settings-foot{text-align:center;letter-spacing:.12em;opacity:.42;text-transform:uppercase;margin-top:12px;font-size:10px}#touch{z-index:18;padding:0 16px calc(14px + env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;inset:auto 0 0}#touch .tpad{pointer-events:auto;gap:12px;display:flex}#touch button{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;color:var(--cream);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#180d07a8;border:1px solid #d8a25a66;font-family:inherit;font-weight:800;transition:background .1s,transform .1s;box-shadow:0 6px 18px #0006}#touch .tpad button{border-radius:50%;width:76px;height:76px;font-size:26px;line-height:1}#t-duck{letter-spacing:.14em;border-radius:38px;min-width:120px;height:76px;padding:0 22px;font-size:15px}#touch button.on{color:#241408;background:#d8a25ae6;transform:scale(.94)}@media (width<=820px),(height<=520px){#topbar{gap:6px;padding:0 122px 0 12px;top:10px}.chip{letter-spacing:.1em;padding:5px 10px;font-size:10px}#gear{width:38px;height:38px;top:10px;right:10px}#kofi{border-radius:19px;height:38px;padding:0 11px;top:10px;right:56px}#kofi span{font-size:9.5px}#kofi small{font-size:7.5px}#gear svg{width:19px;height:19px}#meters{border-radius:13px;gap:10px;padding:9px 12px;bottom:104px}.meter{width:82px}.meter label{letter-spacing:.1em;margin-bottom:3px;font-size:8px}.bar{height:7px}#hint{letter-spacing:.08em;padding:0 14px;font-size:10px;line-height:1.4;top:44px;bottom:auto}#topbar{flex-wrap:wrap}.card-inner{border-radius:18px;padding:24px 20px 20px}#card h1{font-size:26px}#card p{font-size:13.5px;line-height:1.5}#card-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.stat{white-space:normal;min-width:0;padding:7px 9px}.stat b{font-size:15px;line-height:1.15}.stat span{font-size:8.5px}#card-btn{padding:13px 24px;font-size:12px}#card-kicker{letter-spacing:.2em;font-size:10px}.settings-inner{padding:22px 20px 18px}}@media (hover:none){#card-btn:hover,#gear:hover{transform:none}}@media (width<=620px) and (height>=560px){#topbar{padding-right:186px}#hint{top:auto;bottom:26px}body[data-phase=stare] #hint{bottom:152px}#meters{bottom:100px}}