.party-intro h1{max-inline-size:20ch}.party-start,.party-enter,.party-how,.party-more{justify-self:stretch}.party-start-form{gap:var(--space-5);display:grid}.party-worlds{gap:var(--space-4);border:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));margin:0;padding:0;display:grid}.party-world{border-radius:var(--radius-large);background:var(--color-paper);cursor:pointer;min-inline-size:0;transition:box-shadow var(--duration-quick) ease, transform var(--duration-quick) ease;border:1px solid #16392f24;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);display:grid;position:relative;overflow:hidden;box-shadow:0 6px 18px #0c3c2c1a}.party-world:hover{box-shadow:0 10px 26px #0c3c2c29}.party-world input{opacity:0;cursor:pointer;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.party-world:has(input:checked){box-shadow:0 0 0 3px var(--color-title), 0 10px 26px #0c3c2c2e}.party-world:has(input:focus-visible){outline:3px solid var(--color-focus);outline-offset:3px}.party-world-cover{aspect-ratio:16/10;background:var(--cover-color);position:relative}.party-world-cover img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.party-world-tick{border-radius:var(--radius-round);background:var(--color-title);color:#fff;opacity:0;block-size:36px;inline-size:36px;transition:opacity var(--duration-quick) ease, transform var(--duration-quick) ease;place-items:center;display:grid;position:absolute;inset-block-start:var(--space-3);inset-inline-end:var(--space-3);transform:scale(.8);box-shadow:0 2px 8px #00000040}.party-world-tick .icon{stroke-width:3px;block-size:22px;inline-size:22px}.party-world:has(input:checked) .party-world-tick{opacity:1;transform:none}.party-world-body{align-content:flex-start;align-items:center;gap:var(--space-1) var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4);flex-wrap:wrap;display:flex}.party-world-name{font-size:1.25rem;font-weight:var(--font-weight-strong);color:var(--color-title);flex:1 0 100%}.party-world-count{color:var(--color-muted);font-size:var(--font-size-small)}.party-world .chip-premium{margin-inline-start:auto}.party-start-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.party-start-status{min-block-size:1.55em;font-weight:var(--font-weight-strong);color:var(--color-ink);flex:16rem;margin:0}.party-steps{gap:var(--space-4);counter-reset:party-step;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));margin:0;padding:0;list-style:none;display:grid}.party-steps li{gap:var(--space-3);counter-increment:party-step;grid-template-columns:auto 1fr;align-items:start;display:grid}.party-step-icon{border-radius:var(--radius-medium);block-size:48px;inline-size:48px;color:var(--color-title);--icon-fill:#ffc93cb3;background:#0a64481a;place-items:center;display:grid}.party-step-icon .icon{block-size:28px;inline-size:28px}.party-safe{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.party-safe li{gap:var(--space-2);grid-template-columns:auto 1fr;align-items:start;display:grid}.party-safe .icon{color:var(--color-title);margin-block-start:3px}.party-code-form input{inline-size:9ch}.party-room{border-radius:var(--radius-large);grid-template-columns:minmax(0,1fr);justify-self:stretch;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 40px #0c3c2c29}.party-room-cover{background:var(--cover-color);grid-area:1/1;min-block-size:18rem;min-inline-size:0}.party-room-cover img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.party-room-card{align-self:end;gap:var(--space-3);max-inline-size:38rem;margin:var(--space-5);padding:var(--space-5);border:1px solid var(--glass-edge);border-radius:var(--radius-large);background:var(--glass-strong);grid-area:1/1;justify-items:start;display:grid;position:relative;box-shadow:inset 0 1px #ffffffe6,0 14px 34px #0c3c2c33}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.party-room-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.party-room-card h1{color:var(--color-title);text-wrap:balance;margin:0;font-size:clamp(1.75rem,1.2rem + 2vw,2.5rem);line-height:1.1}.party-room-card .lead,.party-room-chips{margin:0}.party-code-chip{letter-spacing:.06em}.party-room-status{min-block-size:1.55em;font-weight:var(--font-weight-strong);color:var(--color-ink);margin:0}.party-room-actions,.party-room-print{margin:0}.party-room-print a{align-items:center;gap:var(--space-2);min-block-size:var(--touch-target);font-weight:var(--font-weight-strong);color:var(--color-title);display:inline-flex}.party-room-host{position:absolute;inset-block-start:var(--space-4);inset-inline-end:var(--space-4)}@media (width<=600px){.party-room-cover{min-block-size:9rem}.party-room-card{margin:6rem var(--space-3) var(--space-3);padding:var(--space-4);align-self:start}.party-room-host{justify-self:start;position:static}}.party-left-out{align-items:center;gap:var(--space-2);color:var(--color-muted);margin:0;display:flex}.party-gallery{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(46%,11rem),1fr));margin:0;padding:0;list-style:none;display:grid}.party-gallery-card{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-large);background:var(--color-paper);text-align:center;border:1px solid #16392f1f;justify-items:center;display:grid}.party-gallery-picture{aspect-ratio:1;opacity:0;block-size:auto;inline-size:100%;transition:opacity var(--duration-gentle) ease-out;display:block}.party-gallery-picture[data-drawn=true]{opacity:1}.party-gallery-name{font-weight:var(--font-weight-strong);color:var(--color-title)}.party-gallery-keep{min-block-size:var(--touch-target);place-items:center;display:grid}.party-gallery-keep>*{grid-area:1/1}.party-gallery-kept{min-block-size:var(--touch-target);text-decoration:none}.party-gallery-more,.party-gallery-problem{margin:0}.party-gallery-problem{min-block-size:1.55em;font-weight:var(--font-weight-strong)}.party-missing{justify-self:stretch}.party-sent,.party-question,.party-host{inline-size:min(30rem, calc(100vw - 2 * var(--gutter)));max-block-size:calc(100dvh - 2 * var(--space-4));padding:var(--space-5);border:1px solid var(--glass-edge);border-radius:var(--radius-large);background:var(--color-paper);color:var(--color-ink);overflow:auto;box-shadow:inset 0 1px #ffffffe6,0 30px 80px #08281c59}.party-sent::backdrop,.party-question::backdrop,.party-host::backdrop{background:#0a2c2073}.party-sent[open],.party-question[open],.party-host[open]{gap:var(--space-3);display:grid}.party-sent h2,.party-question h2,.party-host h2{color:var(--color-title);text-wrap:balance;margin:0;font-size:1.5rem;line-height:1.2}.party-sent p,.party-question p,.party-host p{margin:0}.party-sent{text-align:center;justify-items:center}.party-sent-picture{aspect-ratio:1;inline-size:min(60vw,14rem)}.party-sent-kept{color:var(--color-muted)}.party-sent-actions{justify-content:center}.party-host{inline-size:min(26rem, calc(100vw - 2 * var(--gutter)));align-content:start;margin-inline-end:var(--space-4)}@media (width<=600px){.party-host{border-radius:var(--radius-large) var(--radius-large) 0 0;inline-size:100vw;max-inline-size:100vw;margin:auto 0 0}}.party-host-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.party-host-close{inline-size:var(--touch-target);block-size:var(--touch-target);border-radius:var(--radius-medium);background:var(--color-paper);color:var(--color-ink);cursor:pointer;border:1px solid #16392f29;place-items:center;padding:0;display:inline-grid}.party-host-said{min-block-size:1.55em;font-weight:var(--font-weight-strong)}.party-host-section{gap:var(--space-2);border-block-start:1px solid var(--color-line);padding-block-start:var(--space-3);display:grid}.party-host-section h3{margin:0;font-size:1.0625rem}.party-host-wide{justify-content:flex-start;inline-size:100%}.party-host-wide[aria-pressed=true]{border-color:var(--color-title);background:#0a644814}.party-host-note{color:var(--color-muted);font-size:var(--font-size-small)}.party-host-included{gap:var(--space-2);align-items:start;display:flex}.party-host-included .icon{color:var(--color-title);flex:none;margin-block-start:2px}.party-host-phone{gap:var(--space-2);text-align:center;justify-items:center;display:grid}.party-host-qr{aspect-ratio:1;border-radius:var(--radius-small);block-size:auto;inline-size:min(60vw,12rem)}.party-host-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.party-host-item{gap:var(--space-3);grid-template-columns:56px 1fr auto;align-items:center;display:grid}.party-host-picture{border-radius:var(--radius-small);background:#f6faf8;block-size:56px;inline-size:56px;display:block;overflow:hidden}.party-host-name{font-weight:var(--font-weight-strong);overflow-wrap:anywhere}.party-host-ask{gap:var(--space-2);flex-wrap:wrap;grid-column:1/-1;align-items:center;display:flex}.party-host-ask>span,.party-host-ask>p{flex:1 0 100%}html:has(body[data-display=true]){overflow:hidden}body[data-display=true]{background:#0d241c;overflow:hidden}body[data-display=true]:before{display:none}body[data-display=true] main{max-inline-size:none;padding:0;display:block}.party-screen{--u:min(1vw, 1.778vh);background:var(--world-still,none) 50% 75% / cover no-repeat, #0d241c;color:var(--color-ink);position:fixed;inset:0;overflow:hidden}@supports (background-image:image-set(url("a.avif") type("image/avif"))){.party-screen{background:var(--world-still-set,var(--world-still,none)) 50% 75% / cover no-repeat, #0d241c}}.party-screen-app{position:absolute;inset:0}.party-screen-app[data-idle=true]{cursor:none}.party-screen-app .party-stage{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;position:absolute;inset:0}.party-screen-app .party-stage .creatures-stage{aspect-ratio:auto;background:0 0;border-radius:0;block-size:100%}.party-tag.creatures-tag{gap:calc(var(--u) * .6);padding:calc(var(--u) * .35) calc(var(--u) * .9);border-radius:calc(var(--u) * .8);font-size:max(15px, calc(var(--u) * 1.3));box-shadow:0 calc(var(--u) * .3) calc(var(--u) * 1.2) #0c3c2c47}.party-tag .creatures-tag-news{padding:calc(var(--u) * .1) calc(var(--u) * .6);border-radius:calc(var(--u) * .5)}.party-line{z-index:3;pointer-events:none;justify-content:center;margin:0;display:flex;position:absolute;inset-block-start:calc(var(--u) * 1.6);inset-inline:0}.party-line-text{max-inline-size:60%;padding:calc(var(--u) * .7) calc(var(--u) * 1.6);border:1px solid var(--glass-edge);border-radius:calc(var(--u) * 1.2);background:var(--glass-strong);box-shadow:0 calc(var(--u) * .6) calc(var(--u) * 2) #08281c47;color:var(--color-title);font-size:max(18px, calc(var(--u) * 1.9));font-weight:var(--font-weight-title);text-align:center;text-wrap:balance;line-height:1.2}@media (prefers-reduced-motion:no-preference){.party-line-text{animation:.42s cubic-bezier(.2,.8,.2,1) party-line-in}}@keyframes party-line-in{0%{opacity:0;transform:translateY(calc(var(--u) * -1.2)) scale(.96)}}.party-join{z-index:2;gap:calc(var(--u) * .8);inline-size:calc(var(--u) * 16);padding:calc(var(--u) * 1.2);border:1px solid var(--glass-edge);border-radius:calc(var(--u) * 1.4);background:var(--glass-strong);box-shadow:inset 0 1px 0 #ffffffe6, 0 calc(var(--u) * .8) calc(var(--u) * 2.4) #08281c47;text-align:center;justify-items:center;transition:inline-size .6s cubic-bezier(.2,.8,.2,1),inset .6s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;inset-block-start:calc(var(--u) * 1.6);inset-inline-end:calc(var(--u) * 1.6)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.party-join{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.party-join h2{color:var(--color-title);font-size:max(16px, calc(var(--u) * 1.5));font-weight:var(--font-weight-title);text-wrap:balance;margin:0;line-height:1.15}.party-join-words{gap:calc(var(--u) * .8);display:grid}.party-join-code{gap:calc(var(--u) * .4);justify-items:center;display:grid}.party-join-qr{inline-size:calc(var(--u) * 11);aspect-ratio:1;padding:calc(var(--u) * .4);border-radius:calc(var(--u) * .8);background:#fff}.party-qr,.party-qr svg{block-size:100%;inline-size:100%;display:block}.party-join-scan,.party-join-type{color:var(--color-muted);font-size:max(13px, calc(var(--u) * .95));font-weight:var(--font-weight-strong);margin:0;line-height:1.3}.party-join-type{gap:calc(var(--u) * .2);display:grid}.party-code{color:var(--color-ink);font-size:max(24px, calc(var(--u) * 2.8));font-weight:var(--font-weight-title);letter-spacing:.08em;white-space:nowrap;line-height:1.1}.party-join[data-welcome=true]{gap:calc(var(--u) * 3);inline-size:calc(var(--u) * 62);padding:calc(var(--u) * 3);text-align:start;grid-template-columns:1fr auto;place-items:center start;inset-block-start:50%;inset-inline-end:50%;transform:translate(50%,-50%)}.party-join[data-welcome=true] h2{font-size:max(26px, calc(var(--u) * 3.2));line-height:1.08}.party-join[data-welcome=true] .party-join-qr{inline-size:calc(var(--u) * 17)}.party-join[data-welcome=true] .party-code{font-size:max(30px, calc(var(--u) * 3.6))}.party-join-ways{gap:calc(var(--u) * 1);margin:0;padding:0;list-style:none;display:grid}.party-join-ways li{gap:calc(var(--u) * .8);font-size:max(15px, calc(var(--u) * 1.35));font-weight:var(--font-weight-strong);grid-template-columns:auto 1fr;align-items:start;line-height:1.35;display:grid}.party-join-ways .icon{inline-size:max(20px, calc(var(--u) * 2));block-size:max(20px, calc(var(--u) * 2));color:var(--color-title);--icon-fill:#ffc93cb3}@media (prefers-reduced-motion:reduce){.party-join{transition:none}.party-line-text{animation:none}}.party-counts{z-index:2;gap:calc(var(--u) * .8);flex-wrap:wrap;align-items:stretch;max-inline-size:60%;display:flex;position:absolute;inset-block-end:calc(var(--u) * 1.6);inset-inline-start:calc(var(--u) * 1.6)}.party-count,.party-chip{gap:calc(var(--u) * .6);padding:calc(var(--u) * .6) calc(var(--u) * 1.2);border:1px solid var(--glass-edge);border-radius:calc(var(--u) * 1);background:var(--glass-strong);box-shadow:0 calc(var(--u) * .4) calc(var(--u) * 1.4) #08281c38;color:var(--color-ink);font-size:max(14px, calc(var(--u) * 1.15));font-weight:var(--font-weight-strong);align-items:baseline;margin:0;line-height:1.2;display:flex}.party-count-number{color:var(--color-title);font-size:max(20px, calc(var(--u) * 2));font-weight:var(--font-weight-title)}.party-chip{align-items:center}.party-chip .icon{inline-size:calc(var(--u) * 1.4);block-size:calc(var(--u) * 1.4)}.party-chip-paused{background:var(--color-news);border-color:#fff9}.party-chip-away{color:var(--color-muted)}.party-ended{z-index:3;gap:calc(var(--u) * 1.4);inline-size:calc(var(--u) * 52);padding:calc(var(--u) * 3);border:1px solid var(--glass-edge);border-radius:calc(var(--u) * 1.8);background:var(--glass-strong);box-shadow:0 calc(var(--u) * 1) calc(var(--u) * 3) #08281c4d;text-align:center;justify-items:center;display:grid;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.party-ended{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}}.party-ended h2{color:var(--color-title);font-size:max(28px, calc(var(--u) * 3.4));font-weight:var(--font-weight-title);text-wrap:balance;margin:0;line-height:1.1}.party-ended-count{font-size:max(16px, calc(var(--u) * 1.5));font-weight:var(--font-weight-strong);margin:0}.party-ended-keep{gap:calc(var(--u) * 1.6);text-align:start;grid-template-columns:auto 1fr;align-items:center;display:grid}.party-ended-keep p{font-size:max(16px, calc(var(--u) * 1.6));font-weight:var(--font-weight-strong);margin:0;line-height:1.3}.party-status{z-index:3}.party-host-open{z-index:4;inline-size:max(var(--touch-target), calc(var(--u) * 3));block-size:max(var(--touch-target), calc(var(--u) * 3));border:1px solid var(--glass-edge);border-radius:var(--radius-medium);background:var(--glass-strong);color:var(--color-ink);cursor:pointer;opacity:.85;place-items:center;padding:0;transition:opacity .4s;display:grid;position:absolute;inset-block-end:calc(var(--u) * 1.6);inset-inline-end:calc(var(--u) * 1.6)}.party-host-open .icon{block-size:60%;inline-size:60%}.party-screen-app[data-idle=true] .party-host-open:not(:focus-visible){opacity:0}@media (aspect-ratio<=1){.party-screen{--u:min(1.6vw, 1.2vh)}.party-join[data-welcome=true]{inline-size:calc(100vw - 2 * var(--gutter));text-align:center;grid-template-columns:1fr;justify-items:center}.party-join[data-welcome=true] .party-join-ways{text-align:start}}