:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:#d8d3c8;justify-content:center;align-items:center;height:100vh;margin:0;font-family:system-ui,sans-serif;display:flex;overflow:hidden}main{justify-content:center;align-items:center;display:flex;position:relative}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#board{border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 1.5rem 3rem #0000004d,0 0 0 1px #00000014}#game{touch-action:none;cursor:default;width:100%;height:100%;display:block}#game.aimable{cursor:grab}#game.aiming{cursor:grabbing}#hud{pointer-events:none;background:#ffffff59;border-radius:.6rem;gap:.35rem;padding:.4rem .55rem;display:flex;position:absolute;top:.9rem;left:.9rem}#hud .arrow-pip{filter:drop-shadow(0 1px 1px #140f0873);width:1.6rem;height:1.6rem;transition:opacity .15s;display:block}#hud .arrow-pip .pip-shaft,#hud .arrow-pip .pip-head,#hud .arrow-pip .pip-fletch{fill:#4a3826;stroke:#2e1c10;stroke-width:1px;stroke-linejoin:round}#hud .arrow-pip.spent{opacity:.25}#hud .arrow-pip.spent .pip-shaft,#hud .arrow-pip.spent .pip-head,#hud .arrow-pip.spent .pip-fletch{fill:#7a7a82;stroke:#4a4a52}.overlay{background:#0a0a0e8c;justify-content:center;align-items:center;gap:1.4rem;position:absolute;inset:0}.overlay:not([hidden]){display:flex}.fail-meme{border-radius:.6rem;width:26%;max-width:220px;height:auto;box-shadow:0 .6rem 1.4rem #00000080}.fail-meme[hidden]{display:none}.overlay button{font:inherit;letter-spacing:.08em;color:#12141c;cursor:pointer;background:#e8dcc0;border:none;border-radius:.6rem;padding:.9rem 2.2rem;font-weight:700}.overlay button:hover{background:#fff}.card{pointer-events:none;background:#0a0a0ebf;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;position:absolute;inset:0}.card:not([hidden]){display:flex}.card-title,.card-subtitle{letter-spacing:.1em;color:#e8dcc0;text-shadow:0 .2rem .5rem #00000080;opacity:0;font-weight:800;transition:transform .25s cubic-bezier(.2,1.4,.4,1),opacity .2s;display:block;transform:scale(.6)}.card-title{font-size:2.4rem}.card-subtitle{letter-spacing:.08em;font-size:1.2rem}.card-subtitle:empty{display:none}.card.show .card-title,.card.show .card-subtitle{opacity:1;transform:scale(1)}.card.show .card-subtitle{transition-delay:80ms}.card.hype{background:#1e0804d1}.card.hype .card-title,.card.hype .card-subtitle{color:#ff5a3c;text-shadow:0 0 .6rem #ff5a3ccc}.card.hype .card-title{transform:scale(.4)rotate(-2deg)}.card.hype.show .card-title{transform:scale(1)rotate(0)}.start-screen{background:linear-gradient(#0c141cb8,#080c12d9);justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.start-screen.hide{opacity:0;pointer-events:none}.start-card{background:linear-gradient(160deg,#a4703c 0%,#8a5a2e 45%,#5c3a20 100%);border:1px solid #2a1608;border-radius:.9rem;flex-direction:column;align-items:center;gap:1.6rem;padding:2.2rem 3rem;display:flex;box-shadow:0 1rem 2.5rem #00000073,inset 0 0 0 1px #ffebc826}.game-title{letter-spacing:.14em;color:#fff4e2;text-shadow:0 .25rem .6rem #00000080;margin:0;font-size:2.8rem;font-weight:900}.start-button{font:inherit;letter-spacing:.1em;color:#12141c;cursor:pointer;background:linear-gradient(#9aa4ad 0%,#5c6670 45%,#454e57 100%);border:2px solid #15181b;border-bottom:4px solid #f4c430;border-radius:.5rem;padding:1rem 2.4rem;font-weight:800;transition:transform .12s,box-shadow .12s,background .15s;box-shadow:0 .3rem #15181b,0 .5rem .9rem #0006}.start-button:hover{background:linear-gradient(#b6bfc7 0%,#6c7680 45%,#545d66 100%);transform:translateY(-.1rem);box-shadow:0 .4rem #15181b,0 .7rem 1.1rem #00000073}.start-button:active{transform:translateY(.25rem);box-shadow:0 .05rem #15181b,0 .15rem .4rem #0006}@keyframes board-shake{0%{transform:translate(0)}20%{transform:translate(-.6rem,.3rem)}40%{transform:translate(.5rem,-.4rem)}60%{transform:translate(-.4rem,-.2rem)}80%{transform:translate(.3rem,.3rem)}to{transform:translate(0)}}@keyframes board-flash{0%{opacity:.9}to{opacity:0}}#board.impact{animation:.45s ease-in-out board-shake}#board.impact:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffd296e6,#ff5a3c80 60%,#0000 100%);animation:.45s ease-out forwards board-flash;position:absolute;inset:0}