button,input{font:inherit}button{color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}#table.dragging #hint{visibility:hidden}
nav{display:flex;gap:22px}nav button,#pause,#share{background:none;border:0;min-height:44px;padding:8px 0;font-size:12px}.flick-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;max-width:1200px;padding-top:24px;padding-bottom:24px}.flick-intro h1{font-size:clamp(90px,10vw,140px);margin:25px 0}.back{display:inline-flex;align-items:center;min-height:36px;color:var(--gold);font-size:10px;letter-spacing:1px}.lede{font-size:20px;color:var(--muted);line-height:1.6}.lede em{font:italic 29px var(--serif)}.rules{list-style:none;padding:0;margin:32px 0;display:grid;gap:20px;font-size:14px}.rules span{color:var(--gold);font:11px 'Courier New',monospace;margin-right:10px}.fine-print{font-size:12px;line-height:1.8;color:var(--muted)}.record{border-top:1px solid var(--line);margin-top:28px;padding-top:20px;display:grid;gap:8px;max-width:310px}.record span{font-size:10px;letter-spacing:1px;color:var(--gold)}.record strong{font:40px var(--serif)}.record small{font-size:11px;color:var(--muted)}.signature{font:italic 24px var(--serif);margin-top:35px;color:var(--muted)}
.machine{min-width:0}.machine-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);height:40px}.machine-top .eyebrow{font-size:9px;letter-spacing:1.2px}#pause{color:var(--muted)}.scoreboard{display:flex;justify-content:space-between;padding:12px 2px}.scoreboard>div:last-child{text-align:right}.scoreboard strong{font:36px var(--serif);font-variant-numeric:tabular-nums}.scoreboard strong span{font-size:19px;color:var(--muted)}.scoreboard small{display:block;font-size:9px;letter-spacing:1px;color:var(--muted)}
.stage{position:relative;aspect-ratio:420/520;width:100%;max-width:440px;margin:auto}#table{display:block;width:100%;height:100%;touch-action:none;user-select:none}#table.aiming{cursor:grab}#table.dragging{cursor:grabbing}#panel{position:absolute;top:26%;left:50%;transform:translateX(-50%);width:90%;padding:22px;text-align:center;background:#171a13f5;border:1px solid var(--gold)}#panel h2,dialog h2{font:38px/1.04 var(--serif);letter-spacing:-1px;color:var(--paper);margin:12px 0}#panel p{font-size:13px;line-height:1.6;color:var(--muted)}#panel .eyebrow{font-size:9px;color:var(--gold)}.gold{background:var(--gold);color:var(--night);border:0;padding:14px 20px;min-height:46px;font-weight:600}.gold:hover:not(:disabled){background:#e7c147}#share{display:block;color:var(--gold);margin:auto}#share-link{width:100%;border:1px solid var(--gold);background:var(--night);color:var(--paper);padding:8px}#effects text{font:italic 25px var(--serif);fill:var(--paper);stroke:#172014;stroke-width:5px;paint-order:stroke}
#rack{display:flex;justify-content:center;gap:10px;padding:12px 0}#rack i{width:13px;height:13px;border:1px solid var(--gold);border-radius:50%;background:var(--gold)}#rack i.hit{background:var(--paper);border-color:var(--paper)}#rack i.miss{background:transparent;opacity:.45}#rack i.current{outline:1px solid var(--gold);outline-offset:3px}.controls{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:16px}.controls label{min-width:0;display:block;font-size:9px;letter-spacing:1px;color:var(--muted)}.controls output{float:right;color:var(--paper);font-variant-numeric:tabular-nums}.controls input{display:block;width:100%;margin:0;min-height:44px;accent-color:var(--gold);cursor:pointer}.controls .gold{font-size:13px;white-space:nowrap}#status{font-size:12px;line-height:1.5;color:var(--muted);min-height:36px;margin:8px 0 0;text-align:center}
dialog{background:#19170f;color:var(--paper);border:1px solid var(--gold);width:min(500px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:28px}dialog::backdrop{background:#000b}dialog p{font-size:13px;line-height:1.8;color:var(--muted)}#close-help{position:absolute;right:8px;top:6px;width:44px;height:44px;background:none;border:0;font-size:26px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:4;background:var(--paper);color:var(--night);padding:14px 20px;max-width:90%;font-size:13px}
@media(max-width:900px){.flick-page header{min-height:76px;padding-top:8px;padding-bottom:8px}.flick-page header img{width:100px;height:55px}.flick-page header>.eyebrow{display:none}nav{gap:14px}.flick-layout{display:block;max-width:550px;padding-top:8px;padding-bottom:14px}.flick-intro{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}.flick-intro h1{font-size:39px;letter-spacing:-1.5px;margin:0}.flick-intro h1 br{display:none}.flick-intro h1 em{margin-left:.1em}.back{font-size:9px}.lede,.rules,.fine-print,.record,.signature{display:none}.machine-top{height:32px}.scoreboard{padding:7px 2px}.scoreboard strong{font-size:29px}.scoreboard small{font-size:8px}.stage{max-height:49dvh;width:auto;max-width:100%}#panel{padding:14px;top:24%}#panel h2{font-size:29px;margin:9px 0}#panel p{font-size:12px;margin:8px 0}#panel .eyebrow{font-size:8px}.controls{gap:10px}.controls .gold{padding:13px 14px}#rack{padding:10px 0}#status{font-size:11px}.flick-page footer{padding-top:18px;padding-bottom:18px}}
@media(max-width:350px){.controls{gap:8px}.controls .gold{padding:13px 10px}#panel{width:94%;padding:12px}#panel h2{font-size:26px}}