:root{--qp-paper: #fbe9cf;--qp-surface: #fef7e6;--qp-surface-edge: #e2c19c;--qp-wood: #cc9c66;--qp-wood-dark: #9b5645;--qp-ink: #4a2e22;--qp-accent: #e0543a;--qp-accent-2: #2ba192;--qp-muted: #8a7a66;--qp-success: #3c9a5f;--qp-warning: #d99a2b;--qp-error: #c0392b;--qp-player-1: #d9443a;--qp-player-2: #ee8a2e;--qp-player-3: #f2c230;--qp-player-4: #4a9e4f;--qp-player-5: #2ba192;--qp-player-6: #3c7fc4;--qp-player-7: #8a5bb5;--qp-player-8: #e06c9f;--qp-font: "Nunito", system-ui, "Segoe UI", Roboto, sans-serif;--qp-radius: 1.25rem}html,body{margin:0;height:100%}body{font-family:var(--qp-font);font-weight:600;color:var(--qp-ink);background:radial-gradient(ellipse at center,#fef7e6bf,#fbe9cf8c 75%),url(/textures/paper.webp) repeat center/512px,var(--qp-paper);min-height:100vh}.qp-card{border-radius:var(--qp-radius);background:linear-gradient(#fef7e6d9,#fef7e6d9),url(/textures/cardboard.webp) repeat center/384px;box-shadow:0 .4rem 0 var(--qp-wood),0 1.2rem 2.5rem #4a2e2233}.qp-button{font:inherit;font-weight:800;font-size:1.15rem;padding:.8em 1.6em;border:none;border-radius:999px;color:#fff;background:var(--qp-accent);box-shadow:0 .3em #a83a26;cursor:pointer;transition:transform .1s,box-shadow .1s}.qp-button:hover:not(:disabled){transform:translateY(-2px)}.qp-button:active:not(:disabled),.qp-button:focus-visible{transform:translateY(.2em);box-shadow:0 .1em #a83a26}.qp-button:focus-visible{outline:3px solid var(--qp-accent-2);outline-offset:3px}.qp-button:disabled{opacity:.5;cursor:default}.qp-button.secondary{color:var(--qp-ink);background:var(--qp-surface);box-shadow:0 .3em 0 var(--qp-surface-edge)}.qp-link{font:inherit;background:none;border:none;color:var(--qp-accent-2);text-decoration:underline;cursor:pointer}.qp-field{display:grid;gap:.35rem;font-size:.95rem}.qp-field input{font:inherit;font-size:1.1rem;padding:.7em .9em;border:2px solid var(--qp-surface-edge);border-radius:.8rem;background:#fff;color:var(--qp-ink)}.qp-field input:focus{outline:none;border-color:var(--qp-accent-2)}.qp-error{color:var(--qp-error)}.qp-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem}.qp-choice{font:inherit;text-align:left;padding:.8rem 1rem;border-radius:1rem;border:3px solid var(--qp-surface-edge);background:var(--qp-surface);color:var(--qp-ink);cursor:pointer}.qp-choice small{display:block;opacity:.7;font-size:.8em}.qp-choice.selected{border-color:var(--qp-accent);box-shadow:0 0 0 3px #e0543a33}.qp-choice:focus-visible{outline:3px solid var(--qp-accent-2)}
