@font-face{font-family:Red Hat Display Variable;font-weight:300 900;font-display:swap;src:url(/fonts/red-hat-display-latin-wght-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Red Hat Display Variable;font-weight:300 900;font-display:swap;src:url(/fonts/red-hat-display-latin-ext-wght-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Red Hat Text Variable;font-weight:300 700;font-display:swap;src:url(/fonts/red-hat-text-latin-wght-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Red Hat Text Variable;font-weight:300 700;font-display:swap;src:url(/fonts/red-hat-text-latin-ext-wght-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--ground:#f3f6fc;--surface:#fff;--ink:#111730;--ink-soft:#586079;--line:#d5dcec;--field-line:#8690a3;--tint:#e9eefb;--pale:#e9eefb;--sea:#1443d6;--sea-hover:#0f36b3;--sea-deep:#0a2480;--navy:#0b2a94;--mint:#8af2bf;--link:#1443d6;--danger:#b3261e;--display:"Red Hat Display Variable", ui-sans-serif, system-ui, sans-serif;--body:"Red Hat Text Variable", ui-sans-serif, system-ui, sans-serif;--veil:#ffffff1f;--veil-strong:#fff3;--hollow:#04104252;--white-hover:#e6ecfb;--sea-fill:linear-gradient(170deg, var(--sea) 30%, var(--sea-deep) 100%);--scrim:#081c6699;--r:10px;--r-tile:12px;--r-panel:14px;--r-pill:999px;--h:3rem;--h-small:2.25rem;--h-big:3.75rem;--shadow-pop:0 0 0 1px var(--line), 0 12px 32px #081c6647;--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--ground:#060f2b;--surface:#0c1a45;--ink:#eaefff;--ink-soft:#a3b3df;--line:#20327a;--field-line:#5368b5;--tint:#16296a;--sea:#1238b8;--sea-hover:#1a47d6;--sea-deep:#081c66;--link:#9db6ff;--danger:#ff9d94;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.light{--surface:#fff;--ink:#111730;--ink-soft:#586079;--line:#d5dcec;--field-line:#8690a3;--tint:#e9eefb;--sea:#1443d6;--sea-hover:#0f36b3;--sea-deep:#0a2480;--link:#1443d6;--danger:#b3261e;background:var(--surface);color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--ground);min-height:100vh;color:var(--ink);font:400 1rem/1.5 var(--body);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;display:flex}h1,h2,h3,p,ul,dl,dd{margin:0;padding:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;line-height:1.1}ul{list-style:none}a{color:var(--link)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:3px solid color-mix(in srgb, var(--link) 60%, transparent);outline-offset:2px}.sea :focus-visible{outline-color:#fff}.sea .light :focus-visible{outline-color:color-mix(in srgb, var(--link) 60%, transparent)}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sea{isolation:isolate;border-radius:var(--r-panel);background:var(--sea-fill);color:#fff;position:relative;overflow:hidden}.sea:before{content:"";z-index:-1;opacity:.12;pointer-events:none;background:radial-gradient(#fff 1px,#0000 1.6px) 0 0/1.75rem 1.75rem;position:absolute;inset:0}.panel{border-radius:var(--r-panel);background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px var(--line);padding:1.5rem}.veil{border-radius:var(--r-panel);background:var(--veil);padding:clamp(.9rem,2vh,1.25rem)}.chip-sea{border-radius:var(--r);background:var(--sea-fill);box-sizing:content-box}.btn{height:var(--h);border-radius:var(--r);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:0 1.25rem;font-weight:700;text-decoration:none;transition:background .15s,transform .12s;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)scale(.985)}.btn.primary{background:var(--sea);color:#fff}.btn.primary:hover:not(:disabled){background:var(--sea-hover)}.btn.quiet{border-color:var(--field-line);color:var(--ink);background:0 0;font-weight:500}.btn.quiet:hover:not(:disabled){background:color-mix(in srgb, var(--link) 8%, transparent)}.btn.white{color:var(--navy);background:#fff}.btn.white:hover:not(:disabled){background:var(--white-hover)}.btn.onsea{color:#fff;background:0 0;border-color:#ffffff8c;font-weight:500}.btn.onsea:hover:not(:disabled){background:var(--veil)}.btn.small{height:var(--h-small);padding:0 .85rem;font-size:.9375rem}.btn.big{height:var(--h-big);border-radius:var(--r-panel);font:800 1.25rem/1 var(--display);padding:0 2rem}.btn.icon{width:var(--h);flex:none;padding:0}.btn.icon.small{width:var(--h-small)}.btn svg{flex:none;width:1.25rem;height:1.25rem}.seg{border-radius:var(--r);background:var(--tint);padding:.2rem;display:inline-flex}.seg button{min-height:1.9rem;color:var(--ink);white-space:nowrap;background:0 0;border:0;border-radius:7px;align-items:center;gap:.35rem;padding:0 .7rem;font-size:.875rem;font-weight:500;display:inline-flex}.seg button[aria-pressed=true]{background:var(--sea);color:#fff;font-weight:700}.seg .ic{width:1rem;height:1rem}.sea .seg:not(.light *){background:var(--hollow)}.sea .seg:not(.light *) button{color:#fff}.sea .seg:not(.light *) button[aria-pressed=true]{color:var(--navy);background:#fff}.as-link{color:var(--link);background:0 0;border:0;padding:0;font-weight:500;text-decoration:underline}.sea .as-link:not(.light *){color:#fff}.row-actions{flex-wrap:wrap;gap:.5rem;display:flex}.ic{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.25rem;height:1.25rem;overflow:visible}.ic .tint{fill:currentColor;fill-opacity:.22;transition:fill-opacity .15s}.ic .dot{fill:currentColor;stroke:none}:is(.btn,.pill,.as-link,.lang):hover:not(:disabled) .ic .tint{fill-opacity:.45}.btn.big .ic{width:1.6rem;height:1.6rem}.btn.small .ic,.pill .ic{width:1.1rem;height:1.1rem}:is(.as-link,h2,h3,legend):has(>.ic){align-items:center;gap:.35em;display:inline-flex}:is(.as-link,h2,h3)>.ic{width:1.15em;height:1.15em}label,legend{padding:0;font-size:.875rem;font-weight:500;display:block}label>:is(input,select,textarea),label+:is(input,select,textarea,.join-row),legend+*{margin-top:.35rem}fieldset{border:0;margin:0;padding:0}input,select,textarea{border:1px solid var(--field-line);border-radius:var(--r);background:var(--surface);width:100%;color:var(--ink)}input,select{height:var(--h);padding:0 .85rem}textarea{resize:vertical;padding:.7rem .9rem}::placeholder{color:var(--ink-soft);opacity:1}:is(input,select,textarea):focus-visible{outline-offset:0;border-color:var(--link)}.sea :is(input,select,textarea):not(.light *){color:#111730;background:#fff;border-color:#0000}.sea :is(input,select,textarea):not(.light *)::placeholder{color:#586079}input:is([type=checkbox],[type=radio]){width:1.15rem;height:1.15rem;accent-color:var(--sea);flex:none;margin:0;padding:0}.sea input:is([type=checkbox],[type=radio]):not(.light *){accent-color:var(--mint);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}label.check{cursor:pointer;align-items:flex-start;gap:.55rem;font-size:1rem;font-weight:400;display:flex}label.check input{margin-top:.2rem}input[type=range]{height:1.5rem;accent-color:var(--sea);background:0 0;border:0;padding:0}.help,.hint{color:var(--ink-soft);font-size:.9375rem}.help{margin-top:.35rem;font-size:.875rem;display:block}.sea :is(.help,.hint):not(.light *){color:#fff;opacity:.85}.join-row{gap:.5rem;display:flex}.join-row>input{min-width:0}.join-row>.btn{flex:none}.stack{flex-direction:column;gap:.9rem;display:flex}.stack>.btn{align-self:flex-start}.pill{border-radius:var(--r-pill);background:var(--tint);min-width:1.5rem;min-height:1.5rem;color:var(--ink);font:700 .8125rem/1.2 var(--body);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.25rem;padding:.1rem .6rem;text-decoration:none;display:inline-flex}.sea .pill:not(.light *){color:var(--navy);background:#fff}.sea .pill.ghost:not(.light *){color:#fff;background:0 0;border-color:#ffffff73;font-weight:500}.sea button.pill.ghost:not(.light *):hover{background:var(--veil-strong)}.pill.count{font-variant-numeric:tabular-nums;padding-inline:.4rem}.pill svg{width:1.1rem;height:1.1rem}.bar{border-radius:var(--r-pill);background:color-mix(in srgb, currentColor 18%, transparent);height:.5rem;display:block;overflow:hidden}.bar i{border-radius:inherit;min-width:.5rem;height:100%;transition:width .6s var(--ease);background:currentColor;display:block}.rows>li{padding-block:.7rem}.rows>li+li{border-top:1px solid var(--line)}.sea .rows:not(.light *)>li+li{border-color:var(--veil-strong)}.member{grid-template-columns:var(--member-avatar,2.5rem) minmax(0, 1fr) auto auto;align-items:center;column-gap:.7rem;padding:.4rem 0;display:grid}.member+.member{border-top:1px solid var(--veil-strong)}.member>.avatar,.member>.disc{width:var(--member-avatar,2.5rem);grid-row:span 2}.member>:is(a,b){color:inherit;text-overflow:ellipsis;white-space:nowrap;font-weight:700;text-decoration:none;overflow:hidden}.member>a:hover{text-decoration:underline}.member>small{opacity:.8;grid-column:2;font-size:.8125rem}.member>small:empty{display:none}.member.off>:not(.member-menu){opacity:.6}.member.me>small:before{content:"";background:var(--mint);border-radius:50%;width:.55rem;height:.55rem;margin-right:.35rem;display:inline-block}.member:not(.free){animation:join .35s var(--ease) backwards}.member.free>.disc{aspect-ratio:1;background:0 0;border:0;border-radius:50%;height:auto;scale:.8;box-shadow:inset 0 0 0 2px #ffffff8c}.member.free>b{opacity:.8;font-weight:500}.member>:is(.pill,.btn,.dots){grid-row:1/span 2;align-self:center}.member>.pill{grid-column:3}.member>:is(.dots,.btn){grid-column:4}.member>.member-menu{flex-wrap:wrap;grid-column:1/-1;gap:.35rem;padding:.4rem 0 .2rem;display:flex}.tight>.member{--member-avatar:1.75rem;flex-wrap:wrap;align-items:center;gap:0 .45rem;padding:.2rem 0;display:flex}.tight>.member>:is(a,b){flex:0 auto;min-width:0;font-size:.9375rem}.tight>.member>small{text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0;overflow:hidden}.tight>.member>small:empty{display:block}.tight>.member>.member-menu{flex-basis:100%}.tight>.member.me>small:before{margin-right:.3rem}.dots{width:1.9rem;height:1.9rem;color:inherit;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.dots:hover,.dots[aria-expanded=true]{background:var(--veil-strong)}.dots svg{fill:currentColor;width:1.2rem}.modal{z-index:20;background:var(--scrim);width:100%;max-width:none;height:100%;max-height:none;color:var(--ink);border:0;place-items:center;margin:0;padding:1rem;display:grid;position:fixed;inset:0}dialog.modal:not([open]){display:none}dialog.modal::backdrop{background:0 0}.skip-link{z-index:50;border:2px solid var(--sea);border-radius:var(--r);background:var(--surface);color:var(--ink);padding:.75rem 1rem;position:fixed;top:.5rem;left:.5rem;transform:translateY(-200%)}.skip-link:focus{transform:none}.dialog-head{z-index:2;background:var(--surface);grid-column:1/-1;align-items:flex-start;gap:.5rem;display:flex;position:sticky;top:-1.75rem}.dialog-head h2{overflow-wrap:anywhere;flex:1;min-width:0}.dialog-close{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);width:2.75rem;height:2.75rem;color:var(--ink);font:500 1.75rem/1 var(--body);flex:none;place-items:center;padding:0;display:grid}.dialog-close:hover{background:var(--tint)}.dialog{border-radius:var(--r-panel);background:var(--surface);width:100%;max-width:24rem;max-height:calc(100dvh - 2rem);color:var(--ink);text-align:left;overscroll-behavior:contain;min-width:0;animation:rise .25s var(--ease) backwards;flex-direction:column;gap:.9rem;padding:1.75rem;display:flex;overflow-y:auto}.dialog.medium{max-width:34rem}.dialog.wide{max-width:44rem}.dialog h2{font-size:1.5rem;font-weight:900}.dialog>p{color:var(--ink-soft)}.dialog .help{margin-top:-.5rem}#toasts{z-index:30;pointer-events:none;flex-direction:column;align-items:flex-end;gap:.5rem;display:flex;position:fixed;bottom:1.25rem;left:1.25rem;right:1.25rem}.toast{border-radius:var(--r);background:var(--ink);max-width:24rem;color:var(--ground);animation:rise .25s var(--ease) backwards;padding:.75rem 1rem;font-weight:500}.chat{flex-direction:column;gap:.5rem;min-height:0;display:flex;position:relative}.chat-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.chat-head h2{font-size:1.05rem;font-weight:800}.chat-head small{opacity:.8;font-size:.8125rem}.chat-log{overflow-wrap:anywhere;scrollbar-width:thin;scrollbar-color:var(--veil-strong) transparent;flex-direction:column;flex:1;gap:.6rem;min-height:4rem;margin-inline:-.25rem;padding:.1rem .25rem;display:flex;overflow-y:auto}.chat-log>:first-child{margin-top:auto}.chat-empty{text-align:center;opacity:.8;justify-items:center;gap:.35rem;margin-bottom:auto;padding:.75rem .5rem;font-size:.9375rem;display:grid}.chat-empty .ic{width:1.75rem;height:1.75rem}.chat-group{animation:rise .2s var(--ease) backwards;grid-template-columns:1.75rem minmax(0,1fr);justify-items:start;gap:.15rem .45rem;display:grid}.chat-group>.avatar{grid-row:1/span 2;align-self:start;width:1.75rem;margin-top:.1rem}.chat-who{grid-column:2;align-items:baseline;gap:.4rem;max-width:100%;font-size:.8125rem;line-height:1.3;display:flex}.chat-who b{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.chat-who time{opacity:.7;font-variant-numeric:tabular-nums;flex:none;font-size:.75rem}.chat-group ul{grid-column:2;justify-items:start;gap:.15rem;max-width:100%;display:grid}.chat-group li{background:var(--veil-strong);border-radius:4px 12px 12px 4px;max-width:100%;padding:.35rem .65rem;font-size:.9375rem;line-height:1.35}.chat-group li:first-child{border-top-left-radius:12px}.chat-group li:last-child{border-bottom-left-radius:12px}.chat-group.mine{grid-template-columns:minmax(0,1fr);justify-items:end;padding-left:1.75rem}.chat-group.mine .chat-who,.chat-group.mine ul{grid-column:1;justify-items:end}.chat-group.mine li{color:var(--navy);background:#fff;border-radius:12px 4px 4px 12px}.chat-group.mine li:first-child{border-top-right-radius:12px}.chat-group.mine li:last-child{border-bottom-right-radius:12px}.chat-new{cursor:pointer;position:absolute;bottom:3.4rem;right:50%;transform:translate(50%);box-shadow:0 4px 14px #04104259}.chat-form{border-radius:var(--r);background:#fff;align-items:center;gap:.25rem;height:2.75rem;padding:0 .3rem 0 0;display:flex}.chat-form:focus-within{outline-offset:2px;outline:3px solid #fff}.chat-form input{background:0 0;border:0;flex:1;min-width:0;height:100%;padding:0 .3rem 0 .8rem;font-size:.9375rem}.chat .chat-form input:focus-visible{outline:0}.chat-form .btn{border-radius:8px;width:2.15rem;height:2.15rem}.chat-form .btn:disabled{background:var(--tint);color:var(--ink-soft);opacity:1}.chat-count{color:#586079;font-variant-numeric:tabular-nums;flex:none;font-size:.75rem}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@keyframes join{0%{opacity:0;transform:translate(10px)}}
#app{grid-template-columns:16rem minmax(0,1fr);min-height:100dvh;display:grid}.side.sea{border-radius:0;flex-direction:column;gap:1.25rem;height:100dvh;padding:1.25rem .9rem 0;display:flex;position:sticky;top:0;overflow:hidden auto}.lockup{font:800 1.25rem/1 var(--display);letter-spacing:-.02em;color:#fff;align-items:center;gap:.7rem;padding:0 .4rem;text-decoration:none;display:inline-flex}.lockup-kind{opacity:.8;font-weight:500}.logo{border-radius:22%;flex:none;width:2.5rem;height:2.5rem;box-shadow:0 0 0 1.5px #fff6}.menu-toggle{display:none}#nav{flex-direction:column;gap:.15rem;display:flex}#nav a{border-radius:var(--r);color:#fff;align-items:center;gap:.75rem;min-height:2.75rem;padding:0 .6rem;font-weight:500;text-decoration:none;display:flex}#nav a:hover{background:var(--veil)}#nav a[aria-current=page]{background:var(--veil-strong);font-weight:700}#nav .art,.nav-ic{width:1.7rem;height:1.7rem}#nav a:hover .nav-ic .tint,#nav a[aria-current=page] .nav-ic .tint{fill-opacity:.5}#nav hr{border:0;border-top:1px solid var(--veil-strong);width:100%;margin:.6rem 0}.side.in-room #nav{flex-flow:wrap;gap:.25rem}.side.in-room #nav>a{flex:1;justify-content:center;min-height:2.5rem;padding:0}.side.in-room #nav>a>:is(span,small){display:none}.side.in-room #nav>a .pill{margin:-1.4rem 0 0 1.6rem;position:absolute}.side.in-room .pals{width:100%;margin-top:.2rem}#side-slot:empty,.side.in-room .mascot{display:none}#side-slot{flex:auto;min-height:0}@media (min-width:56.0625rem){.side.in-room #side-slot:has(.room:not(.waiting)){min-height:24rem}}.side.in-room{gap:.9rem}.resume{border-radius:var(--r-tile);background:var(--veil);animation:rise .3s var(--ease) backwards;flex:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.6rem .6rem .7rem .8rem;display:grid}.side:has(.resume) .mascot{display:none}.resume p{align-items:baseline;gap:.5rem;min-width:0;display:flex}.resume small{opacity:.85;font-size:.875rem}.resume strong{font:900 1.35rem/1 var(--display);letter-spacing:.12em}.resume .dots svg{fill:none;width:1.1rem;height:1.1rem}.resume .btn{grid-column:1/-1;margin-right:.2rem}.pals{border-radius:var(--r);background:var(--veil);margin-top:.4rem}.pals summary{border-radius:var(--r);cursor:pointer;align-items:center;gap:.5rem;min-height:2.5rem;padding:0 .7rem;font-weight:500;list-style:none;display:flex}.pals summary::-webkit-details-marker{display:none}.pals summary .pill{margin-left:auto}.pals summary:before{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:.45rem;height:.45rem;transition:transform .15s;transform:rotate(-45deg)}.pals[open] summary:before{transform:rotate(45deg)}.pals p{opacity:.9;padding:.2rem .7rem .7rem;font-size:.875rem}.pals p a{color:#fff}.pals .member{grid-template-columns:var(--member-avatar) minmax(0, 1fr) auto;column-gap:.45rem}.pals .member>small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pals ul{--member-avatar:2rem;scrollbar-width:thin;max-height:13rem;padding:0 .5rem .5rem;overflow-y:auto}#nav .pals .member>a:not(.pill){background:0 0;border-radius:0;min-height:0;padding:0;font-weight:700;display:block}#nav .pals a.pill{border-radius:var(--r-pill);min-height:1.5rem;color:var(--navy);background:#fff;padding:.1rem .5rem;font-weight:700;display:inline-flex}#nav .pals :is(a,button).pill:hover{background:var(--white-hover)}.ask-dialog{text-align:center}.ask-dialog .avatar{border-radius:var(--r-panel);order:-1;align-self:center;width:5.5rem;padding:.3rem}.invites{z-index:18;flex-direction:column;gap:.6rem;width:min(22rem,100vw - 2rem);display:flex;position:fixed;bottom:1rem;right:1rem}.invite-card{border-radius:var(--r-panel);background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px var(--line), 0 12px 32px #081c6647;animation:rise .3s var(--ease) backwards;grid-template-columns:3.25rem minmax(0,1fr);align-items:center;gap:.5rem .8rem;padding:.9rem 1rem;display:grid}.invite-card .avatar{width:3.25rem;padding:.15rem}.invite-card .row-actions{grid-column:1/-1}.side .mascot{flex:none;width:6.5rem;margin:auto auto 0}.who{z-index:2;border-top:1px solid var(--veil-strong);background:var(--sea-deep);flex-direction:column;gap:.45rem;margin:auto -.9rem 0;padding:.9rem 1.3rem 1rem;display:flex;position:sticky;bottom:0}.side.in-room .who,.side .mascot+.who{margin-top:0}.side:has(.resume) .mascot+.who{margin-top:auto}.who-links{flex-direction:column;gap:.45rem;display:flex}.who:has(.who-name) .who-links{flex-direction:row;gap:.4rem}.who:has(.who-name) .who-links .btn{flex:1;min-width:0;padding-inline:.4rem;font-size:.875rem}.side.in-room .who{padding-block:.7rem .6rem}.who-name{color:#fff;align-items:center;gap:.6rem;margin-bottom:.2rem;text-decoration:none;display:flex}.who-name b{font:800 1.1rem/1.2 var(--display);text-overflow:ellipsis;overflow:hidden}.who-disc{width:2.25rem;height:2.25rem;color:var(--navy);font:900 1rem/1 var(--display);background:#fff;border-radius:50%;flex:none;place-items:center;display:grid}.who-foot{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.lang{align-items:center;gap:.3rem;text-decoration:none;display:inline-flex}.lang:hover{text-decoration:underline}.lang .ic{width:1.1rem;height:1.1rem}.lang{color:#fff;opacity:.9;background:0 0;border:0;align-self:flex-start;padding:.2rem 0;font-size:.875rem;text-decoration:underline}.main{flex-direction:column;min-width:0;display:flex}#view{width:100%;max-width:82rem;padding:clamp(1rem,2.5vw,2.25rem) clamp(1rem,3vw,2.75rem)}#view:has(.home){max-width:none}.foot{color:var(--ink-soft);margin-top:auto;padding:1rem clamp(1rem,3vw,2.75rem) 1.5rem;font-size:.875rem}#app.full{grid-template-columns:minmax(0,1fr)}#app.full .side,#app.full .foot{display:none}.notice{max-width:40rem;color:var(--ink-soft)}.art{fill:#fff;display:block;overflow:visible}.art-pale{opacity:.5}.art-ink{fill:var(--navy)}.art-stroke,.art-line{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round}.art-line{stroke:var(--navy)}img.art{aspect-ratio:1;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;height:auto}.home{grid-template-columns:minmax(0,clamp(26rem,28vw,30rem)) minmax(0,1fr);align-items:stretch;gap:clamp(1.5rem,4vw,3.5rem);height:calc(100dvh - 8.6rem);min-height:31rem;display:grid}.start{align-self:center}.start h1{letter-spacing:-.04em;font-size:clamp(3rem,7vw,5.5rem);font-weight:900;line-height:.95}.start-lead{color:var(--ink-soft);margin:1rem 0 1.75rem;font-size:1.125rem}.start-card{flex-direction:column;gap:1rem;display:flex}.start-field input{font:800 1.2rem/1 var(--display);margin-top:.35rem}.start-join .join-row{margin-top:.35rem}.start-who:has(.start-name){align-items:center}.start-name b{font:900 clamp(1.5rem, 2.4vw, 1.9rem) / 1.1 var(--display);letter-spacing:-.02em;overflow-wrap:anywhere}.start-name small{color:var(--ink-soft);margin-top:.2rem;font-size:.875rem;line-height:1.35;display:block}.field-head{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.field-head .as-link{font-size:.8125rem}.start-pick{color:var(--ink-soft);text-align:center;margin-top:-.5rem;font-size:.9375rem}.start-pick b{color:var(--ink)}.start-or{color:var(--ink-soft);align-items:center;gap:.75rem;font-size:.875rem;display:flex}.start-or:before,.start-or:after{content:"";border-top:1px solid var(--line);flex:1}.code-field{min-width:0;font:800 1.25rem/1 var(--display);letter-spacing:.3em;text-transform:uppercase}.code-field::placeholder{color:var(--field-line)}.games{flex-direction:column;padding:clamp(1.25rem,2.5vw,2rem);display:flex}.games:after{content:"";z-index:-1;aspect-ratio:1;opacity:.1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none' stroke='%23fff'%3E%3Ccircle cx='100' cy='100' r='96' stroke-width='1.5'/%3E%3Ccircle cx='100' cy='100' r='84' stroke-width='.75' stroke-dasharray='1 5.6'/%3E%3Ccircle cx='100' cy='100' r='46' stroke-width='.75'/%3E%3Cpath stroke-width='.75' d='M100 4v192M4 100h192M32 32l136 136M168 32L32 168'/%3E%3Cpath fill='%23fff' stroke='none' d='M100 12l11 77 77 11-77 11-11 77-11-77-77-11 77-11z'/%3E%3Cpath fill='%23fff' fill-opacity='.45' stroke='none' d='M100 100l-9-9 9-55 9 55zM100 100l9 9-9 55-9-55z' transform='rotate(45 100 100)'/%3E%3Cpath fill='%23fff' fill-opacity='.45' stroke='none' d='M100 100l-9-9 9-55 9 55zM100 100l9 9-9 55-9-55z' transform='rotate(-45 100 100)'/%3E%3C/svg%3E") 50%/contain no-repeat;width:clamp(16rem,30vw,30rem);position:absolute;top:clamp(-9rem,-11vw,-5rem);right:clamp(-9rem,-11vw,-5rem)}.games h2{font-size:clamp(1.5rem,2.6vw,2.75rem);font-weight:900}.games-lead{opacity:.9;margin:.35rem 0 1.1rem}.games ul{flex:1;grid-template:repeat(2,minmax(0,1fr))/repeat(3,minmax(0,1fr));gap:clamp(.6rem,1.2vw,1rem);min-height:0;display:grid}.game-tile{border-radius:var(--r-tile);background:var(--veil);color:#fff;text-align:left;width:100%;height:100%;transition:background .2s, transform .2s var(--ease);animation:rise .5s var(--ease) backwards;animation-delay:calc(var(--i,0) * 55ms);border:0;flex-direction:column;align-items:flex-start;padding:clamp(.6rem,min(1.6vw,2.4vh),1.5rem);display:flex;position:relative;overflow:hidden}.game-tile:active:not(:disabled){transform:scale(.985)}.game-tile:hover:not(:disabled){background:var(--veil-strong)}.game-tile:disabled{opacity:1}.game-tile.on{background:var(--veil-strong);box-shadow:inset 0 0 0 3px var(--mint)}.game-tile .art{object-position:left center;flex:1 1 0;width:auto;max-width:100%;min-height:0;max-height:21rem;margin:-.25rem 0 .4rem -.25rem}.game-tile b,.game-tile small,.tile-pitch{flex:none}:is(.game-tile,.pick-game):is(:hover,:focus-visible):not(:disabled) .art{animation:.6s cubic-bezier(.3,.7,.3,1) wobble}.game-tile b{font:900 clamp(1rem, 10.5cqw, 2.25rem) / 1.1 var(--display)}.game-tile small{opacity:.85;margin-top:.2rem;font-size:clamp(.8125rem,5.6cqw,1.1rem);font-weight:500}.tile-min{display:none}.tile-pitch{opacity:.9;max-width:24rem;min-height:4.2em;margin-top:.6rem;font-size:clamp(1rem,4.4cqw,1.2rem);line-height:1.4;display:none}@media (min-width:56.0625rem) and (max-width:75rem){.games ul{grid-template:repeat(3,minmax(0,1fr))/repeat(2,minmax(0,1fr))}}.games li{container-type:size}@container (min-width:13rem){.tile-min{display:inline}}@container (min-height:22rem) and (min-width:16rem){.tile-pitch{display:block}}.mascot{overflow:visible}.mascot-fur{fill:#fff}.mascot-inner{fill:#a9c4f5}.mascot-ink{fill:var(--navy)}.mascot-glint{fill:#fff}.mascot-brow,.mascot-strap,.mascot-mouth{fill:none;stroke:var(--navy);stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round}.mascot-mouth{stroke-width:2.6px}.mascot-collar{fill:var(--mint)}.mascot-tag{fill:var(--mint);stroke:#fff;stroke-width:2.5px}.mascot-tail{fill:none;stroke:#fff;stroke-width:11px;stroke-linecap:round;transform-box:fill-box;transform-origin:0 100%;animation:4.2s ease-in-out infinite tail}.mascot-eye,.mascot-ear{transform-box:fill-box}.mascot-eye{transform-origin:50%;animation:4.8s linear infinite blink}.mascot-ear{transform-origin:30% 100%;animation:5.5s ease-in-out infinite ear}.game,.table,.profile{grid-template-columns:minmax(0,26rem) minmax(0,1fr);align-items:start;gap:clamp(1.5rem,4vw,3.5rem);display:grid}@media (min-width:56.0625rem){.profile>.paper{position:sticky;top:clamp(1rem,2.5vw,2.25rem)}}.profile .facts+.bar{color:var(--link);margin:.9rem 0 1.5rem}.back{margin-bottom:1.25rem;font-weight:500;display:inline-block}.paper h1{letter-spacing:-.03em;font-size:clamp(2.25rem,5vw,3.25rem);font-weight:900}.paper h2{margin:2rem 0 .5rem;font-size:1.125rem;font-weight:800}.pitch{color:var(--ink-soft);margin:.9rem 0 1.5rem;font-size:1.125rem}.facts{border-block:1px solid var(--line);flex-wrap:wrap;gap:.75rem 2rem;padding-block:1rem;display:flex}.facts dt{color:var(--ink-soft);font-size:.875rem}.facts dd{font-weight:700}.actions{flex-direction:column;align-items:flex-start;gap:.75rem;margin-top:1.75rem;display:flex}.box{place-items:center;min-height:min(34rem,70vh);padding:2rem;display:grid}.box .art{width:min(60%,17rem)}.stage{padding:clamp(3.75rem,7vw,5rem) clamp(2.5rem,7vw,5.5rem) 1.5rem}.round{aspect-ratio:5/4;min-width:min(100%,16rem);max-width:min(38rem,125dvh - 23.75rem);margin:0 auto;position:relative}.table-top{background:var(--veil);border-radius:50%;position:absolute;inset:0;overflow:hidden}.table-top:before{content:"";opacity:.1;background:repeating-conic-gradient(#fff 0 .35deg, transparent .35deg 22.5deg);position:absolute;inset:0}.seat{width:3.5rem;height:3.5rem;position:absolute;transform:translate(-50%,-50%)}.disc{background:var(--sea);border:2px dashed #fff9;border-radius:50%;place-items:center;width:100%;height:100%;display:grid}.seat.taken .disc{color:var(--navy);font:900 1.5rem/1 var(--display);background:#fff;border:0}.seat.me .disc{box-shadow:0 0 0 3px var(--sea-deep), 0 0 0 6px var(--mint)}.seat-name{white-space:nowrap;font-weight:700;position:absolute;top:calc(100% + .7rem);left:50%;transform:translate(-50%)}.table-mid{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.table-mid .art{width:3rem;margin-bottom:.75rem}.code{font:900 clamp(2.75rem, 9vw, 5rem) / 1 var(--display);letter-spacing:.14em;margin:.1rem 0 .9rem;padding-left:.14em}.state{font-weight:700}.sheet{padding:clamp(1.5rem,4vw,2.75rem)}.sheet-head{flex-wrap:wrap;align-items:center;gap:1.5rem 2.5rem;margin-bottom:2rem;display:flex}.disc.big{width:6rem;height:6rem;color:var(--navy);font:900 3rem/1 var(--display);background:#fff;border:0;flex:none}.totals{gap:2.5rem;display:flex}.totals dd{font:900 clamp(2.5rem, 6vw, 3.5rem) / 1 var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.totals dt{opacity:.85;margin-top:.3rem}.sheet-games .art{width:3.25rem}.sheet-games li{border-top:1px solid var(--veil-strong);grid-template-columns:3.25rem minmax(0,1fr) auto;align-items:center;gap:1rem;padding-block:.9rem;display:grid}.sheet-games a{color:#fff;font:800 1.2rem/1.2 var(--display);text-decoration:none}.sheet-games a:hover{text-decoration:underline}.sheet-games span{opacity:.85;text-align:right}.sheet-note{border-top:1px solid var(--veil-strong);opacity:.85;margin-top:1rem;padding-top:1rem}.friends{max-width:44rem}.friends h1{letter-spacing:-.03em;margin-bottom:1.5rem;font-size:clamp(2.25rem,5vw,3.25rem);font-weight:900}.friends h2{margin:2.5rem 0 .5rem;font-size:1.125rem;font-weight:800}.people li{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding-block:.75rem;display:flex}.people li:last-child{border-bottom:1px solid var(--line)}.people a{color:var(--ink);margin-right:auto;font-weight:700}.when{color:var(--ink-soft);font-size:.9375rem}.account{max-width:34rem}.account .pitch{font:800 1.35rem/1.2 var(--display);color:var(--ink);margin-top:-1rem}.people li b{margin-right:auto}.words-count{font-weight:700}.words-count.short{color:var(--danger)}.invite .hint{margin-top:.6rem}.recovery-codes{gap:.4rem;max-height:15rem;padding:0;list-style:none;display:grid;overflow:auto}.recovery-codes code{-webkit-user-select:all;user-select:all;font-size:clamp(.65rem,2.6vw,.85rem)}.recovery-saved{align-items:center;gap:.6rem;display:flex}.recovery-saved input{width:auto}.account .stack{margin-top:.9rem}.look-parts legend{font-weight:700}.who-links{gap:.4rem;display:flex}.start-go{gap:.5rem;display:flex}.start-go .btn.primary{flex:1.6;padding-inline:1rem}.start-go .btn{gap:.4rem;min-width:0}.start-go .btn.quiet{flex:1.25;padding-inline:.6rem;font-size:1rem}.start-go .btn.quiet .ic{width:1.3rem;height:1.3rem}.avatar{flex:none;width:2.75rem;height:auto;display:block;overflow:visible}.avatar.big{width:7.5rem}.who-name .avatar{width:2.75rem;margin:-.25rem 0}.nav-count{opacity:.85;margin-left:auto;font-size:.8125rem}.start-who{align-items:flex-end;gap:.9rem;display:flex}.start-who .start-field,.start-who .start-name{flex:1;min-width:0}.start-name b{display:block}.start-avatar{border-radius:var(--r-panel);background:var(--sea-fill);color:#fff;border:0;flex:none;width:4.75rem;padding:.3rem .3rem .9rem;position:relative;overflow:hidden}.start-avatar .avatar{width:100%;transition:transform .25s var(--ease)}.start-avatar:hover:not(:disabled) .avatar{animation:.6s cubic-bezier(.3,.7,.3,1) wobble}.start-avatar span{text-align:center;background:#081c66d1;padding:.2rem 0;font-size:.75rem;font-weight:700;position:absolute;inset:auto 0 0}.nudge{border-radius:var(--r-panel);box-shadow:0 0 0 1px var(--line);background:var(--surface);color:var(--ink);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.2rem .9rem;margin-top:.75rem;padding:.6rem 1rem .6rem .6rem;text-decoration:none;transition:box-shadow .15s;display:grid}.nudge:hover{box-shadow:0 0 0 2px var(--sea)}.nudge-text b{font:800 1rem/1.25 var(--display);display:block}.nudge-text small{color:var(--ink-soft);font-size:.875rem;line-height:1.35;display:block}.nudge .bar{color:var(--link);grid-column:2}.nudge:not(:has(.bar)) .nudge-text{grid-row:span 2}.dialog.look-dialog{grid-template-columns:13rem minmax(0,1fr);align-items:stretch;gap:1.75rem;max-width:56rem;max-height:94dvh;display:grid;overflow-y:auto}.look-side{text-align:center;flex-direction:column;flex:none;align-items:center;gap:.75rem;width:13rem;display:flex}.look-side h2{align-self:flex-start}.look-stage{aspect-ratio:1;place-items:end center;width:100%;display:grid}.look-stage .avatar{width:74%;animation:.3s cubic-bezier(.2,1.2,.4,1) pop}.look-name{font:800 1.2rem/1.2 var(--display);overflow-wrap:anywhere}.look-side .btn{width:100%}.look-parts{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:.6rem 1.25rem;min-width:0;display:grid}.look-parts>.wide,.look-parts>.look-hint,.look-parts>.row-actions{grid-column:1/-1}.look-row{flex-wrap:wrap;gap:.4rem;display:flex}.look-pick{border-radius:var(--r);background:var(--pale);border:0;place-items:center;width:3.4rem;height:3.4rem;padding:.3rem;transition:transform .12s,background .12s;display:grid;position:relative}.look-pick .part{width:100%;height:100%;display:block;overflow:visible}.look-pick:hover{background:#fff;transform:translateY(-2px)}.look-pick.on{outline:3px solid var(--link);outline-offset:1px;background:#fff}.look-pick.locked .part{opacity:.4}.look-lock{background:var(--navy);fill:#fff;border-radius:50%;width:1.3rem;height:1.3rem;padding:.22rem;position:absolute;bottom:.1rem;right:.1rem}.look-hint{min-height:2.8em;color:var(--ink-soft);font-size:.9375rem}.look-hint b{color:var(--ink)}.look-parts .row-actions{margin-top:auto}.goal-part{aspect-ratio:1;border-radius:var(--r);background:var(--pale);width:3.5rem;padding:.35rem;display:block}.goal-part .part{width:100%;height:100%;display:block;overflow:visible}.nudge .goal-part{grid-row:span 2;width:3rem}.goals-list li:not(.done) .goal-part .part{opacity:.55}.goals-me{align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.goals-me .avatar{border-radius:var(--r-panel);width:5.5rem;padding:.3rem}.goals-me b{font:800 1.35rem/1.2 var(--display);display:block}.goals-me span{color:var(--ink-soft)}.goals .facts+.hint{margin-top:.75rem}.goals-list li{grid-template-columns:3.75rem minmax(0,1fr) minmax(6rem,9rem);align-items:center;gap:1rem;padding-block:.7rem;display:grid}.goals-list li+li{border-top:1px solid var(--veil-strong)}.goals-list .avatar{width:3.75rem}.goal-text b{font:800 1.15rem/1.2 var(--display);display:block}.goal-text span{display:block}.goal-text small{opacity:.8}.goal-state{text-align:right;gap:.3rem;display:grid}.goal-state strong{font:800 1rem/1 var(--display)}.goals-list li:not(.done) .avatar{opacity:.6}.goals-list li.done .goal-state strong{border-radius:var(--r-pill);color:var(--navy);background:#fff;justify-self:end;padding:.35rem .7rem}.fx{display:inline-block}.fx-vague span{animation:1.6s ease-in-out infinite fx-vague;animation-delay:calc(var(--i) * 90ms);display:inline-block}@keyframes fx-vague{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-.28em)}}.fx-rebond{transform-origin:50% 100%;animation:1.8s cubic-bezier(.3,.6,.3,1) infinite fx-rebond}@keyframes fx-rebond{0%,55%,to{transform:translateY(0)scale(1)}20%{transform:translateY(-.3em)scale(1.04,.96)}35%{transform:translateY(0)scale(.96,1.05)}}.fx-tangage{transform-origin:50% 110%;animation:2.6s ease-in-out infinite fx-tangage}@keyframes fx-tangage{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.fx-neon{animation:1.8s ease-in-out infinite fx-neon}@keyframes fx-neon{0%,to{text-shadow:0 0 .15em var(--mint), 0 0 .5em var(--mint)}50%{text-shadow:0 0 .05em var(--mint)}}.fx-arcenciel,.fx-or{color:#0000;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite fx-slide}.fx-arcenciel{background-image:linear-gradient(90deg,#ff6b5e,#ffcf3f,#5fe0a0,#35c3e6,#b9a4f5,#ff6b5e,#ffcf3f)}.fx-or{background-image:linear-gradient(90deg,#e39a00,#ffd76a,#fff6c7,#ffd76a,#e39a00,#ffd76a);animation-duration:3s}@keyframes fx-slide{to{background-position:-300% 0}}.fx-list{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.5rem;margin-top:.5rem;display:grid}.fx-list button{border-radius:var(--r);background:var(--sea-fill);color:#fff;text-align:left;border:0;width:100%;padding:.6rem .8rem;display:block}.fx-list button.on{outline:3px solid var(--mint);outline-offset:2px}.fx-list b{font:800 1.05rem/1.3 var(--display);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.fx-list small{opacity:.85}.shop .paper h2{margin-top:1.75rem}.purse{gap:1rem;padding:1.25rem;display:grid}.purse-total{color:var(--ink-soft);align-items:baseline;gap:.6rem;font-weight:500;display:flex}.purse-total strong{color:var(--ink);font:900 clamp(2.5rem, 5vw, 3.25rem) / 1 var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.purse-coin{color:#fff;border-radius:50%;align-self:center;place-items:center;width:2.75rem;height:2.75rem;display:grid}.purse-coin .ic{width:1.6rem;height:1.6rem}.purse-day{border-top:1px solid var(--line);color:var(--link);gap:.5rem;padding-top:1rem;display:grid}.purse-day p{color:var(--ink-soft);justify-content:space-between;gap:1rem;font-size:.9375rem;display:flex}.purse-day b{color:var(--ink);font-variant-numeric:tabular-nums}.purse-day .btn{justify-self:start}.earn li{justify-content:space-between;align-items:center;gap:1rem;display:flex}.shop-sea{gap:1rem;display:grid}.shop-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;display:flex}.shop-head:not(:first-child){border-top:1px solid var(--veil-strong);margin-top:1rem;padding-top:1.5rem}.shop-head h2{font-size:clamp(1.5rem,2.4vw,2rem);font-weight:900}.shop-head p{opacity:.9}.shop-clock{font:800 1.15rem/1 var(--display);font-variant-numeric:tabular-nums;margin-left:.25rem}.shop-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,12.5rem),1fr));gap:clamp(.6rem,1.4vw,1rem);display:grid}.shop-item{border-radius:var(--r-tile);background:var(--veil);animation:rise .45s var(--ease) backwards;align-content:start;gap:.75rem;padding:1rem;transition:background .2s;display:grid;position:relative}.shop-item:hover{background:var(--veil-strong)}.shop-kind{z-index:1;position:absolute;top:.75rem;left:.75rem}.shop-show{border-radius:var(--r);background:var(--hollow);grid-column:1/-1;justify-content:center;align-items:flex-end;gap:.75rem;min-height:10rem;padding:2.5rem .75rem 1rem;display:flex;position:relative;overflow:hidden}.shop-show:has(.avatar):after{content:"";background:#04104273;border-radius:50%;width:7rem;height:.7rem;position:absolute;bottom:.7rem;left:50%;translate:-50%}.shop-show>*{z-index:1;position:relative}.shop-show .avatar{width:7rem}.shop-item:hover .shop-show .avatar{animation:.6s cubic-bezier(.3,.7,.3,1) wobble}.shop-part{border-radius:var(--r);background:var(--pale);flex:none;place-items:center;width:3.25rem;height:3.25rem;padding:.3rem;display:grid}.shop-part .part{width:100%;height:100%;display:block;overflow:visible}.shop-name{max-width:100%;font:900 clamp(1.1rem, 1.7vw, 1.6rem) / 1.3 var(--display);overflow-wrap:anywhere;text-align:center;align-self:center}.shop-text b{font:800 1.2rem/1.2 var(--display);display:block}.shop-text small{opacity:.85;line-height:1.3;display:block}.shop-item .btn{min-width:5.5rem;font:800 1.1rem/1 var(--display);font-variant-numeric:tabular-nums}.shop-owned{justify-self:start;min-height:2.25rem;padding-inline:.8rem;font-size:.9375rem}.shop-short{grid-column:1/-1;gap:.35rem;display:grid}.shop-short small{opacity:.9}.shop-all{grid-template-columns:repeat(auto-fill,minmax(min(100%,13.5rem),1fr));gap:.5rem;display:grid}.shop-all li{border-radius:var(--r);background:var(--veil);grid-template-columns:2.75rem minmax(0,1fr);align-items:center;column-gap:.7rem;padding:.5rem .6rem;display:grid}.shop-all .shop-part{grid-row:span 2;width:2.75rem;height:2.75rem}.shop-aa{color:var(--navy);font:900 1.15rem/1 var(--display)}.shop-all b{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.shop-all small{opacity:.85;align-items:center;gap:.25rem;font-size:.8125rem;display:flex}.shop-all small .ic{width:.9rem;height:.9rem}.shop-all .away{box-shadow:inset 0 0 0 1px var(--veil-strong);background:0 0}.shop-all .away .shop-part{opacity:.6}.goals-group+.goals-group{margin-top:1.5rem}.goals-group h2{border-bottom:2px solid #fff;justify-content:space-between;align-items:baseline;padding-bottom:.4rem;font-size:1.35rem;font-weight:900;display:flex}.goals-group h2 small{font:700 .9375rem/1 var(--body);opacity:.85}@keyframes wobble{25%{transform:rotate(-7deg)scale(1.06)}60%{transform:rotate(5deg)scale(1.06)}}@keyframes tail{50%{transform:rotate(-14deg)}}@keyframes blink{0%,93%,to{transform:scaleY(1)}96.5%{transform:scaleY(.08)}}@keyframes ear{0%,80%,88%,to{transform:rotate(0)}84%{transform:rotate(14deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (max-height:52rem){.start-card{gap:.8rem;padding:1.25rem}.nudge{padding-block:.4rem}.nudge .goal-part{width:2.5rem}.nudge-text small{display:none}}@media (max-height:47rem){.start-lead{display:none}.start h1{margin-bottom:.75rem}}@media (max-height:44rem){.side .mascot{display:none}.side:not(.in-room) .mascot+.who{margin-top:auto}.nudge{margin-top:.5rem;padding-block:.35rem}.nudge .goal-part{width:2.25rem}.nudge-text small{display:none}.start-avatar{width:4.25rem}.start h1{font-size:clamp(2.5rem,10vh,4rem)}.start-lead{display:none}.start h1{margin-bottom:.75rem}.start-card{gap:.7rem;padding:1.1rem}.games-lead{margin-bottom:.7rem}}@media (max-width:30rem){.lockup-kind{display:none}}@media (max-width:56rem){#app{flex-direction:column;display:flex}.side.sea{flex-flow:wrap;align-items:center;gap:.5rem .75rem;height:auto;padding:.6rem .9rem;position:static;overflow:visible}.side .mascot{display:none}.lockup{margin-right:auto}.logo{width:2rem;height:2rem}.menu-toggle{border:1px solid var(--veil-strong);border-radius:var(--r);color:#fff;background:var(--veil);flex:none;place-items:center;width:2.75rem;height:2.75rem;padding:0;display:grid}.menu-toggle:hover{background:var(--veil-strong)}.menu-bars{gap:.3rem;width:1.25rem;display:grid}.menu-bars i{background:currentColor;border-radius:2px;height:2px}.menu-open .menu-bars{height:1.25rem;position:relative}.menu-open .menu-bars i{width:100%;position:absolute;top:calc(50% - 1px);transform:rotate(45deg)}.menu-open .menu-bars i:nth-child(2){display:none}.menu-open .menu-bars i:last-child{transform:rotate(-45deg)}.side #nav,.side .who{display:none}.side.menu-open #nav{border-top:1px solid var(--veil-strong);flex-direction:column;order:3;width:100%;padding-top:.5rem;display:flex;overflow:visible}.side.menu-open #nav>a{flex:none;justify-content:flex-start;min-height:2.75rem;padding:0 .6rem;font-size:.9375rem}.side.in-room #nav>a>:is(span,small){display:inline}.side.in-room #nav>a .pill{margin:0;position:static}#nav hr{display:none}#side-slot{order:2;width:100%;min-width:0}.resume{order:2;grid-template-columns:minmax(0,1fr) auto auto;width:100%;padding:.35rem .4rem .35rem .8rem}.resume .btn{grid-area:1/2;margin:0}.side.menu-open .who{border-top:1px solid var(--veil-strong);background:0 0;flex-direction:column;order:4;align-items:stretch;width:100%;margin:0;padding:.75rem 0 0;display:flex;position:static}.who .btn{width:auto}.who-links{flex-direction:row}.who .lang{align-self:center}.lang.sound{gap:0;font-size:0}.home{grid-template-columns:minmax(0,1fr);height:auto;min-height:0}.games ul{grid-template:none / minmax(0, 1fr)}.games li{container-type:normal}.game-tile{grid-template-columns:4rem minmax(0,1fr);align-items:center;column-gap:1rem;padding:.75rem 1rem;display:grid}.game-tile>*{grid-column:2}.game-tile .art{grid-area:1/1/span 2/2;width:4rem;max-height:none;margin:0}.game-tile b{font-size:1.25rem}.game-tile small{font-size:.9375rem}.tile-min{display:inline}.game,.table,.profile{grid-template-columns:minmax(0,1fr)}.invite .join-row{flex-wrap:wrap}.dialog.look-dialog{flex-direction:column;grid-template-columns:minmax(0,1fr);gap:1rem}.look-side{text-align:left;flex-flow:wrap;width:auto}.look-side h2{width:100%}.look-stage{width:6.5rem}.look-side .btn{width:auto}.look-side .hint{width:100%}.goals-list li{grid-template-columns:3rem minmax(0,1fr)}.goals-list .avatar{width:3rem}.goal-state{text-align:left;grid-column:2}.goals-list li.done .goal-state strong{justify-self:start}.box{order:-1;min-height:16rem}.box .art{width:9rem}.seat{width:2.6rem;height:2.6rem}.seat.taken .disc{font-size:1.15rem}.table-mid .art{display:none}}.quick-games{gap:.6rem;display:grid}.quick-game{border-radius:var(--r-tile);box-shadow:inset 0 0 0 1px var(--line)}.quick-game.live{background:var(--tint);box-shadow:none}.quick-head{grid-template-columns:3rem minmax(0,1fr) auto auto;align-items:center;column-gap:.8rem;padding:.6rem .75rem;display:grid}.quick-art{grid-area:1/1/span 2;place-items:center;width:3rem;height:3rem;display:grid}.quick-art .art{width:88%}.quick-head h3{grid-area:1/2;align-self:end;font-size:1.15rem;font-weight:900}.quick-head small{color:var(--ink-soft);grid-area:2/2;align-self:start;font-size:.875rem}.quick-head .pill{grid-area:1/3/span 2}.quick-head .btn{grid-area:1/4/span 2}.quick-game:not(.live) .pill{color:var(--ink-soft);background:0 0;font-weight:500}.quick-game.live .pill{background:var(--sea);color:#fff}.quick-rooms{border-top:1px solid var(--line);margin:0 .75rem}.quick-rooms>li{animation:rise .3s var(--ease) backwards;grid-template-columns:2.25rem minmax(0,1fr) 6.5rem auto;align-items:center;column-gap:.8rem;padding-block:.55rem;display:grid}.quick-rooms .avatar{border-radius:8px;width:2.25rem;padding:.1rem}.quick-rooms p b,.quick-rooms p small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.quick-rooms p small{color:var(--ink-soft);font-size:.8125rem}.quick-seats{color:var(--link);text-align:right;gap:.25rem;display:grid}.quick-seats b{color:var(--ink);font:800 1rem/1 var(--display);font-variant-numeric:tabular-nums}@media (max-width:40rem){.quick-head{grid-template-columns:2.5rem minmax(0,1fr) auto;row-gap:.4rem}.quick-art{width:2.5rem;height:2.5rem}.quick-head .btn{grid-area:3/1/auto/-1}.quick-rooms>li{grid-template-columns:2.25rem minmax(0,1fr) auto;row-gap:.4rem}.quick-rooms .avatar{grid-area:1/1/span 2;align-self:start}.quick-rooms p{grid-area:1/2}.quick-seats{grid-area:2/2;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:.5rem}.quick-rooms .btn{grid-area:1/3/span 2}}.kit{gap:2.5rem;max-width:64rem;display:grid}.kit h1{letter-spacing:-.03em;font-size:clamp(2.25rem,5vw,3.25rem);font-weight:900}.kit .pitch{margin-bottom:0}.kit-piece{gap:.75rem;display:grid}.kit-piece>h2{font-size:1.35rem;font-weight:900}.kit-pair{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1rem;display:grid}.kit-demo{align-content:start;gap:1rem;padding:1.5rem;display:grid}.kit-form{max-width:22rem}.kit-chat{max-width:24rem;height:24rem}.kit-chat .chat{height:100%}.kit-swatches{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.6rem;display:grid}.kit-swatches li{align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.kit-swatches i{border-radius:var(--r);width:2rem;height:2rem;box-shadow:inset 0 0 0 1px var(--line);flex:none}.kit-icons{color:var(--ink-soft);flex-wrap:wrap;gap:.75rem;display:flex}.start-avatar span{justify-content:center;align-items:center;gap:.2rem;display:flex}.start-avatar .ic{width:.8rem;height:.8rem}.field-head .as-link .ic{width:1rem;height:1rem}.account h2 .ic{color:var(--link)}.kit-icons span{justify-items:center;gap:.2rem;width:4.25rem;font-size:.6875rem;display:grid}.kit-icons .ic{width:1.75rem;height:1.75rem;color:var(--ink)}
:root{--corail:#ff6b5e;--sable:#ffcf3f;--algue:#1faa6f;--lagon:#14a3c7;--feu:#ffb23e;--game-ink:#111730}#app:has(.play){height:100dvh;min-height:0;overflow:hidden}#app:has(.play) .main{min-height:0}#app:has(.play) .foot{display:none}#app:has(.play) #view{flex:1;max-width:none;min-height:0;padding:clamp(.5rem,1.2vw,1rem)}.play{height:100%}.board{flex-direction:column;height:100%;padding:clamp(.75rem,1.5vw,1.25rem);display:flex;position:relative}.board>:nth-child(2),.stage-host>:first-child{isolation:isolate;flex:1;min-height:0;overflow:hidden auto}.stage-host{display:contents}.board-bar{align-items:center;gap:.75rem;margin-bottom:.6rem;display:flex}.board-bar>:is(b,h1){font:900 1.15rem/1 var(--display)}.board-bar span{opacity:.85;font-size:.9375rem}.room-code{border-radius:var(--r-tile);background:var(--veil);color:#fff;text-align:left;border:0;grid-template-columns:minmax(0,1fr);align-items:baseline;column-gap:.6rem;width:100%;min-width:0;padding:.6rem .8rem;display:grid}.room-code:hover{background:var(--veil-strong)}.room-code small{opacity:.85}.room-code strong{font:900 1.5rem/1.2 var(--display);letter-spacing:.06em;overflow-wrap:anywhere;margin-top:.25rem}.room-code span{opacity:.9;grid-column:1/-1;align-items:center;gap:.35rem;margin-top:.3rem;font-size:.8125rem;display:flex}.room-toggle{display:none}.room,.room-body{flex-direction:column;gap:.7rem;min-height:0;display:flex}.room{height:100%}.room-body{flex:1}.room-body>h2{padding:0 .4rem;font-size:1.05rem;font-weight:800}.room-body>.members{scrollbar-width:thin;scrollbar-color:var(--veil-strong) transparent;flex:0 auto;min-height:2.1rem;max-height:min(45%,10.75rem);margin-top:-.3rem;padding:0 .4rem;overflow-y:auto}.room-body>.chat{border-top:1px solid var(--veil-strong);flex:11rem;min-height:11rem;padding:.7rem .4rem 0}.room-leave{flex:none;width:100%}@media (min-width:56.0625rem){.room.waiting .room-body>h2,.room.waiting .members{display:none}}.settings{border-radius:var(--r);background:var(--tint);gap:.35rem;margin-top:.8rem;padding:.7rem .9rem;font-size:.9375rem;display:grid}.settings label{font:inherit;grid-template-columns:minmax(0,1fr) minmax(6rem,11rem) 3.75rem;align-items:center;gap:.75rem;display:grid}.settings output{text-align:right;font-variant-numeric:tabular-nums;font-weight:800}.settings-read{color:var(--ink-soft);margin-top:.6rem;font-size:.9375rem}.lobby{grid-template:minmax(0,1fr) auto/minmax(0,1fr) minmax(17rem,23rem);gap:clamp(.6rem,1.6vh,1rem);display:grid}.lobby-game{border-radius:var(--r-panel);min-height:0;color:var(--ink);background:#fff;grid-template:minmax(0,1fr) auto/auto minmax(0,1fr);gap:clamp(.75rem,2vh,1.25rem) clamp(1rem,2vw,1.75rem);padding:clamp(1rem,2.6vh,1.75rem) clamp(1rem,2vw,1.75rem);display:grid;container-type:inline-size}.lobby-art{aspect-ratio:1;border-radius:var(--r-panel);background:var(--sea-fill);align-self:start;place-items:center;width:clamp(4.5rem,19vh,9.5rem);display:grid}.lobby-art .art{width:92%}.lobby-what{min-height:0;overflow-y:auto}.lobby-kicker{color:var(--ink-soft);font-size:.9375rem;font-weight:500}.lobby-what h1{color:var(--navy);letter-spacing:-.035em;font-size:clamp(2rem,7.5vh,4.25rem);font-weight:900;line-height:1}.lobby-pitch{max-width:34rem;margin-top:.6rem;font-size:clamp(1rem,2.4vh,1.2rem)}.lobby-facts{color:var(--ink-soft);margin-top:.35rem;font-size:.9375rem}.lobby-rules{color:var(--sea);display:none}.lobby-rules-list{border-top:1px solid var(--line);max-width:38rem;margin-top:.9rem;font-size:.9375rem}.lobby-rules-list li{padding-block:.5rem}.lobby-rules-list li+li{border-color:var(--line)}@container (min-width:58rem){.lobby-art{align-self:stretch;width:auto;max-width:46cqw;height:100%}.lobby-art .art{width:min(90%,36rem)}.lobby-what h1{font-size:clamp(2rem,9vh,5.5rem)}.lobby-pitch{font-size:clamp(1rem,2.4vh,1.35rem)}.lobby-rules-list{font-size:1rem}}.lobby-art,.lobby-what{animation:settle .35s var(--ease) backwards}.lobby-art{animation-name:settle-art}@keyframes settle{0%{opacity:0;transform:translateY(8px)}}@keyframes settle-art{0%{opacity:0;transform:scale(.88)rotate(-4deg)}}@keyframes ready{0%{box-shadow:0 0 #1443d673}to{box-shadow:0 0 0 14px #1443d600}}.lobby-go .btn.primary:not(:disabled){animation:.9s ease-out 2 ready}.lobby-go{border-top:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;padding-top:clamp(.75rem,2vh,1.25rem);display:flex}.lobby-hint{font-weight:700}.lobby-hint.ok{color:var(--ink-soft);font-weight:500}.lobby-crew{flex-direction:column;gap:.75rem;min-height:0;display:flex}.lobby-crew>h2,.lobby-switch h2{font-size:1.05rem;font-weight:800}.lobby-crew>h2{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.lobby-crew>h2 small{font:500 .8125rem/1 var(--body);letter-spacing:0;opacity:.8;white-space:nowrap}.crew{flex-direction:column;flex:0 auto;min-height:5rem;margin-top:-.25rem;display:flex}.crew-grid{scrollbar-width:thin;scrollbar-color:var(--veil-strong) transparent;flex:0 auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;min-height:4.8rem;margin:0 -.25rem;padding:0 .25rem;display:grid;overflow-y:auto}.crew-chip{border-radius:var(--r);color:#fff;text-align:center;width:100%;height:100%;animation:join .35s var(--ease) backwards;background:0 0;border:0;align-content:start;justify-items:center;padding:.35rem .2rem .3rem;display:grid;position:relative}button.crew-chip:hover,.crew-chip.on{background:var(--veil-strong)}.crew-chip .avatar{width:2.25rem}.crew-chip b,.crew-chip small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.crew-chip b{margin-top:.15rem;font-size:.8125rem;font-weight:700;line-height:1.25}.crew-chip small{opacity:.8;min-height:1.2em;font-size:.6875rem;line-height:1.2}.crew-chip.off>:not(.pill){opacity:.55}.crew-chip.me{box-shadow:inset 0 0 0 2px var(--mint)}.crew-chip .pill{min-height:1.2rem;padding:0 .3rem;font-size:.6875rem;position:absolute;top:.1rem;right:.1rem}.crew-chip .pill svg{width:.8rem;height:.8rem}.crew-chip.free{animation:none}.crew-chip.free .disc{background:0 0;border:0;border-radius:50%;width:2.1rem;height:2.1rem;margin:.45rem 0 .25rem;box-shadow:inset 0 0 0 2px #ffffff80}.crew-chip.free b{opacity:.75;font-weight:500}.crew-actions{border-radius:var(--r);background:var(--hollow);flex-wrap:wrap;flex:none;align-items:center;gap:.35rem;margin-top:.35rem;padding:.5rem .6rem;display:flex}.crew-actions>b{flex-basis:100%;font-size:.875rem}.lobby-invite{flex-direction:column;gap:.45rem;font-size:.875rem;display:flex}.lobby-host{opacity:.95;justify-content:space-between;align-items:center;gap:.5rem .75rem;display:flex}.lobby-host .check{font-size:inherit;white-space:nowrap;align-items:center}.lobby-host .check input{margin-top:0}.lobby-limit{align-items:center;gap:.35rem;display:flex}.lobby-limit b{min-width:1.5rem;font:900 1.1rem/1 var(--display);font-variant-numeric:tabular-nums;text-align:center}.lobby-limit .btn{width:1.75rem;height:1.75rem;font-size:1.05rem;font-weight:700}.invite-row{align-items:center;gap:.4rem;display:flex}.invite-link{border-radius:var(--r);background:var(--hollow);text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:all;user-select:all;flex:1;min-width:0;padding:.45rem .7rem;font-weight:500;overflow:hidden}.lobby-crew>.chat{border-top:1px solid var(--veil-strong);flex:10rem;min-height:10rem;padding-top:.75rem}.lobby-switch{grid-column:1/-1}.switch-head{flex-wrap:wrap;align-items:center;gap:.3rem 1rem;display:flex}.switch-head small{opacity:.85;font-size:.875rem}.pick-game{position:relative}.pick-votes{animation:.35s cubic-bezier(.2,1.4,.4,1) backwards pop;position:absolute;top:.3rem;right:.3rem}.pick-game.voted .pick-votes{color:var(--navy);background:var(--mint)!important}.picker{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(.4rem,.8vw,.6rem);margin-top:.45rem;display:grid}.pick-game{border-radius:var(--r-tile);background:var(--veil);color:#fff;text-align:center;border:3px solid #0000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem .4rem;transition:background .2s,border-color .2s,transform .12s;display:flex}.pick-game:active:not(:disabled){transform:scale(.97)}.pick-game:disabled{opacity:1;cursor:default}.pick-game:not(:disabled):hover{background:var(--veil-strong)}.pick-game .art{width:2.5rem;margin-bottom:.1rem}.pick-game b{font:800 1rem/1.15 var(--display)}.pick-game small{opacity:.85;font-size:.8125rem;line-height:1.2}.pick-game:has(small.no):not(.on){box-shadow:inset 0 0 0 1px var(--veil-strong);background:0 0}.pick-game.on{border-color:var(--mint);background:var(--veil-strong)}@media (max-height:44rem){.lobby-rules{display:inline}.lobby-rules-list{display:none}}.board-tools{gap:.4rem;display:flex;opacity:1!important;margin:0 0 0 auto!important}.notice.lost{z-index:15;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--ink);padding:.75rem 1rem;position:fixed;top:.75rem;left:50%;transform:translate(-50%)}.seats-field{margin-top:1.5rem}.btn.white{color:var(--navy);background:#fff}.btn.white:hover:not(:disabled){background:var(--white-hover)}.board .disc{width:2.75rem;height:2.75rem;color:var(--navy);font:900 1.2rem/1 var(--display);background:#fff;border:0;flex:none}.board{position:relative}.outcome{z-index:5;border-radius:inherit;background:#081c66b8;place-items:safe center center;padding:1rem;display:grid;position:absolute;inset:0;flex:none!important;overflow:auto!important}.outcome-card{border-radius:var(--r-panel);width:min(100%,32rem);color:var(--ink);text-align:center;background:#fff;flex-direction:column;align-items:center;gap:1rem;padding:clamp(1.5rem,4vh,2.5rem) clamp(1.5rem,4vw,3rem);animation:.35s cubic-bezier(.2,1.2,.4,1) pop;display:flex}.outcome-card .art{width:6.5rem}.after{border-top:1px solid var(--line);width:100%;color:var(--ink-soft);gap:.35rem;padding-top:.9rem;font-size:.9375rem;display:grid}.after span:first-child{color:var(--ink);font-weight:700}.after .bar,.after .as-link{color:var(--sea)}.outcome-card strong{color:var(--navy);font:900 clamp(2rem, 5vw, 3.25rem) / 1.05 var(--display);letter-spacing:-.02em;overflow-wrap:anywhere}.outcome-recap{font-weight:700}.outcome-next{color:var(--ink-soft);font-size:.9375rem}.outcome-card .row-actions{justify-content:center;align-items:center}@keyframes pop{0%{opacity:0;transform:scale(.8)}}.guide{border-radius:var(--r-tile);background:var(--veil);flex-direction:column;gap:.2rem;width:100%;margin-bottom:.75rem;padding:.65rem 1rem;display:flex}.guide strong{font:900 clamp(1.05rem, 2.2vh + .4rem, 1.35rem) / 1.2 var(--display);letter-spacing:-.01em}.guide span{opacity:.92;max-width:62rem}.guide-you{color:var(--navy);box-shadow:inset 0 0 0 3px var(--mint);background:#fff}.guide-you span{color:var(--ink);opacity:1}.guide-alert{background:var(--veil-strong);box-shadow:inset 0 0 0 2px #fff}.steps .row-actions{margin-top:.4rem}.card{width:var(--card,4.25rem);aspect-ratio:5/7;border-radius:var(--r);background:var(--navy);color:#fff;font:900 calc(var(--card,4.25rem) * .46) / 1 var(--display);border:3px solid #fff;place-items:center;display:grid;position:relative}.card-corail{background:var(--corail)}.card-sable{background:var(--sable);color:var(--navy)}.card-algue{background:var(--algue)}.card-lagon{background:var(--lagon)}.card-back{background:var(--navy) radial-gradient(#fff 1.5px, transparent 2px) 0 0 / .7rem .7rem}.card .suit{fill:currentColor;width:.7rem;height:.7rem;position:absolute;top:.3rem;left:.3rem}.card .figure svg{width:calc(var(--card,4.25rem) * .56);display:block}.terre{--card:clamp(2.6rem, 9.5vh, 4.5rem);flex-direction:column;gap:clamp(.4rem,1.4vh,1rem);display:flex}.ono-table{flex-direction:column;flex:1;gap:clamp(.4rem,1.4vh,1rem);min-height:9rem;display:flex;position:relative;container:ono/size}.ono-top{display:none}.terre .pile{flex-wrap:nowrap;flex:1;min-height:5.5rem;overflow:hidden;container-type:size}.terre .deck{--card:clamp(1.9rem, 36cqh, 4.5rem)}.terre .guide{margin-bottom:0}.card .caption{text-align:center;font:700 calc(var(--card,4.25rem) * .15) / 1 var(--body);position:absolute;bottom:.2rem;left:0;right:0}.card:has(.caption) .figure{margin-bottom:18%}.deck small{opacity:.85;font-weight:400}.timer{align-items:center;gap:.6rem;font-weight:700;display:flex}.timer-bar{border-radius:var(--r-pill);background:var(--veil-strong);width:8rem;height:.5rem;overflow:hidden}.timer-bar span{background:#fff;height:100%;transition:width .25s linear;display:block}.story{background:var(--veil);border-left:3px solid #fff;border-radius:0 8px 8px 0;padding:.6rem .9rem;font-weight:500}.terre .story{border-radius:var(--r-pill);text-align:center;border:0;align-self:center;padding:.3rem 1rem;font-size:.9375rem}.terre .mine .row-actions,.terre .pick{justify-content:center}.hand-title{font:800 1.05rem/1.2 var(--display)}.rivals{flex-wrap:wrap;gap:.6rem;display:flex}.rival{border-radius:var(--r-tile);background:var(--veil);grid-template-columns:auto 1fr;align-items:center;column-gap:.6rem;min-width:10rem;padding:.4rem .9rem .4rem .5rem;display:grid}.rival-who{grid-row:span 2;align-items:flex-end;display:flex}.rival .avatar{width:2.75rem}.rival-fan{display:none}.rival-fan i{aspect-ratio:5/7;background:var(--navy);width:clamp(1.05rem,6.5cqh,1.7rem);transform:rotate(calc(var(--k) * 9deg)) translateY(calc(var(--k) * var(--k) * .045rem));transform-origin:50% 120%;border:2px solid #fff;border-radius:4px;margin-inline:-.3rem;display:block}.rival-name{font-weight:700}.rival-count{opacity:.85;grid-column:2;font-size:.9375rem}.rival .btn{grid-column:1/-1;margin-top:.5rem}.rival.turn .avatar,.bomber.turn .avatar{filter:drop-shadow(0 0 .2rem var(--mint)) drop-shadow(0 0 .5rem var(--mint))}.rival.turn .rival-name,.bomber.turn .bomber-name{border-radius:var(--r-pill);background:var(--mint);color:var(--navy);padding:.05rem .55rem}.rival.turn .avatar{animation:1.4s ease-in-out infinite nod}@keyframes nod{50%{transform:translateY(-3px)}}.rival.out,.bomber.out{opacity:.5}.ono-dir{align-items:center;gap:.35rem;font-size:.875rem;display:inline-flex}.ono-dir svg{width:1.1rem;height:1.1rem}.rival.me,.ono-fx,.seat-timer{display:none}.top{position:relative}.top-card{transform:translate(var(--dx,0), var(--dy,0)) rotate(var(--rot,0deg));filter:drop-shadow(0 .35rem .6rem #04104273);animation:.5s cubic-bezier(.25,.75,.3,1) backwards ono-play;display:block;position:relative}@keyframes ono-play{0%{opacity:.6;transform:translate(var(--fx,0), var(--fy,-30%)) rotate(-50deg) rotateY(85deg) scale(.5)}55%{opacity:1;transform:translate(calc(var(--fx,0) * .12), calc(var(--fy,-30%) * .12)) rotate(calc(var(--rot,0deg) - 14deg)) rotateY(0deg) scale(1.18)}80%{transform:translate(var(--dx,0), var(--dy,0)) rotate(var(--rot,0deg)) scale(.95)}}.top-card.under{filter:brightness(.82);animation:none;position:absolute;inset:0}.now-color{animation:.35s cubic-bezier(.2,1.2,.4,1) backwards pop}.ono-dir svg{animation:5s linear infinite ono-spin}.ono-dir svg.back{animation-direction:reverse}@keyframes ono-spin{to{rotate:360deg}}.rival-count{animation:.35s cubic-bezier(.2,1.4,.4,1) backwards ono-bump}@keyframes ono-bump{0%{transform:scale(1.35)}}.hand li{animation:.32s cubic-bezier(.2,.8,.25,1) backwards ono-deal;animation-delay:calc(var(--i,0) * 35ms)}@keyframes ono-deal{0%{opacity:0;transform:translateY(-1.5rem)rotate(-8deg)}}@keyframes ono-draw{0%{opacity:1;top:52%;left:42%}85%{opacity:1}40%{rotate:-14deg;scale:1.2}to{left:var(--x);top:var(--y);opacity:0;rotate:12deg;scale:.7}}@container ono (min-height:13rem) and (min-width:18rem){.ono-top{background:var(--veil);box-shadow:inset 0 0 0 .3rem color-mix(in srgb, var(--glow) 75%, transparent), inset 0 0 4rem color-mix(in srgb, var(--glow) 30%, transparent);border-radius:50%;transition:box-shadow .45s;display:block;position:absolute;inset:14% 6% 9%;overflow:hidden}.glow-corail{--glow:var(--corail)}.glow-sable{--glow:var(--sable)}.glow-algue{--glow:var(--algue)}.glow-lagon{--glow:var(--lagon)}.ono-top:before{content:"";opacity:.09;background:repeating-conic-gradient(#fff 0 .35deg, transparent .35deg 22.5deg);position:absolute;inset:0}.rivals{display:contents}.rival,.rival.me{left:var(--x);top:var(--y);z-index:1;text-align:center;background:0 0;flex-direction:column;align-items:center;width:clamp(4.25rem,17cqw,9.5rem);min-width:0;padding:0;font-size:clamp(.75rem,.55rem + .7cqw,1rem);display:flex;position:absolute;transform:translate(-50%,-50%)}.rival.me{flex-direction:row;justify-content:center;gap:.4rem;width:auto;transform:translate(-50%,-100%)}.rival.me .avatar{width:clamp(1.9rem,11cqh,3rem)}.rival.me .rival-who{padding:0}.rival.me .seat-timer{width:auto;position:absolute;inset:auto 0 -.4rem}.rival-who{justify-content:center;padding-inline:1.1em;position:relative}.rival .avatar{width:clamp(2rem,min(19cqh,9cqw),5.25rem)}.rival-fan{display:flex;position:absolute;bottom:-.35rem;left:50%;transform:translate(-50%)}.rival-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:.45em;overflow:hidden}.rival-count{font-size:.85em}.rival .btn{margin-top:.25rem}.seat-timer{border-radius:var(--r-pill);background:var(--veil-strong);width:80%;height:.3rem;margin-top:.25rem;display:block;overflow:hidden}.seat-timer i{border-radius:inherit;background:var(--mint);height:100%;transition:width .25s linear;display:block}.terre .pile{flex:none;width:60%;height:46%;min-height:0;position:absolute;top:52%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.ono-fx{z-index:3;pointer-events:none;display:block;position:absolute;inset:0}.ono-burst{aspect-ratio:1;border:.5rem solid var(--glow,#fff);opacity:0;border-radius:50%;width:30cqh;animation:.8s cubic-bezier(.2,.7,.3,1) .3s forwards ono-burst;position:absolute;top:52%;left:50%;translate:-50% -50%}@keyframes ono-burst{0%{opacity:.9;scale:.5}to{opacity:0;border-width:.1rem;scale:3.4}}.ono-call{color:#fff;font:900 clamp(2.5rem, 34cqh, 8rem) / 1 var(--display);letter-spacing:-.04em;text-shadow:0 .06em 0 var(--navy), 0 0 .5em #04104299;opacity:0;place-items:center;animation:1.2s cubic-bezier(.2,1.3,.4,1) .3s forwards ono-call;display:grid;position:absolute;top:52%;left:50%;translate:-50% -50%}.ono-call svg{width:1em;filter:drop-shadow(0 .06em 0 var(--navy))}.ono-call.call-rev svg{animation:.9s cubic-bezier(.3,0,.2,1) .3s both ono-turn}.ono-call.back svg{animation-direction:reverse}@keyframes ono-call{0%{opacity:0;scale:.3}18%,70%{opacity:1;scale:1}to{opacity:0;scale:1.5}}@keyframes ono-turn{to{rotate:360deg}}.rival.hit .rival-who{animation:.5s cubic-bezier(.3,0,.3,1) .35s both ono-hit}@keyframes ono-hit{20%{transform:translate(-.45rem)rotate(-7deg)}45%{transform:translate(.4rem)rotate(6deg)}70%{transform:translate(-.2rem)rotate(-3deg)}}.ono-fly{--card:clamp(1.6rem, 15cqh, 3.4rem);opacity:0;animation:ono-draw .55s var(--d,0s) cubic-bezier(.3, .1, .3, 1) forwards;position:absolute;top:52%;left:42%;transform:translate(-50%,-50%);box-shadow:0 .3rem .6rem #04104266}.ono-badge{left:var(--x);top:var(--y);border-radius:var(--r-pill);color:var(--navy);font:900 clamp(.9rem, .6rem + 1.4cqw, 1.6rem) / 1.2 var(--display);white-space:nowrap;background:#fff;padding:.2em .7em;animation:1.6s cubic-bezier(.2,1.2,.4,1) forwards ono-badge;position:absolute;transform:translate(-50%,-150%)}@keyframes ono-badge{0%{opacity:0;transform:translate(-50%,-60%)scale(.4)}14%,75%{opacity:1;transform:translate(-50%,-150%)scale(1)}to{opacity:0;transform:translate(-50%,-190%)scale(.9)}}}@container ono (max-width:34rem){.rival-fan,.deck small,.ono-dir{display:none}.rival-who{padding-inline:0}.terre .pile{gap:.5rem;width:64%}.deck>span:not(.card){display:none}.turn-info{font-size:.75rem}.now-color{white-space:nowrap;padding:.1rem .45rem}.timer{white-space:nowrap;flex-wrap:nowrap;font-size:.75rem}.timer-bar{width:2.5rem}.rival-count{font-size:.7rem}.rival{left:clamp(2.3rem, var(--x), calc(100% - 2.3rem))}.terre .turn-info{display:none}}.pile{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem 2rem;padding:0;display:flex}.pile .top{--card:clamp(2.9rem, 64cqh, 7rem)}.deck{color:#fff;background:0 0;border:0;flex-direction:column;align-items:center;gap:.4rem;padding:0;font-weight:700;display:flex}.deck:not(:disabled):hover .card{transform:translateY(-4px)}.deck .card{box-shadow:0 .2rem 0 -1px var(--navy), 0 .2rem 0 1px #fff, 0 .45rem 0 -1px var(--navy), 0 .45rem 0 1px #fff, 0 .8rem 1rem #04104266;margin-bottom:.5rem;transition:transform .15s}.deck.must .card{animation:1.1s ease-in-out infinite ono-must}@keyframes ono-must{50%{transform:translateY(-.4rem)rotate(-3deg)}}.turn-info{flex-direction:column;gap:.3rem;display:flex}.turn-info b{font:900 1.4rem/1.2 var(--display)}.turn-info span{opacity:.9;font-variant-numeric:tabular-nums}.now-color{border-radius:var(--r-pill);align-self:flex-start;align-items:center;gap:.4rem;padding:.15rem .6rem;font-weight:700;display:inline-flex;opacity:1!important}.now-color .suit,.pick-color .suit{fill:currentColor;width:.75rem;height:.75rem}.mine .row-actions{align-items:center;min-height:2.25rem;margin-bottom:.4rem}.said{font-weight:700}.btn.say{box-shadow:0 0 0 3px var(--mint)}.pick{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:700;display:flex}.pick-color{color:#fff;border-color:#fff;align-items:center;gap:.4rem;display:inline-flex}.pick-color.card-sable{color:var(--navy)}.hand{justify-content:center;padding:1.9rem 1.25rem .9rem;display:flex}.hand li{flex:0 1 calc(var(--card) * .74);min-width:0;transform:rotate(calc(var(--k,0) * var(--spread,0deg)));transform-origin:50% 160%;transition:transform .25s var(--ease), flex-basis .25s var(--ease);position:relative}.hand li:last-child{flex:none}.hand li:hover,.hand li:focus-within{z-index:2}.card-btn{border-radius:var(--r);transition:transform .18s var(--ease);background:0 0;border:0;padding:0;display:block}.card-btn .card{transition:box-shadow .18s,filter .18s;box-shadow:0 .25rem .6rem #04104259}.card-btn:disabled{opacity:1}.hand.choosing .card-btn:disabled .card{filter:saturate(.3)brightness(.62)}.card-btn.ok{transform:translateY(-.7rem)}.hand.choosing .card-btn.ok .card{box-shadow:0 0 0 2px #fff,0 .5rem 1.1rem #04104280}.card-btn.ok:hover,.card-btn.ok:focus-visible,.card-btn.picked{transform:translateY(-1.6rem) rotate(calc(var(--k,0) * var(--spread,0deg) * -1)) scale(1.08)}.side-babord{--side:var(--corail)}.side-tribord{--side:var(--algue)}.mark{fill:currentColor;flex:none;width:.8em;height:.8em}.pav-team small{font:500 .9375rem/1.2 var(--body)}.pav-told{opacity:.9}.pav-legend{flex-wrap:wrap;gap:.3rem 1.25rem;margin-top:.6rem;font-size:.9375rem;display:flex}.pav-legend li{align-items:center;gap:.4rem;display:flex}.pav-legend .mark{fill:var(--side,#fff)}.pav-sides,.pav-score{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.pav-side,.pav-team{border-top:5px solid var(--side);border-radius:var(--r-tile);background:var(--veil);padding:1rem 1.1rem}.pav-side h2,.pav-team b{font:900 1.3rem/1.2 var(--display);align-items:center;gap:.45rem;display:flex}.pav-side .mark,.pav-team .mark,.pav-log .mark{fill:var(--side)}.pav-side ul{margin:.75rem 0 1rem}.pav-side li{flex-wrap:wrap;justify-content:space-between;gap:0 1rem;padding-block:.35rem;display:flex}.pav-side li span{opacity:.85}.pav-begin{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:1.25rem;display:flex}.pav-team{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 1rem;padding-block:.7rem;display:flex}.pav-now{flex-direction:column;justify-content:center;gap:.3rem;min-height:3.25rem;margin:.5rem 0;display:flex}.pav-now p{flex-wrap:wrap;align-items:baseline;gap:.3rem .7rem;font-size:1.125rem;display:flex}.pav-now strong{font:900 1.75rem/1 var(--display)}.clue-word{text-transform:uppercase;letter-spacing:.04em}.pav-clue{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.pav-clue label{font-size:.875rem;font-weight:500}.pav-clue input,.pav-clue select{color:var(--ink);margin-top:.3rem;display:block}.pav-clue select{width:5.5rem}.pav,.pav-teams{flex-direction:column;display:flex}.pav-grid{flex:1;grid-template:repeat(5,minmax(0,1fr))/repeat(5,minmax(0,1fr));gap:clamp(.25rem,.8vh,.5rem);min-height:9.5rem;display:grid}.pav-grid li{min-height:0}.word{border-radius:var(--r);width:100%;height:100%;min-height:0;color:var(--navy);font:800 clamp(.72rem, 1.55vw, 1.05rem) / 1.15 var(--display);text-transform:uppercase;overflow-wrap:anywhere;background:#fff;border:3px solid #0000;flex-direction:column;justify-content:center;align-items:center;padding:.2rem .3rem;display:flex;position:relative}.word:disabled{opacity:1;cursor:default}.word:not(:disabled):hover{background:var(--white-hover)}.word .mark{width:.7rem;height:.7rem;position:absolute;top:.3rem;left:.35rem}.word small{font:500 .7rem/1.2 var(--body);text-transform:none}.known .word.is-babord{border-color:var(--corail);background:var(--corail);color:var(--game-ink)}.known .word.is-tribord{border-color:var(--algue);background:var(--algue);color:var(--game-ink)}.known .word.is-interdit{border-color:var(--pale);background:var(--sea-deep);color:#fff;border-style:dashed}.word.is-babord .mark{fill:var(--corail)}.word.is-tribord .mark{fill:var(--algue)}.word.is-neutre .mark{fill:#8690a3}.word.shown{color:#fff;border-color:#0000}.word.shown .mark{fill:currentColor}.word.shown.is-babord{background:var(--corail);color:var(--game-ink)}.word.shown.is-tribord{background:var(--algue);color:var(--game-ink)}.word.shown.is-neutre{background:#ffffff47}.word.shown.is-interdit{background:#081547}.pav-log{opacity:.9;flex-wrap:wrap;gap:.3rem 1rem;margin-top:.4rem;display:flex}.pav-log span{align-items:center;gap:.3rem;font-weight:700;display:inline-flex}.ono-table.has-turn .rival:not(.turn):not(.out){opacity:.72;transition:opacity .3s}.rival{transition:opacity .3s, scale .3s var(--ease)}.rival.turn{z-index:2;scale:1.16}.rival.turn .rival-who:before{content:"";z-index:-1;aspect-ratio:1;background:conic-gradient(var(--mint) calc(var(--share,1) * 360deg), #ffffff38 0);border-radius:50%;width:clamp(3.2rem,min(27cqh,13cqw),7.4rem);animation:1.4s ease-in-out infinite ono-ring;position:absolute;top:46%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - .36rem),#000 calc(100% - .3rem));mask:radial-gradient(farthest-side,#0000 calc(100% - .36rem),#000 calc(100% - .3rem))}.rival.me.turn .rival-who:before{width:clamp(2.8rem,16cqh,4.2rem)}@keyframes ono-ring{50%{scale:1.07}}.rival.turn .rival-name{font-size:1.08em;box-shadow:0 .3rem .8rem #04104266}.ono-yours{z-index:5;border-radius:var(--r-pill);background:var(--mint);color:var(--navy);font:900 clamp(1.8rem, 22cqh, 5rem) / 1.15 var(--display);letter-spacing:-.03em;white-space:nowrap;opacity:0;pointer-events:none;padding:.1em .7em;animation:1.25s cubic-bezier(.2,1.3,.4,1) forwards ono-yours;position:absolute;top:46%;left:50%;translate:-50% -50%;box-shadow:0 .6rem 1.6rem #04104280}@keyframes ono-yours{0%{opacity:0;rotate:-6deg;scale:.3}16%,70%{opacity:1;rotate:-2deg;scale:1}to{opacity:0;scale:1.25}}.hand.choosing{background:radial-gradient(60% 100% at 50% 100%, color-mix(in srgb, var(--mint) 26%, transparent), transparent 70%)}.dealing .rival-fan i{animation:ono-fan-in .22s var(--ease) backwards}@keyframes ono-fan-in{0%{opacity:0;scale:.3}}.dealing .top-card{animation:ono-turn-up .45s var(--deal-end,0s) cubic-bezier(.3, .7, .3, 1.2) backwards}@keyframes ono-turn-up{0%{opacity:0;transform:translate(-70%)rotateY(90deg)scale(.8)}}.dealing .ono-fly{animation-duration:.36s}.dealing .turn-info,.dealing .rival-count{opacity:0}.turn-info,.rival-count{transition:opacity .3s}.pav-side .pav-who{animation:join .35s var(--ease) backwards;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:.6rem}.pav-who .avatar{width:2.25rem}.pav-who b{text-overflow:ellipsis;white-space:nowrap;margin-right:auto;overflow:hidden}.pav-who span{flex:none}.pav-grid li{animation:pav-deal .4s var(--ease) backwards;animation-delay:calc(var(--i,0) * 22ms)}@keyframes pav-deal{0%{opacity:0;transform:translateY(-1.2rem)rotate(-4deg)scale(.9)}}.word{transition:transform .15s var(--ease), box-shadow .15s}.word:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 .4rem .9rem #04104266}.word:not(:disabled):active{transform:scale(.97)}.word.shown{animation:.5s cubic-bezier(.3,.7,.3,1.2) backwards pav-flip}@keyframes pav-flip{0%{background:#fff;transform:perspective(40rem)rotateX(-180deg)}45%{background:#fff;transform:perspective(40rem)rotateX(-90deg)}}.pav-team{transition:background .3s, transform .3s var(--ease)}.pav-team.turn{animation:none}@keyframes pav-turn{50%{transform:translateY(-2px)}}.clue-word{border-radius:var(--r-pill);color:var(--navy);background:#fff;align-items:baseline;gap:.5rem;padding:.1rem .8rem;animation:.4s cubic-bezier(.2,1.4,.4,1) backwards pop;display:inline-flex}.meche{flex-direction:column;align-items:center;display:flex}.ring-fit{flex:1;place-items:center;width:100%;min-height:12rem;display:grid;container-type:size}.ring{width:min(100cqw - 9rem,36rem);height:min(100cqh - 6rem,30rem);margin-bottom:3.5rem;position:relative}.bomber .avatar{width:clamp(2.75rem,13cqh,4.25rem);transition:transform .2s}.bomber{z-index:2;text-align:center;flex-direction:column;align-items:center;width:11rem;display:flex;position:absolute;transform:translate(-50%,-1.9rem)}.bomber-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:.35rem;font-weight:700;line-height:1.2;overflow:hidden}.bomber-lives{opacity:.9;margin-top:.15rem;font-size:.8125rem}.bomber-typing{color:var(--navy);font:800 1rem/1.4 var(--display);overflow-wrap:anywhere;background:#fff;border-radius:8px;margin-top:.4rem;padding:.1rem .6rem;position:relative}.bomber-typing:before{content:"";background:#fff;width:.6rem;height:.6rem;position:absolute;top:-.3rem;left:50%;transform:translate(-50%)rotate(45deg)}.bomber.turn .avatar{animation:.5s ease-in-out infinite jitter}@keyframes jitter{25%{transform:translate(-1px,1px)rotate(-2deg)}75%{transform:translate(1px,-1px)rotate(2deg)}}.bomber.hit .avatar{animation:.7s cubic-bezier(.3,.7,.3,1) hit}@keyframes hit{15%{filter:brightness(2);transform:scale(1.25)rotate(-14deg)}40%{transform:scale(.9)rotate(10deg)}70%{transform:rotate(-5deg)}}.ring.shake{animation:.45s cubic-bezier(.3,.7,.3,1) shake}@keyframes shake{15%{translate:-9px 5px}35%{translate:8px -6px}55%{translate:-5px 3px}75%{translate:3px -2px}}.bomb{z-index:1;aspect-ratio:1;height:clamp(5.5rem,100% - 12.5rem,15rem);transition:left .45s cubic-bezier(.3,1.3,.5,1),top .45s cubic-bezier(.3,1.3,.5,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);container-type:size}@container (max-height:24rem){.bomb{top:50%!important;left:50%!important}}.bomb-body{width:100%;height:100%;animation:.45s cubic-bezier(.2,1.3,.4,1) backwards land;display:block;position:relative}@keyframes land{0%{transform:scale(.72)rotate(-22deg)}}.bomb img{transform-origin:47% 68%;width:100%;height:100%;animation:1.1s ease-in-out infinite tick;display:block}.bomb.tense-1 img{animation-duration:.55s}.bomb.tense-2 img{animation-name:tick-hard;animation-duration:.28s}.bomb.tense-0 img{animation-duration:1.1s}@keyframes tick{50%{transform:rotate(3deg)scale(1.03)}}@keyframes tick-hard{25%{transform:rotate(-5deg)scale(1.05)}75%{transform:rotate(5deg)scale(1.08)}}.syllable{color:var(--navy);font:900 clamp(.9rem, 17cqh, 3.25rem) / 1 var(--display);text-transform:uppercase;letter-spacing:.02em;animation:.35s cubic-bezier(.2,1.4,.4,1) backwards syl;position:absolute;top:68%;left:47%;transform:translate(-50%,-50%)}@keyframes syl{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}}.meche-fx{z-index:3;pointer-events:none;position:absolute;inset:0}.blast{width:clamp(7rem,46cqh,15rem);height:auto;animation:.9s cubic-bezier(.2,.9,.3,1) forwards blast;position:absolute;transform:translate(-50%,-50%)}@keyframes blast{0%{opacity:1;transform:translate(-50%,-50%)scale(.2)rotate(-25deg)}30%{opacity:1;transform:translate(-50%,-50%)scale(1.1)rotate(4deg)}70%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}to{opacity:0;transform:translate(-50%,-50%)scale(1.25)}}.meche-badge{border-radius:var(--r-pill);background:var(--mint);color:var(--navy);font:900 clamp(.95rem, 4.5cqh, 1.4rem) / 1.3 var(--display);white-space:nowrap;padding:.15em .7em;animation:1.4s cubic-bezier(.2,1.2,.4,1) forwards word-up;position:absolute;transform:translate(-50%,-3.4rem)}.meche-badge.lost{background:var(--corail);color:#fff}@keyframes word-up{0%{opacity:0;transform:translate(-50%,-1.5rem)scale(.4)}15%,70%{opacity:1;transform:translate(-50%,-3.6rem)scale(1)}to{opacity:0;transform:translate(-50%,-5rem)scale(.9)}}.meche-last{background:var(--veil);text-align:center;border-radius:8px;min-height:1.5em;margin-bottom:.6rem;padding:.5rem 1rem;font-weight:500}.meche-last.refused{color:var(--navy);background:#fff;font-weight:700;animation:.3s nope}@keyframes nope{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.pips{gap:.15rem;animation:.35s cubic-bezier(.2,1.4,.4,1) backwards pop;display:inline-flex}.pips i{width:1rem;display:block}.pips svg{fill:var(--corail);stroke:#fff;stroke-width:2.5px;stroke-linejoin:round;display:block}.meche-form{width:min(100%,26rem)}.meche-form label{margin-bottom:.35rem;font-size:1rem;font-weight:700;display:block}.meche-form input{color:var(--ink);font:800 1.2rem/1 var(--display)}.meche-form input:disabled{opacity:.6}.pd{--pd-sprites:url(/games/bombermat/classic-sprites.webp);--pd-grid-line:color-mix(in srgb, var(--navy) 16%, transparent);flex-direction:column;align-items:center;gap:clamp(.35rem,1vh,.75rem);display:flex}.pd .guide{margin-bottom:.25rem}.pd-hud{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem 1.5rem;width:100%;min-height:1.75rem;display:flex}.pd-location{flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;display:flex}.pd-map{font-weight:700}.pd-setting{opacity:.8;font-size:.8125rem}.pd[data-arena=classic]{--pd-grid-line:color-mix(in srgb, var(--pale) 18%, transparent)}.pd[data-arena=crossroads]{--pd-sprites:url(/games/bombermat/crossroads-sprites.webp)}.pd[data-arena=bastions]{--pd-sprites:url(/games/bombermat/bastions-sprites.webp)}.pd[data-arena=rings]{--pd-sprites:url(/games/bombermat/rings-sprites.webp)}.pd-stats{flex-wrap:wrap;align-items:center;gap:.35rem .9rem;display:flex}.pd-stats li{align-items:center;gap:.35rem;font-weight:700;display:flex}.pd-stats b{font:900 1.15rem/1 var(--display);animation:.35s cubic-bezier(.2,1.2,.4,1) backwards pop}.pd-chip{width:1.75rem;height:1.75rem;color:var(--navy);background:#fff;border-radius:8px;place-items:center;display:grid}.pd-chip.skull{background:var(--navy);color:#fff;box-shadow:0 0 0 2px #fff}.pd-chip svg{fill:currentColor;width:76%}.pd-cursed{animation:.9s steps(2,end) infinite pd-blink}.pd-clock{margin-left:auto;font-weight:700}.pd-count{z-index:2;font:900 clamp(4rem, 18vw, 9rem) / 1 var(--display);animation:pd-tick .9s var(--ease) backwards;background:#081c668c;border-radius:8px;place-items:center;display:grid;position:absolute;inset:0}@keyframes pd-tick{0%{color:var(--mint);font-size:clamp(6rem,26vw,13rem)}}.pd-fit{flex:1;place-items:center;width:100%;min-height:8rem;display:grid;position:relative;container-type:size}@media (max-width:40rem){.pd-setting{display:none}}.pd-arena{aspect-ratio:15/12;isolation:isolate;background:var(--navy);border-radius:1rem;width:min(100cqw,125cqh);position:relative}.pd-scenery{border-radius:inherit;pointer-events:none;-webkit-user-select:none;user-select:none;contain:layout style;position:absolute;inset:0;overflow:hidden}.pd-backdrop{background-position:50%;background-repeat:no-repeat;background-size:120.37% 127.315%;position:absolute;inset:0}.pd-scenery-prop{aspect-ratio:1;background-image:var(--pd-sprites);transform-origin:50% 20%;background-repeat:no-repeat;background-size:200% 200%;width:5%;position:absolute}.pd-prop-a{background-position:0 100%;animation:5s ease-in-out infinite alternate pd-scenery-sway;top:1%;left:.5%}.pd-prop-b{background-position:100% 100%;animation:6s ease-in-out infinite alternate-reverse pd-scenery-sway;bottom:1%;right:.5%}.pd[data-arena=crossroads] .pd-prop-a{animation-name:pd-scenery-bob;top:auto;bottom:1%}.pd[data-arena=crossroads] .pd-prop-b{animation-name:pd-scenery-gull;top:1%;bottom:auto}.pd[data-arena=bastions] .pd-scenery-prop{transform-origin:30% 90%;animation-name:pd-scenery-banner;top:0;bottom:auto}.pd[data-arena=rings] .pd-prop-b{width:3.75%;animation-name:pd-scenery-crab;bottom:1%;right:1%}@keyframes pd-scenery-sway{0%{rotate:-4deg}to{rotate:4deg}}@keyframes pd-scenery-banner{0%{transform:skewY(-3deg)}to{transform:skewY(3deg)}}@keyframes pd-scenery-bob{0%{translate:0 -2px;rotate:-2deg}to{translate:0 2px;rotate:2deg}}@keyframes pd-scenery-gull{0%{translate:-3px 1px;rotate:-5deg}to{translate:3px -1px;rotate:5deg}}@keyframes pd-scenery-crab{0%{translate:-2px;rotate:-3deg}to{translate:2px;rotate:3deg}}.pd-grid{background-image:linear-gradient(90deg, var(--pd-grid-line) 1px, transparent 1px), linear-gradient(var(--pd-grid-line) 1px, transparent 1px);background-size:var(--cw) var(--ch);width:86.6667%;box-shadow:inset -1px -1px 0 var(--pd-grid-line);touch-action:none;position:absolute;top:4.16667%;left:6.66667%}.pd-grid.shake{animation:.3s linear pd-shake}@keyframes pd-shake{20%{translate:-3px 2px}45%{translate:3px -2px}70%{translate:-2px -1px}}.pd-grid>:is(span,b){width:var(--cw);height:var(--ch);position:absolute}.pd-pillar:before,.pd-crate:before{content:"";background-image:var(--pd-sprites);animation:pd-set .35s var(--ease) backwards;animation-delay:inherit;background-repeat:no-repeat;background-size:200% 200%;position:absolute;inset:-3%}.pd-pillar:before{background-position:0 0}.pd-crate:before{background-position:100% 0}@keyframes pd-set{0%{opacity:0;scale:.4}}.pd-pop{z-index:3;pointer-events:none}.pd-pop i{background:#fff;border-radius:20%;animation:.5s cubic-bezier(.2,.7,.3,1) forwards pd-shard;position:absolute;inset:30%}.pd-pop i:first-child{--sx:-110%;--sy:-120%}.pd-pop i:nth-child(2){--sx:120%;--sy:-100%}.pd-pop i:nth-child(3){--sx:-100%;--sy:110%}.pd-pop i:nth-child(4){--sx:110%;--sy:120%}@keyframes pd-shard{to{opacity:0;translate:var(--sx) var(--sy);rotate:200deg;scale:.4}}.pd-up{color:var(--navy);place-items:center;animation:.45s cubic-bezier(.2,1.4,.4,1) backwards pd-up-in,1.6s ease-in-out .45s infinite pd-float;display:grid}.pd-up svg{fill:currentColor;box-sizing:content-box;background:#fff;border-radius:24%;width:62%;padding:10%;box-shadow:0 .2em #04104273}.pd-up.skull svg{background:var(--navy);color:#fff;box-shadow:0 0 0 2px #fff,0 .2em 0 2px #04104273}@keyframes pd-up-in{0%{rotate:-40deg;scale:.2}}@keyframes pd-float{50%{translate:0 -8%}}.pd-word{z-index:20;margin:-.3em 0 0 calc(var(--cw) / 2);border-radius:var(--r-pill);color:var(--navy);font:900 clamp(.7rem, 2.2cqh, 1rem) / 1.2 var(--display);white-space:nowrap;box-shadow:0 0 0 2px var(--seat);pointer-events:none;background:#fff;place-items:center;padding:.15em .6em;animation:1s cubic-bezier(.2,1.2,.4,1) forwards pd-word;display:grid;translate:-50% -100%;width:auto!important;height:auto!important}@keyframes pd-word{0%{opacity:0;translate:-50% -20%;scale:.5}20%,70%{opacity:1;translate:-50% -100%;scale:1}to{opacity:0;translate:-50% -190%}}.pd-bomb{z-index:1;transition:transform 70ms linear;top:0;left:0}.pd-bomb svg{transform-origin:50% 80%;width:88%;animation:pd-in .2s var(--ease) backwards, fuse .42s ease-in-out infinite alternate;margin:6%;display:block;overflow:visible}.pd-bomb.hot svg{animation:.14s ease-in-out infinite alternate fuse}.bb-body{fill:var(--navy);stroke:#fff;stroke-width:2.5px}.pd-bomb.hot .bb-body{animation:.28s steps(2,end) infinite pd-flash}.bb-spikes{fill:#fff}.bb-shine,.bb-fuse{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round}.bb-shine{opacity:.55}.bb-spark{fill:var(--feu);stroke:#fff;stroke-width:1px;transform-box:fill-box;transform-origin:50%;animation:.18s linear infinite alternate pd-spark}@keyframes fuse{to{transform:scale(1.1,.86)}}@keyframes pd-flash{50%{fill:#fff}}@keyframes pd-spark{to{rotate:45deg;scale:.55}}@keyframes pd-in{0%{scale:.3}}.pd-fire{z-index:4;pointer-events:none}.pd-fire:before,.pd-fire:after{content:"";animation:.45s cubic-bezier(.2,.9,.3,1) forwards pd-flame;position:absolute}.pd-fire:before{background:var(--feu)}.pd-fire:after{background:#fff}.fire-h:before{--fs:1 .15;inset:14% -1px}.fire-h:after{--fs:1 .1;inset:34% -1px}.fire-v:before{--fs:.15 1;inset:-1px 14%}.fire-v:after{--fs:.1 1;inset:-1px 34%}.fire-c:before{--fs:.2;border-radius:30%;inset:2%}.fire-c:after{--fs:.1;border-radius:50%;inset:22%}.tip-r:before,.tip-r:after{border-radius:0 999px 999px 0;right:12%}.tip-l:before,.tip-l:after{border-radius:999px 0 0 999px;left:12%}.tip-d:before,.tip-d:after{border-radius:0 0 999px 999px;bottom:12%}.tip-u:before,.tip-u:after{border-radius:999px 999px 0 0;top:12%}@keyframes pd-flame{0%{scale:var(--fs)}25%{scale:1.12}60%{opacity:1;scale:1}to{scale:var(--fs);opacity:0}}.pd-player{z-index:2;transition:transform 70ms linear;top:0;left:0}.pd-pawn{display:block;position:absolute;inset:0}.pd-pawn .avatar{transform-origin:50% 100%;width:82%;transition:translate .12s,rotate .12s;animation:1.6s ease-in-out infinite pd-breathe;position:absolute;bottom:13%;left:9%}.pw-base{background:var(--seat);box-shadow:0 0 0 2px var(--navy);border-radius:50%;position:absolute;inset:70% 10% 0}.pw-foot{background:var(--navy);border:1.5px solid #fff;border-radius:40%;width:22%;height:15%;position:absolute;bottom:9%}.pw-foot-l{left:25%}.pw-foot-r{right:25%}.face-l .avatar{translate:-5%;rotate:-5deg}.face-r .avatar{translate:5%;rotate:5deg}.face-u .avatar{translate:0 -3%}.walk .pd-pawn .avatar{animation:.28s ease-in-out infinite pd-bob}.walk .pw-foot-l{animation:.28s linear infinite pd-foot}.walk .pw-foot-r{animation:.28s linear infinite reverse pd-foot}@keyframes pd-breathe{50%{scale:1.03 .97}}@keyframes pd-bob{50%{translate:0 -5%}}@keyframes pd-foot{0%,to{translate:0}25%{translate:0 -30%}75%{translate:0 10%}}.pd-player.me{transition:none}.pd-player.me .pw-base{box-shadow:0 0 0 2px var(--navy), 0 0 0 5px var(--mint)}.pd-tag{border-radius:var(--r-pill);max-width:260%;font:700 clamp(.6rem, 1.7cqh, .8125rem) / 1.3 var(--body);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#041042b3;padding:.05em .5em;position:absolute;bottom:118%;left:50%;overflow:hidden;translate:-50%}.pd-player.me .pd-tag{background:var(--mint);color:var(--navy)}.pd-player.vest:after{content:"";background:#ffffff24;border:2px solid #fff;border-radius:50%;animation:1.2s ease-in-out infinite pd-bubble;position:absolute;inset:-6% 0 2%}@keyframes pd-bubble{50%{opacity:.7;scale:1.07}}.pd-player.spared .pd-pawn{animation:.16s steps(2,end) infinite pd-blink}@keyframes pd-blink{50%{opacity:.25}}.pd-skull{aspect-ratio:1;background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:46%;animation:.7s ease-in-out infinite pd-float;display:grid;position:absolute;top:-8%;right:-22%;box-shadow:0 0 0 1.5px #fff}.pd-skull svg{fill:currentColor;width:74%}.pd-player.cursed .pd-pawn .avatar{animation-duration:.7s}.pd-dead{z-index:30;pointer-events:none;transition:none}.pd-dead .pd-pawn{animation:.95s cubic-bezier(.3,0,.4,1) forwards pd-dead}.pd-dead .pd-pawn .avatar{animation:none}@keyframes pd-dead{15%{rotate:-12deg;scale:1.25}to{opacity:0;translate:0 -180%;rotate:540deg;scale:.5}}.seat-0{--seat:var(--corail)}.seat-1{--seat:var(--sable)}.seat-2{--seat:var(--algue)}.seat-3{--seat:var(--lagon)}.pd-legend{flex-wrap:wrap;justify-content:center;gap:.3rem 1.25rem;display:flex}.pd-legend li{align-items:center;gap:.4rem;font-weight:500;display:flex}.pd-legend .avatar{width:1.75rem}.pd-legend .out{opacity:.55;text-decoration:line-through}.pd-legend-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (max-width:40rem){.pd-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem .75rem;width:100%;font-size:.8125rem;display:grid}.pd-legend li{min-width:0}.pd-legend .avatar{flex-shrink:0;width:1.4rem}.pd-legend .swatch{flex-shrink:0}}.swatch{background:var(--seat);fill:#fff;border-radius:50%;width:1.15rem;height:1.15rem;padding:.2rem}.seat-1 .swatch{fill:var(--navy)}.pd-pad{touch-action:none;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:none}.pd-cross{grid-template:repeat(3,3.25rem)/repeat(3,3.25rem);display:grid}.pd-cross button{border-radius:var(--r);background:var(--veil-strong);color:#fff;border:0;font-size:1.1rem}.pd-u{grid-area:1/2}.pd-l{grid-area:2/1}.pd-r{grid-area:2/3}.pd-d{grid-area:3/2}.pd-drop{height:4.5rem}@media (pointer:coarse),(max-width:56rem){.pd-pad{display:flex}}@media (max-width:56rem){.settings label{grid-template-columns:minmax(0,1fr) auto;gap:.35rem .75rem}.settings label input[type=range]{grid-area:2/1/auto/-1;width:100%;min-width:0}.room{flex-flow:wrap;align-items:center;gap:.5rem;height:auto}.room-code{grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:.4rem;width:auto;padding:.3rem .7rem}.room-code strong{margin:0;font-size:1.25rem}.room-code span{display:none}.room-toggle{display:block}.room-leave{width:auto;margin-left:auto}.room:not(.open) .room-body{display:none}.room-body{flex:none;width:100%;max-height:60dvh;overflow-y:auto}.room-body>.members{max-height:none;overflow:visible}.room-body>.chat{flex:none;height:15rem}.board-bar{flex-wrap:wrap;gap:.4rem .75rem}.board-tools [aria-pressed]{display:none}.ono-table{min-height:13.5rem}.terre .hand-title,.terre .guide span{display:none}#app:has(.play) .main{flex:1}.lobby{flex-direction:column;display:flex}.lobby>*{flex:none}.crew-grid{overflow:visible}.lobby-crew>.chat{flex:none;height:18rem}.lobby-game{grid-template-rows:auto auto}.lobby-art{width:4.25rem}.lobby-what{overflow:visible}.lobby-what h1{font-size:2rem}.lobby-rules{display:inline}.lobby-rules-list{display:none}.lobby-go{flex-direction:column;align-items:stretch}.picker{grid-template-columns:repeat(2,minmax(0,1fr))}.pick-game{text-align:left;grid-template-columns:1.75rem minmax(0,1fr);align-items:center;column-gap:.6rem;padding:.45rem .65rem;display:grid}.pick-game .art{grid-row:span 2;margin:0}.board-bar>:is(b,h1){font-size:1rem}.rivals{gap:.4rem}.rival{flex:1 1 0;column-gap:.45rem;min-width:0;padding:.35rem .5rem .35rem .35rem}.rival .avatar{width:2rem}.rival-name{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.rival-count{font-size:.8125rem}.terre .pile{gap:.75rem}.pile .top{--card:clamp(2.9rem, min(64cqh, 22vw), 7rem)}.terre .deck{--card:clamp(1.9rem, min(36cqh, 13vw), 4.5rem)}.turn-info{min-width:0;font-size:.875rem}.timer{flex-wrap:wrap;gap:.25rem .5rem}.timer-bar{width:4.5rem}.pd .guide span,.meche .guide span{display:none}.pd-stats{gap:.2rem .75rem;font-size:.8125rem}.pd-clock{font-size:.875rem}.pd-key,.pav-legend{display:none}.word{letter-spacing:-.01em;overflow-wrap:normal;padding:.1rem;font-size:clamp(.5rem,2.75vw,.9rem)}.word small{font-size:.6rem}.pav-team b{flex-wrap:wrap;font-size:1.1rem}.pav-grid{gap:.3rem}.word{border-width:2px;min-height:3.5rem}.ring{width:min(100cqw - 6.5rem,36rem)}.bomber{width:6.5rem}}.sketch{flex-direction:column;flex:1;gap:.5rem;min-width:0;min-height:0;display:flex}.pad-fit{flex:1;place-items:center;min-height:6rem;display:grid;container-type:size}.pad-sheet{aspect-ratio:4/3;width:min(100cqw,133.333cqh);position:relative}.pad{aspect-ratio:4/3;border-radius:var(--r);background:#fff;width:100%;display:block}.pad.live{cursor:crosshair;touch-action:none}.pad-cursor{pointer-events:none;border:2px solid #111730;border-radius:50%;width:1rem;height:1rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #fff}.pad-help{text-align:center;font-size:.75rem;line-height:1.4}.pad.filling{cursor:cell}.pad-modes{gap:.4rem;display:flex}.pad-modes [aria-pressed=true]{box-shadow:0 0 0 2px var(--sea-deep), 0 0 0 5px var(--mint)}.pad-tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem .9rem;display:flex}.pad-colors,.pad-widths{flex-wrap:wrap;justify-content:center;gap:.3rem;display:flex}.pad-colors button,.pad-widths button{border:2px solid #ffffff8c;border-radius:50%;width:1.9rem;height:1.9rem;padding:0}.pad-widths button{background:#fff;place-items:center;display:grid}.pad-widths i{background:var(--navy);border-radius:50%}.pad-colors .on,.pad-widths .on{box-shadow:0 0 0 2px var(--sea-deep), 0 0 0 5px var(--mint)}.skrib,.gartik{flex-direction:column;display:flex}.sk-top{flex-wrap:wrap;align-items:center;gap:.3rem 1.5rem;min-height:2.5rem;margin-bottom:.6rem;display:flex}.sk-word{font:900 clamp(1.4rem, 4vh, 2.4rem) / 1 var(--display);letter-spacing:.22em;text-transform:uppercase;margin-right:auto}.sk-main{flex:1;grid-template-columns:minmax(0,1fr) 17rem;gap:clamp(.6rem,1.5vw,1.25rem);min-height:0;display:grid}.sk-draw{isolation:isolate;min-width:0;min-height:0;display:flex;position:relative}.sk-reveal{z-index:1;border-radius:var(--r-tile);background:var(--scrim);place-items:center;padding:.75rem;display:grid;position:absolute;inset:0;overflow:auto}.sk-reveal-card{text-align:center;width:min(100%,26rem);padding:clamp(.75rem,2vw,1.5rem)}.sk-reveal-card h2{margin-bottom:.6rem;font-size:clamp(1.3rem,3vh,1.8rem)}.sk-reveal-card>strong{overflow-wrap:anywhere;color:var(--navy);font:900 clamp(1.6rem, 4vh, 2.5rem)/1.1 var(--display);margin:.35rem 0;display:block}.sk-reveal-card .sk-next{color:var(--ink-soft);margin-top:.5rem;font-size:.875rem}.sk-choose{border-radius:var(--r-tile);background:var(--veil);flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:1rem;font-size:1.25rem;display:flex}.sk-side{flex-direction:column;gap:.6rem;min-height:0;display:flex}.sk-scores{border-radius:var(--r-tile);background:var(--veil);max-height:45%;margin:0;padding:0;list-style:none;overflow-y:auto}.sk-scores .avatar{grid-area:1/1/3/2;align-self:center;width:2.25rem}.sk-scores li{grid-template-columns:2.25rem minmax(0,1fr) auto;column-gap:.75rem;padding:.4rem .8rem;display:grid}.sk-scores li+li{border-top:1px solid var(--veil)}.sk-scores b{text-overflow:ellipsis;white-space:nowrap;grid-column:2;align-self:end;overflow:hidden}.sk-scores small{opacity:.85;grid-area:2/2;font-size:.8125rem}.sk-scores small:empty{display:none}.sk-scores span{font:900 1.2rem/1 var(--display);font-variant-numeric:tabular-nums;grid-area:1/3/3/4;align-self:center}.sk-scores i{opacity:.85;font-size:.875rem;font-style:normal}.sk-scores .me{box-shadow:inset 3px 0 0 var(--mint)}.sk-scores .out{opacity:.5}.sk-log{border-radius:var(--r-tile);background:var(--veil);overflow-wrap:anywhere;flex:1;min-height:2.5rem;margin:0;padding:.5rem .8rem;font-size:.9375rem;list-style:none;overflow-y:auto}.sk-log .found{font-weight:700}.sk-log .close{font-style:italic}.sk-guess{gap:.4rem;display:flex}.sk-guess input{min-width:0;color:var(--ink)}.sk-guess input:disabled{opacity:.6}.gk-write{flex:1;place-items:center;display:grid}.gk-field{width:min(100%,44rem);margin:.5rem auto 0;font-weight:700;display:block}.gk-field input{color:var(--ink);font:700 1.15rem/1 var(--body);margin-top:.35rem}.gk-write .gk-field input{height:3.75rem;font-size:1.35rem}.gk-field input:disabled{opacity:.65}.gk-foot{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem 1.25rem;margin-top:.6rem;display:flex}.gk-foot .btn{margin-left:auto}.gk-album{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(.6rem,1.5vw,1.25rem);min-height:0;display:grid}.gk-album>:only-child{grid-column:1/-1}.gk-page{flex-direction:column;gap:.4rem;min-width:0;min-height:0;margin:0;display:flex}.gk-page figcaption{font-weight:700}.gk-page.small{opacity:.85}.gk-page blockquote{border-radius:var(--r-tile);color:var(--navy);font:900 clamp(1.1rem, 3.4vh, 2.25rem) / 1.2 var(--display);text-align:center;overflow-wrap:anywhere;background:#fff;flex:1;place-items:center;margin:0;padding:1rem;display:grid}.gk-page.small blockquote{font-size:clamp(.95rem,2.2vh,1.4rem)}@media (max-height:44rem){.hand-title,.deck small,.pd-key,.pav-legend,.pav-log{display:none}.guide span{font-size:.9375rem}}@media (max-width:56rem){.sk-main{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.sk-side{max-height:11.5rem}.sk-scores{max-height:none;display:flex;overflow-x:auto}.sk-scores li{flex:none;border:0!important}.sk-scores small{display:none}.sk-word{letter-spacing:.14em}.pad-colors button,.pad-widths button{width:1.6rem;height:1.6rem}.skrib .guide span,.gartik .guide span{display:none}.gk-album{grid-template:minmax(0,1fr) minmax(0,2fr)/minmax(0,1fr)}}@media (max-width:30rem){.pad-colors{grid-template-columns:repeat(6,1fr);gap:.4rem;display:grid}.pad-colors button{width:1.9rem;height:1.9rem}}.pav-who{grid-template-columns:2rem minmax(0,1fr);align-items:center;column-gap:.5rem;display:grid}.pav-who .avatar{grid-row:span 2;width:2rem}.sk-choose .btn{animation:pav-deal .4s var(--ease) backwards}.sk-word.told{border-radius:var(--r-pill);color:var(--navy);letter-spacing:.04em;background:#fff;padding:.1rem .9rem;animation:.45s cubic-bezier(.2,1.4,.4,1) backwards pop}.sk-scores li{transition:background .3s}.sk-scores i{color:var(--mint);font-style:normal;animation:.6s cubic-bezier(.2,1.4,.4,1) backwards sk-gain;display:inline-block}@keyframes sk-gain{0%{opacity:0;transform:translateY(.8rem)scale(.5)}}.sk-log li{animation:rise .22s var(--ease) backwards}.sk-log li.found{animation:sk-found .6s var(--ease) backwards}@keyframes sk-found{0%{background:var(--veil-strong);transform:scale(1.12)}}.gk-album{perspective:70rem}.gk-page{transform-origin:0;animation:.5s cubic-bezier(.2,.8,.3,1) backwards gk-turn}.gk-page.small{animation:rise .3s var(--ease) backwards}@keyframes gk-turn{0%{opacity:0;transform:rotateY(-75deg)}}.gk-write,.gk-field{animation:rise .3s var(--ease) backwards}.crew-chip b .ic{vertical-align:-.1em;width:.85rem;height:.85rem;margin-right:.15rem}.pd-cross .ic{width:1.5rem;height:1.5rem}.pd-cross .ic .tint{fill-opacity:1}.room-code .ic{width:1rem;height:1rem}.game-announcement{z-index:30;border:2px solid var(--mint);border-inline-start:.5rem solid var(--side,var(--mint));border-radius:var(--r-panel);background:var(--sea-deep);width:min(30rem,100% - 1.5rem);box-shadow:var(--shadow-pop);color:#fff;animation:game-arrive .22s var(--ease);align-items:flex-start;gap:1rem;padding:.9rem 1rem;display:flex;position:absolute;top:.75rem;left:50%;translate:-50%}.game-announcement>div{flex:1;min-width:0}.game-announcement strong{font:900 clamp(1.1rem, 2vw, 1.5rem)/1.15 var(--display)}.game-announcement p{overflow-wrap:anywhere;margin:.35rem 0 0;font-size:.9rem}.game-announcement button{width:var(--h-small);height:var(--h-small);border:1px solid var(--veil-strong);border-radius:var(--r);background:var(--veil);color:#fff;flex:none;padding:0;font-size:1.5rem}@keyframes game-arrive{0%{opacity:0;transform:translateY(-.5rem)}}.pav-side,.pav-team{border-inline-start:.45rem solid var(--side);background:color-mix(in srgb, var(--side) 16%, var(--sea-deep));min-width:0;padding-inline:.75rem}.pav-team.turn{background:color-mix(in srgb, var(--side) 30%, var(--sea-deep));box-shadow:0 0 0 3px var(--mint)}.pav-team-state{width:100%;font-size:.8125rem;font-weight:700}.pav-popup-clue{border-inline-start:.5rem solid var(--side);border-radius:var(--r);background:color-mix(in srgb, var(--side) 18%, var(--surface));overflow-wrap:anywhere;font:900 clamp(2rem, 8vw, 3.5rem)/1.1 var(--display);text-align:center;margin-block:.5rem;padding:1rem}.pav-popup-clue b{margin-left:.4rem;display:inline-block}.pav{isolation:isolate;position:relative}.pav-clue-flash{z-index:35;border:3px solid var(--side);border-radius:var(--r-panel);width:min(34rem,100% - 1rem);box-shadow:var(--shadow-pop);text-align:center;pointer-events:none;animation:pav-clue-reveal 3s var(--ease) both;padding:clamp(.85rem,3vw,1.5rem);position:absolute;top:50%;left:50%;translate:-50% -50%}.pav-clue-flash .pav-popup-clue{margin-block:.6rem;font-size:clamp(2.75rem,10vw,5rem)}.pav-flash-team{font-weight:700}@keyframes pav-clue-reveal{0%{opacity:0;transform:scale(.88)}10%,88%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.03)}}.outcome-card .outcome-title{font-size:clamp(2.75rem,8vw,5rem);line-height:1.02}.outcome-card[data-result=win] .outcome-title{color:#146b3a}.outcome-card[data-result=loss] .outcome-title{color:var(--danger)}.outcome-winners{overflow-wrap:anywhere;max-width:100%;margin:-.35rem 0 0;font-size:clamp(1.1rem,3vw,1.4rem);font-weight:700}.known .word:not(.shown) .mark{fill:currentColor}.known .word.is-neutre{background:var(--pale);color:var(--game-ink)}.known .word.is-babord:not(:disabled):hover{background:color-mix(in srgb, var(--corail) 80%, white)}.known .word.is-tribord:not(:disabled):hover{background:color-mix(in srgb, var(--algue) 80%, white)}.outcome-label{color:var(--ink-soft);font-size:1rem;font-weight:700}.outcome-card h2{margin:0}.sk-reveal-card{border-top:.45rem solid var(--sea)}.sk-reveal-card h2{font-weight:900}@media (max-width:40rem){.pav-team{gap:.2rem;padding:.55rem}.pav-team b{flex-wrap:wrap;gap:.25rem}.pav-team small{width:100%;font-size:.75rem}.pav-team>span{font-size:.8125rem}.pav-now p{font-size:.95rem}}@media (prefers-reduced-motion:reduce){.game-announcement,.pav-clue-flash{animation:none}}
