:root{--ground:#0e0f10;--accent:#2fd67b;--accent-ink:#062016;--paper:#f3ece1;--ink:#1b1914;--mute:#6f6a61;--line:#d8cfc1;--honest:#c45c16;--honest-ink:#3d220c;--feint:#4d5b66;--good:#2c6a3f;--bad:#9a2f24;--pad:#fffaf3;--shadow:0 18px 40px #1b19141f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Iowan Old Style,Palatino Linotype,Palatino,Times New Roman,serif}:root[data-mode=title],:root[data-mode=campaign],:root[data-mode=campaign-idle]{--paper:#0e0f10;--ink:#f2f0eb;--mute:#8a8780;--line:#f2f0eb0f;--honest:#2fd67b;--honest-ink:#0e0f10;--feint:#ff6b82;--good:#2fd67b;--bad:#ff6b82;--pad:#17191b;--shadow:0 18px 50px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Plus Jakarta Sans,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{background:radial-gradient(1200px 500px at 50% -10%, color-mix(in srgb, var(--honest) 18%, transparent), transparent 60%), var(--paper);color:var(--ink);margin:0}button,.pad{font:inherit}button{appearance:none;background:var(--ink);color:var(--paper);cursor:pointer;letter-spacing:.02em;border:0;border-radius:999px;padding:.85rem 1.2rem}button.secondary{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);background:0 0}button:disabled{opacity:.55;cursor:wait}button:focus-visible,.pad:focus-visible{outline:3px solid var(--honest);outline-offset:3px}.app{width:min(1040px,100%);min-height:100dvh;padding:1.25rem 1.15rem calc(1.4rem + env(safe-area-inset-bottom));align-content:start;gap:1rem;margin:0 auto;display:grid}.top{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.mark{letter-spacing:.16em;text-transform:uppercase;color:var(--mute);font-size:.78rem}.mode-pill{letter-spacing:.08em;text-transform:uppercase;color:var(--honest-ink);background:var(--honest);border-radius:999px;padding:.2rem .55rem;font-size:.78rem}.mode-pill.quiet{color:var(--mute);box-shadow:inset 0 0 0 1px var(--line);background:0 0}.sandbox-ribbon{letter-spacing:.08em;text-transform:uppercase;text-align:center;color:var(--honest-ink);background:var(--honest);border-radius:999px;padding:.35rem .75rem;font-size:.78rem}.look-sample{gap:0;display:grid}.title-skip-fake h1{font-size:clamp(2.4rem,8vw,3.4rem)}.title-skip-fake .look-sub{max-width:46rem}.cue-pair{margin-top:0}.cue-card{text-align:center;align-content:center;min-height:8.5rem;display:grid}.cue-card h2{letter-spacing:-.04em;text-transform:uppercase;color:#f2f0eb;margin:0 0 .45rem;font-size:clamp(1.8rem,5vw,2.5rem);font-weight:700}.cue-card.real h2{color:#2fd67b}.cue-card.fake h2{color:#8a8780}.cue-card .look-rule{color:#8a8780;margin:0;font-size:1.05rem;font-weight:500}.look-card.free-col{color:#1b1914;background:#f3ece1}.look-card.free-col h2,.look-card.free-col .look-hint{color:#6f6a61}.look-card.free-col .look-rule{color:#1b1914}.look-card.free-col .look-ghost{color:#1b1914;box-shadow:inset 0 0 0 1px #d8cfc1}.look-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.4rem;display:flex}.chip{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;height:1.75rem;padding:0 .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.chip.paid{color:#2fd67b;background:#2fd67b29}.chip.quiet{color:#8a8780;background:#8a87802e}.look-kicker{letter-spacing:.1em;text-transform:uppercase;color:#2fd67b;margin:0 0 .6rem;font-size:.82rem;font-weight:700}.look-sample h1{letter-spacing:-.035em;margin:0 0 .6rem;font-size:clamp(2rem,6vw,2.75rem);font-weight:700;line-height:1.1}.look-sub{color:#8a8780;max-width:42rem;margin:0 0 1.4rem;font-size:1.05rem;font-weight:500;line-height:1.4}.look-grid{grid-template-columns:1.1fr .9fr;gap:1.1rem;margin:1.1rem 0 1.4rem;display:grid}.look-card{background:#17191b;border:1px solid #f2f0eb0f;border-radius:1rem;padding:1.2rem 1.3rem}.look-card h2{letter-spacing:.08em;text-transform:uppercase;color:#8a8780;margin:0 0 .85rem;font-size:.88rem;font-weight:700}.look-rule{letter-spacing:-.02em;margin:0 0 .7rem;font-size:1.2rem;font-weight:600;line-height:1.35}.look-rule em{color:#2fd67b;font-style:normal}.look-hint,.look-band{color:#8a8780;margin:0;font-size:.88rem;line-height:1.45}.look-band strong{color:#f2f0eb;font-weight:600}.hold-demo{color:#2fd67b;background:#0e0f10;border:2px solid #2fd67b;border-radius:.75rem;justify-content:center;align-items:center;gap:.65rem;height:3.5rem;margin-top:1.1rem;font-size:.88rem;font-weight:700;display:flex}.hold-bar{background:linear-gradient(90deg,#2fd67b 62%,#2fd67b33 62%);border-radius:4px;width:4.5rem;height:.5rem}.medal-discs{justify-content:center;gap:1rem;margin:.3rem 0 1rem;display:flex}.medal-disc{text-align:center;width:4.5rem}.medal-disc i{border:2px solid;border-radius:50%;width:3.5rem;height:3.5rem;margin:0 auto .45rem;display:block}.medal-disc.bronze i{background:radial-gradient(circle at 35% 30%,#e8c4a8,#8a5a3a);border-color:#8a5a3a}.medal-disc.silver i{background:radial-gradient(circle at 35% 30%,#f4f4f4,#8e8e8e);border-color:#8e8e8e}.medal-disc.gold i{background:radial-gradient(circle at 35% 30%,#ffe08a,#c9a227);border-color:#c9a227}.medal-disc.on i{box-shadow:0 0 0 3px #2fd67b}.medal-disc span{color:#8a8780;letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:600}.look-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.look-actions{flex-wrap:wrap;gap:.65rem;display:flex}.look-cta{color:#0e0f10;background:#2fd67b;border:0;border-radius:.65rem;height:3rem;padding:0 1.35rem;font-weight:700}.look-ghost{color:#f2f0eb;background:0 0;border-radius:.65rem;height:3rem;padding:0 1.2rem;box-shadow:inset 0 0 0 1px #f2f0eb29}.look-note{color:#8a8780;margin:0;font-size:.75rem}.look-sample .demo-tools{margin-top:1.4rem}.title-lead{gap:.7rem;display:grid}.title-lead h1{letter-spacing:-.04em;margin:0 0 .35rem;font-size:clamp(2.2rem,8vw,3.2rem);line-height:.92}.title-lead p{color:var(--mute);margin:0;line-height:1.45}.compare{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.card.free{color:#1b1914;background:#f3ece1;border-color:#d8cfc1}.card.free .kicker,.card.free p{color:#6f6a61}.card.free h2{color:#1b1914}.card.free button{color:#f3ece1;background:#1b1914}.card.premium,.trial1-card{background:#141816;border-color:#26593e}.trial1-card{gap:.7rem;padding:1.15rem 1.05rem;display:grid}.trial1-card h2{margin:0;font-size:1.55rem}.trial1-card .rule{color:var(--ink);margin:0;font-size:1.02rem}.trial1-card .card-foot,.trial1-card .medal-line,.trial1-card .note{color:var(--mute);margin:0;font-size:.86rem}.medal-table{border-collapse:collapse;table-layout:fixed;letter-spacing:.04em;text-transform:uppercase;width:100%;font-size:.78rem}.medal-table caption{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.medal-table th,.medal-table td{border:1px solid var(--line);text-align:center;padding:.45rem .3rem}.medal-table th{color:var(--ink);font-weight:600}.medal-table td{color:var(--mute)}.medal-table .gold.on{color:#3d2d08;background:#d4a017}.medal-table .silver.on{color:#2a3138;background:#c5ccd3}.medal-table .bronze.on{color:#2d1608;background:#b87333}.pack-list{color:var(--mute);gap:.35rem;margin:0;padding:0;font-size:.92rem;list-style:none;display:grid}.pack-list .playable{color:var(--ink)}.medal-lane{flex-wrap:wrap;gap:.4rem;margin:.85rem 0 .2rem;display:flex}.medal-chip{letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 0 0 1px var(--line);color:var(--mute);border-radius:999px;padding:.22rem .5rem;font-size:.7rem}.medal-chip.on.gold{color:#3d2d08;box-shadow:none;background:#d4a017}.medal-chip.on.silver{color:#2a3138;box-shadow:none;background:#c5ccd3}.medal-chip.on.bronze{color:#2d1608;box-shadow:none;background:#b87333}.kicker{color:var(--mute);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .35rem;font-size:.72rem}.kicker.center{text-align:center}.campaign-card h2{font-size:1.7rem}.medal-line{margin-top:.75rem}.medal-ink.gold{color:#b8860b}.medal-ink.silver{color:#6f7b86}.medal-ink.bronze{color:#9a5a28}:root[data-mode=campaign] .medal-ink.gold,:root[data-mode=campaign-idle] .medal-ink.gold{color:#f0d37a}:root[data-mode=campaign] .medal-ink.silver,:root[data-mode=campaign-idle] .medal-ink.silver{color:#d5dde4}:root[data-mode=campaign] .medal-ink.bronze,:root[data-mode=campaign-idle] .medal-ink.bronze{color:#e0a06a}.medal-mark{aspect-ratio:1;text-align:center;letter-spacing:.08em;text-transform:uppercase;width:7.5rem;box-shadow:var(--shadow), inset 0 0 0 6px color-mix(in srgb, var(--pad) 70%, transparent);border-radius:50%;place-content:center;margin:.2rem 0 .9rem;display:grid}.medal-mark span{font-size:.95rem}.medal-mark b{font-size:.7rem;font-weight:600}.medal-mark.gold{color:#3d2d08;background:#d4a017}.medal-mark.silver{color:#2a3138;background:#c5ccd3}.medal-mark.bronze{color:#2d1608;background:#b87333}.demo-tools{border:1px dashed var(--line);background:color-mix(in srgb, var(--pad) 70%, transparent);border-radius:1.1rem;padding:.85rem 1rem 1rem}.demo-tools summary{cursor:pointer;color:var(--mute);font-size:.92rem}.demo-tools p{color:var(--mute);margin:.7rem 0 0;line-height:1.45}.restore{gap:.65rem;margin-top:.9rem;display:grid}.restore-label{margin:0}.restore label{color:var(--mute);gap:.3rem;font-size:.82rem;display:grid}.restore input{font:inherit;color:var(--ink);background:var(--pad);border:1px solid var(--line);border-radius:.8rem;padding:.7rem .8rem}.text-btn{color:inherit;box-shadow:none;text-underline-offset:.15em;background:0 0;border:0;border-radius:0;padding:0;text-decoration:underline;display:inline}.hold-meter{pointer-events:none;background:conic-gradient(var(--honest) calc(var(--hold,0) * 360deg), transparent 0);opacity:0;border-radius:50%;position:absolute;inset:14%;-webkit-mask:radial-gradient(farthest-side,#0000 70%,#000 71%);mask:radial-gradient(farthest-side,#0000 70%,#000 71%)}.pad-wrap.holding .hold-meter{opacity:1}.pad-wrap[data-kind=true] .ring:after{box-shadow:inset 0 0 0 10px var(--honest)}.pad-wrap[data-kind=true] .pad{background:color-mix(in srgb, var(--honest) 22%, var(--pad))}.hud{grid-template-columns:1fr 1fr 1fr;gap:.65rem;display:grid}.stat,.card{background:color-mix(in srgb, var(--pad) 88%, transparent);border:1px solid var(--line);box-shadow:var(--shadow)}.stat{border-radius:1rem;padding:.7rem .75rem .8rem}.stat b{font-size:1.45rem;line-height:1;display:block}.stat span{color:var(--mute);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem}.stage{align-content:center;gap:1rem;min-height:28rem;display:grid}.card{border-radius:1.4rem;padding:1.35rem 1.2rem 1.4rem}.card h1,.card h2{letter-spacing:-.03em;margin:0 0 .45rem;font-size:2.1rem;line-height:.95}.card p,.hint,.note{color:var(--mute);margin:0;line-height:1.45}.actions{flex-wrap:wrap;gap:.6rem;margin-top:1.1rem;display:flex}.play{justify-items:center;gap:.9rem;display:grid}.pad-wrap{aspect-ratio:1;place-items:center;width:min(100%,22rem);display:grid;position:relative}.ring{box-shadow:inset 0 0 0 10px var(--line);pointer-events:none;border-radius:50%;position:absolute;inset:6%}.ring:after{content:"";box-shadow:inset 0 0 0 10px var(--honest);clip-path:inset(0);transform-origin:50%;border-radius:50%;position:absolute;inset:0}.pad-wrap[data-kind=honest] .ring:after{box-shadow:inset 0 0 0 10px var(--honest)}.pad-wrap[data-kind=feint] .ring:after{box-shadow:inset 0 0 0 10px var(--feint)}.pad-wrap.ticking .ring:after{animation:drain var(--window,.9s) linear forwards}@keyframes drain{to{clip-path:inset(0 0 100%)}}.pad[data-act=hold]{touch-action:none}.pad{aspect-ratio:1;background:var(--pad);width:72%;color:var(--ink);box-shadow:var(--shadow), inset 0 0 0 1px var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;border:0;border-radius:50%;place-content:center;gap:.2rem;display:grid}.pad strong{letter-spacing:-.04em;font-size:clamp(1.8rem,8vw,2.6rem);line-height:.9}.pad small{color:var(--mute);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}.pad-wrap[data-kind=honest] .pad{background:color-mix(in srgb, var(--honest) 22%, var(--pad))}.pad-wrap[data-kind=feint] .pad{background:color-mix(in srgb, var(--feint) 16%, var(--pad))}.pad-wrap[data-flash=good] .pad{background:color-mix(in srgb, var(--good) 28%, var(--pad))}.pad-wrap[data-flash=bad] .pad{background:color-mix(in srgb, var(--bad) 28%, var(--pad))}.strikes{gap:.35rem;display:flex}.strikes i{background:var(--line);border-radius:50%;width:.7rem;height:.7rem;display:block}.strikes i.lost{background:var(--bad)}.score-grid{grid-template-columns:1fr 1fr;gap:.55rem;margin:1rem 0 .2rem;display:grid}.score-grid div{border:1px solid var(--line);border-radius:.9rem;padding:.65rem .7rem}.score-grid b{font-size:1.2rem;display:block}.banner{background:color-mix(in srgb, var(--honest) 16%, var(--pad));border:1px solid var(--line);border-radius:1rem;padding:.8rem .9rem}.banner.error{background:color-mix(in srgb, var(--bad) 14%, var(--pad))}.note{font-size:.88rem}.note-after{margin-top:1rem}@media (width<=720px){.look-grid,.compare{grid-template-columns:1fr}}@media (width<=420px){.card h1,.card h2,.title-lead h1{font-size:1.75rem}.stage{min-height:24rem}}@media (prefers-reduced-motion:reduce){.pad-wrap.ticking .ring:after{animation:none}}