:root{--bg:#f4ead5;--bg-dots:#e9dcc0;--paper:#fffaf0;--ink:#3b2f2a;--muted:#7d6c62;--line:#d9cbb4;--rule:#b9d3e8;--accent:#c0392b;--accent-ink:#fff;--accent-soft:#f7d9d3;--ok:#2e8b57;--fold:#e8dcc3;--shadow:0 2px 0 #3b2f2a14, 0 10px 30px #3b2f2a1a;--radius:14px;--hand:"Caveat", "Comic Sans MS", cursive;--sans:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg) radial-gradient(var(--bg-dots) 1px, transparent 1px) 0 0 / 18px 18px;color:var(--ink);font-family:var(--sans);-webkit-text-size-adjust:100%;margin:0;font-size:17px;line-height:1.5}h1,h2,h3{margin:0 0 .6em;line-height:1.2}h2{font-size:1.35rem}h3{font-size:1.05rem}p{margin:0 0 .8em}a{color:inherit}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:760px;margin:0 auto;padding:12px 16px;display:flex}.logo{font-family:var(--hand);font-size:1.7rem;font-weight:700;text-decoration:none}.room-badge{background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:2px 12px;font-size:.9rem}.main{flex:1;width:100%;max-width:760px;margin:0 auto;padding:8px 16px 120px}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:20px}.narrow{max-width:440px;margin-left:auto;margin-right:auto}.center{text-align:center}.muted{color:var(--muted);font-size:.95rem}.error{color:var(--accent);font-weight:600}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{border:2px solid var(--ink);background:var(--paper);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;box-shadow:0 3px 0 var(--ink);border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:8px 18px;font-weight:700;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#8e2a20;box-shadow:0 3px #8e2a20}.btn.ghost{box-shadow:none;background:0 0;border-color:#0000;font-weight:600;text-decoration:underline}.btn.small{min-height:36px;padding:4px 12px;font-size:.92rem}.btn.big{min-height:56px;padding:10px 28px;font-size:1.15rem}.link{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.field{margin-bottom:14px;display:block}.field>span{margin-bottom:4px;font-size:.92rem;font-weight:700;display:block}input,select{border:2px solid var(--line);width:100%;min-height:44px;color:var(--ink);font:inherit;background:#fff;border-radius:10px;padding:8px 12px}input:focus,select:focus{border-color:var(--ink);outline:none}.code-input,.code{letter-spacing:.2em;text-transform:uppercase;font-family:ui-monospace,SF Mono,Menlo,monospace}.code-input{text-align:center;font-size:1.4rem}.hero{text-align:center;padding:16px 0 8px}.hero h1{font-family:var(--hand);font-size:clamp(2.6rem,9vw,4rem);font-weight:700;line-height:1}.hero h1 span{color:var(--accent);font-size:.7em}.lead{max-width:560px;margin:0 auto 24px;font-size:1.05rem}.grid2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.grid2 .card{flex-direction:column;margin-bottom:0;display:flex}.grid2 .card .btn{margin-top:auto}.how{margin-top:16px}.how ol{margin:0;padding-left:1.3em}.how li+li{margin-top:4px}.loading,.waiting{text-align:center;color:var(--muted);font-style:italic}.link-row{gap:8px;display:flex}.link-row input{flex:1;min-width:0;font-size:.9rem}.players{flex-wrap:wrap;gap:8px;margin:0 0 8px;padding:0;list-style:none;display:flex}.player{border:2px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:4px 6px 4px 12px;font-weight:600;display:inline-flex}.player.me{border-color:var(--ink)}.player.done{border-color:var(--ok);background:#e3f3e9}.player.offline{opacity:.55}.dot{background:var(--ok);border-radius:50%;flex:none;width:9px;height:9px}.player.offline .dot{background:#aaa}.pstatus{color:var(--muted);padding-right:6px;font-size:.85rem}.player.done .pstatus{color:var(--ok)}.kick{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;width:28px;height:28px;font-size:.9rem}.kick:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.kick:disabled{opacity:.3}.player .crown+.pstatus,.player .pname:last-child,.player .crown:last-child{padding-right:6px}.questions-edit{margin:0 0 10px;padding-left:1.4em}.questions-edit li{margin-bottom:6px}.questions-edit li>*{vertical-align:middle}.questions-edit input{width:calc(100% - 40px)}.actions{flex-direction:column;align-items:center;gap:10px;margin:20px 0;display:flex}.host-tools{border-top:1px dashed var(--line);margin-top:8px;padding-top:8px}.paper{background:var(--paper) repeating-linear-gradient(transparent 0 35px, var(--rule) 35px 36px);box-shadow:var(--shadow);border-radius:6px;margin-bottom:16px;padding:22px 22px 22px 52px;position:relative}.paper:before{content:"";background:#eaa39b;width:2px;position:absolute;top:0;bottom:0;left:36px}.fold{background:linear-gradient(var(--fold), #d8c9a8);text-align:center;letter-spacing:.25em;text-transform:uppercase;color:#9a8a6b;border-top:1px solid #c9b993;border-bottom:1px solid #c9b993;margin:0 -22px 6px -52px;padding:6px 0;font-size:.75rem;box-shadow:0 3px 4px #00000014}.question{font-family:var(--hand);color:var(--accent);margin:10px 0;font-size:3rem}.answer-form{flex-direction:column;gap:12px;display:flex}.answer-input{font-family:var(--hand);border:none;border-bottom:2px dashed var(--ink);background:0 0;border-radius:0;padding:4px 2px;font-size:1.8rem}.handwriting{font-family:var(--hand);margin:0;font-size:1.9rem;line-height:1.2}.answered .muted{margin-top:10px}.progress{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:12px;display:flex}.pip{border:2px solid var(--ink);border-radius:50%;width:12px;height:12px}.pip.past{background:var(--ink)}.pip.current{background:var(--accent);border-color:var(--accent)}.progress-label{font-weight:700}.timer{font-variant-numeric:tabular-nums;background:var(--paper);border:2px solid var(--ink);border-radius:999px;margin-left:auto;padding:2px 12px;font-weight:800}.timer.urgent{color:#fff;background:var(--accent);border-color:var(--accent);animation:1s infinite pulse}@keyframes pulse{50%{transform:scale(1.08)}}.speak-toggle{cursor:pointer;align-items:center;gap:6px;margin-left:auto;font-size:.95rem;display:inline-flex}.speak-toggle input{width:18px;height:18px;min-height:18px}.line{padding:4px 0 10px;display:block}.line-q{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:.78rem;font-weight:800;display:block}.authors .line-q{margin-right:4px;display:inline}.unfold{transform-origin:top;animation:.55s cubic-bezier(.2,.8,.3,1.2) unfold}@keyframes unfold{0%{opacity:0;transform:perspective(600px)rotateX(-80deg)}to{opacity:1;transform:none}}.story{font-family:var(--hand);border-top:2px dashed var(--line);margin:12px 0 0;padding-top:12px;font-size:1.7rem;line-height:1.25}.stories{margin:0;padding-left:1.2em}.stories li+li{margin-top:8px}.vote-list{gap:12px;margin-bottom:16px;display:grid}.vote-card{text-align:left;background:var(--paper);border:3px solid var(--line);border-radius:var(--radius);width:100%;font:inherit;color:inherit;cursor:pointer;box-shadow:var(--shadow);padding:16px 16px 16px 56px;transition:border-color .15s,transform .15s;display:block;position:relative}.vote-card:hover:not(:disabled){border-color:var(--ink);transform:translateY(-2px)}.vote-card.chosen{border-color:var(--accent);background:#fff3f0}.vote-card.own{opacity:.6;cursor:default}.vote-card:disabled:not(.own):not(.chosen){cursor:default}.vote-num{color:var(--muted);font-weight:800;position:absolute;top:16px;left:16px}.vote-story{font-family:var(--hand);font-size:1.6rem;line-height:1.2;display:block}.vote-tag{color:var(--accent);margin-top:6px;font-size:.85rem;font-weight:700;display:inline-block}.result-head{align-items:center;gap:8px;display:flex}.result .story{border-top:none;margin-top:4px;padding-top:0}.result.winner{outline:4px solid #e2b33c}.trophy{font-size:1.6rem}.votes{font-weight:800}details{margin-top:10px}summary{cursor:pointer;color:var(--muted);font-weight:700}.authors{margin:8px 0 0;padding-left:1.1em}.reaction-bar{left:50%;bottom:max(12px, env(safe-area-inset-bottom));background:var(--paper);border:2px solid var(--ink);box-shadow:var(--shadow);z-index:10;border-radius:999px;gap:4px;padding:6px 10px;display:flex;position:fixed;transform:translate(-50%)}.reaction{cursor:pointer;background:0 0;border:none;border-radius:50%;width:46px;height:46px;font-size:1.6rem;transition:transform .1s}.reaction:active{transform:scale(1.35)}.floating{pointer-events:none;z-index:20;position:fixed;inset:0;overflow:hidden}.float-emoji{font-size:2.6rem;animation:2.6s ease-out forwards float-up;position:absolute;bottom:70px}@keyframes float-up{0%{opacity:1;transform:translate(0)scale(.6)}20%{transform:translate(calc(var(--drift) * .3), -15vh) scale(1.1)}to{opacity:0;transform:translate(var(--drift), -70vh) scale(1)}}.offline-banner,.toast{z-index:30;text-align:center;border-radius:12px;max-width:calc(100% - 32px);padding:10px 18px;font-weight:700;position:fixed;left:50%;transform:translate(-50%)}.offline-banner{background:#fff3cd;border:2px solid #c9a227;top:12px}.toast{background:var(--ink);color:#fff;bottom:84px}.toast-enter-active,.toast-leave-active{transition:opacity .2s,transform .2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,10px)}@media (width<=480px){body{font-size:16px}.card{padding:16px}.paper{padding:18px 16px 18px 40px}.paper:before{left:28px}.fold{margin:0 -16px 6px -40px}.question{font-size:2.5rem}.reaction{width:40px;height:40px;font-size:1.4rem}.link-row{flex-wrap:wrap}.link-row input{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.unfold,.float-emoji,.timer.urgent{animation:none}}