@import "https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;800&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:#f5f2f9;background:#18151f;margin:0;font-family:Barlow,sans-serif}main{max-width:1104px;margin:auto;padding:0 24px}header{justify-content:space-between;align-items:center;padding:32px 0;display:flex}.wordmark{letter-spacing:-2px;color:#fff;font-size:32px;font-weight:800;text-decoration:none}.wordmark span{color:#ba9be4}.scores{color:#aaa1b8;text-align:right;gap:32px;font-size:14px;display:flex}.scores strong{color:#fff;font-variant-numeric:tabular-nums;font-size:28px;display:block}.game{text-align:center}.call{min-height:180px;padding:24px 0}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:#ba9be4;font-size:12px}h1{letter-spacing:-3px;margin:16px 0;font-size:clamp(48px,8vw,88px);line-height:1}.call p:last-child{color:#bcb3c9;min-height:24px;margin-bottom:0}.toy{max-width:900px;margin:16px auto}.toy img{width:100%;height:auto;display:block}.timer{background:#393140;border-radius:4px;height:4px;margin:24px 0;overflow:hidden}.timer div{transform-origin:0;background:#ba9be4;height:100%;animation:linear forwards countdown}@keyframes countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}button{font:inherit;cursor:pointer;min-height:48px;color:inherit;touch-action:manipulation;background:0 0;border:1px solid #5b4e6a;border-radius:12px;padding:16px 24px}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #d5b9f8}.action{justify-content:space-between;align-items:center;font-size:24px;font-weight:600;transition:background .1s,transform .1s;display:flex}.action:hover:not(:disabled){background:#302439}.action:active:not(:disabled){transform:translateY(2px)}.action.bop{color:#d2b2f0;border-color:#b78ce0}.action.pull{color:#d0d986;border-color:#b6bb51}.action.twist{color:#a1ddc8;border-color:#5ba990}.action:disabled{opacity:.4;cursor:default}kbd{border:1px solid;border-radius:4px;padding:4px 8px;font:12px ui-monospace,monospace}.round-controls{justify-content:center;gap:16px;margin:24px 0;display:flex}.start{color:#20152e;background:#ba9be4;border-color:#ba9be4;font-weight:600}footer{text-align:center;color:#aaa1b8;padding:0 0 32px;font-size:13px;line-height:1.7}a{color:inherit;text-underline-offset:4px}.notice{color:#d0d986;max-width:600px;margin:24px auto}@media (max-width:600px){header{padding:24px 0}.call{min-height:160px}.controls{gap:8px}.action{flex-direction:column;gap:8px;padding:16px 8px;font-size:20px}.toy{margin:24px -16px}.scores{gap:16px}footer{font-size:12px}}@media (prefers-reduced-motion:reduce){.action{transition:none}.timer div{animation:none}}