:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--colour-curtain-base:#0d2a1c;--colour-curtain-glow:#163d28;--colour-panel-surface:#1e4a30;--colour-panel-border:#c9a13b;--colour-text-primary:#eef5ea;--colour-text-secondary:#b8cfb8;--colour-parchment-bg:#ead9ae;--colour-parchment-border:#7a5a2a;--colour-parchment-ink:#3a2a12;--colour-jewel-ruby:#c8203f;--colour-jewel-sapphire:#2050a0;--colour-jewel-emerald:#2e9e5f;--colour-jewel-amethyst:#8a3fae;--colour-jewel-gold:#e0b23a;--colour-curtain-track-brown:#3a2416;--colour-jewel-ruby-deep:#8f1730;--colour-jewel-sapphire-deep:#17396d;--colour-jewel-emerald-deep:#1f6f43;--colour-jewel-amethyst-deep:#5f2a79;--colour-jewel-ruby-light:#e8657f;--colour-jewel-sapphire-light:#5b8fd6;--colour-jewel-amethyst-light:#b97fd6;--colour-avatar-cocoa:#96481e;--colour-avatar-tangerine:#e2681a;--colour-avatar-olive:#5d7a12;--colour-avatar-lime:#8ad024;--colour-avatar-mint:#4ad89c;--colour-avatar-teal:#14a89e;--colour-avatar-azure:#4d9ef0;--colour-avatar-violet:#5a2ee0;--colour-avatar-plum:#4e1266;--colour-avatar-magenta:#d4308f;--colour-avatar-rose:#f07ba4;--colour-player-ruby:var(--colour-jewel-ruby);--colour-player-cocoa:var(--colour-avatar-cocoa);--colour-player-tangerine:var(--colour-avatar-tangerine);--colour-player-gold:var(--colour-jewel-gold);--colour-player-olive:var(--colour-avatar-olive);--colour-player-lime:var(--colour-avatar-lime);--colour-player-mint:var(--colour-avatar-mint);--colour-player-emerald:var(--colour-jewel-emerald);--colour-player-teal:var(--colour-avatar-teal);--colour-player-azure:var(--colour-avatar-azure);--colour-player-sapphire:var(--colour-jewel-sapphire);--colour-player-violet:var(--colour-avatar-violet);--colour-player-amethyst:var(--colour-jewel-amethyst);--colour-player-plum:var(--colour-avatar-plum);--colour-player-magenta:var(--colour-avatar-magenta);--colour-player-rose:var(--colour-avatar-rose);--font-display:"Luckiest Guy", "Arial Rounded MT Bold", "Arial Black", Impact, "Segoe UI", system-ui, sans-serif;--font-body:"Nunito Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--type-display-lg-size:64px;--type-display-lg-line:1.05;--type-display-lg-tracking:.01em;--type-display-md-size:40px;--type-display-md-line:1.1;--type-display-sm-size:26px;--type-display-sm-line:1.15;--type-body-size:16px;--type-body-weight:700;--type-body-line:1.4;--type-body-sm-size:13px;--type-body-sm-weight:700;--type-body-sm-line:1.35;--type-label-size:12px;--type-label-weight:800;--type-label-line:1.2;--type-label-tracking:.08em;--type-parchment-size:15px;--type-parchment-weight:700;--type-parchment-line:1.45;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--radius-full:9999px;--radius-default:var(--radius-md);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-gutter:24px;--space-stage-frame-padding:26px;--edge-inset-highlight:#ffffff47;--shadow-tile:0 8px 16px #0006;--tile-border-colour:#ffffff47;--tile-ineligible-brightness:35%;--shadow-parchment:inset 0 0 0 2px #ffffff4d, 0 6px 14px #0000004d;--ease-bouncy:cubic-bezier(.2, 1.5, .35, 1);--duration-curtain:1.7s;--duration-press:.14s}@media (width<=640px){:root{--type-display-lg-size:var(--type-display-md-size)}}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:radial-gradient(ellipse 120% 55% at 50% 0%, var(--colour-curtain-glow) 0%, transparent 62%), var(--colour-curtain-base);min-height:100vh;color:var(--colour-text-primary);font-family:var(--font-body);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line);overflow:hidden}#app,.shell{min-height:100vh;position:relative;overflow:hidden}.display-face{font-family:var(--font-display);color:var(--colour-jewel-gold);-webkit-text-stroke:2px #ffffffeb;paint-order:stroke fill;text-shadow:4px 5px #00000073,0 0 24px #e0b23a59;font-weight:400}.label-text{font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-line);letter-spacing:var(--type-label-tracking);text-transform:uppercase;color:var(--colour-text-secondary)}.surface{justify-content:center;align-items:center;gap:var(--space-7);padding:var(--space-6) var(--space-gutter);text-align:center;flex-direction:column;display:flex;position:absolute;inset:0;overflow-y:auto}.surface--front{z-index:4}.surface--revealing{z-index:1}.curtains{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.curtain-panel{background:repeating-linear-gradient(90deg, #00000029 0px, #00000029 18px, #ffffff0f 18px, #ffffff0f 34px, var(--colour-jewel-ruby) 34px, var(--colour-jewel-ruby) 60px), var(--colour-jewel-ruby);width:52%;transition:transform var(--duration-curtain) var(--ease-bouncy);will-change:transform;position:absolute;top:0;bottom:0;box-shadow:inset 0 0 60px #00000080}.curtain-panel--left{left:0}.curtain-panel--right{right:0}.curtains--open .curtain-panel--left{transform:translate(-102%)}.curtains--open .curtain-panel--right{transform:translate(102%)}.curtain-track{background:var(--colour-curtain-track-brown);height:7%;position:absolute;top:0;left:0;right:0;box-shadow:inset 0 -3px 5px #00000080,inset 0 2px 3px #ffffff1f}.curtain-runner{width:100%;height:10%;display:block;position:absolute;bottom:0;left:0;right:0}.curtain-swag{height:var(--space-8);pointer-events:none;background:linear-gradient(#00000059,#0000);position:absolute;top:0;left:0;right:0}.ambient-layer{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti{opacity:.9;width:9px;height:14px;animation:linear infinite confetti-fall;position:absolute;top:-24px}@keyframes confetti-fall{0%{transform:translateY(0)rotate(0)}to{transform:translateY(110vh)rotate(340deg)}}.balloon{animation:linear infinite balloon-float;position:absolute;overflow:visible}@keyframes balloon-float{0%{transform:translateY(0) rotate(var(--tilt,0deg));opacity:0}8%{opacity:.85}92%{opacity:.85}to{transform:translateY(-115vh) rotate(var(--tilt,0deg));opacity:0}}.button{font-family:var(--font-body);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);cursor:pointer;transition:transform var(--duration-press) var(--ease-bouncy)}.button:active:not(:disabled){transform:scale(.94)}.button:disabled{cursor:not-allowed;opacity:.55}.button--primary{background:var(--colour-jewel-gold);color:var(--colour-parchment-ink);box-shadow:0 6px 0 #00000052, inset 0 0 0 2px var(--edge-inset-highlight);border:3px solid #ffffffd9}.button--secondary{color:var(--colour-text-primary);border:3px solid var(--colour-panel-border);background:#0003}.mode-buttons{justify-content:center;align-items:flex-start;gap:var(--space-5);flex-wrap:wrap;display:flex}.mode-button-slot{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.mode-button{font-size:var(--type-display-sm-size);line-height:var(--type-display-sm-line);padding:var(--space-4) var(--space-7);border-radius:var(--radius-full)}.mode-button--active{background:var(--colour-jewel-gold);color:var(--colour-parchment-ink);border:4px solid var(--colour-panel-border);cursor:pointer;-webkit-text-stroke:0;text-shadow:none;box-shadow:0 6px 0 #00000052, inset 0 0 0 2px var(--edge-inset-highlight);transition:transform var(--duration-press) var(--ease-bouncy)}.mode-button--active:active{transform:scale(.94)}.mode-button--disabled{background:var(--colour-panel-surface);color:var(--colour-text-secondary);border:4px dashed var(--colour-text-secondary);opacity:.55;cursor:not-allowed;-webkit-text-stroke:0;text-shadow:none}.mode-button-reason{opacity:.85}.parchment{max-width:34rem;padding:var(--space-5);background:var(--colour-parchment-bg);border:4px solid var(--colour-parchment-border);border-radius:var(--radius-md);color:var(--colour-parchment-ink);font-size:var(--type-parchment-size);font-weight:var(--type-parchment-weight);line-height:var(--type-parchment-line);box-shadow:var(--shadow-parchment);animation:parchment-in var(--duration-press) var(--ease-bouncy)}@keyframes parchment-in{0%{transform:scale(.9)}to{transform:scale(1)}}.headline{font-size:var(--type-display-lg-size);line-height:var(--type-display-lg-line);letter-spacing:var(--type-display-lg-tracking);margin:0}.panel{align-items:center;gap:var(--space-5);width:min(100%,34rem);padding:var(--space-stage-frame-padding);background:var(--colour-panel-surface);border:3px solid var(--colour-panel-border);border-radius:var(--radius-lg);box-shadow:inset 0 0 0 2px var(--edge-inset-highlight);flex-direction:column;display:flex}.actions{justify-content:center;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.room-code{padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);border:3px solid var(--colour-panel-border);font-size:var(--type-display-md-size);line-height:var(--type-display-md-line);letter-spacing:var(--type-display-lg-tracking);text-transform:uppercase;background:#00000038;display:inline-block}.join-link{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);color:var(--colour-text-primary);font-family:var(--font-body);font-size:var(--type-body-sm-size);font-weight:var(--type-body-sm-weight);line-height:var(--type-body-sm-line);text-align:center;overflow-wrap:anywhere;background:#00000038;border:1px solid #ffffff24}.code-entry{justify-content:center;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.code-input{width:10ch;padding:var(--space-3);border:3px solid var(--colour-panel-border);border-radius:var(--radius-full);color:var(--colour-text-primary);font-family:var(--font-body);font-size:var(--type-display-sm-size);font-weight:var(--type-body-weight);line-height:var(--type-display-sm-line);text-align:center;text-transform:uppercase;letter-spacing:var(--type-label-tracking);background:#00000038}.code-input:focus{outline:3px solid var(--colour-jewel-gold);outline-offset:2px}.roster{align-items:stretch;gap:var(--space-2);flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.roster-row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);text-align:left;background:#00000038;border:1px solid #ffffff24;display:flex}.roster-row--you{border-color:var(--colour-panel-border)}.roster-name{font-family:var(--font-body);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line);color:var(--colour-text-primary);overflow-wrap:anywhere}.player-avatar{background:var(--avatar-fill);border-radius:var(--radius-full);border:3px solid #ffffffbf;flex:none;display:inline-block}.player-avatar--row{width:28px;height:28px}.player-avatar--swatch{width:36px;height:36px}.name-entry,.colour-picker{align-items:center;gap:var(--space-2);flex-direction:column;width:100%;display:flex}.name-input{width:min(100%,18rem);padding:var(--space-3) var(--space-4);border:3px solid var(--colour-panel-border);border-radius:var(--radius-full);color:var(--colour-text-primary);font-family:var(--font-body);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line);text-align:center;background:#00000038}.name-input:focus{outline:3px solid var(--colour-jewel-gold);outline-offset:2px}.colour-swatches{justify-content:center;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.colour-swatch{padding:var(--space-1);border-radius:var(--radius-full);cursor:pointer;transition:transform var(--duration-press) var(--ease-bouncy);background:0 0;border:3px solid #0000;display:inline-flex}.colour-swatch:active:not(:disabled){transform:scale(.9)}.colour-swatch--chosen{border-color:var(--colour-panel-border);background:#0000004d}.colour-swatch--taken{cursor:not-allowed;opacity:.3}.colour-swatch--taken .player-avatar{filter:grayscale()}.colour-swatch:disabled{cursor:not-allowed}.colour-swatch:focus-visible{outline:3px solid var(--colour-jewel-gold);outline-offset:2px}.lobby-heading{font-size:var(--type-display-md-size);line-height:var(--type-display-md-line);margin:0}.standing{align-items:stretch;gap:var(--space-3);width:100%;padding:var(--space-4);border:1px solid var(--colour-panel-border);border-radius:var(--radius-md);background:#00000047;flex-direction:column;display:flex}.standing-call{font-size:var(--type-display-sm-size);line-height:var(--type-display-sm-line);text-align:center;margin:0}.standing-rank{min-width:1.5rem;font-family:var(--font-body);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line);color:var(--colour-text-secondary);text-align:right;flex:none}.standing-score{font-family:var(--font-body);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line);color:var(--colour-text-primary);margin-left:auto}.gauntlet{align-items:stretch;gap:var(--space-2);width:100%;padding:var(--space-4);border-radius:var(--radius-md);background:#0000002e;border:1px solid #c9a13b73;flex-direction:column;display:flex}.gauntlet-heading{font-size:var(--type-display-sm-size);line-height:var(--type-display-sm-line);text-align:center;margin:0}.gauntlet-note{font-family:var(--font-body);font-size:var(--type-caption-size,.875rem);line-height:var(--type-body-line);color:var(--colour-text-secondary);text-align:center;margin:0}.veil{z-index:60;opacity:0;pointer-events:none;background:#fff;transition:opacity 2.12s ease-in-out;position:fixed;inset:0}.veil--up{opacity:1}.veil--up-slow{transition-duration:3.12s}.veil--white{opacity:1;transition:none}.veil--down{opacity:0;transition-duration:1.46s}.veil--down-slow{transition-duration:4s}@media (prefers-reduced-motion:reduce){.veil{transition-duration:1ms}}.rules{gap:var(--space-4);zoom:1.2;flex-direction:column;display:flex}.rules-head{justify-content:center;align-items:baseline;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.rules-title{font-size:var(--type-display-md-size,2.6rem);margin:0;line-height:1.05}.rules-body{gap:var(--space-5);flex-wrap:wrap;align-items:flex-start;display:flex}.rules-clip{border:3px solid var(--colour-panel-border);border-radius:var(--radius-md);background:#f7f6f2;flex:420px;width:100%;min-width:0;display:block}.rules-aside{gap:var(--space-4);flex-direction:column;flex:340px;min-width:0;display:flex}.rules-how{border:3px solid var(--colour-panel-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);background:#14301f}.rules-how-heading{margin:0 0 var(--space-2);font-size:var(--type-display-sm-size);color:var(--colour-jewel-gold);line-height:1}.rules-summary{font-family:var(--font-body);color:var(--colour-text-primary);margin:0;font-size:1.4rem;font-weight:600;line-height:1.38}.rules-controls{gap:var(--space-3);flex-direction:column;display:flex}.rules-controls-heading{font-size:var(--type-display-sm-size);color:var(--colour-jewel-gold);margin:0;line-height:1}.rules-control-row{justify-content:center;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.rules-control-what{font-family:var(--font-body);font-size:var(--type-body-size);color:var(--colour-text-primary);margin:0;font-weight:600}.rules-or{color:var(--colour-text-secondary);font-size:1.3rem}.rules-keys{flex:none}.rules-keycap{fill:var(--colour-parchment-bg);stroke:#1e2b16;stroke-width:2.5px;stroke-linejoin:round}.rules-keyglyph{fill:#1e2b16}.rules-keyletter{font-family:var(--font-body);text-anchor:middle;font-size:19px;font-weight:800}.rules-tips{border-top:2px solid color-mix(in srgb, var(--colour-panel-border) 40%, transparent);padding-top:var(--space-3);align-self:stretch;gap:var(--space-4);align-items:flex-start;display:flex}@media (width<=40rem){.rules-tips{align-items:center;gap:var(--space-2);flex-direction:column}}.rules-tips-heading{width:4rem;color:var(--colour-jewel-gold);flex:none;margin:0;font-size:1.1rem;line-height:1.2}.rules-tip-list{padding-left:var(--space-5);gap:var(--space-1) var(--space-5);min-width:0;font-family:var(--font-body);font-size:var(--type-caption-size,.875rem);color:var(--colour-text-secondary);flex-grow:1;grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr));margin:0;line-height:1.4;display:grid}.rules-waiting{font-family:var(--font-body);font-size:var(--type-body-size);color:var(--colour-text-secondary);margin:0}.panel--wide{width:min(100%,56rem)}.surface--match{z-index:40;background:var(--colour-curtain-base,#0d2a1c);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:stretch stretch;max-width:none;margin:0;padding:0;display:grid;position:fixed;inset:0}.game-stage{width:100%;height:100%;min-height:0;margin:0}.game-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));width:100%;margin:0;padding:0;list-style:none;display:grid}.game-tile{gap:var(--space-2);flex-direction:column;display:flex}.game-tile__face{isolation:isolate;justify-content:flex-end;align-items:flex-start;gap:var(--space-5);width:100%;min-height:9rem;padding:var(--space-4);background:var(--tile-fill);border:3px solid var(--tile-border-colour);border-radius:var(--radius-md);box-shadow:inset 0 0 0 2px var(--edge-inset-highlight), var(--shadow-tile);color:var(--colour-text-primary);text-align:left;cursor:pointer;transition:transform var(--duration-press) var(--ease-bouncy);flex-direction:column;display:flex;position:relative;overflow:hidden}.game-tile__face:active:not(:disabled){transform:scale(.96)}.game-tile__art{z-index:-1;filter:blur(5px);opacity:.75;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:-12%}.game-tile__title{font-size:var(--type-display-sm-size);line-height:var(--type-display-sm-line);overflow-wrap:anywhere;position:relative}.game-tile--ineligible .game-tile__face{background:color-mix(in srgb, var(--tile-fill) var(--tile-ineligible-brightness), black);box-shadow:none;cursor:default}.game-tile--ineligible .game-tile__art{opacity:.3}.game-tile--ineligible .game-tile__title{color:var(--colour-text-secondary);-webkit-text-stroke:0;text-shadow:none}.game-tile__reason{padding:0 var(--space-2);font-size:var(--type-body-sm-size);font-weight:var(--type-body-sm-weight);line-height:var(--type-body-sm-line);color:var(--colour-text-secondary);text-align:left;margin:0}