.shake[data-v-1aa0ab92]{animation:shake .45s}.topline[data-v-1aa0ab92]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.count[data-v-1aa0ab92]{font:900 1.5rem var(--display)}.count small[data-v-1aa0ab92]{font-size:.9rem;opacity:.55}.meterbar[data-v-1aa0ab92]{height:18px;border:3px solid var(--ink);border-radius:999px;background:#fff;overflow:hidden;margin-bottom:16px}.meterbar>i[data-v-1aa0ab92]{display:block;height:100%;border-right:3px solid var(--ink);transition:width .4s;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.4) 0 7px,transparent 7px 14px);background-size:28px 28px;animation:stripes .8s linear infinite}.meterbar.thin[data-v-1aa0ab92]{height:12px;margin:6px 0 0}.meterbar.thin>i[data-v-1aa0ab92]{background-color:var(--pink)}.prompt[data-v-1aa0ab92]{font-size:1.1rem;background:#fff;border:3px dashed var(--ink);border-radius:14px;padding:12px 14px;white-space:pre-line;word-break:break-word}.timer[data-v-1aa0ab92]{font:900 1.4rem var(--display)}.timer.late[data-v-1aa0ab92]{color:var(--pink);animation:shake .4s infinite}.reading[data-v-1aa0ab92]{font-weight:800;margin-bottom:12px}.controls.locked[data-v-1aa0ab92]{opacity:.4;pointer-events:none;filter:grayscale(.6)}.choices[data-v-1aa0ab92]{display:grid;gap:10px}.big[data-v-1aa0ab92]{font:900 3rem var(--display);text-align:center;margin:4px 0}.rules[data-v-1aa0ab92]{padding-left:0;list-style:none;margin:0 0 16px}.rules li[data-v-1aa0ab92]{padding:6px 0 6px 34px;position:relative}.rules li[data-v-1aa0ab92]:before{content:"★";position:absolute;left:4px;top:3px;font-size:1.3rem;color:var(--pink);text-shadow:2px 2px 0 var(--ink)}.robot[data-v-1aa0ab92]{display:flex;align-items:center;gap:14px;padding:14px;border:3px solid var(--ink);border-radius:14px;cursor:pointer;background:#fff;font-weight:700;box-shadow:4px 4px 0 var(--ink)}.robot .box[data-v-1aa0ab92]{width:34px;height:34px;border:3px solid var(--ink);border-radius:8px;display:grid;place-items:center;background:#fff;font:900 1.3rem var(--display);color:#1c9c4a}.robot .box.done[data-v-1aa0ab92]{background:var(--green);animation:pop .3s}.robot small[data-v-1aa0ab92]{margin-left:auto;text-align:center;font-size:.62rem;opacity:.6;line-height:1.2}.spin[data-v-1aa0ab92]{width:18px;height:18px;border:3px solid #ddd;border-top-color:var(--ink);border-radius:50%;animation:spin-1aa0ab92 .6s linear infinite}@keyframes spin-1aa0ab92{to{transform:rotate(360deg)}}.hold[data-v-1aa0ab92]{position:relative;width:100%;padding:22px;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none;background:#fff}.hold .fill[data-v-1aa0ab92]{position:absolute;inset:0 auto 0 0;background:var(--green);border-right:3px solid var(--ink)}.hold .lbl[data-v-1aa0ab92]{position:relative;font-size:1.1rem}.confetti[data-v-1aa0ab92]{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:10}.confetti i[data-v-1aa0ab92]{position:absolute;top:-20px;width:10px;height:16px;border:2px solid var(--ink);animation:fall linear infinite}:root{--ink: #1b1b1f;--paper: #fff3cf;--white: #fffdf7;--yellow: #ffd23f;--pink: #ff5fa2;--blue: #4cc9f0;--green: #7ae582;--orange: #ff9f1c;--purple: #b388ff;--shadow: 5px 5px 0 var(--ink);--display: "Arial Black", "Segoe UI Black", Impact, system-ui, sans-serif}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent}body{margin:0;color:var(--ink);font:17px/1.45 Trebuchet MS,Segoe UI,system-ui,sans-serif;background-color:var(--paper);background-image:radial-gradient(rgba(27,27,31,.13) 1.6px,transparent 1.6px);background-size:22px 22px;min-height:100vh}main{max-width:640px;margin:0 auto;padding:28px 16px 56px}.card{background:var(--white);border:3px solid var(--ink);border-radius:22px;box-shadow:8px 8px 0 var(--ink);padding:22px;position:relative}h1{font:900 1.75rem/1.1 var(--display);letter-spacing:-.5px;margin:0 0 10px}h1 mark,.hl{background:linear-gradient(transparent 55%,var(--yellow) 55%);color:inherit;padding:0 3px}p{margin:0 0 12px}.muted{color:#5b5b66}a{color:inherit}.sticker{display:inline-block;padding:3px 12px;border:3px solid var(--ink);border-radius:999px;background:var(--yellow);font:900 .8rem var(--display);text-transform:uppercase;letter-spacing:.04em;box-shadow:3px 3px 0 var(--ink);transform:rotate(-2deg)}.sticker.big{font-size:1.05rem;padding:8px 18px}.tilt-r{transform:rotate(2.5deg)}.mascot{width:76px;height:76px;flex:none;display:grid;place-items:center;font-size:2.6rem;background:var(--blue);border:3px solid var(--ink);border-radius:50%;box-shadow:4px 4px 0 var(--ink);animation:bob 2.4s ease-in-out infinite}.mascot.wobble{animation:wobble 1.8s ease-in-out infinite}.bubble{position:relative;background:#fff;border:3px solid var(--ink);border-radius:16px;padding:8px 14px;font-weight:700;flex:1}.bubble:before{content:"";position:absolute;left:-11px;top:22px;width:16px;height:16px;background:#fff;border-left:3px solid var(--ink);border-bottom:3px solid var(--ink);transform:rotate(45deg)}.hero{display:flex;gap:18px;align-items:center;margin-bottom:18px}input,button{font:inherit;color:var(--ink)}input[type=text],input[type=password],input[type=number],input[type=datetime-local],input:not([type]){width:100%;padding:11px 14px;border:3px solid var(--ink);border-radius:14px;background:#fff;box-shadow:inset 3px 3px #1b1b1f14}input:focus-visible,button:focus-visible{outline:4px solid var(--blue);outline-offset:2px}input[type=range]{width:100%;accent-color:var(--pink);height:36px}button{padding:11px 18px;border:3px solid var(--ink);border-radius:14px;background:var(--yellow);font-weight:800;cursor:pointer;box-shadow:4px 4px 0 var(--ink);transition:transform .08s,box-shadow .08s}button:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--ink)}button:active:not(:disabled){transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}button.secondary{background:#fff}button.pink,button.danger{background:var(--pink)}button.blue{background:var(--blue)}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:2px 2px 0 var(--ink)}button.block{width:100%;font-size:1.1rem}.error{background:var(--pink);color:#fff;font-weight:700;border:3px solid var(--ink);border-radius:12px;padding:6px 12px;margin:10px 0 0;animation:shake .4s}label{display:block;font:800 .8rem var(--display);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.row>*{flex:1 1 140px}.row>button{flex:0 0 auto}.guest-input{text-align:center;font:900 1.7rem var(--display);letter-spacing:.14em;text-transform:uppercase}.guest-input::placeholder{color:#1b1b1f40}code.guest-code{font:900 1.05rem ui-monospace,Consolas,monospace;letter-spacing:.08em;background:var(--yellow);padding:1px 8px;border:2px solid var(--ink);border-radius:8px}.nocode{display:block;width:fit-content;margin:18px auto 0;text-decoration:none;background:var(--pink);color:#fff;font:900 1rem var(--display);border:3px solid var(--ink);border-radius:999px;padding:6px 18px;box-shadow:4px 4px 0 var(--ink);transform:rotate(-2deg);transition:transform .15s}.nocode:hover{transform:rotate(2deg) scale(1.06)}.tableWrap{overflow-x:auto;margin-top:16px}table{width:100%;border-collapse:separate;border-spacing:0;border:3px solid var(--ink);border-radius:14px;overflow:hidden;background:#fff}th{background:var(--yellow);font:900 .75rem var(--display);text-transform:uppercase;letter-spacing:.05em}th,td{text-align:left;padding:9px 10px;border-bottom:2px solid var(--ink);font-size:.92rem;vertical-align:middle}tr:last-child td{border-bottom:0}td button{padding:5px 10px;font-size:.8rem;margin:2px;box-shadow:2px 2px 0 var(--ink)}@keyframes bob{50%{transform:translateY(-6px)}}@keyframes wobble{25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@keyframes pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}@keyframes fall{to{transform:translateY(105vh) rotate(720deg)}}@keyframes stripes{to{background-position:28px 0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media (max-width: 480px){h1{font-size:1.45rem}.mascot{width:62px;height:62px;font-size:2.1rem}.guest-input{font-size:1.35rem}}
