:root{--ink:#f4f1ff;--deep:#0b0a1a;--aurora:#58e6c8;--aurora-2:#8f7bff;--card:#ffffff0f;--touch:44px}*{box-sizing:border-box}body{background:radial-gradient(120% 80% at 50% 0%, #1b1740 0%, var(--deep) 60%);color:var(--ink);min-height:100vh;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.5}.shell{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px 16px;display:grid}.shell>.all-games{grid-column:1;justify-self:start}.shell>.chip{grid-column:2;justify-self:center}.shell-right{grid-column:3;justify-self:end}.shell>.not-durable{grid-column:1/-1}@media (max-width:760px){.shell{grid-template-columns:auto 1fr}.shell>.chip{grid-column:2;justify-self:end}.shell>.shell-right{grid-column:1/-1;justify-self:center}}.all-games,button,.primary,.secondary{min-height:var(--touch);min-width:var(--touch);background:var(--card);color:var(--ink);font:inherit;cursor:pointer;border:1px solid #ffffff2e;border-radius:14px;padding:10px 16px}.all-games{margin-right:auto;font-weight:700}.primary{background:linear-gradient(135deg, var(--aurora), var(--aurora-2));color:#0b0a1a;justify-content:center;align-items:center;font-weight:800;text-decoration:none;display:inline-flex}.shell-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-left:auto;display:flex}.sound{flex-wrap:wrap;gap:12px;display:flex}.bus{align-items:center;gap:8px;display:flex}.not-durable{color:#ffd27d;flex-basis:100%;margin:0;font-size:.95rem}#app{flex-direction:column;min-height:100dvh;display:flex}.screen{gap:14px;max-width:720px;margin:0 auto;padding:8px 16px 40px;display:grid}h1{letter-spacing:-.02em;margin:0;font-size:clamp(1.8rem,7vw,2.6rem)}.greeting{color:var(--aurora);margin:0;font-weight:700}.card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.card{background:var(--card);text-align:center;border:1px solid #ffffff24;border-radius:18px;gap:6px;padding:12px;display:grid}.card[aria-current=true]{outline:3px solid var(--aurora)}.wayfinder-select{max-width:min(100%,900px)}.choose-grid{grid-template-columns:repeat(2,1fr);gap:16px}.choose-grid .wayfinder-card{padding:10px 10px 14px}.choose-grid .card-name{font-size:clamp(1rem,2.6vw,1.35rem)}.choose-grid .portrait{aspect-ratio:4/5;position:relative;overflow:hidden}.choose-grid .portrait img{left:50%;bottom:calc(156.2% * var(--fig-scale,1) * -.17);height:calc(156.2% * var(--fig-scale,1));object-fit:contain;width:auto;max-width:none;position:absolute;translate:-50%}.full-portrait{aspect-ratio:4/5;width:min(86vw,460px);position:relative;overflow:hidden}.full-portrait img{left:50%;bottom:calc(156.2% * var(--fig-scale,1) * -.17);height:calc(156.2% * var(--fig-scale,1));width:auto;max-width:none;max-height:none;box-shadow:none;border:none;border-radius:0;position:absolute;translate:-50%}@media (prefers-reduced-motion:no-preference){.choose-grid .portrait img{transform-origin:50% 100%;animation:5.5s ease-in-out infinite wayfinder-breathe}.choose-grid .wayfinder-card:nth-child(2n) .portrait img{animation-duration:6.3s;animation-delay:-1.4s}.choose-grid .wayfinder-card:nth-child(3n) .portrait img{animation-duration:7.1s;animation-delay:-2.9s}.choose-grid .wayfinder-card:nth-child(5n) .portrait img{animation-duration:6.7s;animation-delay:-.7s}.choose-grid .wayfinder-card:hover .portrait img{animation-play-state:paused;transform:scale(1.04)}.choose-grid .wayfinder-card:focus-visible .portrait img{animation-play-state:paused;transform:scale(1.04)}}@keyframes wayfinder-breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-1.1%)scale(1.012)}}.wayfinder-full{z-index:40;padding:20px 16px calc(20px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(120% 90% at 50% 10%,#18143cf0,#050412f7);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.wayfinder-full[hidden]{display:none}.full-portrait{flex:0 auto;place-items:center;max-width:min(100%,520px);min-height:0;display:grid}.full-portrait img{object-fit:contain;border:1px solid #ffffff47;border-radius:20px;width:auto;max-width:100%;height:min(58vh,620px);box-shadow:0 18px 44px #000000a6}.full-portrait.silhouette{aspect-ratio:3/4;background:#ffffff14;border-radius:20px;width:min(70vw,320px)}.full-name{color:#f7e7bb;text-shadow:0 2px 14px #000000b3;margin:0;font-size:clamp(1.6rem,6vw,2.6rem)}.full-question{text-align:center;color:#ffd27d;max-width:34ch;margin:0}.full-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.full-row .primary{min-width:160px}.phase-step{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.step-note{opacity:.85;max-width:46ch;margin:0}.step-portrait{place-items:center;display:grid}.step-portrait img{object-fit:contain;border:1px solid color-mix(in srgb, var(--accent) 45%, #ffffff4d);width:auto;max-width:100%;height:min(34vh,340px);box-shadow:0 0 24px color-mix(in srgb, var(--accent) 35%, transparent), 0 16px 34px #0000008c;border-radius:18px}.step-portrait.silhouette{aspect-ratio:3/4;background:#ffffff14;border-radius:18px;width:min(55vw,220px)}.phase-step:before{content:"";z-index:-2;background:#0b0a1a url(/assets/lobby/backdrop.webp) 50%/cover no-repeat;position:fixed;top:0;bottom:0;left:0;right:0}.phase-step:after{content:"";z-index:-1;background:linear-gradient(#080618b8 0%,#08061894 40%,#080618e0 100%);position:fixed;top:0;bottom:0;left:0;right:0}.step-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.step-row[hidden]{display:none}.name-proposal{color:var(--accent);text-shadow:0 2px 16px #0009;margin:6px 0;font-size:clamp(1.8rem,7vw,3rem);font-weight:800}.name-proposal[hidden]{display:none}.name-field-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.name-field-row[hidden]{display:none}.name-field{min-width:min(100%,260px);min-height:48px;color:var(--ink);font:inherit;background:#080d22cc;border:1px solid #ffffff47;border-radius:14px;padding:0 14px;font-weight:700}.color-step .swatches{margin-top:4px}.portrait{aspect-ratio:3/4;background:#ffffff14;border-radius:14px;place-items:center;display:grid;overflow:hidden}.portrait img{object-fit:cover;width:100%;height:100%}.portrait.silhouette:after{content:"";background:#ffffff38;border-radius:50% 50% 38% 38%;width:46%;height:62%}.card-name{margin:0;font-weight:700}.card-note{opacity:.7;margin:0;font-size:.8rem}.id-figures{gap:6px;margin:0;display:grid}.id-figures div{justify-content:space-between;gap:12px;display:flex}.id-figures dt{opacity:.75}.id-figures dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.equation{font-variant-numeric:tabular-nums;opacity:.9;margin:0}.favorites{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.favorite-slot{aspect-ratio:1;opacity:.7;text-align:center;border:1px dashed #ffffff42;border-radius:14px;place-items:center;padding:4px;font-size:.75rem;display:grid}.warning{color:#ffd27d;background:#ffd27d14;border:1px solid #ffd27d59;border-radius:14px;margin:0;padding:10px 14px;font-weight:700}.avatar{background:var(--card);box-shadow:inset 4px 0 0 var(--accent,var(--aurora));border:1px solid #ffffff24;border-radius:18px;grid-template-columns:96px 1fr;align-items:center;gap:14px;padding:12px;display:grid}.avatar-portrait{border:2px solid var(--accent,var(--aurora));width:96px}.avatar-name{color:var(--accent,var(--aurora));margin:0;font-size:1.5rem;font-weight:800}.avatar-character{opacity:.75;margin:0;font-size:.9rem}.rename{gap:8px;display:grid}.rename label{font-weight:700}.rename-input{min-height:var(--touch);color:var(--ink);font:inherit;background:#ffffff0f;border:1px solid #ffffff38;border-radius:14px;padding:10px 14px}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{width:var(--touch);height:var(--touch);min-width:var(--touch);border:2px solid #0000;border-radius:50%;padding:0}.swatch[aria-pressed=true]{outline-offset:3px;border-color:#fff;outline:3px solid #fffffff2;transform:scale(1.1)}.swatch{transition:transform .12s}.opening{z-index:10;background:#05040ff0;grid-template-rows:1fr auto;place-items:center;gap:12px;padding:16px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.opening-video{background:#000;border-radius:14px;width:100%;max-width:960px;max-height:100%}.front-door{text-align:center;flex-direction:column;flex:1;align-items:center;gap:8px;width:100%;max-width:none;min-height:0;padding:8px 16px 28px;display:flex;position:relative;overflow-x:clip}.front-door:before{content:"";z-index:-2;background:#0b0a1a url(/assets/front-door/backdrop.webp) 50%/cover no-repeat;position:fixed;top:0;bottom:0;left:0;right:0}.front-door:after{content:"";z-index:-1;background:linear-gradient(#08061873 0%,#08061833 35%,#080618d1 100%);position:fixed;top:0;bottom:0;left:0;right:0}.front-wordmark{filter:drop-shadow(0 2px 6px #0009);align-self:flex-start;width:130px;height:auto}.front-brand{justify-items:center;gap:2px;margin-top:-6px;display:grid}.front-logo{object-fit:contain;filter:drop-shadow(0 6px 22px #0009);width:min(84%,460px);height:auto;max-height:16vh}.front-tagline{letter-spacing:.01em;color:#f4e6bd;text-shadow:0 2px 10px #000c,0 0 22px #00000080;max-width:min(100%,60ch);margin:0;font-size:clamp(.92rem,2.2vw,1.12rem);font-weight:600}.front-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative}.front-cast{object-fit:contain;object-position:50% 100%;z-index:-1;pointer-events:none;width:max(620px,min(132%,1500px));height:100%;position:absolute;top:0;bottom:0;left:50%;translate:-50%;-webkit-mask-image:linear-gradient(#000 82%,#0000 99%);mask-image:linear-gradient(#000 82%,#0000 99%)}.front-door>.front-door .primary{width:min(100%,420px)}.front-door .room-row{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0806188c;border-radius:999px;padding:8px}.front-door .secondary{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0e24b8;border-color:#ffffff4d}.front-door .room-row button:disabled,.front-door .room-row input:disabled{opacity:.75}.room-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;width:min(100%,760px);display:flex}.room-pill{letter-spacing:.01em;cursor:pointer;isolation:isolate;border:none;border-radius:999px;align-items:center;gap:12px;min-height:75px;padding:0 34px;font-size:1.37rem;font-weight:800;display:inline-flex;position:relative}.room-pill:before{content:"";border-radius:inherit;background:var(--rim);-webkit-mask-composite:xor;pointer-events:none;padding:2px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.room-pill:after{content:"";pointer-events:none;background:linear-gradient(#ffffff8c,#fff0);border-radius:999px 999px 60% 60%/999px 999px 100% 100%;position:absolute;top:2px;bottom:45%;left:2px;right:2px}.room-create{color:#43310a;--rim:linear-gradient(180deg, #fffdf2, #c08f33 60%, #8a6220);text-shadow:0 1px #ffffff8c;background:linear-gradient(#fdf0c4 0%,#f7dc96 42%,#e9bf62 52%,#f3d989 100%);box-shadow:0 10px 24px #00000073,0 0 26px #f8d68673,inset 0 -3px 8px #8a622059}.room-join{color:#fff;--rim:linear-gradient(180deg, #d6ecff, #5d9ef0 60%, #16407f);text-shadow:0 1px 2px #00143c8c;background:linear-gradient(#7cc0ff 0%,#3c84e8 45%,#1f55bd 55%,#3a7fdd 100%);box-shadow:0 10px 24px #00000073,0 0 26px #60a4ff80,inset 0 -3px 8px #0a286473}.chevron{opacity:.85;font-size:1.35em;line-height:1}.room-field{background:linear-gradient(#0e1634eb,#080d22eb);border-radius:999px;flex:260px;align-items:center;gap:10px;min-width:240px;min-height:58px;padding:0 6px 0 16px;display:inline-flex;position:relative;box-shadow:0 10px 24px #00000073,inset 0 1px #ffffff1f,0 0 20px #508cff38}.room-field:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#bedcffbf,#3c64b459);padding:1.5px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.room-field-mark{color:#9fc2ff;flex:none;width:24px;height:24px}.room-code{min-width:0;color:var(--ink);font:inherit;text-align:center;background:0 0;border:none;flex:auto;padding:0;font-weight:600}.room-code::placeholder{color:#d6e4ffa6;font-weight:500}.room-code:focus{outline:none}.room-field:focus-within{box-shadow:0 10px 24px #00000073,0 0 0 3px #78afff73}.room-go{color:#fff;cursor:pointer;background:linear-gradient(#6fb2ff,#2a63cf);border:none;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;min-height:0;padding:0;display:grid;box-shadow:inset 0 1px #fff9,0 4px 10px #00000073}.room-go svg{width:22px;height:22px}.room-row button:disabled,.room-row input:disabled{cursor:not-allowed}.room-row button:disabled{filter:saturate(.75)brightness(.86)}.room-row:has(button:disabled){opacity:.92}.front-door .primary{width:min(100%,420px)}.chip{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:left;background:#0a0e24b8;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:10px;padding:6px 16px 6px 6px;display:inline-flex}.shell>.chip{flex:none}.chip-name{margin:0;font-weight:800;line-height:1.15}.chip-level{opacity:.75;margin:0;font-size:.78rem;line-height:1.15}.lobby{text-align:center;flex-direction:column;flex:1;justify-content:safe center;align-items:center;gap:14px;width:100%;max-width:none;min-height:0;padding:78px 16px 28px;display:flex;position:relative;overflow-x:clip}.lobby:before{content:"";z-index:-3;background:#0b0a1a url(/assets/lobby/backdrop.webp) 50%/cover no-repeat;position:fixed;top:0;bottom:0;left:0;right:0}.lobby:after{content:"";z-index:-1;background:linear-gradient(#08061880 0%,#08061840 35%,#080618cc 100%);position:fixed;top:0;bottom:0;left:0;right:0}.lobby-cast{z-index:-2;pointer-events:none;--cast-w:min(120%, 1280px);--cast-push:min(-3%, calc((100% - var(--cast-w)) / 2));position:absolute;top:auto;bottom:0;left:0;right:0}.cast-half{width:calc(var(--cast-w) / 2);aspect-ratio:800/893;background-image:url(/assets/lobby/cast.webp);background-repeat:no-repeat;background-size:200%;position:absolute;bottom:0}.cast-left{left:var(--cast-push);background-position:0 100%}.cast-right{right:var(--cast-push);background-position:100% 100%}.plate{background:linear-gradient(#0a122eeb,#060a1cf0);border-radius:26px;gap:12px;width:min(100%,880px);padding:20px 20px 18px;display:grid;position:relative;box-shadow:0 22px 50px #0000008c,inset 0 1px #ffffff14}.plate:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#ffe7a8f2,#b0863a80 55%,#785a2466);padding:2px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.plate-note{opacity:.7;margin:0;font-size:.82rem}.code-block{background:#040818bf;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex;box-shadow:inset 0 0 0 1px #96beff47}.code-label{letter-spacing:.3em;color:#b9cdf2;margin:0;font-size:.72rem}.code-value{letter-spacing:.22em;color:#f6e3ae;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(1.5rem,4vw,2.1rem);font-weight:800}.share-code{min-height:46px;font:inherit;color:#fff;background:linear-gradient(#4e95f0,#1f5cc4);border:none;border-radius:12px;align-items:center;gap:8px;padding:0 18px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff73,0 6px 14px #0006}.share-icon{width:18px;height:18px}.party-head{letter-spacing:.3em;color:#e7d8ad;margin:4px 0 0;font-size:.78rem}.seats{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:10px;display:grid}.seat{color:var(--ink);font:inherit;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:16px;align-content:start;justify-items:center;gap:4px;min-height:0;padding:14px 8px 12px;display:grid;position:relative}.seat-ring{width:64px;height:64px;font-size:1.6rem;box-shadow:0 0 0 2px #f0d894,0 0 14px #f0d89473}.seat-crown{color:#f6d87f;font-size:1rem;position:absolute;top:-2px}.seat-name{margin:2px 0 0;font-size:.95rem;font-weight:800}.seat-role{opacity:.72;margin:0;font-size:.75rem}.seat-host{letter-spacing:.12em;text-transform:uppercase;color:#f6d87f;margin:0;font-size:.7rem}.seat-invite{opacity:.8;cursor:not-allowed}.seat-plus{box-shadow:none;color:#fff9;background:0 0;border:2px dashed #ffffff52;font-size:1.6rem}.start{letter-spacing:.12em;color:#3c2a05;text-shadow:0 1px #ffffff8c;cursor:pointer;background:linear-gradient(#fdf3cd 0%,#f6dc96 42%,#e6bb5c 52%,#f4dc90 100%);border:none;border-radius:999px;justify-content:center;align-items:center;gap:14px;width:min(100%,520px);min-height:66px;padding:0 28px;font-size:clamp(1.1rem,3vw,1.5rem);font-weight:900;display:inline-flex;position:relative;box-shadow:0 14px 30px #00000080,0 0 34px #f6d87f80,inset 0 -3px 10px #8a622066,inset 0 2px #fffc}.start-star{font-size:1.1em}.lobby-row{flex-wrap:wrap;justify-content:center;gap:12px;width:min(100%,1000px);display:flex}.lobby-secondary{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-height:52px;color:var(--ink);font:inherit;cursor:pointer;background:#080e26b8;border:1px solid #bed7ff66;border-radius:999px;flex:240px;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-weight:700;display:inline-flex}.lobby-icon{flex:none;width:22px;height:22px}.front-logo{width:min(62%,520px)}.front-cast{width:max(760px,min(150%,1700px));-webkit-mask-image:none;mask-image:none}.room-pills{flex-wrap:wrap;justify-content:center;gap:14px;width:100%;display:flex}.front-door .room-row{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;flex-direction:column;align-items:center;gap:12px;padding:0}.room-pill{min-height:83px;padding:0 42px;font-size:clamp(1.3rem,3.1vw,1.56rem)}.front-door .room-field{flex:none;width:min(100%,460px);min-height:56px}.bus{position:relative}.bus-button{color:#dbe7ff;background:#0a0e24b8;border:1px solid #bed7ff66;border-radius:50%;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;display:grid}.bus-button svg{width:22px;height:22px}.bus-button[aria-pressed=true]{color:#8d9ab8}.bus input[type=range]{width:90px}.front-door .room-row{margin-block-start:auto;margin-block-end:auto;translate:0 5vh}@media (min-aspect-ratio:1){.front-door .room-row{margin:0;position:absolute;top:calc(100% - max(168px,min(38%,max(760px,min(150vw,1700px))/4.80769)));left:50%;translate:-50%}}.front-door .card-note{margin-bottom:2px}.avatar-circle{color:#0b0a1a;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-weight:800;display:grid;position:relative;overflow:hidden}.avatar-initial{font-size:.95em;line-height:1}.avatar-photo{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.chip-avatar{width:40px;height:40px;font-size:1.1rem}.seat-ready{color:#6ee7a8;margin:2px 0 0;font-size:.72rem;font-weight:800}.start-chevron{opacity:.7;font-size:1.3em}.seats{background:#0408188c;border-radius:18px;padding:12px;box-shadow:inset 0 0 0 1px #f6dc9b4d}.party-head{justify-content:center;align-items:center;gap:10px;display:flex}.party-head:before,.party-head:after{content:"✦";color:#f6dc9b;font-size:.9em}.seat-plus{width:64px;height:64px;box-shadow:none;color:#fff9;background:0 0;border:2px dashed #ffffff57;border-radius:50%;place-items:center;font-size:1.7rem;display:grid}.start{letter-spacing:.06em}.start:not(:has(.start-star+span:only-of-type)){letter-spacing:.06em}@media (max-width:560px){.start{font-size:1rem}}.start{width:min(100%,560px);min-height:74px;font-size:clamp(1.2rem,3.4vw,1.75rem)}.lobby-secondary{flex:260px;min-height:56px}.plate{padding:24px 22px 20px}.plate:after{content:"";pointer-events:none;border:1px solid #f6dc9b38;border-radius:20px;position:absolute;top:6px;bottom:6px;left:6px;right:6px}.all-games{align-items:center;gap:8px;display:inline-flex}.all-games .icon{flex:none;width:20px;height:20px}.all-games .label{font-weight:700}.plate-logo{justify-self:center;width:min(62%,300px);max-width:100%;height:auto;margin:2px auto 4px}.catalogue-card{aspect-ratio:5/8;width:min(100%,380px);color:var(--ink);border-radius:24px;grid-template-rows:minmax(0,1fr);display:grid;position:relative;overflow:hidden;container-type:inline-size}.catalogue-card>.card-face{grid-area:1/1}.catalogue-card[data-face=front] .card-face-back,.catalogue-card[data-face=back] .card-face-front{display:none}.card-frame{object-fit:fill;pointer-events:none;z-index:1;grid-area:1/1;width:100%;height:100%}.card-face{z-index:2;grid-template-rows:auto minmax(0,1fr) auto auto auto;gap:8px;min-height:0;padding:14px;display:grid;position:relative;overflow:hidden}.catalogue-card:not(:has(.card-frame)) .card-face{border:1px solid color-mix(in srgb, var(--card-accent,#fff) 55%, transparent);background:linear-gradient(#0a0e24db,#06091aeb);border-radius:20px}.card-head{grid-template-columns:36px 1fr 44px;align-items:start;gap:8px;display:grid}.card-names{text-align:center;min-width:0}.card-nickname{overflow-wrap:anywhere;margin:0;font-size:clamp(1rem,5cqi,1.3rem);font-weight:800}.card-species{opacity:.75;margin:0;font-size:.82rem}.card-close,.card-flip{width:36px;min-width:36px;height:36px;min-height:36px;color:var(--ink);background:#080d22b3;border:1px solid #ffffff47;border-radius:50%;place-items:center;padding:0;font-size:1.1rem;line-height:1;display:grid}.card-level{border:2px solid var(--card-accent,#fff);font-variant-numeric:tabular-nums;background:#080d22cc;border-radius:50%;grid-template-rows:auto auto;justify-self:end;place-items:center;width:52px;height:52px;font-weight:800;line-height:1;display:grid}.card-level-unit{letter-spacing:.08em;opacity:.8;font-size:.56rem}.card-level-value{font-size:1.15rem}.card-art{border-radius:14px;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.card-background{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.card-portrait{object-fit:contain;max-width:100%;max-height:100%;position:relative}.card-facts{grid-template-columns:1.6fr 1fr;align-items:center;gap:8px;display:grid}.card-role{flex-wrap:wrap;align-items:baseline;gap:5px;margin:0;font-size:.86rem;display:flex}.card-role-label{opacity:.7}.card-role-value{font-weight:700}.card-record{text-align:right;justify-items:end;gap:1px;margin:0;font-size:.78rem;display:grid}.card-record-label{opacity:.7}.card-record-value{font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:800}.card-description{opacity:.78;margin:0;font-size:.8rem}.card-foot{justify-content:flex-end;display:flex}.card-face-back{grid-template-rows:auto auto auto auto auto minmax(0,1fr) auto}.card-back-top{grid-template-columns:auto 1fr;align-items:center;gap:10px;display:grid}.card-back-portrait-blank{background:#ffffff0a;border-style:dashed}.card-back-portrait{object-fit:cover;border:2px solid color-mix(in srgb, var(--card-accent,#fff) 70%, transparent);border-radius:50%;width:92px;height:92px}.card-face-back .card-names{justify-items:center;gap:4px;display:grid}.card-rename{min-height:30px;color:var(--ink);font:inherit;background:#ffffff0f;border:1px solid #ffffff47;border-radius:999px;padding:0 12px;font-size:.76rem;font-weight:700}.card-progress{gap:2px;margin:0;font-size:.8rem;display:grid}.card-progress>div{justify-content:space-between;gap:10px;display:flex}.card-progress dt{opacity:.72}.card-progress dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.card-section{letter-spacing:.22em;text-transform:uppercase;opacity:.7;margin:4px 0 0;font-size:.72rem}.card-stats{text-align:center;grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.card-stat{justify-items:center;gap:1px;display:grid}.stat-icon{width:16px;height:16px;color:var(--card-accent,#ffd166)}.stat-label{letter-spacing:.04em;opacity:.7;font-size:.6rem}.stat-value{font-variant-numeric:tabular-nums;font-size:.86rem;font-weight:800}.card-skills{gap:6px;min-height:0;margin:0;padding:0;list-style:none;display:grid}.card-skill{grid-template-columns:30px 1fr 54px;align-items:center;gap:8px;display:grid}.skill-icon{object-fit:cover;border-radius:50%;width:30px;height:30px}.skill-icon-blank{border:1px dashed color-mix(in srgb, var(--card-accent,#fff) 45%, transparent);border-radius:50%;width:30px;height:30px}.skill-body{gap:1px;min-width:0;display:grid}.skill-cooldown-cell{justify-items:center;gap:0;line-height:1.1;display:grid}.skill-cooldown-label{letter-spacing:.04em;opacity:.65;font-size:.52rem}.skill-cooldown{font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:800}.skill-head{flex-wrap:wrap;align-items:baseline;gap:6px;margin:0;display:flex}.skill-name{font-size:.84rem;font-weight:700}.skill-basic{letter-spacing:.08em;text-transform:uppercase;opacity:.6;font-size:.6rem}.skill-signature{color:var(--card-accent,#ffd166)}.skill-text{opacity:.76;margin:0;font-size:.74rem}.skill-chance{opacity:.7;font-variant-numeric:tabular-nums;margin:0;font-size:.68rem}.choose-wayfinder{border:2px dashed color-mix(in srgb, var(--accent,#fff) 60%, #ffffff4d);min-height:60px;color:var(--ink);font:inherit;background:#ffffff0a;border-radius:18px;align-self:center;align-items:center;gap:12px;padding:0 26px;font-weight:800;display:flex}.choose-wayfinder:hover{background:#ffffff14}.choose-plus{border:2px dashed color-mix(in srgb, var(--accent,#fff) 70%, transparent);width:34px;height:34px;color:var(--accent,#fff);border-radius:50%;place-items:center;font-size:1.3rem;line-height:1;display:grid}@media (prefers-reduced-motion:no-preference){.lobby:before{will-change:transform;animation:48s ease-in-out infinite alternate auralis-drift}.lobby .plate-logo{transform-origin:50% 70%;animation:7s ease-in-out infinite mark-lift}.phase-step:before{animation:60s ease-in-out infinite alternate auralis-drift}}@keyframes auralis-drift{0%{transform:scale(1.06)translate(-1.1%,-.6%)}to{transform:scale(1.12)translate(1.1%,.8%)}}@keyframes mark-lift{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-5px)scale(1.015)}}.lobby .aurora{z-index:-2;pointer-events:none;filter:blur(28px);opacity:.85;background:radial-gradient(60% 30% at 30% 40%,#78ffd638,#0000 70%),radial-gradient(50% 26% at 62% 52%,#a88cff33,#0000 70%),radial-gradient(44% 22% at 48% 34%,#ffd68c24,#0000 70%);position:fixed;top:-20%;bottom:-20%;left:-40%;right:-40%}@media (prefers-reduced-motion:no-preference){.lobby .aurora{animation:34s ease-in-out infinite alternate aurora-sweep}}@keyframes aurora-sweep{0%{opacity:.55;transform:translate(-9%,-3%)scaleY(.92)rotate(-1.5deg)}50%{opacity:.95}to{opacity:.6;transform:translate(9%,3%)scaleY(1.08)rotate(1.5deg)}}@media (prefers-reduced-motion:reduce){.lobby .aurora{opacity:.5}}.plate-mark{justify-self:center;width:min(62%,300px);margin:2px auto 4px;display:block;position:relative}.plate-mark .plate-logo{width:100%;margin:0;display:block}.plate-shine{pointer-events:none;mix-blend-mode:screen;opacity:.9;background:linear-gradient(105deg,#0000 38%,#fff0 44%,#fff6d6bf 50%,#fff0 56%,#0000 62%) 120% 0/300% 100%;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:url(/assets/lobby/logo.webp);mask-image:url(/assets/lobby/logo.webp);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (prefers-reduced-motion:no-preference){.plate-shine{animation:9s ease-in-out infinite mark-shine}}@keyframes mark-shine{0%,62%{background-position:120% 0}to{background-position:-60% 0}}@media (prefers-reduced-motion:no-preference){.front-door:before{will-change:transform;animation:56s ease-in-out infinite alternate auralis-drift}.front-logo{transform-origin:50% 80%;animation:8s ease-in-out infinite mark-lift}.front-door .room-create{animation:4.5s ease-in-out infinite door-breath}}@keyframes door-breath{0%,to{box-shadow:0 10px 26px #00000073,0 0 #ffd68000}50%{box-shadow:0 10px 30px #00000080,0 0 26px #ffd68073}}.front-door .aurora{z-index:-1;pointer-events:none;filter:blur(30px);background:radial-gradient(58% 28% at 34% 36%,#78ffd62e,#0000 70%),radial-gradient(48% 24% at 64% 48%,#a88cff2b,#0000 70%),radial-gradient(42% 20% at 50% 30%,#ffd68c1f,#0000 70%);position:fixed;top:-20%;bottom:-20%;left:-40%;right:-40%}@media (prefers-reduced-motion:no-preference){.front-door .aurora{animation:40s ease-in-out infinite alternate aurora-sweep}}.tagline-part{display:inline-block}@media (max-height:880px) and (min-width:900px){.lobby{gap:8px;padding-top:4px;padding-bottom:8px}.plate{gap:7px;padding:12px 18px 11px}.plate-mark{width:min(38%,178px);margin:0 auto}.code-block{padding:6px 12px}.code-value{font-size:1.35rem;line-height:1.1}.share-code{min-height:38px}.seats{gap:8px;padding:7px}.seat{gap:1px;padding:7px 6px 6px}.seat-ring,.seat-plus{width:44px;height:44px;font-size:1.2rem}.seat-name{font-size:.86rem;line-height:1.2}.seat-role,.seat-host,.seat-ready{line-height:1.25}.plate-note{font-size:.74rem;line-height:1.3}.start{min-height:52px;font-size:1.25rem}.lobby-secondary{min-height:44px}.shell{padding-block-start:8px;padding-block-end:8px}}