@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia: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;--container-md:28rem;--container-xl:36rem;--container-4xl:56rem;--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);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-semibold:600;--font-weight-bold:700;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--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,-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{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.mx-auto{margin-inline:auto}.my-3{margin-block:calc(var(--spacing) * 3)}.my-4{margin-block:calc(var(--spacing) * 4)}.my-6{margin-block:calc(var(--spacing) * 6)}.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)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.flex{display:flex}.grid{display:grid}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.min-w-20{min-width:calc(var(--spacing) * 20)}.animate-bounce{animation:var(--animate-bounce)}.animate-pulse{animation:var(--animate-pulse)}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-current\/10{border-color:currentColor}@supports (color:color-mix(in lab, red, red)){.border-current\/10{border-color:color-mix(in oklab, currentcolor 10%, transparent)}}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-8{padding:calc(var(--spacing) * 8)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-8{padding-block:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.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-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--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)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.filter{filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}}:root{--ease:cubic-bezier(.22,1,.36,1);--ease-ui:cubic-bezier(.2,.8,.2,1)}.scr{--u:1px;isolation:isolate;background:var(--bg);min-height:100dvh;color:var(--fg);font-family:var(--font-b);font-size:calc(var(--u) * 16);padding:calc(var(--u) * 40) max(calc(var(--u) * 20), env(safe-area-inset-right,0px)) calc(var(--u) * 40) max(calc(var(--u) * 20), env(safe-area-inset-left,0px));padding-bottom:max(calc(var(--u) * 40), calc(68px + env(safe-area-inset-bottom,0px)));-webkit-font-smoothing:antialiased;flex-direction:column;line-height:1.35;display:flex;position:relative;overflow-x:clip}.scr.tv{--u:min(calc(100vw / 1280), calc(100dvh / 720));height:100dvh;font-size:calc(var(--u) * 22);padding:calc(var(--u) * 48) calc(var(--u) * 64);padding-bottom:max(calc(var(--u) * 48), 64px);overflow:hidden}.scr.phone{--u:clamp(.9px, calc(100vw / 390), 1.15px);font-size:calc(var(--u) * 15);padding:max(calc(var(--u) * 28), env(safe-area-inset-top,0px)) calc(var(--u) * 20) calc(64px + env(safe-area-inset-bottom,0px))}.scr>.col{z-index:1;flex-direction:column;flex:1;width:100%;min-width:0;margin:0 auto;display:flex;position:relative}.scr.tv>.col{max-width:calc(var(--u) * 1152)}.scr.phone>.col{max-width:calc(var(--u) * 440)}.scr.page>.col{max-width:1080px}.scr>.bg{z-index:0;pointer-events:none;background:var(--bg);position:fixed;inset:0;overflow:hidden}.scr>.deco{z-index:2}.eyebrow{font-family:var(--font-eyebrow,var(--font-b));text-transform:uppercase;letter-spacing:var(--eyebrow-track,.22em);color:var(--muted);font-size:.62em;font-weight:600}.disp{font-family:var(--font-d);font-weight:var(--d-weight,700);letter-spacing:var(--d-track,-.02em);text-transform:var(--d-case,none);line-height:var(--d-lh,1.02);text-wrap:balance;margin:0}.muted{color:var(--muted)}.panel{background:var(--panel);color:var(--panel-fg,var(--fg));border:var(--bw) solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:1em}.panel .muted,.panel .start-hint{color:var(--muted-panel,var(--muted))}.btn{appearance:none;cursor:pointer;min-height:max(44px,2.6em);font-family:var(--font-btn,var(--font-b));font-weight:var(--btn-weight,600);letter-spacing:var(--btn-track,0);text-transform:var(--btn-case,none);color:var(--accent-fg);background:var(--accent);border:var(--bw) solid var(--btn-line,var(--line));border-radius:var(--btn-r,var(--r));box-shadow:var(--btn-shadow,none);transition:transform .15s var(--ease-ui), box-shadow .15s var(--ease-ui), background-color .15s var(--ease-ui), color .15s var(--ease-ui), opacity .15s var(--ease-ui);justify-content:center;align-items:center;gap:.4em;padding:0 1.2em;font-size:1em;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:var(--press,scale(.97));box-shadow:var(--btn-shadow-press,var(--btn-shadow,none));transition-duration:90ms}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:var(--ghost-bg,transparent);color:var(--ghost-fg,var(--fg))}.btn.wide{width:100%}.btn.sm{min-height:36px;padding:0 .8em;font-size:.82em}.btn:focus-visible,.pick:focus-visible,.field:focus-visible,.sw:focus-visible{outline:2px solid var(--accent-text,var(--accent));outline-offset:2px}.chip{border-radius:var(--chip-r,999px);background:var(--chip-bg);color:var(--chip-fg,var(--fg));border:var(--chip-bw,0px) solid var(--line);white-space:nowrap;align-items:center;gap:.4em;padding:.3em .8em;font-weight:500;display:inline-flex}.chip.dead{opacity:.45;text-decoration:line-through}.chip.ok:after{content:"✓";color:var(--accent-text,var(--accent))}.art{place-items:center;display:grid}.art img{width:100%;height:auto;display:block}.art .pix,.art pre{display:none}pre.ascii{white-space:pre;color:var(--accent);margin:0;font-family:JetBrains Mono,ui-monospace,monospace;line-height:1}.deco{display:none}.toast{margin-top:calc(var(--u) * 14);border-radius:var(--r-sm,12px);background:var(--danger-bg,#ff453a24);color:var(--danger,#ff453a);text-align:center;animation:rise .3s var(--ease) both;padding:.7em 1em;font-size:.9em}.center-msg{text-align:center;place-items:center;gap:calc(var(--u) * 12);flex:1;display:grid}.spinner{opacity:.6;border:2.5px solid;border-top-color:#0000;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.home-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.home h1{font-size:calc(var(--u) * 46);margin-top:calc(var(--u) * 22)}.scr.page.home h1{margin-top:40px;font-size:clamp(44px,7vw,76px)}.home .tag{margin:calc(var(--u) * 8) 0 calc(var(--u) * 20);color:var(--muted);max-width:46ch}.scr.page.home .tag{margin-bottom:36px;font-size:1.2em}.games{gap:calc(var(--u) * 12);display:grid}.scr.page .games{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px}.game{grid-template-columns:calc(var(--u) * 64) 1fr;gap:calc(var(--u) * 12);padding:calc(var(--u) * 14);color:inherit;transition:transform .15s var(--ease-ui);align-items:center;text-decoration:none;display:grid}.scr.page .game{grid-template-columns:76px 1fr;padding:18px}@media (hover:hover) and (pointer:fine){a.game:hover{transform:translateY(-2px)}}a.game:active{transform:var(--press,scale(.98))}.game h2{font-size:1.12em;font-family:var(--font-d);font-weight:var(--d-weight,700);letter-spacing:var(--d-track,0);text-transform:var(--d-case,none);margin:0}.game p{color:var(--muted-panel,var(--muted));margin:.2em 0 0;font-size:.86em}.game .meta{color:var(--accent-text,var(--accent));margin-top:.4em;font-size:.76em;font-weight:600}.game.soon{opacity:.6}.back{color:var(--accent-text,var(--accent));align-self:flex-start;font-size:.9em;font-weight:600;text-decoration:none}.join-hero{grid-template-columns:1fr calc(var(--u) * 92);margin:calc(var(--u) * 18) 0 calc(var(--u) * 18);align-items:center;gap:12px;display:grid}.join-hero h1{font-size:calc(var(--u) * 40)}.join-hero p{color:var(--muted);margin:.4em 0 0;font-size:.9em}.join .panel,.stack{gap:calc(var(--u) * 12);padding:calc(var(--u) * 16);display:grid}.join h3,.panel h3{font-size:1.05em;font-family:var(--font-d);font-weight:var(--d-weight,700);text-transform:var(--d-case,none);letter-spacing:var(--d-track,0);margin:0}.code-boxes{gap:calc(var(--u) * 8);grid-template-columns:repeat(4,1fr);display:grid;position:relative}.code-boxes span{aspect-ratio:1/1.1;font-family:var(--font-code,var(--font-d));font-size:calc(var(--u) * 30);background:var(--field);color:var(--field-fg,var(--fg));border:var(--bw) solid var(--line);border-radius:var(--r-sm,calc(var(--r) * .6));place-items:center;font-weight:700;display:grid}.code-boxes span.cur{box-shadow:0 0 0 2px var(--accent)}.code-boxes input{opacity:0;cursor:text;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.code-boxes:focus-within span.cur{box-shadow:0 0 0 3px var(--accent-text,var(--accent))}.field{width:100%;min-height:44px;font:inherit;background:var(--field);color:var(--field-fg,var(--fg));border:var(--bw) solid var(--line);border-radius:var(--r-sm,calc(var(--r) * .6));outline:none;align-items:center;padding:0 .9em;font-size:max(16px,1em);display:flex}.field::placeholder{color:var(--muted-panel,var(--muted));opacity:.7}.field:focus{box-shadow:0 0 0 2px var(--accent)}textarea.field{resize:vertical;min-height:88px;padding:.7em .9em}select.field{appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px}.label{color:var(--muted-panel,var(--muted));gap:6px;font-size:.86em;display:grid}.or{text-align:center;color:var(--muted);margin:calc(var(--u) * 14) 0;font-size:.8em}.stepper{justify-content:space-between;align-items:center;gap:12px;padding:.45em 0;display:flex}.stepper .ctl{align-items:center;gap:10px;display:flex}.stepper .ctl .btn{border-radius:var(--btn-r,999px);width:40px;min-height:40px;padding:0}.stepper .val{text-align:center;font-variant-numeric:tabular-nums;min-width:3.4em;font-weight:700}.setting-group+.setting-group{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}@supports (color:color-mix(in lab, red, red)){.setting-group+.setting-group{border-top:1px solid color-mix(in srgb, var(--line) 60%, transparent)}}.setting-group>.eyebrow{margin-bottom:4px;display:block}.lobby{gap:calc(var(--u) * 56);flex:1;grid-template-columns:1fr 1.05fr;align-items:center;display:grid}.lobby .eyebrow{font-size:calc(var(--u) * 18)}.join-at{font-size:calc(var(--u) * 24);color:var(--muted);margin-top:calc(var(--u) * 20)}.join-at b{color:var(--fg);font-weight:600}.room-code{font-family:var(--font-code,var(--font-d));font-size:calc(var(--u) * 168);letter-spacing:var(--code-track,.08em);margin:calc(var(--u) * 10) 0 calc(var(--u) * 24);font-weight:800;line-height:1}.qr-wrap{padding:calc(var(--u) * 14);background:var(--qr-bg,#fff);border-radius:var(--r-sm,calc(var(--r) * .6));border:var(--bw) solid var(--line);box-shadow:var(--shadow-sm,none);display:inline-grid}.qr{width:calc(var(--u) * 150);aspect-ratio:1;color:var(--qr-fg,#111)}.qr svg{width:100%;height:100%;display:block}.players{padding:calc(var(--u) * 28);gap:calc(var(--u) * 18);display:grid}.players header{justify-content:space-between;align-items:baseline;display:flex}.players h2{font-size:calc(var(--u) * 32);font-family:var(--font-d);font-weight:var(--d-weight,700);text-transform:var(--d-case,none);letter-spacing:var(--d-track,0);margin:0}.tiles{gap:calc(var(--u) * 10);min-height:calc(var(--u) * 220);grid-template-columns:repeat(2,1fr);align-content:start;display:grid}.tile{align-items:center;gap:calc(var(--u) * 10);min-width:0;padding:calc(var(--u) * 12) calc(var(--u) * 14);font-size:calc(var(--u) * 24);background:var(--tile,var(--field));color:var(--tile-fg,var(--fg));border:var(--bw) solid var(--line);border-radius:var(--r-sm,calc(var(--r) * .6));font-weight:600;display:flex}.tile>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tile .av{width:calc(var(--u) * 30);height:calc(var(--u) * 30);border-radius:var(--av-r,50%);background:var(--c);color:#fff;flex:none;place-items:center;font-size:.6em;font-weight:700;display:grid}.tile .x{color:inherit;opacity:.45;cursor:pointer;background:0 0;border:0;padding:0 .2em;font-size:.8em}.tile.pop{animation:pop .52s var(--ease) both}.scr.phone .tiles{grid-template-columns:1fr;min-height:0}.scr.phone .tile{font-size:1.05em}.start-hint{color:var(--muted);font-size:calc(var(--u) * 18);text-align:center}.stage>.col{text-align:center;justify-content:space-between;align-items:center}.stage-top{width:100%;color:var(--muted);font-size:calc(var(--u) * 18);justify-content:space-between;display:flex}.stage-mid{justify-items:center;gap:calc(var(--u) * 6);display:grid}.stage .moon{width:calc(var(--u) * 120)}.stage .timer{font-family:var(--font-timer,var(--font-d));font-size:calc(var(--u) * 84);font-variant-numeric:tabular-nums;letter-spacing:var(--timer-track,-.02em);line-height:1}.narr{gap:calc(var(--u) * 10);min-height:calc(var(--u) * 190);max-width:calc(var(--u) * 900);align-content:start;display:grid}.narr p{font-family:var(--font-narr,var(--font-d));font-size:calc(var(--u) * 38);font-weight:var(--narr-weight,500);letter-spacing:var(--narr-track,-.01em);color:var(--fg);margin:0;line-height:1.18}.narr p.old{opacity:.45}.narr p.new{animation:rise .6s var(--ease) both}.strip{gap:calc(var(--u) * 8);font-size:calc(var(--u) * 18);flex-wrap:wrap;justify-content:center;display:flex}.stage-foot{justify-content:space-between;align-items:flex-end;gap:calc(var(--u) * 16);width:100%;display:flex}.stage-foot .btn{font-size:calc(var(--u) * 20)}.board{width:100%;max-width:calc(var(--u) * 760);gap:calc(var(--u) * 8);display:grid}.board .pick{min-height:calc(var(--u) * 52);font-size:calc(var(--u) * 24);cursor:default}.role>.col,.vote>.col{gap:calc(var(--u) * 14)}.role-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.role-head .timer-sm{font-family:var(--font-timer,var(--font-d));font-variant-numeric:tabular-nums;font-size:1.4em}.role-head .right{align-items:center;gap:10px;display:flex}.role-card{text-align:center;padding:calc(var(--u) * 22) calc(var(--u) * 18);gap:calc(var(--u) * 6);background:var(--role-bg,var(--panel));justify-items:center;display:grid;position:relative}.role-card .art{width:calc(var(--u) * 130)}.role-card .you{letter-spacing:.25em;text-transform:uppercase;color:var(--muted-panel,var(--muted));margin-top:calc(var(--u) * 6);font-size:.72em}.role-card h2{font-size:calc(var(--u) * 40)}.role-card p{color:var(--muted-panel,var(--muted));text-wrap:pretty;margin:0;font-size:.92em}.pack{margin-top:calc(var(--u) * 8)}.role .btn.cta,.vote .btn.cta{min-height:calc(var(--u) * 58);margin-top:auto;font-size:1.1em}.vote h2{font-size:calc(var(--u) * 32);margin:calc(var(--u) * 6) 0 0}.vote .hint{color:var(--muted);margin:0;font-size:.88em}.picks{gap:calc(var(--u) * 8);display:grid}.pick{text-align:left;width:100%;min-height:calc(var(--u) * 54);padding:0 calc(var(--u) * 16);font:inherit;cursor:pointer;background:var(--field);color:var(--field-fg,var(--fg));border:var(--bw) solid var(--line);border-radius:var(--r-sm,calc(var(--r) * .6));transition:transform .15s var(--ease-ui);justify-content:space-between;align-items:center;gap:10px;font-size:1.05em;font-weight:600;display:flex;position:relative;overflow:hidden}.pick:active:not(:disabled){transform:var(--press,scale(.98))}.pick:disabled{cursor:default}.pick .bar{transform-origin:0;transform:scaleX(var(--p,0));background:var(--bar,var(--accent));position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.pick .bar{background:var(--bar,color-mix(in srgb, var(--accent) 22%, transparent))}}.pick .bar{transition:transform .5s var(--ease);z-index:0}.pick>span{z-index:1;min-width:0;position:relative}.pick .n{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.8em}.pick.on{background:var(--accent);color:var(--accent-fg);border-color:var(--btn-line,var(--line))}.pick.on .n{color:inherit;opacity:.8}.pick.on .bar{display:none}.notice{text-align:center;align-content:center;justify-items:center;gap:calc(var(--u) * 10);flex:1;display:grid}.notice .art{width:calc(var(--u) * 120)}.notice h2{font-size:calc(var(--u) * 34)}.notice p{color:var(--muted);text-wrap:pretty;max-width:30ch;margin:0;font-size:1.05em}.vision{text-align:center;gap:calc(var(--u) * 8);padding:calc(var(--u) * 24);justify-items:center;display:grid}.vision .art{width:calc(var(--u) * 96)}.history{color:var(--muted);gap:4px;font-size:.86em;display:grid}.msg{border-radius:var(--r-sm,12px);background:var(--field);color:var(--field-fg,var(--fg));border:var(--bw) solid var(--line);padding:.6em .8em}.msg b{color:var(--accent-text,var(--accent))}.win>.col{text-align:center;align-items:center}.win .trophy{width:calc(var(--u) * 96)}.win h1{font-size:calc(var(--u) * 92);margin:calc(var(--u) * 6) 0 calc(var(--u) * 26)}.roles{grid-template-columns:repeat(auto-fit, minmax(calc(var(--u) * 150), 1fr));gap:calc(var(--u) * 14);width:100%;display:grid}.rc{padding:calc(var(--u) * 16) calc(var(--u) * 10);gap:calc(var(--u) * 6);animation:rise .6s var(--ease) both;justify-items:center;display:grid;position:relative}.rc .art{width:calc(var(--u) * 78)}.rc b{font-size:calc(var(--u) * 24)}.rc span{font-size:calc(var(--u) * 17);color:var(--muted-panel,var(--muted))}.rc.lost{opacity:.5}.rc.lost b{text-decoration:line-through}.rc:nth-child(2){animation-delay:70ms}.rc:nth-child(3){animation-delay:.14s}.rc:nth-child(4){animation-delay:.21s}.rc:nth-child(5){animation-delay:.28s}.rc:nth-child(6){animation-delay:.35s}.rc:nth-child(n+7){animation-delay:.42s}.win .actions{gap:calc(var(--u) * 14);padding-top:calc(var(--u) * 20);margin-top:auto;display:flex}.win .btn{font-size:calc(var(--u) * 24);min-height:calc(var(--u) * 64)}.scores{width:100%;max-width:calc(var(--u) * 720);gap:calc(var(--u) * 8);display:grid}.animate-rise{animation:rise .6s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.06)}to{transform:none}}@keyframes blink{50%{opacity:0}}@keyframes float{50%{transform:translateY(-6%)}}@keyframes drift1{50%{transform:translate(18%,10%)scale(1.15)}}@keyframes drift2{50%{transform:translate(-16%,-12%)scale(.9)}}@keyframes drift3{50%{transform:translate(10%,-16%)scale(1.1)}}[data-style=glass]{--bg:#0d1630;--fg:#f6f8ff;--muted:#ebf0ffa8;--panel:#ffffff1f;--line:#ffffff52;--bw:1px;--r:28px;--r-sm:18px;--shadow:inset 0 1px 0 #ffffff8c, inset 0 -1px 0 #ffffff1f, 0 18px 40px -18px #0000148c;--accent:#ffffffeb;--accent-fg:#0b1430;--accent-text:#bfe3ff;--field:#ffffff1a;--tile:#ffffff24;--chip-bg:#ffffff29;--font-d:-apple-system, "SF Pro Display", "Geist", system-ui, sans-serif;--font-b:-apple-system, "SF Pro Text", "Geist", system-ui, sans-serif;--d-weight:650;--btn-r:999px;--btn-line:#fff9;--btn-shadow:inset 0 1px 0 #fff, 0 10px 24px -10px #00001e80;--qr-bg:#ffffffeb;--code-track:.04em}[data-style=glass] .panel,[data-style=glass] .field,[data-style=glass] .tile,[data-style=glass] .pick,[data-style=glass] .code-boxes span,[data-style=glass] .chip,[data-style=glass] .btn.ghost{-webkit-backdrop-filter:blur(18px)saturate(180%);backdrop-filter:blur(18px)saturate(180%)}[data-style=glass].refract .scr.tv .panel,[data-style=glass].refract .scr.tv .btn.ghost{-webkit-backdrop-filter:url(#lg-refract)blur(14px)saturate(190%);backdrop-filter:url(#lg-refract)blur(14px)saturate(190%)}[data-style=glass] .btn.ghost{--ghost-bg:#ffffff24;border-color:#ffffff73;box-shadow:inset 0 1px #fff9}[data-style=glass] .pick.on{background:#ffffffe6}[data-style=glass] .bg{background:radial-gradient(120% 90% at 10% 0,#2a4bd7 0%,#0000 55%),radial-gradient(90% 80% at 100% 100%,#c2389b 0%,#0000 60%),linear-gradient(160deg,#0e1838,#1a0f3a)}[data-style=glass] .scr.is-night .bg{background:radial-gradient(100% 80% at 80% 0,#3046c7 0%,#0000 60%),radial-gradient(90% 80% at 0 100%,#6b2fb8 0%,#0000 60%),#070b1d}[data-style=glass] .blob{will-change:transform;border-radius:50%;display:block;position:absolute}[data-style=glass] .blob.b1{aspect-ratio:1;background:radial-gradient(circle at 35% 35%,#5ee7ff,#2b6cff 60%,#0000 70%);width:55%;animation:16s ease-in-out infinite drift1;top:30%;left:-10%}[data-style=glass] .blob.b2{aspect-ratio:1;background:radial-gradient(circle at 40% 40%,#ffb3e6,#b04dff 60%,#0000 70%);width:48%;animation:19s ease-in-out infinite drift2;top:-12%;right:-8%}[data-style=glass] .blob.b3{aspect-ratio:1;opacity:.85;background:radial-gradient(circle,#ffe39a,#ff7a59 60%,#0000 70%);width:38%;animation:22s ease-in-out infinite drift3;bottom:-16%;left:38%}[data-style=glass] .stripes{background:repeating-linear-gradient(115deg,#0000 0 46px,#ffffff0d 46px 48px);display:block;position:absolute;inset:-20%}[data-style=glass] .disp{text-shadow:0 1px 12px #00001e40}[data-style=glass] .room-code{color:#0000;background:linear-gradient(#fff 30%,#ffffff8c);-webkit-background-clip:text;background-clip:text;font-weight:700}[data-style=glass] .tile .av,[data-style=glass] .rc .art img,[data-style=glass] .art img{filter:drop-shadow(0 10px 18px #00001e59)}[data-style=glass] .stage .moon img{animation:6s ease-in-out infinite float}[data-style=glass] .role-card{--role-bg:linear-gradient(180deg, #ff5a7847, #ffffff14)}[data-style=comic]{--bg:#fffdf5;--fg:#111;--muted:#4a4a4a;--panel:#fff;--line:#111;--bw:3px;--r:6px;--r-sm:4px;--shadow:6px 6px 0 #111;--shadow-sm:4px 4px 0 #111;--accent:#ffd93d;--accent-fg:#111;--accent-text:#e63946;--field:#fff;--tile:#fff;--chip-bg:#fff;--chip-bw:2.5px;--chip-r:4px;--font-d:"Bangers", "Impact", "Arial Black", sans-serif;--font-b:"Geist", system-ui, sans-serif;--font-btn:"Bangers", Impact, sans-serif;--d-weight:400;--d-track:.04em;--d-lh:.95;--btn-track:.08em;--btn-weight:400;--code-track:.1em;--btn-shadow:4px 4px 0 #111;--btn-shadow-press:0 0 0 #111;--press:translate(4px, 4px);--narr-weight:600;--font-narr:"Geist", system-ui, sans-serif;--narr-track:0;--av-r:4px;--chip-fg:#111;--panel-fg:#111;--muted-panel:#3a3a3a;--field-fg:#111;--tile-fg:#111;--bar:repeating-linear-gradient(45deg, #ff6b6b 0 6px, #ff8f8f 6px 12px)}[data-style=comic] .bg{background-color:var(--bg);background-image:radial-gradient(circle,#11111121 1.4px,#0000 1.6px);background-size:9px 9px}[data-style=comic] .lobby-scr .bg,[data-style=comic] .home .bg{background-color:#ffd93d;background-image:radial-gradient(circle,#11111129 1.6px,#0000 1.8px)}[data-style=comic] .join .bg{background-color:#8fd3ff;background-image:radial-gradient(circle,#11111124 1.5px,#0000 1.7px)}[data-style=comic] .vote .bg{background-color:#c4b5fd}[data-style=comic] .scr.is-night{--fg:#fff;--muted:#c9d3ff}[data-style=comic] .scr.is-night .bg{background-color:#1d2a6b;background-image:radial-gradient(circle,#ffffff1f 1.5px,#0000 1.7px)}[data-style=comic] .panel:nth-of-type(odd),[data-style=comic] .game:nth-child(odd){transform:rotate(-1.2deg)}[data-style=comic] .game:nth-child(2n),[data-style=comic] .rc:nth-child(2n){transform:rotate(1.4deg)}[data-style=comic] .rc:nth-child(odd){transform:rotate(-1deg)}[data-style=comic] .disp{-webkit-text-stroke:0;text-shadow:3px 3px #ff6b6b}[data-style=comic] .scr.is-night .disp,[data-style=comic] .scr.is-night .timer{color:#ffd93d;text-shadow:4px 4px #111}[data-style=comic] .room-code{color:#fff;-webkit-text-stroke:calc(var(--u) * 5) #111;paint-order:stroke fill;text-shadow:calc(var(--u) * 9) calc(var(--u) * 9) 0 #111}[data-style=comic] .tile:nth-child(3n+1){background:#ff6b6b}[data-style=comic] .tile:nth-child(3n+2){background:#8fd3ff}[data-style=comic] .tile:nth-child(3n){background:#c4b5fd}[data-style=comic] .btn.ghost{--ghost-bg:#fff;--ghost-fg:#111}[data-style=comic] .pick.on{color:#111;background:#ff6b6b}[data-style=comic] .role-card{--role-bg:#ff6b6b}[data-style=comic] .role-card h2{color:#fff;text-shadow:3px 3px #111;-webkit-text-stroke:0}[data-style=comic] .role-card p,[data-style=comic] .role-card .you{color:#111}[data-style=comic] .narr p{color:#111;background:#fff;border:3px solid #111;border-radius:22px;justify-self:center;padding:.35em .8em;position:relative;box-shadow:5px 5px #111}[data-style=comic] .narr p.old{opacity:.6;transform:scale(.94)}[data-style=comic] .narr p:last-child:after{content:"";background:#fff;border-bottom:3px solid #111;border-right:3px solid #111;width:22px;height:18px;position:absolute;bottom:-16px;left:18%;transform:skew(35deg)rotate(15deg)}[data-style=comic] .deco.pow{z-index:3;width:calc(var(--u) * 210);right:calc(var(--u) * 26);top:calc(var(--u) * 20);animation:powpulse 1.6s var(--ease) infinite;transform-origin:50%;display:block;position:absolute}[data-style=comic] .deco.pow-sm{z-index:3;width:calc(var(--u) * 120);right:calc(var(--u) * 8);top:calc(var(--u) * 40);animation:powpulse 1.6s var(--ease) infinite;display:block;position:absolute}@keyframes powpulse{0%,to{transform:rotate(-8deg)scale(1)}50%{transform:rotate(-4deg)scale(1.08)}}[data-style=comic] .art img{filter:drop-shadow(3px 3px #111)}[data-style=ascii]{--bg:#050505;--fg:#3f0;--muted:#1f9c00;--panel:#050505;--line:#3f0;--bw:1px;--r:0px;--r-sm:0px;--shadow:none;--accent:#3f0;--accent-fg:#050505;--accent-text:#ffb000;--field:#050505;--tile:#050505;--chip-bg:transparent;--chip-bw:1px;--chip-r:0;--font-d:"VT323", ui-monospace, monospace;--font-b:"JetBrains Mono", ui-monospace, monospace;--font-code:"VT323", monospace;--d-weight:400;--d-track:0;--d-case:uppercase;--d-lh:.9;--btn-case:uppercase;--btn-weight:700;--btn-r:0;--press:none;--av-r:0;--font-narr:"JetBrains Mono", monospace;--narr-weight:400;--narr-track:0;--timer-track:0;--qr-bg:#050505;--qr-fg:#3f0;--bar:repeating-linear-gradient(90deg, #33ff0047 0 6px, transparent 6px 9px)}[data-style=ascii] .scr{text-shadow:0 0 6px #33ff0059}[data-style=ascii] .scr:after{content:"";z-index:20;pointer-events:none;background:repeating-linear-gradient(0deg,#00000047 0 1px,#0000 1px 3px);position:absolute;inset:0}[data-style=ascii] .art img{display:none}[data-style=ascii] .art pre{font-size:var(--ascii-size,calc(var(--u) * 5.2));display:block}[data-style=ascii] .panel{position:relative}[data-style=ascii] .panel[data-label]:before{content:"┤ " attr(data-label) " ├";background:var(--bg);color:var(--accent-text);padding:0 .3em;font-size:.78em;position:absolute;top:-.75em;left:1em}[data-style=ascii] .btn:before{content:"[ "}[data-style=ascii] .btn:after{content:" ]"}[data-style=ascii] .btn{color:var(--fg);border-color:var(--fg);background:0 0}@media (hover:hover){[data-style=ascii] .btn:hover,[data-style=ascii] .pick:hover{background:var(--fg);color:var(--bg);text-shadow:none}}[data-style=ascii] .btn:active,[data-style=ascii] .pick:active{background:var(--fg);color:var(--bg)}[data-style=ascii] .pick.on{background:var(--fg);color:var(--bg);text-shadow:none}[data-style=ascii] .pick.on:before{content:"> "}[data-style=ascii] .room-code{font-size:calc(var(--u) * 200);line-height:.8}[data-style=ascii] .tile .av{color:var(--accent-text);border:1px solid var(--accent-text);background:0 0}[data-style=ascii] .narr p{font-size:calc(var(--u) * 30);text-align:left}[data-style=ascii] .narr p:before{content:"> ";color:var(--accent-text)}[data-style=ascii] .narr p.new:after{content:"█";margin-left:.15em;animation:1s step-end infinite blink}[data-style=ascii] .narr p.new{clip-path:inset(0);animation:.9s steps(28,end) both type}@keyframes type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}[data-style=ascii] .disp{letter-spacing:.02em}[data-style=ascii] .rain{opacity:.32;width:100%;height:100%;display:block;position:absolute;inset:0}[data-style=ascii] .chip.dead{text-decoration:none}[data-style=ascii] .chip.dead:before{content:"x "}[data-style=ascii] .game .art pre,[data-style=ascii] .join-hero .art pre{--ascii-size:calc(var(--u) * 2.4)}[data-style=ascii] .role-card .art pre{--ascii-size:calc(var(--u) * 5.4)}[data-style=ascii] .rc .art pre{--ascii-size:calc(var(--u) * 3)}[data-style=ascii] .stage .moon pre{--ascii-size:calc(var(--u) * 4.2);color:var(--accent-text)}[data-style=ascii] .win .trophy pre{--ascii-size:calc(var(--u) * 3.4);color:var(--accent-text)}[data-style=neon]{--bg:#0a0418;--fg:#f4f0ff;--muted:#a58fd8;--panel:#120828c7;--line:#ff3cac;--bw:2px;--r:10px;--r-sm:8px;--shadow:0 0 0 1px #ff3cac59, 0 0 22px -4px #ff3cac8c, inset 0 0 18px -6px #ff3cac80;--accent:#ff3cac;--accent-fg:#12001f;--accent-text:#3cf2ff;--field:#0a0418cc;--tile:#0a0418cc;--chip-bg:#3cf2ff14;--chip-bw:1px;--font-d:"Audiowide", "Chakra Petch", sans-serif;--font-b:"Chakra Petch", system-ui, sans-serif;--font-btn:"Audiowide", sans-serif;--d-weight:400;--d-track:.02em;--d-case:uppercase;--btn-case:uppercase;--btn-track:.1em;--btn-weight:400;--btn-shadow:0 0 18px -2px #ff3cac;--btn-line:#ffd0ef;--code-track:.12em;--bar:linear-gradient(90deg, #3cf2ff59, #ff3cac59)}[data-style=neon] .bg{background:linear-gradient(#12002c 0%,#3a0b5e 52%,#0a0418 52.2%)}[data-style=neon] .sun{aspect-ratio:1;opacity:.9;background:linear-gradient(#ffe66d 0%,#ff8f3c 45%,#ff3cac 80%);border-radius:50%;width:34%;display:block;position:absolute;top:18%;left:50%;transform:translate(-50%);-webkit-mask:repeating-linear-gradient(#000 0 56%,#0000 56% 60%,#000 60% 66%,#0000 66% 72%,#000 72% 77%,#0000 77% 84%,#000 84% 88%,#0000 88% 100%);mask:repeating-linear-gradient(#000 0 56%,#0000 56% 60%,#000 60% 66%,#0000 66% 72%,#000 72% 77%,#0000 77% 84%,#000 84% 88%,#0000 88% 100%)}[data-style=neon] .floor{perspective:260px;height:48%;display:block;position:absolute;bottom:0;left:-50%;right:-50%;overflow:hidden}[data-style=neon] .floor i{transform-origin:bottom;will-change:transform;background-image:linear-gradient(#3cf2ffbf 2px,#0000 2px),linear-gradient(90deg,#3cf2ffbf 2px,#0000 2px);background-size:64px 64px;animation:1.6s linear infinite grid;position:absolute;inset:-100% 0 0;transform:rotateX(62deg)}@keyframes grid{to{transform:rotateX(62deg)translateY(64px)}}[data-style=neon] .disp,[data-style=neon] .room-code,[data-style=neon] .timer{text-shadow:0 0 4px #fff,0 0 14px #ff3cac,0 0 34px #ff3cac}[data-style=neon] .eyebrow{color:var(--accent-text);text-shadow:0 0 10px #3cf2ffcc;animation:5s step-end infinite flicker}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.35}94%{opacity:1}96%{opacity:.5}97%{opacity:1}}[data-style=neon] .tile .av{box-shadow:0 0 10px var(--c)}[data-style=neon] .pick.on{box-shadow:0 0 20px -2px #ff3cac}[data-style=neon] .btn.ghost{--ghost-bg:transparent;--ghost-fg:#3cf2ff;border-color:#3cf2ff;box-shadow:0 0 14px -4px #3cf2ff}[data-style=neon] .art img{filter:drop-shadow(0 0 14px #ff3cac8c)}[data-style=neon] .phone .sun{opacity:.55;width:70%;top:auto;bottom:-6%}[data-style=neon] .win .sun{opacity:.5}[data-style=neon] .scr.is-night .sun{background:linear-gradient(#e6f0ff,#8fb4ff 60%,#3c5bff);width:26%;top:14%}[data-style=neon] .narr p{text-shadow:0 0 12px #ff3cac80}[data-style=neon] .role-card{--role-bg:linear-gradient(180deg, #ff3cac38, #120828d9)}[data-style=pixel]{--bg:#29adff;--fg:#1d2b53;--muted:#1d2b53;--panel:#fff1e8;--line:#000;--bw:0px;--r:0px;--r-sm:0px;--accent:#ff004d;--accent-fg:#fff1e8;--accent-text:#ff004d;--field:#fff1e8;--tile:#fca;--chip-bg:#fff1e8;--chip-r:0;--chip-fg:#1d2b53;--panel-fg:#1d2b53;--muted-panel:#5f574f;--field-fg:#1d2b53;--tile-fg:#1d2b53;--font-d:"Press Start 2P", monospace;--font-b:"Pixelify Sans", "Press Start 2P", monospace;--font-btn:"Press Start 2P", monospace;--font-code:"Press Start 2P", monospace;--font-timer:"Press Start 2P", monospace;--d-weight:400;--d-track:0;--d-lh:1.25;--btn-weight:400;--btn-r:0;--av-r:0;--narr-weight:400;--narr-track:0;--font-narr:"Pixelify Sans", monospace;--code-track:.06em;--timer-track:0}[data-style=pixel] .scr{--px:calc(var(--u) * 4);--shadow:0 calc(var(--px) * -1) 0 0 #000, 0 var(--px) 0 0 #000, calc(var(--px) * -1) 0 0 0 #000, var(--px) 0 0 0 #000, 0 calc(var(--px) * 2) 0 0 #00000059;--btn-shadow:var(--shadow);--press:translateY(var(--px));--bar:repeating-linear-gradient(90deg, #ffec27 0 calc(var(--u) * 8), #ffa300 calc(var(--u) * 8) calc(var(--u) * 16))}[data-style=pixel] .panel,[data-style=pixel] .btn,[data-style=pixel] .tile,[data-style=pixel] .pick,[data-style=pixel] .field,[data-style=pixel] .code-boxes span,[data-style=pixel] .chip,[data-style=pixel] .qr-wrap{box-shadow:var(--shadow)}[data-style=pixel] .art img{display:none}[data-style=pixel] .art .pix{width:100%;image-rendering:pixelated;animation:1s steps(2,end) infinite bob;display:block}@keyframes bob{50%{transform:translateY(-6%)}}[data-style=pixel] .bg{background-color:#29adff}[data-style=pixel] .ground{height:12%;box-shadow:0 calc(var(--u) * -6) 0 #008751;background:#00e436;display:block;position:absolute;bottom:0;left:0;right:0}[data-style=pixel] .ground:after{content:"";background:repeating-linear-gradient(90deg, #ab5236 0 calc(var(--u) * 24), #8a3f2a calc(var(--u) * 24) calc(var(--u) * 48));position:absolute;inset:40% 0 0}[data-style=pixel] .cloud{width:calc(var(--u) * 12);height:calc(var(--u) * 12);box-shadow:calc(var(--u)*12) 0 #fff1e8, calc(var(--u)*24) 0 #fff1e8, calc(var(--u)*36) 0 #fff1e8, calc(var(--u)*12) calc(var(--u)*-12) #fff1e8, calc(var(--u)*24) calc(var(--u)*-12) #fff1e8, calc(var(--u)*-12) calc(var(--u)*12) #fff1e8, 0 calc(var(--u)*12) #fff1e8, calc(var(--u)*12) calc(var(--u)*12) #fff1e8, calc(var(--u)*24) calc(var(--u)*12) #fff1e8, calc(var(--u)*36) calc(var(--u)*12) #fff1e8, calc(var(--u)*48) calc(var(--u)*12) #fff1e8;background:#fff1e8;animation:40s steps(80,end) infinite cloud;display:block;position:absolute;top:14%;left:10%}[data-style=pixel] .cloud.c2{animation-duration:55s;top:30%;left:64%}[data-style=pixel] .phone .cloud,[data-style=pixel] .phone .cloud.c2{top:80%;left:8%}@keyframes cloud{to{transform:translateX(calc(var(--u) * 300))}}[data-style=pixel] .scr.is-night{--fg:#fff1e8;--muted:#c2c3c7}[data-style=pixel] .scr.is-night .bg{background-color:#1d2b53;background-image:radial-gradient(#fff1e8 calc(var(--u)*2), transparent calc(var(--u)*2.5));background-size:calc(var(--u)*96) calc(var(--u)*72);background-position:0 0}[data-style=pixel] .scr.is-night .ground{box-shadow:0 calc(var(--u) * -6) 0 #7e2553;background:#1d2b53}[data-style=pixel] .scr.is-night .cloud{display:none}[data-style=pixel] .disp{text-shadow:calc(var(--u)*3) calc(var(--u)*3) 0 #00000040}[data-style=pixel] .home h1{font-size:calc(var(--u) * 26);line-height:1.35}[data-style=pixel] .join-hero h1,[data-style=pixel] .role-card h2{font-size:calc(var(--u) * 20)}[data-style=pixel] .vote h2{font-size:calc(var(--u) * 17);line-height:1.4}[data-style=pixel] .game h2{font-size:.7em;line-height:1.5}[data-style=pixel] .win h1{font-size:calc(var(--u) * 54)}[data-style=pixel] .room-code{font-size:calc(var(--u) * 110)}[data-style=pixel] .timer{font-size:calc(var(--u) * 60)}[data-style=pixel] .btn{font-size:.78em}[data-style=pixel] .players h2{font-size:calc(var(--u) * 22)}[data-style=pixel] .tile:nth-child(3n+1) .av{background:#ff004d}[data-style=pixel] .tile:nth-child(3n+2) .av{background:#29adff}[data-style=pixel] .tile:nth-child(3n) .av{background:#00e436}[data-style=pixel] .pick.on{color:#fff1e8;background:#ff004d}[data-style=pixel] .btn.ghost{--ghost-bg:#fff1e8;--ghost-fg:#1d2b53}[data-style=pixel] .narr p{font-size:calc(var(--u) * 34)}[data-style=pixel] .stage .timer:before{content:""}[data-style=paper]{--bg:#fbf8ef;--fg:#1f2a44;--muted:#5a6276;--panel:#fffdf7;--line:#1f2a44;--bw:2px;--r:255px 18px 225px 18px / 18px 225px 18px 255px;--r-sm:14px 120px 14px 110px / 110px 14px 120px 14px;--shadow:2px 3px 0 #1f2a44d9;--accent:#ffe066;--accent-fg:#1f2a44;--accent-text:#d1495b;--field:#fffdf7;--tile:#fffdf7;--chip-bg:#fffdf7;--chip-bw:1.5px;--font-d:"Caveat", "Kalam", cursive;--font-b:"Kalam", "Comic Neue", cursive;--font-btn:"Kalam", cursive;--chip-fg:#1f2a44;--d-weight:700;--d-track:0;--d-lh:.95;--btn-weight:700;--code-track:.08em;--btn-shadow:2px 3px 0 #1f2a44;--press:translate(2px, 3px);--btn-shadow-press:0 0 0 #1f2a44;--narr-weight:700;--font-narr:"Caveat", cursive;--narr-track:0;--bar:linear-gradient(90deg, #ffe066bf, #ffe06659)}[data-style=paper] .bg{background-color:#fbf8ef;background-image:linear-gradient(90deg, transparent calc(var(--u) * 46), #d1495b73 calc(var(--u) * 46), #d1495b73 calc(var(--u) * 48), transparent calc(var(--u) * 48)), repeating-linear-gradient(180deg, transparent 0 calc(var(--u) * 31), #4678be38 calc(var(--u) * 31) calc(var(--u) * 32))}[data-style=paper] .scr.is-night{--fg:#f4f1e6;--muted:#b9c1d6;--line:#f4f1e6;--panel:#23304f;--panel-fg:#f4f1e6;--muted-panel:#b9c1d6;--field:#2a3758;--field-fg:#f4f1e6;--tile:#2a3758;--tile-fg:#f4f1e6}[data-style=paper] .scr.is-night .btn.ghost{--ghost-bg:transparent;--ghost-fg:#f4f1e6}[data-style=paper] .scr.is-night .bg{background-color:#1c2640;background-image:repeating-linear-gradient(180deg, transparent 0 calc(var(--u) * 31), #ffffff0f calc(var(--u) * 31) calc(var(--u) * 32))}[data-style=paper] .disp{font-size-adjust:none}[data-style=paper] .hl{background:linear-gradient(100deg,#0000 2%,#ffe066f2 4%,#ffe066cc 92%,#0000 96%);border-radius:4px;padding:0 .12em}[data-style=paper] .panel{position:relative}[data-style=paper] .panel:before{content:"";background:#ffe0668c;border-left:1px dashed #1f2a4433;border-right:1px dashed #1f2a4433;width:80px;height:22px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-3deg)}[data-style=paper] .game:before,[data-style=paper] .rc:before,[data-style=paper] .players:before{display:none}[data-style=paper] .game:nth-child(odd){transform:rotate(-.8deg)}[data-style=paper] .game:nth-child(2n){transform:rotate(.7deg)}[data-style=paper] .art img{filter:drop-shadow(0 0 #fff)drop-shadow(2px 0 #fff)drop-shadow(-2px 0 #fff)drop-shadow(0 2px #fff)drop-shadow(0 -2px #fff)drop-shadow(2px 3px #1f2a4459);transform:rotate(-4deg)}[data-style=paper] .stage .moon img{animation:5s ease-in-out infinite float}[data-style=paper] .room-code{font-family:Caveat,cursive;font-size:calc(var(--u) * 190)}[data-style=paper] .room-code span{display:inline-block}[data-style=paper] .room-code span:nth-child(odd){transform:rotate(-4deg)}[data-style=paper] .room-code span:nth-child(2n){transform:rotate(3deg)translateY(4%)}[data-style=paper] .pick.on{background:var(--accent);color:var(--fg)}[data-style=paper] .pick.on:after{content:"✓";z-index:1;color:#d1495b;font-size:1.3em;position:absolute;right:3.2em}[data-style=paper] .narr p{font-size:calc(var(--u) * 46)}[data-style=paper] .tile .av{border:1.5px solid var(--line)}[data-style=paper] .btn.ghost{--ghost-bg:#fffdf7}[data-style=minimal]{--bg:#fafaf7;--fg:#000;--muted:#555960;--panel:#fff;--line:#00000014;--bw:1px;--r:18px;--r-sm:12px;--shadow:0 1px 2px #0000000d, 0 10px 26px -14px #0000002e;--accent:#cfb991;--accent-fg:#000;--accent-text:#8e6f3e;--field:#f2efe6;--tile:#f2efe6;--chip-bg:#0000000d;--font-d:"Geist", -apple-system, system-ui, sans-serif;--font-b:"Geist", -apple-system, system-ui, sans-serif;--d-weight:700;--d-track:-.04em;--btn-r:12px;--btn-weight:700;--code-track:.04em;--bar:linear-gradient(90deg, #cfb9918c, #cfb99133)}[data-style=minimal] .bg{background:var(--bg)}[data-style=minimal] .eyebrow{color:var(--accent-text)}[data-style=minimal] .scr.is-night{--bg:#000;--fg:#fff;--muted:#9d9795;--panel:#121212;--line:#cfb9912e;--chip-bg:#ffffff12;--accent-text:#cfb991;--field:#1a1a1a}[data-style=minimal] .room-code{letter-spacing:.01em;box-shadow:inset 0 calc(var(--u) * -14) 0 #cfb991;font-weight:800;line-height:.9;display:inline-block}[data-style=minimal] .btn.ghost{--ghost-bg:#000;--ghost-fg:#cfb991;border-color:#000}[data-style=minimal] .pick.on{color:#cfb991;background:#000}[data-style=minimal] .role-card{--role-bg:#000;--panel-fg:#fff;--muted-panel:#9d9795;color:#fff;border-color:#cfb991}[data-style=minimal] .role-card h2{color:#cfb991}[data-style=minimal] .win .hl{box-shadow:inset 0 -.18em #cfb991}[data-style=brutal]{--bg:#f4f1ea;--fg:#0a0a0a;--muted:#3b3b3b;--panel:#fff;--line:#0a0a0a;--bw:3px;--r:0px;--r-sm:0px;--shadow:8px 8px 0 #0a0a0a;--shadow-sm:5px 5px 0 #0a0a0a;--accent:#ff5c00;--accent-fg:#0a0a0a;--accent-text:#2b59ff;--field:#fff;--tile:#fff;--chip-bg:#fff;--chip-fg:#0a0a0a;--chip-bw:3px;--chip-r:0;--panel-fg:#0a0a0a;--field-fg:#0a0a0a;--tile-fg:#0a0a0a;--muted-panel:#3b3b3b;--font-d:"Archivo Black", "Arial Black", sans-serif;--font-b:"Archivo", system-ui, sans-serif;--d-weight:400;--d-track:-.02em;--d-case:uppercase;--d-lh:.92;--btn-case:uppercase;--btn-weight:800;--btn-track:.02em;--btn-r:0;--av-r:0;--btn-shadow:5px 5px 0 #0a0a0a;--btn-shadow-press:0 0 0 #0a0a0a;--press:translate(5px, 5px);--bar:#c6ff00}[data-style=brutal] .bg{background:var(--bg)}[data-style=brutal] .lobby-scr .bg{background:linear-gradient(90deg, #2b59ff 0 42%, var(--bg) 42%)}[data-style=brutal] .lobby-scr .lobby>div:first-child{color:#fff}[data-style=brutal] .lobby-scr .join-at{color:#e6ebff}[data-style=brutal] .lobby-scr .join-at b{color:#fff}[data-style=brutal] .home .bg{background:linear-gradient(180deg, #c6ff00 0 30%, var(--bg) 30%)}[data-style=brutal] .vote .bg{background:linear-gradient(180deg, #ff3d8b 0 26%, var(--bg) 26%)}[data-style=brutal] .eyebrow{color:#fff;letter-spacing:.14em;background:#0a0a0a;justify-self:start;margin-bottom:.3em;padding:.25em .55em;display:table}[data-style=brutal] .room-code{color:#c6ff00;box-shadow:calc(var(--u)*10) calc(var(--u)*10) 0 #ff5c00;background:#0a0a0a;padding:0 .12em;display:inline-block}[data-style=brutal] .tile:nth-child(4n+1){background:#ff5c00}[data-style=brutal] .tile:nth-child(4n+2){background:#c6ff00}[data-style=brutal] .tile:nth-child(4n+3){background:#ff3d8b}[data-style=brutal] .tile:nth-child(4n){background:#8ab4ff}[data-style=brutal] .tile .av{background:#0a0a0a;border-radius:0}[data-style=brutal] .pick.on{color:#fff;background:#2b59ff}[data-style=brutal] .btn.ghost{--ghost-bg:#fff;--ghost-fg:#0a0a0a}[data-style=brutal] .role-card{--role-bg:#c6ff00}[data-style=brutal] .scr.is-night{--bg:#0a0a0a;--fg:#f4f1ea;--muted:#bdbdbd}[data-style=brutal] .scr.is-night .eyebrow{color:#0a0a0a;background:#c6ff00}[data-style=brutal] .scr.is-night .timer{color:#c6ff00}[data-style=brutal] .narr p.new{color:#0a0a0a;background:#fff;border:3px solid #0a0a0a;justify-self:center;padding:.15em .4em;box-shadow:6px 6px #ff5c00}[data-style=brutal] .ticker{height:calc(var(--u) * 34);background:#0a0a0a;border-top:3px solid #0a0a0a;display:block;position:absolute;bottom:0;left:0;right:0;overflow:hidden}[data-style=brutal] .ticker:before{content:"ROOM MOON  ●  JOIN NOW  ●  6 PLAYERS  ●  BOILERMAFIA  ●  ROOM MOON  ●  JOIN NOW  ●  6 PLAYERS  ●  BOILERMAFIA  ●  ";white-space:nowrap;color:#c6ff00;font-family:Archivo Black,sans-serif;font-size:calc(var(--u) * 16);letter-spacing:.08em;animation:14s linear infinite tick;position:absolute;top:50%;translate:0 -50%}@keyframes tick{to{transform:translate(-50%)}}[data-style=brutal] .phone .ticker{display:none}[data-style=win98]{--bevel:inset -1px -1px #0a0a0a, inset 1px 1px #fff, inset -2px -2px gray, inset 2px 2px #dfdfdf;--sunken:inset -1px -1px #fff, inset 1px 1px #0a0a0a, inset -2px -2px #dfdfdf, inset 2px 2px gray;--bg:teal;--fg:#fff;--muted:#d6f3f3;--panel:silver;--line:transparent;--bw:0px;--r:0px;--r-sm:0px;--shadow:var(--bevel);--accent:silver;--accent-fg:#000;--accent-text:navy;--field:#fff;--tile:#fff;--chip-bg:silver;--chip-fg:#000;--chip-r:0;--panel-fg:#000;--field-fg:#000;--tile-fg:#000;--muted-panel:#404040;--font-d:Tahoma, Verdana, "Segoe UI", sans-serif;--font-b:Tahoma, Verdana, "Segoe UI", sans-serif;--d-weight:700;--d-track:0;--btn-r:0;--btn-weight:400;--press:none;--btn-shadow:var(--bevel);--btn-shadow-press:var(--sunken);--av-r:0;--narr-weight:400;--narr-track:0}[data-style=win98] .scr{--tb:calc(var(--u) * 26);--bar:#00008038;-webkit-font-smoothing:none;padding-bottom:calc(var(--u) * 70)}[data-style=win98] .bg{background:teal}[data-style=win98] .panel{padding-top:calc(var(--tb) + .8em);position:relative}[data-style=win98] .panel:before{content:attr(data-title);height:var(--tb);color:#fff;letter-spacing:0;text-align:left;white-space:nowrap;background:linear-gradient(90deg,navy,#1084d0);align-items:center;padding:0 .5em;font-size:.78em;font-weight:700;display:flex;position:absolute;top:3px;left:3px;right:3px;overflow:hidden}[data-style=win98] .panel:after{content:"✕";top:calc(3px + var(--tb) * .14);width:calc(var(--tb) * .9);height:calc(var(--tb) * .72);box-shadow:var(--bevel);color:#000;background:silver;place-items:center;font-size:.6em;font-weight:700;display:grid;position:absolute;right:6px}[data-style=win98] .rc{padding-top:1em}[data-style=win98] .rc:before,[data-style=win98] .rc:after{display:none}[data-style=win98] .field,[data-style=win98] .tile,[data-style=win98] .pick,[data-style=win98] .code-boxes span,[data-style=win98] .qr-wrap{box-shadow:var(--sunken);border:0}[data-style=win98] .code-boxes span:last-child{box-shadow:var(--sunken), 0 0 0 2px navy}[data-style=win98] .btn:active{padding-top:2px}[data-style=win98] .btn.ghost{--ghost-bg:silver;--ghost-fg:#000}[data-style=win98] .btn:focus-visible{outline-offset:-5px;outline:1px dotted #000}[data-style=win98] .pick.on{color:#fff;background:navy}[data-style=win98] .chip{box-shadow:var(--bevel)}[data-style=win98] .art img{display:none}[data-style=win98] .art .pix{width:100%;image-rendering:pixelated;display:block}[data-style=win98] .disp,[data-style=win98] .room-code{text-shadow:2px 2px #00000059}[data-style=win98] .timer,[data-style=win98] .timer-sm{color:#00ff40;box-shadow:var(--sunken);background:#000;padding:.05em .3em;font-family:VT323,monospace}[data-style=win98] .narr p{color:#000;font-size:calc(var(--u) * 30);background:#ffffe1;border:1px solid #000;justify-self:center;padding:.2em .5em}[data-style=win98] .taskbar{height:calc(var(--u) * 46);background:silver;display:block;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 1px #dfdfdf,inset 0 2px #fff}[data-style=win98] .taskbar:before{content:"▣ LarpParty";left:calc(var(--u) * 6);top:calc(var(--u) * 7);bottom:calc(var(--u) * 6);padding:0 calc(var(--u) * 10);box-shadow:var(--bevel);font:700 calc(var(--u) * 18) Tahoma, Verdana, sans-serif;color:#000;align-items:center;display:flex;position:absolute}[data-style=win98] .taskbar:after{content:"9:41 PM";right:calc(var(--u) * 6);top:calc(var(--u) * 7);bottom:calc(var(--u) * 6);padding:0 calc(var(--u) * 12);box-shadow:var(--sunken);font:calc(var(--u) * 17) Tahoma, Verdana, sans-serif;color:#000;align-items:center;display:flex;position:absolute}[data-style=news]{--bg:#f3eee1;--fg:#141414;--muted:#55524a;--panel:transparent;--line:#141414;--bw:1px;--r:0px;--r-sm:0px;--shadow:none;--accent:#141414;--accent-fg:#f3eee1;--accent-text:#8b1a1a;--field:#fbf8ef;--tile:transparent;--chip-bg:transparent;--chip-bw:1px;--chip-r:0;--font-d:"Old Standard TT", "Times New Roman", serif;--font-b:"Old Standard TT", "Times New Roman", serif;--d-weight:700;--d-track:-.01em;--d-lh:1;--btn-case:uppercase;--btn-track:.14em;--btn-r:0;--btn-weight:700;--font-narr:"Old Standard TT", serif;--narr-weight:400;--narr-track:0;--qr-bg:transparent;--bar:repeating-linear-gradient(90deg, #1414142e 0 1px, transparent 1px 4px)}[data-style=news] .bg{background-color:var(--bg);background-image:var(--grain);background-size:128px}[data-style=news] .scr,[data-style=news] .scr.phone{padding-top:calc(var(--u) * 132)}[data-style=news] .scr>.masthead{left:calc(var(--u) * 64);right:calc(var(--u) * 64);top:calc(var(--u) * 18);text-align:center;color:#141414;font-family:UnifrakturMaguntia,Old English Text MT,serif;font-size:calc(var(--u) * 50);padding-bottom:calc(var(--u) * 4);border-bottom:4px double #141414;line-height:1.05;display:block;position:absolute}[data-style=news] .scr>.masthead:after{content:"Vol. II · Round 2 · Price: one vote";font:700 calc(var(--u) * 13) "Old Standard TT", serif;letter-spacing:.22em;text-transform:uppercase;padding-top:calc(var(--u) * 5);margin-top:calc(var(--u) * 6);border-top:1px solid #141414;display:block}[data-style=news] .scr.phone>.masthead{left:calc(var(--u) * 20);right:calc(var(--u) * 20);top:calc(var(--u) * 50);font-size:calc(var(--u) * 30)}[data-style=news] .scr.phone>.masthead:after{font-size:calc(var(--u) * 8.5);letter-spacing:.14em}[data-style=news] .panel{border-width:3px 0 1px;border-top-style:double}[data-style=news] .eyebrow{color:var(--accent-text);letter-spacing:.18em}[data-style=news] .art img{filter:grayscale()contrast(1.35);mix-blend-mode:multiply}[data-style=news] .narr p{font-style:italic;font-size:calc(var(--u) * 26);color:#3a3833}[data-style=news] .narr p.new{font-style:normal;font-weight:700;font-size:calc(var(--u) * 46);text-transform:uppercase;letter-spacing:-.01em;color:#141414;line-height:1.02}[data-style=news] .pick:before{content:"☐";margin-right:.5em;font-size:1.2em}[data-style=news] .pick{justify-content:flex-start}[data-style=news] .pick .n{margin-left:auto}[data-style=news] .pick.on:before{content:"☒"}[data-style=news] .pick.on{color:#f3eee1;background:#141414}[data-style=news] .room-code{border-top:4px double #141414;border-bottom:4px double #141414;padding:0 .1em;display:inline-block}[data-style=news] .btn.ghost{--ghost-bg:transparent;--ghost-fg:#141414;border-color:#141414}[data-style=news] .rc.lost b{text-decoration-color:#8b1a1a}[data-style=blueprint]{--bg:#174a8b;--fg:#eaf2ff;--muted:#a9c4ea;--panel:#ffffff0a;--line:#eaf2ffd9;--bw:1.5px;--r:0px;--r-sm:0px;--shadow:none;--accent:#eaf2ff;--accent-fg:#174a8b;--accent-text:#ffd166;--field:transparent;--tile:transparent;--chip-bg:transparent;--chip-bw:1px;--chip-r:0;--font-d:"Share Tech Mono", ui-monospace, monospace;--font-b:"Architects Daughter", "Comic Neue", cursive;--font-btn:"Share Tech Mono", monospace;--font-code:"Share Tech Mono", monospace;--d-case:uppercase;--d-weight:400;--d-track:.04em;--btn-case:uppercase;--btn-track:.12em;--btn-weight:400;--btn-r:0;--av-r:0;--qr-bg:transparent;--qr-fg:#eaf2ff;--font-timer:"Share Tech Mono", monospace;--timer-track:.02em;--bar:repeating-linear-gradient(45deg, #eaf2ff59 0 2px, transparent 2px 7px)}[data-style=blueprint] .bg{background-color:var(--bg);background-image:linear-gradient(#eaf2ff33 1px,#0000 1px),linear-gradient(90deg,#eaf2ff33 1px,#0000 1px),linear-gradient(#eaf2ff12 1px,#0000 1px),linear-gradient(90deg,#eaf2ff12 1px,#0000 1px);background-size:calc(var(--u)*80) calc(var(--u)*80), calc(var(--u)*80) calc(var(--u)*80), calc(var(--u)*16) calc(var(--u)*16), calc(var(--u)*16) calc(var(--u)*16)}[data-style=blueprint] .scr.is-night{--bg:#0e2e5a}[data-style=blueprint] .panel{position:relative}[data-style=blueprint] .panel[data-label]:before{content:"FIG. " attr(data-fig) " · " attr(data-label);letter-spacing:.1em;color:var(--accent-text);font:.72em Share Tech Mono,monospace;position:absolute;top:-1.6em;left:0}[data-style=blueprint] .panel:after{content:"";pointer-events:none;background:linear-gradient(var(--line), var(--line)) top left / 12px 1px, linear-gradient(var(--line), var(--line)) top left / 1px 12px, linear-gradient(var(--line), var(--line)) bottom right / 12px 1px, linear-gradient(var(--line), var(--line)) bottom right / 1px 12px;background-repeat:no-repeat;position:absolute;inset:-7px}[data-style=blueprint] .art img{filter:brightness(0)invert();opacity:.88}@media (hover:hover){[data-style=blueprint] .btn:hover{background:#eaf2ff26}}[data-style=blueprint] .btn.ghost{--ghost-bg:transparent;--ghost-fg:#eaf2ff;border-style:dashed;border-color:#eaf2ff}[data-style=blueprint] .pick.on{color:#174a8b;background:#eaf2ff}[data-style=blueprint] .tile .av{border:1px solid var(--line);color:var(--fg);background:0 0}[data-style=blueprint] .dim{left:5%;right:5%;top:calc(var(--u) * 22);border-top:1px solid #eaf2ff8c;height:0;display:block;position:absolute}[data-style=blueprint] .dim:before{content:"◂";color:#eaf2ffb3;font-size:calc(var(--u) * 14);position:absolute;top:-.66em;left:-.3em}[data-style=blueprint] .dim:after{content:"1280 × 720 · SCALE 1:1 · HOST DISPLAY";background:var(--bg);color:#eaf2ffbf;font:calc(var(--u) * 13) "Share Tech Mono", monospace;letter-spacing:.14em;white-space:nowrap;padding:0 .6em;position:absolute;left:50%;transform:translate(-50%,-55%)}[data-style=blueprint] .phone .dim:after{content:"390 × 844 · PHONE"}[data-style=blueprint] .phone .dim{display:none}[data-style=blueprint] .narr p{font-size:calc(var(--u) * 34)}[data-style=blueprint] .narr p.new{color:#ffd166}[data-style=clay]{--clay:inset -5px -6px 10px #78503c29, inset 5px 6px 10px #ffffffd9, 0 14px 26px -12px #78503c59;--bg:#ffe5d9;--fg:#4a3f55;--muted:#7d6f8a;--panel:#fff6ef;--line:transparent;--bw:0px;--r:34px;--r-sm:22px;--shadow:var(--clay);--accent:#ff8fab;--accent-fg:#fff;--accent-text:#e2557f;--field:#ffeef3;--tile:#e3f6ec;--chip-bg:#fff6ef;--font-d:"Fredoka", "Baloo 2", system-ui, sans-serif;--font-b:"Fredoka", system-ui, sans-serif;--d-weight:700;--d-track:-.01em;--btn-weight:600;--btn-r:999px;--code-track:.06em;--btn-shadow:inset -4px -5px 8px #a0285040, inset 4px 5px 8px #ffffff8c, 0 10px 18px -8px #c83c6480;--press:scale(.94, .88);--bar:linear-gradient(90deg, #ffd6e0, #ffeef3)}[data-style=clay] .scr{--shadow:var(--clay)}[data-style=clay] .bg{background:radial-gradient(120% 80% at 0% 0%, #ffd6c4, transparent 60%), var(--bg)}[data-style=clay] .btn,[data-style=clay] .pick{transition:transform .42s cubic-bezier(.34,1.56,.64,1), box-shadow .15s var(--ease-ui)}[data-style=clay] .btn:active,[data-style=clay] .pick:active{transition-duration:90ms;transition-timing-function:var(--ease-ui)}[data-style=clay] .field,[data-style=clay] .tile,[data-style=clay] .pick,[data-style=clay] .code-boxes span,[data-style=clay] .chip,[data-style=clay] .qr-wrap{box-shadow:var(--clay)}[data-style=clay] .tile:nth-child(3n+1){background:#ffd6e0}[data-style=clay] .tile:nth-child(3n+2){background:#d6ecff}[data-style=clay] .tile:nth-child(3n){background:#fff1b8}[data-style=clay] .btn.ghost{--ghost-bg:#fff6ef;--ghost-fg:#4a3f55;box-shadow:var(--clay)}[data-style=clay] .pick.on{color:#fff;background:#ff8fab;box-shadow:inset -4px -5px 8px #a0285040,inset 4px 5px 8px #ffffff80}[data-style=clay] .art img{transform-origin:50% 100%;filter:drop-shadow(0 10px 8px #78503c40);animation:2.6s ease-in-out infinite squish}@keyframes squish{0%,to{transform:scale(1)}50%{transform:scale(1.05,.95)}}[data-style=clay] .blob{box-shadow:var(--clay);will-change:transform;border-radius:50%;display:block;position:absolute}[data-style=clay] .blob.b1{aspect-ratio:1;background:#c8f0dc;width:15%;animation:18s ease-in-out infinite drift2;bottom:-5%;right:-4%}[data-style=clay] .blob.b2{aspect-ratio:1;background:#e3d5ff;width:9%;animation:15s ease-in-out infinite drift1;top:-3%;left:-2%}[data-style=clay] .blob.b3{aspect-ratio:1;background:#fff1b8;width:7%;animation:20s ease-in-out infinite drift3;bottom:-3%;left:30%}[data-style=clay] .scr.is-night{--bg:#2e2b4f;--fg:#fff4f8;--muted:#c9bfe6;--panel:#3f3a6b;--field:#4a4580;--tile:#4a4580;--chip-bg:#4a4580;--clay:inset -5px -6px 10px #00000047, inset 5px 6px 10px #ffffff1f, 0 14px 26px -12px #0009}[data-style=clay] .scr.is-night .bg{background:radial-gradient(100% 70% at 80% 0%, #4b3f86, transparent 60%), var(--bg)}[data-style=clay] .role-card{--role-bg:#ffb4c6;--panel-fg:#4a3f55;--muted-panel:#6f5a72;color:#4a3f55}[data-style=clay] .room-code{color:#ff8fab;text-shadow:0 calc(var(--u)*6) 0 #e2557f, 0 calc(var(--u)*14) calc(var(--u)*18) #a028504d}[data-style=sakura]{--bg:#f6f1e7;--fg:#1d1d1f;--muted:#7a7268;--panel:#fffdf8db;--line:#1d1d1f24;--bw:1px;--r:2px;--r-sm:2px;--shadow:0 1px 0 #1d1d1f0a;--accent:#1d1d1f;--accent-fg:#f6f1e7;--accent-text:#c8102e;--field:#fffdf8;--tile:#fffdf8;--chip-bg:transparent;--chip-bw:1px;--font-d:"Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;--font-b:"Zen Kaku Gothic New", "Hiragino Sans", system-ui, sans-serif;--d-weight:600;--d-track:.02em;--d-lh:1.1;--btn-r:2px;--btn-track:.2em;--btn-weight:500;--eyebrow-track:.38em;--narr-weight:500;--font-narr:"Shippori Mincho", serif;--narr-track:.02em;--bar:linear-gradient(90deg, #f4a7b98c, #f4a7b91f)}[data-style=sakura] .bg{background:radial-gradient(60% 50% at 85% 10%, #f4a7b938, transparent 70%), var(--bg)}[data-style=sakura] .kanji{writing-mode:vertical-rl;font-family:Shippori Mincho,serif;font-weight:700;font-size:calc(var(--u) * 260);color:#1d1d1f0e;line-height:1;display:block;position:absolute;top:6%;right:4%}[data-style=sakura] .phone .kanji{font-size:calc(var(--u) * 200);top:10%}[data-style=sakura] .petals{display:block;position:absolute;inset:0}[data-style=sakura] .petals i{width:calc(var(--u) * 14);height:calc(var(--u) * 10);opacity:.9;will-change:transform;animation:fall var(--d,11s) linear infinite;animation-delay:var(--dl,0s);top:-6%;left:var(--x,10%);background:linear-gradient(135deg,#ffd3de,#f4a7b9);border-radius:150% 0;position:absolute}[data-style=sakura] .phone .petals i{width:calc(var(--u) * 11);height:calc(var(--u) * 8)}@keyframes fall{0%{transform:translate(0)rotate(0)}50%{transform:translate3d(calc(var(--u) * 60), calc(var(--u) * 470), 0) rotate(200deg)}to{transform:translate3d(calc(var(--u) * -20), calc(var(--u) * 960), 0) rotate(420deg)}}[data-style=sakura] .eyebrow{color:var(--accent-text)}[data-style=sakura] .disp{font-weight:600}[data-style=sakura] .role-card{position:relative}[data-style=sakura] .role-card:after{content:"狼";top:calc(var(--u) * 14);right:calc(var(--u) * 14);width:calc(var(--u) * 44);height:calc(var(--u) * 44);font:700 calc(var(--u) * 26) "Shippori Mincho", serif;color:#c8102e;opacity:.85;border:2px solid #c8102e;border-radius:6px;place-items:center;display:grid;position:absolute;transform:rotate(-8deg)}[data-style=sakura] .pick.on{color:#f6f1e7;background:#1d1d1f}[data-style=sakura] .btn.ghost{--ghost-bg:transparent;--ghost-fg:#1d1d1f;border-color:#1d1d1f66}[data-style=sakura] .room-code{letter-spacing:.2em;font-family:Shippori Mincho,serif;font-weight:700}[data-style=sakura] .tile .av{border:1px solid var(--accent-text);color:var(--accent-text);background:0 0}[data-style=sakura] .scr.is-night{--bg:#14172b;--fg:#f4ede4;--muted:#a7a2b8;--panel:#1e223cd1;--line:#ffffff1f;--field:#ffffff0a;--accent:#f4a7b9;--accent-fg:#14172b;--accent-text:#f4a7b9}[data-style=sakura] .scr.is-night .bg{background:radial-gradient(50% 45% at 80% 12%, #f4a7b929, transparent 70%), var(--bg)}[data-style=sakura] .scr.is-night .kanji{color:#f4ede40f}[data-style=sakura] .scr.is-night .petals i{opacity:.55}[data-style=sakura] .rc.lost:after{content:"済";font:700 calc(var(--u) * 22) "Shippori Mincho", serif;color:#c8102e;opacity:.8;border:1.5px solid #c8102e;border-radius:4px;padding:0 .15em;position:absolute;top:8%;right:8%;transform:rotate(-10deg)}[data-style=sakura] .rc{position:relative}[data-style=noir]{--bg:#0e0e0e;--fg:#ecebe6;--muted:#9a9890;--panel:#171717eb;--line:#3a3a3a;--bw:1px;--r:0px;--r-sm:0px;--shadow:0 30px 60px -30px #000;--accent:#ecebe6;--accent-fg:#0e0e0e;--accent-text:#c1121f;--field:#141414;--tile:#141414;--chip-bg:transparent;--chip-bw:1px;--chip-r:0;--font-d:"Limelight", "Didot", "Bodoni 72", serif;--font-b:"Special Elite", "Courier New", monospace;--font-btn:"Special Elite", monospace;--d-weight:400;--d-track:.03em;--btn-case:uppercase;--btn-track:.22em;--btn-r:0;--btn-weight:400;--narr-weight:400;--font-narr:"Special Elite", monospace;--narr-track:0;--av-r:0;--bar:linear-gradient(90deg, #c1121f8c, #c1121f1f)}[data-style=noir] .bg{background:radial-gradient(55% 75% at 28% 18%,#4a4a4a,#0e0e0e 72%)}[data-style=noir] .blinds{background:repeating-linear-gradient(-18deg, #0009 0 calc(var(--u) * 26), transparent calc(var(--u) * 26) calc(var(--u) * 50));animation:9s step-end infinite flicker;display:block;position:absolute;inset:-10%}[data-style=noir] .grainl{background-image:var(--grain);opacity:.35;mix-blend-mode:overlay;background-size:128px;display:block;position:absolute;inset:0}[data-style=noir] .art img{filter:grayscale()contrast(1.25)brightness(.95)}[data-style=noir] .eyebrow{color:#c9c7bf}[data-style=noir] .pick.on{color:#fff;background:#c1121f;border-color:#c1121f}[data-style=noir] .btn.ghost{--ghost-bg:transparent;--ghost-fg:#ecebe6;border-color:#ecebe6}[data-style=noir] .room-code{letter-spacing:.1em;font-family:Limelight,serif;font-weight:400}[data-style=noir] .narr p.new{color:#fff}[data-style=noir] .role-card,[data-style=noir] .rc{position:relative}[data-style=noir] .role-card:after{content:"CLASSIFIED";font:calc(var(--u) * 15) "Special Elite", monospace;letter-spacing:.2em;color:#c1121f;opacity:.85;border:2px solid #c1121f;padding:.2em .5em;position:absolute;top:9%;right:4%;transform:rotate(12deg)}[data-style=noir] .rc.lost:after{content:"CASE CLOSED";font:calc(var(--u) * 15) "Special Elite", monospace;letter-spacing:.12em;color:#c1121f;white-space:nowrap;background:#0e0e0e66;border:2px solid #c1121f;padding:.15em .4em;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)rotate(-14deg)}[data-style=noir] .rc.lost{opacity:.8}[data-style=noir] .tile .av{color:#0e0e0e;background:#ecebe6}[data-style=story]{--bg:#efe0bd;--fg:#3b2a1a;--muted:#7a5c3a;--panel:#f7ecd2;--line:#7a5c3a;--bw:1.5px;--r:4px;--r-sm:4px;--shadow:inset 0 0 0 4px #f7ecd2, inset 0 0 0 5px #7a5c3a8c, 0 10px 24px -14px #3b2a1a99;--accent:#7a1f1f;--accent-fg:#f7ecd2;--accent-text:#7a1f1f;--field:#fbf3df;--tile:#fbf3df;--chip-bg:#f7ecd2;--chip-bw:1px;--chip-fg:#3b2a1a;--panel-fg:#3b2a1a;--muted-panel:#7a5c3a;--field-fg:#3b2a1a;--tile-fg:#3b2a1a;--font-d:"Cinzel Decorative", "Cinzel", Georgia, serif;--font-b:"IM Fell English", Georgia, serif;--font-btn:"Cinzel", Georgia, serif;--d-weight:700;--d-track:.01em;--d-lh:1.05;--btn-r:4px;--btn-weight:700;--btn-track:.06em;--font-narr:"IM Fell English", Georgia, serif;--narr-weight:400;--narr-track:0;--font-code:"Cinzel", serif;--bar:linear-gradient(90deg, #7a1f1f4d, #7a1f1f14)}[data-style=story] .bg{background:radial-gradient(#f5e8c9 45%,#d4b781 100%)}[data-style=story] .grainl{background-image:var(--grain);opacity:.3;mix-blend-mode:multiply;background-size:128px;display:block;position:absolute;inset:0}[data-style=story] .scr.is-night{--fg:#f0e2bf;--muted:#c9b48a;--accent-text:#e9c46a}[data-style=story] .scr.is-night .bg{background:radial-gradient(circle at 50% 38%,#3d3152,#120f1d 72%)}[data-style=story] .panel{position:relative}[data-style=story] .panel:after{content:"❦";color:var(--line);background:#f1e3c2;border-radius:50%;padding:0 .35em;font-size:1.1em;line-height:1.2;position:absolute;top:-.72em;left:50%;transform:translate(-50%)}[data-style=story] .game:after,[data-style=story] .rc:after{display:none}[data-style=story] .art img{filter:sepia(.45)saturate(.9)}[data-style=story] .narr p{font-size:calc(var(--u) * 40);font-style:italic}[data-style=story] .narr p.new{font-style:normal}[data-style=story] .narr p.new:first-letter{color:#e9c46a;font-family:Cinzel Decorative,serif;font-size:1.55em;line-height:.9}[data-style=story] .scr.is-night .eyebrow:first-child{color:#e9c46a}[data-style=story] .pick.on{color:#f7ecd2;background:#7a1f1f}[data-style=story] .btn.ghost{--ghost-bg:#f7ecd2;--ghost-fg:#3b2a1a}[data-style=story] .room-code{letter-spacing:.06em;color:#7a1f1f;font-family:Cinzel Decorative,serif}[data-style=story] .tile .av{background:#7a1f1f}[data-style=show]{--bg:#2a0845;--fg:#fff;--muted:#e0c3ff;--panel:#3c0d66;--line:#ffd166;--bw:3px;--r:18px;--r-sm:14px;--shadow:0 0 0 4px #2a0845, 0 0 0 7px #ff2e63, 0 18px 30px -12px #000;--accent:#ff2e63;--accent-fg:#fff;--accent-text:#ffd166;--field:#24063d;--tile:#24063d;--chip-bg:#3c0d66;--chip-bw:2px;--font-d:"Bungee", Impact, sans-serif;--font-b:"Rubik", system-ui, sans-serif;--font-btn:"Bungee", Impact, sans-serif;--font-timer:"Bungee", sans-serif;--d-weight:400;--d-track:.02em;--btn-weight:400;--btn-track:.04em;--btn-r:999px;--code-track:.08em;--btn-shadow:0 6px 0 #a3002f, 0 12px 20px -6px #0009;--press:translateY(5px);--btn-shadow-press:0 1px 0 #a3002f;--bar:linear-gradient(90deg, #ffd16673, #ffd1661a)}[data-style=show] .bg{background:radial-gradient(70% 45% at 50% 108%,#ff2e638c,#0000 70%),radial-gradient(60% 60% at 50% 0,#4b1580,#2a0845 70%)}[data-style=show] .scr.is-night .bg{background:radial-gradient(60% 40% at 50% 108%,#5028c880,#0000 70%),#12021f}[data-style=show] .spot{clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);transform-origin:50% 0;will-change:transform;background:linear-gradient(#fff0c852,#fff0c800 80%);width:34%;height:130%;display:block;position:absolute;top:-10%}[data-style=show] .spot.s1{animation:7s ease-in-out infinite sway1;left:6%}[data-style=show] .spot.s2{animation:8s ease-in-out infinite sway2;right:6%}@keyframes sway1{0%,to{transform:rotate(-14deg)}50%{transform:rotate(6deg)}}@keyframes sway2{0%,to{transform:rotate(14deg)}50%{transform:rotate(-6deg)}}[data-style=show] .room-code,[data-style=show] .win h1 .hl{color:#ffd166;text-shadow:0 0 18px #ffd16699;padding:.06em .22em;display:inline-block;position:relative}[data-style=show] .room-code:before,[data-style=show] .room-code:after,[data-style=show] .win h1 .hl:before,[data-style=show] .win h1 .hl:after{content:"";border:calc(var(--u) * 7) dotted #ffd166;border-radius:calc(var(--u) * 18);pointer-events:none;position:absolute;inset:0}[data-style=show] .room-code:after,[data-style=show] .win h1 .hl:after{transform:translateX(calc(var(--u) * 7));clip-path:inset(0);border-color:#fff7d6;animation:.5s step-end infinite chase;inset:0}@keyframes chase{50%{opacity:0}}[data-style=show] .pick{border-radius:999px}[data-style=show] .pick.on{color:#2a0845;background:#ffd166}[data-style=show] .btn.ghost{--ghost-bg:#3c0d66;--ghost-fg:#ffd166;--btn-shadow:0 6px 0 #1a0330;border-color:#ffd166}[data-style=show] .tile .av{box-shadow:0 0 10px var(--c)}[data-style=show] .disp{text-shadow:0 calc(var(--u) * 4) 0 #ff2e63}[data-style=show] .eyebrow{color:#ffd166}[data-style=table]{--bg:#0f5132;--fg:#f6f1e1;--muted:#b7d3c1;--panel:#fbf6ea;--panel-fg:#2b2118;--muted-panel:#6b5a48;--line:#2b211838;--bw:1px;--r:14px;--r-sm:10px;--shadow:inset 0 1px 0 #ffffffb3, 0 14px 24px -10px #0009;--accent:#c0392b;--accent-fg:#fbf6ea;--accent-text:#f4d58d;--field:#fbf6ea;--field-fg:#2b2118;--tile:#d9a066;--tile-fg:#2b2118;--chip-bg:#fbf6ea;--chip-fg:#2b2118;--font-d:"Cinzel", Georgia, serif;--font-b:"Alegreya", Georgia, serif;--font-btn:"Cinzel", Georgia, serif;--d-weight:700;--d-track:.04em;--btn-weight:700;--btn-r:10px;--btn-track:.06em;--btn-shadow:0 4px 0 #7f1d14, 0 10px 16px -6px #00000080;--press:translateY(3px);--btn-shadow-press:0 1px 0 #7f1d14;--bar:linear-gradient(90deg, #c0392b4d, #c0392b14)}[data-style=table] .bg{background-color:#0f5132;background-image:radial-gradient(ellipse at 50% 40%, #ffffff1a, transparent 62%), var(--grain);box-shadow:inset 0 0 0 calc(var(--u) * 12) #6b3f1d, inset 0 0 0 calc(var(--u) * 15) #4a2a12, inset 0 0 calc(var(--u) * 80) #0000008c;background-size:auto,128px}[data-style=table] .scr.is-night .bg{background-color:#0a3322}[data-style=table] .tile{background:radial-gradient(circle at 30% 28%,#f0c48f,#b07a45 70%);border:0;border-radius:999px;box-shadow:inset 0 -3px #00000040,0 6px 10px -4px #0009}[data-style=table] .tile .av{box-shadow:inset 0 0 0 2px #fff9}[data-style=table] .role{perspective:900px}[data-style=table] .role-card{transform-style:preserve-3d;animation:deal 7s var(--ease) infinite}[data-style=table] .role-card>*{backface-visibility:hidden}[data-style=table] .role-card>.card-back{border-radius:inherit;backface-visibility:hidden;background:repeating-linear-gradient(45deg, #7f1d14 0 calc(var(--u)*6), #a3241a calc(var(--u)*6) calc(var(--u)*12));box-shadow:inset 0 0 0 calc(var(--u) * 8) #fbf6ea, inset 0 0 0 calc(var(--u) * 10) #7f1d14;display:block;position:absolute;inset:0;transform:rotateY(180deg)}@keyframes deal{0%{transform:rotateY(180deg)translateY(-6%)}14%{transform:rotateY(0)translateY(0)}to{transform:rotateY(0)}}[data-style=table] .role-card:before{content:"W";top:calc(var(--u) * 10);left:calc(var(--u) * 14);font:700 calc(var(--u) * 22) "Cinzel", serif;color:#c0392b;backface-visibility:hidden;position:absolute}[data-style=table] .rc:nth-child(odd){transform:rotate(-2deg)}[data-style=table] .rc:nth-child(2n){transform:rotate(2deg)translateY(4%)}[data-style=table] .pick{border-radius:10px}[data-style=table] .pick.on{color:#fbf6ea;background:#c0392b}[data-style=table] .btn.ghost{--ghost-bg:#fbf6ea;--ghost-fg:#2b2118;--btn-shadow:0 4px 0 #b9ab8c}[data-style=table] .room-code{color:#f4d58d;text-shadow:0 calc(var(--u) * 4) 0 #4a2a12}[data-style=table] .code-boxes span{box-shadow:0 3px #b9ab8c}[data-style=tide]{--bg:#1fb6ff;--fg:#062a4d;--muted:#0b4f86;--panel:#fff8e1;--line:#062a4d;--bw:3px;--r:14px;--r-sm:10px;--shadow:6px 6px 0 #062a4d;--accent:#ffd23f;--accent-fg:#062a4d;--accent-text:#ff5a4f;--field:#fff;--tile:#fff;--chip-bg:#fff8e1;--chip-fg:#062a4d;--chip-bw:3px;--chip-r:999px;--panel-fg:#062a4d;--field-fg:#062a4d;--tile-fg:#062a4d;--muted-panel:#2b5d86;--font-d:"Luckiest Guy", "Archivo Black", Impact, sans-serif;--font-b:"Archivo", system-ui, sans-serif;--font-btn:"Luckiest Guy", Impact, sans-serif;--d-weight:400;--d-track:.03em;--d-lh:1;--btn-weight:400;--btn-track:.06em;--btn-r:999px;--code-track:.08em;--btn-shadow:4px 4px 0 #062a4d;--btn-shadow-press:0 0 0 #062a4d;--press:translate(4px, 4px);--bar:repeating-linear-gradient(90deg, #2ee59d 0 8px, #7cf5c2 8px 16px)}[data-style=tide] .bg{background:linear-gradient(#4fd2ff 0%,#1fb6ff 38%,#0a7fd1 100%)}[data-style=tide] .scr.is-night{--fg:#e9fbff;--muted:#8fd8ff}[data-style=tide] .scr.is-night .bg{background:linear-gradient(#0a3b7a 0%,#06225a 45%,#020c2b 100%)}[data-style=tide] .spot{clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);transform-origin:50% 0;will-change:transform;background:linear-gradient(#ffffff61,#fff0 85%);width:22%;height:95%;display:block;position:absolute;top:-12%}[data-style=tide] .spot.s1{animation:9s ease-in-out infinite sway1;left:14%}[data-style=tide] .spot.s2{animation:11s ease-in-out infinite sway2;right:18%}[data-style=tide] .scr.is-night .spot{display:none}[data-style=tide] .petals{display:block;position:absolute;inset:0}[data-style=tide] .petals i{bottom:-8%;left:var(--x,10%);width:calc(var(--u) * 18);height:calc(var(--u) * 18);will-change:transform;animation:bubble var(--d,11s) linear infinite;animation-delay:var(--dl,0s);background:radial-gradient(circle at 32% 30%,#ffffffe6 0 18%,#ffffff14 22%);border:2px solid #ffffffd9;border-radius:50%;position:absolute}[data-style=tide] .petals i:nth-child(3n){width:calc(var(--u) * 10);height:calc(var(--u) * 10)}[data-style=tide] .petals i:nth-child(4n){width:calc(var(--u) * 26);height:calc(var(--u) * 26)}@keyframes bubble{0%{transform:translate(0)}25%{transform:translate3d(calc(var(--u) * 14), calc(var(--u) * -230), 0)}50%{transform:translate3d(calc(var(--u) * -10), calc(var(--u) * -470), 0)}75%{transform:translate3d(calc(var(--u) * 12), calc(var(--u) * -700), 0)}to{transform:translate3d(0, calc(var(--u) * -960), 0)}}[data-style=tide] .scr.is-night .petals i{border-color:#78f0ffb3;box-shadow:0 0 10px #50e6ff99}[data-style=tide] .ground{background:#ffe08a radial-gradient(circle,#062a4d2e 1.5px,#0000 2px);background-size:calc(var(--u) * 14) calc(var(--u) * 14);border-top:3px solid #062a4d;height:9%;display:block;position:absolute;bottom:0;left:0;right:0}[data-style=tide] .ground:before,[data-style=tide] .ground:after{content:"";width:calc(var(--u) * 22);height:calc(var(--u) * 120);transform-origin:50% 100%;background:#2ee59d;border:3px solid #062a4d;border-radius:60% 60% 10% 10%/90% 90% 10% 10%;animation:4s ease-in-out infinite kelp;position:absolute;bottom:70%}[data-style=tide] .ground:before{left:6%}[data-style=tide] .ground:after{height:calc(var(--u) * 160);background:#13c47f;animation-duration:5.2s;right:9%}@keyframes kelp{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}[data-style=tide] .scr.is-night .ground{background-color:#2a3550}[data-style=tide] .scr{padding-bottom:calc(var(--u) * 80)}[data-style=tide] .disp{color:#ffd23f;-webkit-text-stroke:calc(var(--u) * 2.5) #062a4d;paint-order:stroke fill;text-shadow:calc(var(--u)*4) calc(var(--u)*4) 0 #062a4d}[data-style=tide] .panel .disp,[data-style=tide] .game h2,[data-style=tide] .players h2,[data-style=tide] .join h3{color:#062a4d;-webkit-text-stroke:0;text-shadow:none}[data-style=tide] .room-code{color:#ffd23f;-webkit-text-stroke:calc(var(--u) * 5) #062a4d;paint-order:stroke fill;text-shadow:calc(var(--u) * 10) calc(var(--u) * 10) 0 #ff5a4f}[data-style=tide] .eyebrow{color:#ffd23f;letter-spacing:.14em;background:#062a4d;border-radius:999px;margin-bottom:.3em;padding:.3em .7em;display:table}[data-style=tide] .tile:nth-child(4n+1){background:#ffd23f}[data-style=tide] .tile:nth-child(4n+2){background:#ff8a7a}[data-style=tide] .tile:nth-child(4n+3){background:#7cf5c2}[data-style=tide] .tile:nth-child(4n){background:#c9b6ff}[data-style=tide] .tile .av{border:2px solid #062a4d}[data-style=tide] .pick.on{color:#fff8e1;background:#ff5a4f}[data-style=tide] .btn.ghost{--ghost-bg:#fff8e1;--ghost-fg:#062a4d}[data-style=tide] .role-card{--role-bg:#ff8a7a}[data-style=tide] .role-card .disp{color:#fff8e1;-webkit-text-stroke:calc(var(--u) * 2) #062a4d;paint-order:stroke fill;text-shadow:3px 3px #062a4d}[data-style=tide] .narr p{color:#062a4d;background:#fff8e1;border:3px solid #062a4d;border-radius:999px;justify-self:center;padding:.2em .9em;font-family:Archivo,sans-serif;font-weight:800;box-shadow:5px 5px #062a4d}[data-style=tide] .narr p.old{opacity:.55;transform:scale(.94)}[data-style=tide] .art img{filter:drop-shadow(3px 3px #062a4d);animation:3.4s ease-in-out infinite float}[data-style=tide] .timer,[data-style=tide] .timer-sm{color:#ffd23f;-webkit-text-stroke:calc(var(--u) * 2) #062a4d;paint-order:stroke fill}[data-style=tide] .rc:nth-child(odd){transform:rotate(-1.5deg)}[data-style=tide] .rc:nth-child(2n){transform:rotate(1.5deg)}html.lite *,html.lite :before,html.lite :after{transition:none!important;animation:none!important}html.lite .blob,html.lite .rain,html.lite .floor,html.lite .petals,html.lite .spot,html.lite .ticker,html.lite .ground:before,html.lite .ground:after{display:none!important}html.lite[data-style=glass] .panel,html.lite[data-style=glass] .field,html.lite[data-style=glass] .tile,html.lite[data-style=glass] .pick,html.lite[data-style=glass] .code-boxes span,html.lite[data-style=glass] .chip,html.lite[data-style=glass] .btn.ghost{-webkit-backdrop-filter:none;background-color:#1e2650b8}@media (prefers-reduced-motion:reduce){.scr *,.scr :before,.scr :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-reduced-transparency:reduce){[data-style=glass] .panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:#1e2650eb}}.style-fab{z-index:40;right:max(14px, env(safe-area-inset-right,0px));bottom:max(14px, env(safe-area-inset-bottom,0px));cursor:pointer;color:#eceae4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:40px;transition:transform .15s var(--ease-ui);background:#101116d1;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 10px;font:600 13px/1 -apple-system,Geist,system-ui,sans-serif;display:inline-flex;position:fixed;box-shadow:0 10px 30px -10px #0009}.style-fab:active{transform:scale(.96)}.style-fab i{background:conic-gradient(#ff6b6b,#ffd93d,#2ee59d,#4dabf7,#b197fc,#ff6b6b);border-radius:50%;width:18px;height:18px}.sheet-backdrop{z-index:50;background:#00000073;animation:.16s both fadein;position:fixed;inset:0}.sheet{z-index:51;overscroll-behavior:contain;width:min(100%,640px);max-height:min(78dvh,640px);padding:18px max(18px, env(safe-area-inset-right,0px)) max(22px, env(safe-area-inset-bottom,0px)) max(18px, env(safe-area-inset-left,0px));color:#eceae4;animation:sheetin .26s var(--ease) both;background:#121318;border:1px solid #262832;border-bottom:0;border-radius:22px 22px 0 0;font:14px/1.4 -apple-system,Geist,system-ui,sans-serif;position:fixed;bottom:0;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 -20px 60px -20px #000000b3}@media (min-width:700px){.sheet{border-bottom:1px solid #262832;border-radius:22px;animation-name:fadein;top:50%;bottom:auto;transform:translate(-50%,-50%)}}@keyframes sheetin{0%{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.sheet h2{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700}.sheet p{color:#8d8f99;margin:4px 0 0}.sheet-head{justify-content:space-between;align-items:start;gap:12px;margin-bottom:14px;display:flex}.sheet-x{color:#eceae4;cursor:pointer;background:#1d1e25;border:1px solid #2a2c35;border-radius:50%;flex:none;width:34px;height:34px}.sw-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.sw{cursor:pointer;text-align:left;color:#eceae4;white-space:nowrap;height:44px;transition:transform .15s var(--ease-ui), border-color .15s var(--ease-ui);background:#16171d;border:1px solid #262832;border-radius:12px;align-items:center;gap:9px;padding:0 12px;font:600 13px/1 -apple-system,Geist,system-ui,sans-serif;display:flex;overflow:hidden}.sw:active{transform:scale(.97)}.sw[aria-pressed=true]{background:#1d1c16;border-color:#ffd23f}.sw i{border-radius:50%;flex:none;width:14px;height:14px}.sheet-row{border-top:1px solid #262832;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:16px;padding-top:14px;display:flex}.sheet-row .note{color:#8d8f99;font-size:13px}.tog{color:#c9cad1;cursor:pointer;background:#16171d;border:1px solid #2a2c35;border-radius:10px;height:38px;padding:0 14px;font:600 13px/1 -apple-system,Geist,system-ui,sans-serif}.tog[aria-pressed=true]{color:#121318;background:#ffd23f;border-color:#ffd23f}.sw-brutal i{background:#ff5c00;border:2px solid #000;border-radius:0;box-shadow:2px 2px #c6ff00}.sw-brutal b{text-transform:uppercase;font-family:Archivo Black,sans-serif;font-size:12px;font-weight:400}.sw-win98 i{background:linear-gradient(90deg,navy,#1084d0);border-radius:0;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff}.sw-win98 b{font-family:Tahoma,Verdana,sans-serif;font-size:12px;font-weight:700}.sw-news i{background:#f3eee1;border-top:3px double #111;border-radius:0}.sw-news b{font-family:UnifrakturMaguntia,serif;font-size:17px;font-weight:400}.sw-blueprint i{background:#174a8b;border:1px solid #eaf2ff;border-radius:0}.sw-blueprint b{text-transform:uppercase;letter-spacing:.06em;color:#a9c4ea;font-family:Share Tech Mono,monospace;font-weight:400}.sw-clay i{background:#ff8fab;box-shadow:inset -2px -2px 3px #0003,inset 2px 2px 3px #fff9}.sw-clay b{font-family:Fredoka,sans-serif;font-weight:600}.sw-sakura i{background:#f4a7b9;border-radius:150% 0}.sw-sakura b{letter-spacing:.04em;font-family:Shippori Mincho,serif;font-weight:600}.sw-noir i{background:#c1121f;border-radius:0;width:6px}.sw-noir b{font-family:Limelight,serif;font-weight:400}.sw-story i{background:#7a1f1f;border-radius:2px;box-shadow:0 0 0 2px #efe0bd}.sw-story b{color:#f1e3c2;font-family:Cinzel Decorative,serif;font-size:12.5px;font-weight:700}.sw-show i{background:radial-gradient(circle,#fff7d6 30%,#ffd166 60%);box-shadow:0 0 8px #ffd166}.sw-show b{color:#ffd166;font-family:Bungee,sans-serif;font-size:12px;font-weight:400}.sw-table i{background:#0f5132;box-shadow:0 0 0 2px #6b3f1d}.sw-table b{letter-spacing:.04em;font-family:Cinzel,serif;font-weight:700}.sw-tide i{background:radial-gradient(circle at 35% 30%,#fff 0 18%,#1fb6ff 22%);border:2px solid #062a4d}.sw-tide b{letter-spacing:.04em;color:#ffd23f;font-family:Luckiest Guy,sans-serif;font-weight:400}.sw-minimal i{background:#cfb991;box-shadow:0 0 0 2px #000,0 0 0 3px #cfb991}.sw-glass i{background:conic-gradient(from 200deg,#7ad7ff,#b69cff,#ff9ad5,#7ad7ff)}.sw-glass b{font-family:-apple-system,SF Pro Display,Geist,sans-serif;font-weight:600}.sw-comic i{background:#ffd93d;border:2px solid #000;border-radius:3px;box-shadow:2px 2px #ff6b6b}.sw-comic b{letter-spacing:.06em;font-family:Bangers,Impact,sans-serif;font-size:16px;font-weight:400}.sw-ascii i{background:#3f0;border-radius:0;width:8px;animation:1s step-end infinite blink}.sw-ascii b{color:#3f0;font-family:VT323,monospace;font-size:19px;font-weight:400}.sw-neon i{background:#ff3cac;box-shadow:0 0 8px #ff3cac,inset 0 0 2px #fff}.sw-neon b{color:#9ff3ff;font-family:Audiowide,sans-serif;font-size:13px;font-weight:400}.sw-pixel i{background:#ff004d;border-radius:0;width:10px;height:10px;box-shadow:3px 0 #ffec27,0 3px #29adff}.sw-pixel b{font-family:"Press Start 2P",monospace;font-size:9px;font-weight:400}.sw-paper i{background:#ffe066;border:1.5px solid #fff;border-radius:40% 60% 55% 45%/50% 40% 60% 50%}.sw-paper b{font-family:Caveat,cursive;font-size:20px;font-weight:700}.sw-minimal b{font-weight:600}html,body{background:var(--bg,#fafaf7);color:var(--fg,#000);-webkit-tap-highlight-color:transparent;margin:0}body{font-family:var(--font-b,-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}