/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.hidden{display:none}.inline{display:inline}.table{display:table}.border{border-style:var(--tw-border-style);border-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--cream:#fff8e7;--paper:#fffdf6;--ink:#1f1745;--muted:#6d6687;--violet:#6c4dff;--violet-dark:#4d32d9;--coral:#ff6b6b;--yellow:#ffd166;--mint:#35d6a3;--line:#d8d0eb;--danger:#c9384d;--shadow:0 10px 0 #1f17451f;--soft-shadow:0 20px 60px #3e2b7b21;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--cream:#17132e;--paper:#241e43;--ink:#fff9ea;--muted:#c2bad6;--violet:#927bff;--violet-dark:#b0a0ff;--coral:#ff7f7f;--yellow:#ffd978;--mint:#54e4b6;--line:#494064;--danger:#ff8796;--shadow:0 10px 0 #0000004d;--soft-shadow:0 20px 60px #00000047;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--cream);scroll-behavior:smooth;min-width:320px}body{background:radial-gradient(circle at 10% 12%, var(--yellow) 0 2px, transparent 3px) 0 0 / 34px 34px, var(--cream);min-height:100vh;margin:0}@supports (color:color-mix(in lab, red, red)){body{background:radial-gradient(circle at 10% 12%, color-mix(in srgb, var(--yellow) 20%, transparent) 0 2px, transparent 3px) 0 0 / 34px 34px, var(--cream)}}body{color:var(--ink);text-rendering:optimizelegibility;font-family:Arial Rounded MT Bold,Trebuchet MS,system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:not(:disabled),select:not(:disabled){cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.58}:focus-visible{outline:4px solid var(--yellow);outline-offset:3px}::selection{background:var(--yellow);color:#1f1745}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-frame{width:min(1180px,100%);min-height:100vh;margin:0 auto;padding:0 18px 64px}.site-header{border-bottom:2px dashed var(--ink);justify-content:space-between;align-items:center;gap:16px;min-height:78px;display:flex}@supports (color:color-mix(in lab, red, red)){.site-header{border-bottom:2px dashed color-mix(in srgb, var(--ink) 14%, transparent)}}.brand-link{border-radius:14px;display:inline-flex}.brand-mark{letter-spacing:-.05em;white-space:nowrap;align-items:center;gap:9px;font-size:clamp(1.05rem,4vw,1.35rem);font-weight:900;display:inline-flex}.brand-mark strong{color:var(--violet)}.brand-burst{border:3px solid var(--ink);background:var(--yellow);color:#1f1745;border-radius:42% 58% 55% 45%;flex:none;place-items:center;width:35px;height:35px;font-weight:1000;display:grid;transform:rotate(-8deg)}.header-actions,.inline-actions,.button-row{align-items:center;gap:9px;display:flex}.icon-button{border:2px solid var(--line);background:var(--paper);width:43px;height:43px;color:var(--ink);border-radius:14px;place-items:center;transition:transform .16s,border-color .16s,background .16s;display:inline-grid}.icon-button:hover{border-color:var(--violet);transform:translateY(-2px)rotate(-2deg)}.language-select{border:2px solid var(--line);background:var(--paper);min-height:46px;color:var(--ink);border-radius:14px;align-items:center;gap:9px;padding:0 12px;font-weight:800;display:inline-flex}.language-select select{min-height:40px;color:inherit;font-weight:inherit;background:0 0;border:0;outline:0}.language-select.is-compact{justify-content:center;width:49px;padding:0;position:relative}.language-select.is-compact select{opacity:0;width:100%;position:absolute;inset:0}.hero-section{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(36px,7vw,94px);min-height:min(720px,100vh - 78px);padding:54px 0 62px;display:grid}.eyebrow{color:var(--violet-dark);letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 16px;font-size:.78rem;font-weight:1000;display:inline-flex}.hero-copy h1{letter-spacing:-.085em;max-width:760px;margin:0;font-size:clamp(3.25rem,8vw,6.8rem);font-weight:1000;line-height:.88}.hero-copy h1 span{display:block}.hero-accent{background:var(--violet);color:#fff;width:fit-content;box-shadow:8px 8px 0 var(--yellow);margin-top:.12em;padding:.07em .14em .13em;transform:rotate(-1.5deg)}.hero-description{max-width:625px;color:var(--muted);margin:34px 0 0;font-family:system-ui,sans-serif;font-size:clamp(1.05rem,2.4vw,1.27rem);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:13px;margin-top:32px;display:flex}.button{border:3px solid var(--ink);text-align:center;border-radius:16px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:.75rem 1.15rem;font-weight:950;line-height:1.1;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-3px)}.button:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.button-large{min-height:58px;padding-inline:1.45rem}.button-primary{background:var(--violet);color:#fff;box-shadow:5px 5px 0 var(--ink)}.button-secondary{background:var(--paper);color:var(--ink);box-shadow:5px 5px 0 var(--ink)}@supports (color:color-mix(in lab, red, red)){.button-secondary{box-shadow:5px 5px 0 color-mix(in srgb, var(--ink) 18%, transparent)}}.button-coral{background:var(--coral);color:#1f1745;box-shadow:5px 5px 0 var(--ink)}.button-ghost{border-color:var(--line);color:var(--ink);background:0 0}.button-danger{border-color:var(--danger);color:var(--danger);background:0 0}.button-block{width:100%}.no-account-note{color:var(--muted);align-items:center;gap:8px;margin:18px 0 0 4px;font-size:.88rem;font-weight:850;display:flex}.no-account-note span{color:var(--mint)}.hero-art{isolation:isolate;min-height:470px;position:relative}.hero-art:before{content:"";z-index:-2;background:var(--yellow);border-radius:48% 52% 42% 58%;position:absolute;inset:11% 5% 9% 10%;transform:rotate(4deg)}.hero-art:after{content:"";z-index:-1;border:4px solid var(--ink);border-radius:45% 55% 61% 39%;position:absolute;inset:20% 17% 2% 0;transform:rotate(-7deg)}.paper-card{border:4px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:var(--shadow);text-align:center;place-items:center;display:grid;position:absolute}.paper-card b{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.paper-card i{color:var(--violet);font-size:1.25rem;font-weight:950}.scribble{font-size:2.4rem;font-weight:1000}.paper-card-one{border-radius:20px 30px 22px 34px;width:178px;height:210px;top:15%;left:6%;transform:rotate(-10deg)}.paper-card-two{border-radius:30px 18px 32px 20px;width:168px;height:190px;top:4%;right:4%;transform:rotate(11deg)}.paper-card-three{background:var(--coral);border-radius:32px 24px 38px 20px;gap:9px;width:230px;height:210px;bottom:2%;right:14%;transform:rotate(-3deg)}.paper-card-three strong{letter-spacing:-.06em;font-size:2rem}.sticker{border:3px solid var(--ink);color:#1f1745;box-shadow:4px 4px 0 var(--ink);place-items:center;font-weight:1000;display:grid;position:absolute}.sticker-star{background:var(--mint);border-radius:50%;width:72px;height:72px;font-size:2rem;bottom:8%;left:1%;transform:rotate(9deg)}.sticker-zap{background:var(--yellow);border-radius:50%;width:92px;height:58px;top:48%;right:2%;transform:rotate(12deg)}.steps-section{border-top:2px dashed var(--ink);padding:76px 0 90px}@supports (color:color-mix(in lab, red, red)){.steps-section{border-top:2px dashed color-mix(in srgb, var(--ink) 16%, transparent)}}.section-heading{max-width:700px;margin-bottom:34px}.section-heading h2,.page-heading h1,.panel-heading h2{letter-spacing:-.065em;margin:0;font-size:clamp(2rem,6vw,3.6rem);font-weight:1000;line-height:.98}.steps-grid{grid-template-columns:repeat(3,1fr);gap:19px;display:grid}.step-card{border:3px solid var(--ink);background:var(--paper);min-height:245px;box-shadow:var(--shadow);border-radius:24px 30px 26px 21px;padding:28px;position:relative;overflow:hidden}.step-card:nth-child(2){transform:rotate(1deg)}.step-card:nth-child(3){transform:rotate(-1deg)}.step-number{color:var(--muted);font-size:2.5rem;font-weight:1000;position:absolute;top:17px;right:20px}.step-icon{border:3px solid var(--ink);background:var(--yellow);color:#1f1745;border-radius:17px;place-items:center;width:51px;height:51px;display:grid}.step-card:nth-child(2) .step-icon{background:var(--mint)}.step-card:nth-child(3) .step-icon{background:var(--coral)}.step-card h3{letter-spacing:-.035em;margin:30px 0 8px;font-size:1.35rem}.step-card p,.page-heading p,.supporting-copy,.helper-text{color:var(--muted);font-family:system-ui,sans-serif;line-height:1.55}.inner-page{width:min(820px,100%);margin:0 auto;padding:34px 0 80px}.inner-page.is-wide{width:min(1000px,100%)}.back-link{color:var(--muted);align-items:center;gap:7px;margin-bottom:25px;font-weight:900;display:inline-flex}.back-link:hover{color:var(--violet)}.page-heading{margin-bottom:26px}.page-heading p{max-width:620px;margin:13px 0 0;font-size:1.05rem}.surface,.game-panel{border:3px solid var(--ink);background:var(--paper);box-shadow:var(--shadow);border-radius:28px 23px 32px 24px}.form-card,.game-panel{padding:clamp(22px,5vw,38px)}.form-fieldset{border:0;min-width:0;margin:0;padding:0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.field-group{gap:9px;min-width:0;display:grid}.field-group.is-full{grid-column:1/-1}.field-label,.field-legend{font-size:.9rem;font-weight:950}.field-legend{margin-bottom:9px}.text-input,.select-input,.answer-textarea{border:2px solid var(--line);background:var(--cream);width:100%;min-height:52px;color:var(--ink);border-radius:15px;outline:none;padding:0 15px;transition:border-color .15s,box-shadow .15s}.room-code-input{text-align:center;text-transform:uppercase;letter-spacing:.22em;height:76px;font-size:2rem;font-weight:1000}.text-input:focus,.select-input:focus,.answer-textarea:focus{border-color:var(--violet);box-shadow:0 0 0 4px var(--violet)}@supports (color:color-mix(in lab, red, red)){.text-input:focus,.select-input:focus,.answer-textarea:focus{box-shadow:0 0 0 4px color-mix(in srgb, var(--violet) 18%, transparent)}}.answer-textarea{resize:vertical;min-height:132px;padding-block:15px;font-size:clamp(1.2rem,5vw,1.65rem);font-weight:850;line-height:1.35}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.choice-card{border:2px solid var(--line);background:var(--cream);border-radius:18px;flex-direction:column;gap:7px;min-height:118px;padding:17px;transition:border-color .15s,transform .15s,background .15s;display:flex;position:relative}.choice-card:has(input:checked){border-color:var(--violet);background:var(--violet)}@supports (color:color-mix(in lab, red, red)){.choice-card:has(input:checked){background:color-mix(in srgb, var(--violet) 11%, var(--paper))}}.choice-card:has(input:checked){transform:translateY(-2px)}.choice-card input{width:20px;height:20px;accent-color:var(--violet);position:absolute;top:14px;right:14px}.choice-card strong{font-size:1.05rem}.choice-card span{color:var(--muted);padding-right:24px;font-family:system-ui,sans-serif;font-size:.87rem;line-height:1.4}.form-actions{border-top:2px dashed var(--line);justify-content:flex-end;gap:12px;margin-top:28px;padding-top:22px;display:flex}.error-message,.status-banner{border:2px solid var(--danger);background:var(--danger);border-radius:14px;align-items:flex-start;gap:10px;margin:15px 0;padding:13px 15px;display:flex}@supports (color:color-mix(in lab, red, red)){.error-message,.status-banner{background:color-mix(in srgb, var(--danger) 9%, var(--paper))}}.error-message,.status-banner{color:var(--danger);font-family:system-ui,sans-serif;font-weight:700;line-height:1.45}.status-banner.is-info{border-color:var(--violet);background:var(--violet)}@supports (color:color-mix(in lab, red, red)){.status-banner.is-info{background:color-mix(in srgb, var(--violet) 9%, var(--paper))}}.status-banner.is-info{color:var(--ink)}.status-banner.is-success{border-color:var(--mint);background:var(--mint)}@supports (color:color-mix(in lab, red, red)){.status-banner.is-success{background:color-mix(in srgb, var(--mint) 10%, var(--paper))}}.status-banner.is-success{color:var(--ink)}.loading-spinner{border:3px solid;border-right-color:#0000;border-radius:50%;flex:none;width:22px;height:22px;animation:.7s linear infinite spin}.loading-state,.empty-state{text-align:center;align-content:center;place-items:center;gap:16px;min-height:360px;padding:34px;display:grid}.empty-icon{border:3px solid var(--ink);background:var(--yellow);color:#1f1745;border-radius:25px 31px 22px 29px;place-items:center;width:76px;height:76px;display:grid;transform:rotate(-5deg)}.empty-state h2,.loading-state h2{margin:0;font-size:1.55rem}.empty-state p,.loading-state p{max-width:470px;color:var(--muted);margin:0;font-family:system-ui,sans-serif;line-height:1.5}.room-layout{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:20px;display:grid}.room-code-card{text-align:center;background:var(--violet);color:#fff;padding:27px}.room-code-label{letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px;font-size:.78rem;font-weight:900;display:block}.room-code{letter-spacing:.13em;font-size:clamp(2.5rem,12vw,4.7rem);font-weight:1000;line-height:1;display:block}.room-code-actions{justify-content:center;margin-top:18px;display:flex}.room-code-actions .button{border-color:#fff;box-shadow:4px 4px #1f1745}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.panel-heading h2{font-size:1.55rem}.player-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.player-item{border:2px solid var(--line);background:var(--cream);border-radius:15px;align-items:center;gap:12px;padding:13px;display:flex}.player-avatar{border:2px solid var(--ink);background:var(--yellow);color:#1f1745;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-weight:1000;display:grid}.player-info{flex:1;min-width:0}.player-info strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.player-info span{color:var(--muted);font-family:system-ui,sans-serif;font-size:.78rem}.presence-dot{background:var(--muted);border-radius:50%;flex:none;width:11px;height:11px}.presence-dot.is-online{background:var(--mint);box-shadow:0 0 0 4px var(--mint)}@supports (color:color-mix(in lab, red, red)){.presence-dot.is-online{box-shadow:0 0 0 4px color-mix(in srgb, var(--mint) 20%, transparent)}}.settings-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.setting-chip{border:2px dashed var(--line);border-radius:14px;padding:13px}.setting-chip small{color:var(--muted);font-family:system-ui,sans-serif;display:block}.setting-chip strong{margin-top:3px;display:block}.progress-shell{margin-bottom:24px}.progress-meta{color:var(--muted);justify-content:space-between;gap:12px;margin-bottom:9px;font-size:.85rem;font-weight:900;display:flex}.progress-track{border:2px solid var(--ink);background:var(--paper);border-radius:999px;height:13px;overflow:hidden}.progress-bar{border-radius:inherit;background:var(--mint);height:100%;transition:width .35s}.question-card{position:relative;overflow:hidden}.question-card:before{content:"?";color:var(--violet);position:absolute;top:-42px;right:-8px}@supports (color:color-mix(in lab, red, red)){.question-card:before{color:color-mix(in srgb, var(--violet) 10%, transparent)}}.question-card:before{font-size:12rem;font-weight:1000;transform:rotate(9deg)}.question-content{position:relative}.question-label{color:var(--violet-dark);letter-spacing:.1em;text-transform:uppercase;margin:0 0 11px;font-size:.8rem;font-weight:1000}.question-card h1{letter-spacing:-.065em;max-width:680px;margin:0;font-size:clamp(2.1rem,9vw,4.5rem);line-height:.98}.question-example{background:var(--yellow);color:#1f1745;border-radius:10px;margin-top:17px;padding:8px 12px;font-family:system-ui,sans-serif;font-size:.88rem;font-weight:750;display:inline-flex}.secret-note{color:var(--muted);align-items:center;gap:8px;margin:23px 0;font-family:system-ui,sans-serif;font-size:.88rem;display:flex}.answer-footer{color:var(--muted);justify-content:space-between;gap:12px;margin-top:7px;font-family:system-ui,sans-serif;font-size:.78rem;display:flex}.answer-actions{grid-template-columns:auto 1fr;gap:11px;margin-top:16px;display:grid}.voice-panel{border:2px dashed var(--line);background:var(--cream);border-radius:15px;margin-top:12px;padding:14px}.voice-recording{color:var(--coral);align-items:center;gap:9px;font-weight:900;display:flex}.record-dot{background:var(--coral);border-radius:50%;width:11px;height:11px;animation:.9s ease-in-out infinite pulse}.transcript-preview{border-left:4px solid var(--mint);background:var(--paper);margin-top:12px;padding:13px;font-family:system-ui,sans-serif;line-height:1.45}.transcript-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.waiting-screen{text-align:center;min-height:520px}.waiting-phone{border:5px solid var(--ink);background:var(--violet);color:#fff;width:112px;height:166px;box-shadow:9px 9px 0 var(--yellow);border-radius:24px;place-items:center;display:grid;transform:rotate(-6deg)}.waiting-phone svg{animation:1.6s ease-in-out infinite bob}.countdown-overlay{text-align:center;place-items:center;min-height:70vh;display:grid}.countdown-number{color:var(--coral);text-shadow:9px 9px 0 var(--yellow);font-size:min(48vw,18rem);font-weight:1000;line-height:.8;animation:.85s cubic-bezier(.2,.8,.2,1) countdown-pop}.reveal-header{text-align:center;padding:38px 0 24px}.reveal-header h1{letter-spacing:-.07em;margin:0;font-size:clamp(2.4rem,9vw,5rem);line-height:.92}.source-badge{border:2px solid var(--line);background:var(--paper);width:fit-content;color:var(--muted);border-radius:999px;align-items:center;gap:7px;margin:17px auto 0;padding:8px 12px;font-family:system-ui,sans-serif;font-size:.78rem;font-weight:800;display:inline-flex}.story-paper{padding:clamp(24px,6vw,54px);position:relative}.story-paper:before{content:"";z-index:-1;border:3px solid var(--ink);border-radius:inherit;background:var(--yellow);position:absolute;inset:11px -9px -10px 13px;transform:rotate(.7deg)}.story-title{border-bottom:3px dashed var(--line);letter-spacing:-.055em;margin:0 0 26px;padding-bottom:18px;font-size:clamp(2rem,7vw,3.5rem);line-height:1}.story-body{font-family:Georgia,Times New Roman,serif;font-size:clamp(1.08rem,3vw,1.3rem);line-height:1.82}.story-body p{margin:0 0 1.25em}.answer-highlight{border:0;border-bottom:3px solid var(--violet);background:var(--yellow);position:relative}@supports (color:color-mix(in lab, red, red)){.answer-highlight{background:color-mix(in srgb, var(--yellow) 72%, transparent)}}.answer-highlight{color:var(--ink);font:inherit;padding:0 3px;font-weight:800}.answer-highlight:hover:after,.answer-highlight:focus-visible:after{content:attr(data-player);z-index:5;background:var(--ink);width:max-content;max-width:180px;color:var(--paper);border-radius:9px;padding:7px 9px;font-family:system-ui,sans-serif;font-size:.72rem;line-height:1.2;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.reveal-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.tool-panel{padding:20px}.tool-panel h2{margin:0 0 14px;font-size:1.05rem}.audio-controls{gap:11px;display:grid}.audio-controls audio{width:100%}.vote-options{flex-wrap:wrap;gap:8px;display:flex}.vote-button{border:2px solid var(--line);background:var(--cream);border-radius:14px;place-items:center;width:50px;height:50px;font-size:1.4rem;transition:transform .12s,border-color .12s;display:grid}.vote-button:hover,.vote-button.is-selected{border-color:var(--violet);background:var(--yellow);transform:translateY(-3px)rotate(-3deg)}@supports (color:color-mix(in lab, red, red)){.vote-button:hover,.vote-button.is-selected{background:color-mix(in srgb, var(--yellow) 50%, var(--paper))}}.reveal-actions{flex-wrap:wrap;justify-content:center;gap:11px;margin-top:28px;display:flex}.history-list{gap:16px;display:grid}.history-heading{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.history-card{padding:22px}.history-card>summary{cursor:pointer;list-style:none}.history-card>summary::-webkit-details-marker{display:none}.history-card-header{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.history-card h2{margin:0;font-size:1.3rem}.history-meta{color:var(--muted);flex-wrap:wrap;gap:7px;margin-top:9px;font-family:system-ui,sans-serif;font-size:.78rem;display:flex}.history-excerpt{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:17px 0 0;font-family:Georgia,serif;line-height:1.55;display:-webkit-box;overflow:hidden}.history-story{border-top:2px dashed var(--line);gap:18px;margin-top:22px;padding-top:22px;display:grid}.history-story>.button{justify-self:end}.access-page{place-items:center;min-height:100vh;padding:24px 16px;display:grid}.access-card{border:3px solid var(--ink);background:var(--paper);width:min(470px,100%);box-shadow:12px 12px 0 var(--yellow), var(--soft-shadow);border-radius:28px;padding:clamp(28px,7vw,48px);position:relative}.access-card:before{content:"";z-index:-1;border:3px solid var(--ink);background:var(--coral);border-radius:42% 58% 48% 52%;width:80px;height:80px;position:absolute;top:-26px;right:-22px;transform:rotate(14deg)}.access-brand{letter-spacing:-.05em;align-items:center;gap:10px;margin-bottom:34px;font-size:1.2rem;font-weight:1000;display:inline-flex}.access-brand strong{color:var(--violet)}.access-brand-mark{border:3px solid var(--ink);background:var(--yellow);color:#1f1745;border-radius:43% 57% 56% 44%;place-items:center;width:42px;height:42px;display:grid;transform:rotate(-8deg)}.access-lock{border:3px solid var(--ink);background:var(--violet);color:#fff;width:76px;height:76px;box-shadow:6px 6px 0 var(--violet);border-radius:22px;place-items:center;margin-bottom:23px;display:grid}@supports (color:color-mix(in lab, red, red)){.access-lock{box-shadow:6px 6px 0 color-mix(in srgb, var(--violet) 24%, transparent)}}.access-lock{transform:rotate(-3deg)}.access-card h1{letter-spacing:-.07em;margin:8px 0 13px;font-size:clamp(2.4rem,10vw,4rem);line-height:.92}.access-copy{color:var(--muted);margin:0;font-family:system-ui,sans-serif;line-height:1.55}.access-form{gap:14px;margin-top:28px;display:grid}.access-code-input{text-align:center;letter-spacing:.18em;min-height:58px;font-size:1.18rem;font-weight:900}.access-help{color:var(--muted);margin:-6px 0 0;font-family:system-ui,sans-serif;font-size:.82rem}.access-submit{width:100%;margin-top:4px}.confetti{pointer-events:none;height:250px;position:absolute;inset:80px 0 auto;overflow:hidden}.confetti span{border:2px solid var(--ink);background:var(--coral);width:13px;height:24px;animation:2.8s ease-in infinite confetti-fall;position:absolute;top:-25px}.confetti span:nth-child(3n){background:var(--yellow);transform:rotate(38deg)}.confetti span:nth-child(4n){background:var(--mint);border-radius:50%;width:19px;height:19px}.confetti span:nth-child(5n){background:var(--violet)}.confetti span:first-child{animation-delay:-1.2s;left:3%}.confetti span:nth-child(2){animation-delay:-.4s;left:11%}.confetti span:nth-child(3){animation-delay:-2s;left:19%}.confetti span:nth-child(4){animation-delay:-.8s;left:27%}.confetti span:nth-child(5){animation-delay:-1.7s;left:35%}.confetti span:nth-child(6){animation-delay:-.2s;left:43%}.confetti span:nth-child(7){animation-delay:-2.4s;left:51%}.confetti span:nth-child(8){animation-delay:-.6s;left:59%}.confetti span:nth-child(9){animation-delay:-1.5s;left:67%}.confetti span:nth-child(10){animation-delay:-.9s;left:74%}.confetti span:nth-child(11){animation-delay:-2.1s;left:81%}.confetti span:nth-child(12){animation-delay:-.3s;left:87%}.confetti span:nth-child(13){animation-delay:-1.3s;left:93%}.confetti span:nth-child(14){animation-delay:-2.5s;left:97%}.room-directory{padding:clamp(22px,5vw,34px)}.room-directory-toolbar,.selected-room-summary,.room-card-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.room-directory-toolbar h2,.selected-room-summary h2,.room-card h3{margin:0}.room-directory-toolbar .supporting-copy,.selected-room-summary .supporting-copy{margin:7px 0 0}.room-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.room-card{border:2px solid var(--line);background:var(--cream);border-radius:19px;gap:17px;padding:18px;transition:border-color .15s,transform .15s,box-shadow .15s;display:grid}.room-card.is-selected{border-color:var(--violet);box-shadow:0 0 0 4px var(--violet)}@supports (color:color-mix(in lab, red, red)){.room-card.is-selected{box-shadow:0 0 0 4px color-mix(in srgb, var(--violet) 14%, transparent)}}.room-card.is-selected{transform:translateY(-2px)}.room-card-code{color:var(--muted);letter-spacing:.12em;margin-top:5px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.76rem;font-weight:900;display:inline-block}.privacy-badge{border:2px solid;border-radius:999px;flex:none;align-items:center;gap:6px;width:fit-content;padding:6px 9px;font-size:.72rem;font-weight:950;display:inline-flex}.privacy-badge.is-open{color:#186a50;background:var(--mint)}@supports (color:color-mix(in lab, red, red)){.privacy-badge.is-open{background:color-mix(in srgb, var(--mint) 20%, var(--paper))}}.privacy-badge.is-code{color:var(--violet-dark);background:var(--violet)}@supports (color:color-mix(in lab, red, red)){.privacy-badge.is-code{background:color-mix(in srgb, var(--violet) 12%, var(--paper))}}.room-card-meta{flex-wrap:wrap;gap:7px;display:flex}.room-card-meta span{background:var(--paper);color:var(--muted);border-radius:9px;padding:6px 8px;font-family:system-ui,sans-serif;font-size:.76rem;font-weight:750}.directory-state{text-align:center;align-content:center;place-items:center;gap:13px;min-height:250px;padding:28px;display:grid}.directory-state h3,.directory-state p{margin:0}.directory-state p{color:var(--muted);font-family:system-ui,sans-serif}.selected-room-form{margin-top:22px}.selected-room-summary{border-bottom:2px dashed var(--line);margin-bottom:24px;padding-bottom:20px}.form-grid>.status-banner.is-full{grid-column:1/-1;margin:0}.room-code-name{color:#fff;margin:0 0 10px;font-size:clamp(1.35rem,5vw,2rem)}.room-access-badge{border-color:#fff;margin:0 auto 18px;background:#ffffffeb!important}.room-code-actions{flex-wrap:wrap;gap:10px}.invite-code-panel{background:#ffffff1f;border:2px dashed #fff;border-radius:16px;gap:10px;margin-top:20px;padding:17px;display:grid}.invite-code-panel>span{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:900}.invite-code-panel>strong{overflow-wrap:anywhere;font-size:clamp(1.35rem,7vw,2rem)}.invite-code-panel .button{justify-self:center}.player-item.is-empty{opacity:.76;background:0 0;border-style:dashed}.player-item.is-empty .player-avatar{background:0 0;border-style:dashed}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes bob{50%{transform:translateY(-8px)rotate(5deg)}}@keyframes countdown-pop{0%{opacity:0;transform:scale(.4)rotate(-10deg)}70%{opacity:1;transform:scale(1.1)rotate(3deg)}to{transform:scale(1)}}@keyframes confetti-fall{0%{opacity:1;translate:0 -20px;rotate:none}to{opacity:0;translate:20px 270px;rotate:460deg}}@media (width<=800px){.hero-section{grid-template-columns:1fr;padding-top:42px}.hero-art{order:-1;min-height:390px}.steps-grid{grid-template-columns:1fr}.step-card:nth-child(n){min-height:210px;transform:none}.room-layout{grid-template-columns:1fr}}@media (width<=620px){.app-frame{padding-inline:14px}.site-header{min-height:70px}.header-actions{gap:6px}.icon-button{width:42px;height:42px}.hero-section{gap:34px;min-height:auto;padding-bottom:52px}.hero-art{min-height:315px}.paper-card-one{width:132px;height:158px}.paper-card-two{width:126px;height:148px}.paper-card-three{width:174px;height:154px}.paper-card-three strong{font-size:1.45rem}.sticker-star{width:55px;height:55px}.sticker-zap{width:72px;height:47px;font-size:.82rem}.hero-actions{display:grid}.button-large{width:100%}.form-grid,.choice-grid,.reveal-tools{grid-template-columns:1fr}.field-group.is-full{grid-column:auto}.form-actions{display:grid}.form-actions .button{width:100%}.settings-list,.answer-actions{grid-template-columns:1fr}.reveal-actions{display:grid}.reveal-actions .button{width:100%}.history-heading{flex-direction:column;align-items:flex-start}.history-story>.button{justify-self:stretch;width:100%}.room-directory-grid{grid-template-columns:1fr}.room-directory-toolbar,.selected-room-summary{flex-direction:column;align-items:stretch}.room-directory-toolbar .button,.selected-room-summary .button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}