@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-font-weight:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-bold:700;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-night:#14101f;--color-night-2:#1f1832;--color-gold:#e0b24a;--color-gold-dark:#a97c1f;--color-parchment:#f1e4c3;--color-ink:#2b2118;--color-muted:#b9aecb;--color-danger:#ff8a7a}}@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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){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{.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.w-full{width:100%}.list-decimal{list-style-type:decimal}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-danger{color:#ff8a7a}.text-muted{color:#b9aecb}@media (min-width:40rem){.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}html,body{background:radial-gradient(120% 80% at 50% 0%, #2a2140 0%, var(--color-night) 60%);background-color:var(--color-night);color:#f4ecff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-tap-highlight-color:transparent;scrollbar-color:var(--color-gold-dark) var(--color-night);min-height:100dvh;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}::selection{background:var(--color-gold);color:#2b1d05}button,a,input{touch-action:manipulation}:focus-visible{outline-offset:3px;outline:3px solid #ffe08a}.card :focus-visible,.field:focus-visible{outline-color:#7a4f00}.field{caret-color:var(--color-gold-dark)}h1,h2,.rpg-title,.room-title,.reveal-title{text-wrap:balance;font-family:Georgia,Times New Roman,serif}.app-shell{max-width:28rem;padding:max(1.25rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(2rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));min-height:100dvh;margin:0 auto}.text-muted{color:var(--color-muted)}.text-danger{color:var(--color-danger)}.card .text-muted{color:#5b4a38}.card .text-danger{color:#a32818}.rpg-title{color:var(--color-gold);text-shadow:0 2px #00000080;font-weight:700;line-height:1.2}.screen-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:80dvh;display:flex}.big-icon{font-size:4rem}.card{background:var(--color-parchment);color:var(--color-ink);border:2px solid var(--color-gold-dark);border-radius:1rem;padding:1rem;box-shadow:0 6px #00000059}.parchment-row{text-align:left;background:var(--color-parchment);width:100%;min-height:3.5rem;color:var(--color-ink);border:2px solid var(--color-gold-dark);border-radius:.75rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:1.125rem;display:flex}.parchment-row:active:not(:disabled){transform:translateY(1px)}.parchment-row[aria-pressed=true]{outline:3px solid var(--color-gold);background:#fff3cf}.parchment-row:disabled{color:#d4cce3;background:#4a4359;border-color:#433c52}.btn-gold,.btn-ghost{border-radius:.75rem;width:100%;min-height:3.5rem;padding:.75rem 1.25rem;font-size:1.125rem;font-weight:700}.btn-gold{background:linear-gradient(#f2cd72, var(--color-gold));color:#2b1d05;border:2px solid var(--color-gold-dark);box-shadow:0 4px 0 var(--color-gold-dark)}.btn-gold:active:not(:disabled){box-shadow:0 2px 0 var(--color-gold-dark);transform:translateY(2px)}.btn-ghost{color:var(--color-gold);border:2px solid var(--color-gold-dark);background:0 0}.btn-gold:disabled,.btn-ghost:disabled{opacity:.5}.field{width:100%;min-height:3.25rem;color:var(--color-ink);border:2px solid var(--color-gold-dark);background:#fbf3dd;border-radius:.75rem;padding:.5rem 1rem;font-size:1.125rem}.field[aria-invalid=true]{border-color:#c0392b}.notice{color:#ffd9a0;border:1px solid var(--color-gold-dark);background:#3a2a1a;border-radius:.5rem;padding:.5rem .75rem;font-size:.9rem}.avatar-cell{aspect-ratio:1;background:var(--color-night-2);border:2px solid #433c52;border-radius:.75rem;justify-content:center;align-items:center;min-height:4.5rem;padding:.25rem;display:flex}.avatar-cell[aria-pressed=true]{border-width:3px;border-color:var(--color-gold);box-shadow:0 4px 0 var(--color-gold-dark);background:#3b2f58;transform:translateY(-2px)}.avatar-cell img{object-fit:contain;width:100%;height:100%}.modal-backdrop{z-index:10;padding:1rem 1rem max(1rem, env(safe-area-inset-bottom));background:#000000b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{width:100%;max-width:28rem}.hero{flex-direction:column;align-items:center;width:100%;padding:1.5rem 1rem;display:flex}.hero-avatar{margin-bottom:.5rem;font-size:5rem;line-height:1}.xp-track{border:1px solid var(--color-gold-dark);background:#3d3226;border-radius:999px;height:.9rem;margin-top:.25rem;overflow:hidden}.xp-fill{font-variant-numeric:tabular-nums;background:linear-gradient(90deg,#b8860b,#f2cd72);height:100%;transition:width .8s cubic-bezier(.22,1,.36,1)}.skeleton{opacity:.4;animation:1.2s ease-in-out infinite pulse}.rune{color:var(--color-gold);font-size:3rem;animation:3s linear infinite spin}.hourglass{font-size:4rem;animation:2.4s ease-in-out infinite flip}.pop{animation:.6s cubic-bezier(.2,1.4,.4,1) both pop}.sparkles{gap:1rem;font-size:1.75rem;display:flex}.sparkles span{animation:1.6s ease-in-out infinite twinkle}.sparkles span:nth-child(2){animation-delay:.3s}.sparkles span:nth-child(3){animation-delay:.6s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes flip{0%,40%{transform:rotate(0)}60%,to{transform:rotate(180deg)}}@keyframes pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes twinkle{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes pulse{50%{opacity:.5}}.room-full{z-index:30;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));overscroll-behavior:none;background:radial-gradient(120% 90% at 50% 0,#4b2a8a 0%,#1d1240 70%);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.room-full[data-status=reveal]{background:radial-gradient(120% 90% at 50% 0,#1f5a6b 0%,#14213d 75%)}.room-full[data-status=finished]{background:radial-gradient(120% 90% at 50% 0,#8a5a12 0%,#2a1a40 75%)}.room-center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;width:100%;max-width:28rem;margin:0 auto;display:flex}.room-title{color:var(--color-gold);text-shadow:0 2px #00000080;font-size:1.75rem;font-weight:800}.room-sub{color:#f4ecff;font-size:1.25rem}.room-chip{background:#ffffff26;border-radius:999px;padding:.25rem .9rem;font-weight:700;display:inline-block}.lobby-hero{flex-direction:column;align-items:center;gap:.5rem;display:flex}.bob{animation:1.8s ease-in-out infinite bob}.room-q{flex-direction:column;flex:1;gap:.75rem;width:100%;max-width:36rem;margin:0 auto;display:flex}.room-q-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.room-q-text{text-align:center;text-wrap:balance;overflow-wrap:anywhere;padding:.5rem 0;font-size:clamp(1.375rem,6vw,1.75rem);font-weight:800;line-height:1.25}.room-wait{text-align:center;color:var(--color-gold);font-weight:700;animation:1.4s ease-in-out infinite pulse}.timer{flex:1;justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.timer-track{background:#0006;border-radius:999px;flex:1;height:.9rem;overflow:hidden}.timer-fill{background:linear-gradient(90deg,#35c46b,#f2cd72);height:100%;transition:width .1s linear}.timer[data-low=true] .timer-fill{background:linear-gradient(90deg,#e03b3b,#ff8a4a)}.timer-num{color:#2b1d05;font-variant-numeric:tabular-nums;background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;min-width:2.2rem;height:2.2rem;font-weight:800;display:flex}.timer[data-low=true] .timer-num{animation:.8s ease-in-out infinite pulse-scale}.ans-grid{flex:1;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(7rem,1fr);gap:.75rem;display:grid}.ans-btn{color:#fff;overflow-wrap:anywhere;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;min-height:7rem;padding:.75rem;font-size:1.25rem;font-weight:800;line-height:1.2;animation:.45s cubic-bezier(.2,1.4,.4,1) both pop;display:flex;box-shadow:0 6px #00000059}.ans-btn:active:not(:disabled){transform:translateY(4px)scale(.98);box-shadow:0 2px #00000059}.ans-btn:disabled{opacity:.45;filter:saturate(.5)}.ans-btn[data-chosen=true]:disabled{opacity:1;filter:none;outline:4px solid #fff}.ans-shape{font-size:2rem}.ans-0{background:#e21b3c}.ans-1{background:#1368ce}.ans-2{color:#2b1d05;background:#f0b400}.ans-3{background:#26890c}.reveal-title{text-shadow:0 3px #0006;font-size:2.25rem;font-weight:800;line-height:1.15}.cheer{animation:.7s cubic-bezier(.2,1.6,.4,1) both cheer}.shake{animation:.5s ease-in-out both shake}.trophy{font-size:5rem;animation:.6s cubic-bezier(.2,1.4,.4,1) both pop,1.8s ease-in-out .6s infinite bob}.xp-badge{background:linear-gradient(#f2cd72, var(--color-gold));color:#2b1d05;border-radius:999px;padding:.25rem 1rem;font-size:1.5rem;font-weight:800;animation:.6s cubic-bezier(.2,1.4,.4,1) .3s both pop}.podium{flex-direction:column;gap:.5rem;width:100%;list-style:none;display:flex}.podium-item{background:#ffffff26;border-radius:.75rem;align-items:center;gap:.6rem;padding:.5rem .75rem;animation:.5s cubic-bezier(.2,1.4,.4,1) both pop;display:flex}.podium-rank{color:var(--color-gold);width:1.5rem;font-weight:800}.podium-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:700;overflow:hidden}.podium-score{font-variant-numeric:tabular-nums;flex:none;font-weight:800}.room-done{max-width:20rem;margin-top:.5rem}@keyframes bob{50%{transform:translateY(-8px)}}@keyframes cheer{0%{opacity:0;transform:scale(.4)rotate(-6deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@keyframes pulse-scale{50%{transform:scale(1.18)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.pair-code{letter-spacing:.15em;font-variant-numeric:tabular-nums;font-size:5rem;font-weight:800;line-height:1.1}@property --tw-font-weight{syntax:"*";inherits:false}