.profile{padding-bottom:calc(var(--sea-band) + 32px)}.profile__brand{color:inherit;text-decoration:none}.profile__back{justify-self:end;text-decoration:none}.profile__grid{grid-template-columns:minmax(320px,400px) minmax(0,1fr);align-items:start;gap:36px;width:min(1120px,100% - 48px);margin:14px auto 0;display:grid}.profile__main{gap:30px;display:grid}.profile__card{padding:30px 22px 22px}.profile__single{width:min(520px,100% - 48px);margin:24px auto 0}.profile__message{justify-items:start;gap:18px;width:min(520px,100% - 48px);margin:32px auto 0;padding:34px 26px 26px;display:grid}.profile__message-text{margin:0;font-size:17px;font-weight:500}.profile__note{margin:16px 0 0}.profile__hint{margin:-6px 0 12px}.phero{border-bottom:var(--line-thin) dashed #14110d73;align-items:center;gap:16px;margin-bottom:18px;padding-bottom:18px;display:flex}.phero__avatar{filter:drop-shadow(0 0 #0000);flex:none}.phero__who{justify-items:start;gap:4px;min-width:0;display:grid}.phero__name{font:400 34px / 1.05 var(--font-display);letter-spacing:.01em;overflow-wrap:anywhere}.phero__since{color:var(--muted);font-size:15px}.pedit{gap:18px;display:grid}.apick{border:0;min-width:0;margin:0;padding:0}.apick>legend{margin-bottom:8px;padding:0}.apick__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.apick__item{aspect-ratio:1;border-radius:var(--radius-small);cursor:pointer;place-items:center;display:grid;position:relative}.apick__input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.apick__face{pointer-events:none;border:var(--line) solid transparent;border-radius:var(--radius-small);width:100%;height:100%;transition:transform .16s var(--ease-out), background-color .16s var(--ease-out);place-items:center;display:grid}.apick__face .avatar{width:90%;height:auto}.apick__item:hover .apick__face{transform:translateY(-2px)}.apick__input:checked+.apick__face{background:var(--fields);border-color:var(--ink);box-shadow:var(--drop-small) var(--drop-small) 0 var(--ink)}.apick__input:focus-visible+.apick__face{outline:3px solid var(--sea);outline-offset:2px}.pedit__saved{border:var(--line-thin) solid var(--ink);border-radius:var(--radius-small);background:#e3f5d2;margin:0;padding:8px 12px;font-weight:500}.stiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;display:grid}.stiles--three{grid-template-columns:repeat(3,minmax(0,1fr))}.stile{border:var(--line) solid var(--ink);border-radius:var(--radius-small);box-shadow:var(--drop-small) var(--drop-small) 0 var(--ink);background:#fff;gap:2px;padding:12px 12px 10px;display:grid}.stile--sea{background:var(--shallows)}.stile--fields{background:var(--fields)}.stile__label{font:400 14px / 1.1 var(--font-display);letter-spacing:.04em}.stile__value{font:400 40px / 1 var(--font-display);font-variant-numeric:tabular-nums;margin:0}.pstats__empty{background:var(--token);border:var(--line-thin) dashed var(--ink);border-radius:var(--radius-small);margin:18px 0 0;padding:14px 16px;font-weight:500}.pstats__more{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;margin-top:20px;display:grid}.pstats__head{font:400 17px / 1.2 var(--font-display);letter-spacing:.02em;margin:0 0 8px}.places__list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.places__row{grid-template-columns:38px minmax(0,1fr) 32px;align-items:center;gap:10px;display:grid}.places__name{font:400 16px / 1 var(--font-display)}.places__track{background:var(--token);border:var(--line-thin) solid var(--ink);border-radius:999px;height:16px;overflow:hidden}.places__bar{border-right:var(--line-thin) solid var(--ink);background:var(--desert);height:100%;display:block}.places__bar[style*="width: 0%"]{border-right:0}.places__row--gold .places__bar{background:var(--fields)}.places__row--silver .places__bar{background:#c9ced8}.places__row--bronze .places__bar{background:var(--hills)}.places__count{font:400 18px / 1 var(--font-display);text-align:right;font-variant-numeric:tabular-nums}.awards{gap:8px;margin:0;padding:0;list-style:none;display:grid}.awardchip{border:var(--line-thin) solid var(--ink);background:#fff;border-radius:999px;grid-template-columns:30px auto auto;align-items:center;gap:8px;padding:6px 12px 6px 8px;display:grid}.awardchip__icon{width:30px;height:30px}.awardchip__label{white-space:nowrap;font-weight:500}.awardchip__count{font:400 18px / 1 var(--font-display)}.history{gap:10px;margin:0;padding:0;list-style:none;display:grid}.hrow{border:var(--line) solid var(--ink);border-radius:var(--radius-small);background:#fff;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:8px 14px 8px 10px;display:grid}.hrow--won{background:#fff4cc}.hrow__main{min-width:0;display:grid}.hrow__result{font:400 20px / 1.1 var(--font-display)}.hrow__meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.hrow__with{align-items:center;display:flex}.hrow__face{border-radius:50%;margin-left:-6px;display:block}.hrow__face:first-child{margin-left:0}.hrow__face--link{transition:transform .16s var(--ease-out)}.hrow__face--link:hover,.hrow__face--link:focus-visible{transform:translateY(-3px)}.hrow__points{min-width:92px;font:400 15px / 1.2 var(--font-display);text-align:center;white-space:nowrap;background:var(--token);border:var(--line-thin) solid var(--ink);border-radius:999px;padding:4px 10px 3px}.pmark{place-items:center;width:46px;height:46px;display:grid;position:relative}.pmark svg{fill:var(--ink);position:absolute;inset:0;overflow:visible}.pmark__face{fill:var(--desert);stroke:var(--ink);stroke-width:3px;stroke-linejoin:round}.pmark--gold .pmark__face{fill:var(--fields)}.pmark--silver .pmark__face{fill:#c9ced8}.pmark--bronze .pmark__face{fill:var(--hills)}.pmark__text{font:400 21px / 1 var(--font-display);position:relative}@media (prefers-reduced-motion:reduce){.apick__face,.hrow__face--link{transition:none}}@media (width<=900px){.profile__grid{grid-template-columns:1fr}}@media (width<=560px){.profile .topbar{grid-template-columns:auto 1fr;row-gap:6px;padding-inline:16px}.profile .topbar__screen{grid-area:2/1/auto/-1;margin:0}.profile__grid,.profile__single,.profile__message{width:auto;margin-inline:16px 22px}.stiles{grid-template-columns:repeat(2,minmax(0,1fr))}.stiles--three{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stiles--three .stile__value{font-size:30px}.pstats__more{grid-template-columns:1fr}.hrow{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"mark main points""mark with with";row-gap:6px}.hrow>.pmark{grid-area:mark}.hrow__main{grid-area:main}.hrow__with{grid-area:with}.hrow__points{grid-area:points;min-width:0}.phero__name{font-size:28px}.hrow__meta{white-space:normal}.awardchip{grid-template-columns:30px minmax(0,1fr) auto}}.friends .profile__card{position:relative}.friends__error{margin:0}.fcount{min-width:32px;height:32px;font:400 18px / 1 var(--font-display);color:var(--ink);background:var(--fields);border:var(--line) solid var(--ink);box-shadow:var(--drop-small) var(--drop-small) 0 var(--ink);border-radius:999px;place-items:center;padding:0 8px;display:grid;position:absolute;top:-15px;right:18px}.fsearch{display:grid}.flist.fsearch__hits{margin-top:16px}.form-error.fsearch__message,.pedit__saved.fsearch__message{margin:12px 0 0}.flist.fsearch__hits[aria-busy=true]{opacity:.6}.flist{gap:10px;margin:0;padding:0;list-style:none;display:grid}.flist+.flist{margin-top:10px}.frow{border:var(--line) solid var(--ink);border-radius:var(--radius-small);background:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 10px;display:grid}.frow--incoming{background:#fff4cc}.frow--blocked{background:var(--desert)}.frow__who{min-width:0;color:inherit;border-radius:var(--radius-small);align-items:center;gap:12px;text-decoration:none;display:flex}.frow__face{transition:transform .16s var(--ease-out);flex:none;display:block}.frow__who--link:hover .frow__face,.frow__who--link:focus-visible .frow__face{transform:translateY(-3px)}.frow__main{min-width:0;display:grid}.frow__name{font:400 20px / 1.1 var(--font-display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.frow__note{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.frow__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.frow__actions .btn{border-radius:999px}.finvite{gap:10px;display:grid}.finvite__hint{margin:0}.finvite--empty{justify-items:start}.finvite--empty .field__hint{margin:0}.finvite--empty .btn{text-decoration:none}.frow--tight{padding:6px 8px}.frow--tight .frow__name{font-size:18px}.lobby__friends .flist{max-height:228px;padding-right:2px;overflow-y:auto}.frow__who--link:hover .frow__name{text-underline-offset:3px;text-decoration:underline}@media (prefers-reduced-motion:reduce){.frow__face{transition:none}}@media (width<=900px){.friends>.profile__main{order:-1}}@media (width<=560px){.flist:not(.fsearch__hits,.flist--tight) .frow{grid-template-columns:minmax(0,1fr)}.flist:not(.fsearch__hits,.flist--tight) .frow__actions{justify-content:flex-start}}@font-face{font-family:Lilita One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/lilita-one-400-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lilita One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/lilita-one-400-latin.woff2)format("woff2");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:Rubik;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/rubik-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rubik;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/rubik-latin.woff2)format("woff2");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}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#14110d;--paper:#f7e4bf;--token:#f6ecd2;--hot:#c8261b;--forest:#3d8f3c;--hills:#d6612c;--pasture:#93d14a;--fields:#f2c12e;--mountains:#868c9a;--desert:#e9d396;--sea:#2f9fe0;--shallows:#58bbee;--foam:#f4fbff;--card:#fffbf2;--muted:#5c4f3d;--disabled:#e6d7b6;--disabled-ink:#6f6350;--line:3px;--line-thin:2px;--radius:14px;--radius-small:10px;--drop:6px;--drop-small:4px;--font-display:"Lilita One", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;--font-body:"Rubik", "Segoe UI", system-ui, -apple-system, sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0}body{font:400 16px / 1.5 var(--font-body);-webkit-font-smoothing:antialiased}#root{min-height:100vh}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0;font-weight:400;line-height:1.05}p{margin:0}a{color:inherit}:focus-visible{outline:3px dashed var(--ink);outline-offset:4px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.panel{background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--drop) var(--drop) 0 var(--ink);padding:28px 24px 24px;position:relative}.panel--sea{background:var(--sea)}.panel--fields{background:var(--fields)}.panel__title{background:var(--ink);color:var(--card);font:400 18px / 1 var(--font-display);letter-spacing:.02em;border-radius:8px;padding:7px 12px 6px;position:absolute;top:0;left:18px;transform:translateY(-55%)}.btn{--btn-bg:var(--card);--btn-fg:var(--ink);min-height:44px;font:400 18px / 1 var(--font-display);letter-spacing:.02em;color:var(--btn-fg);background:var(--btn-bg);border:var(--line) solid var(--ink);border-radius:var(--radius-small);box-shadow:var(--drop-small) var(--drop-small) 0 var(--ink);cursor:pointer;transition:transform 90ms var(--ease-out), box-shadow 90ms var(--ease-out), background-color .12s var(--ease-out);justify-content:center;align-items:center;gap:8px;padding:8px 18px;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){box-shadow:calc(var(--drop-small) + 1px) calc(var(--drop-small) + 1px) 0 var(--ink);transform:translate(-1px,-1px)}.btn:active:not(:disabled){transform:translate(var(--drop-small), var(--drop-small));box-shadow:0 0 0 var(--ink)}.btn:disabled{--btn-bg:var(--disabled);--btn-fg:var(--disabled-ink);border-color:var(--disabled-ink);box-shadow:none;cursor:not-allowed}.btn--primary{--btn-bg:var(--fields)}.btn--sea{--btn-bg:var(--sea)}.btn--danger{--btn-bg:var(--hot);--btn-fg:#fff}.btn--quiet{--btn-bg:transparent;box-shadow:none;text-underline-offset:4px;border-color:#0000;padding-inline:6px;text-decoration:underline;text-decoration-thickness:2px}.btn--quiet:hover:not(:disabled){box-shadow:none;text-decoration-thickness:3px;transform:none}.btn--large{min-height:60px;padding:12px 28px;font-size:26px}.btn--small{min-height:36px;box-shadow:3px 3px 0 var(--ink);padding:6px 12px;font-size:15px}.btn--block{width:100%}.btn__icon{flex:none;width:20px;height:20px}.field{gap:6px;display:grid}.field__label{font:400 17px / 1.2 var(--font-display);letter-spacing:.02em}.field__hint{color:var(--muted);font-size:14px}.field__input{width:100%;min-height:48px;font:500 18px / 1.2 var(--font-body);color:var(--ink);border:var(--line) solid var(--ink);border-radius:var(--radius-small);background:#fff;padding:10px 14px;box-shadow:inset 0 3px #14110d1f}.field__input::placeholder{color:#7a6c57;opacity:1}.field__input:focus-visible{outline-offset:3px}.field__input--code{min-width:15ch;font:400 32px / 1 var(--font-display);letter-spacing:.24em;text-transform:uppercase;padding:10px 6px 8px 18px}.field__input--code::placeholder{color:#7a6c57;opacity:1;letter-spacing:.24em}.badge{font:400 13px / 1.2 var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--card);border:var(--line-thin) solid var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 9px 2px;display:inline-flex}.badge--you{background:var(--fields)}.badge--host{background:var(--ink);color:var(--card)}.badge--bot{background:var(--shallows)}.avatar{flex:none;display:block;overflow:visible}.dot{border:var(--line-thin) solid var(--ink);background:#fff;border-radius:50%;flex:none;width:14px;height:14px;display:inline-block}.dot--on{background:var(--pasture)}.rcard{width:var(--card-w,64px);aspect-ratio:5/7;background:var(--rcard-bg);border:var(--line) solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:10px;place-items:center;display:inline-grid;position:relative}.rcard__icon{width:76%;height:76%}.rchip{background:var(--chip-bg);border:var(--line-thin) solid var(--ink);font:400 15px / 1 var(--font-display);color:var(--ink);border-radius:999px;align-items:center;gap:4px;padding:2px 8px 2px 2px;display:inline-flex}.rchip__icon{width:var(--chip-size,24px);height:var(--chip-size,24px);flex:none}.rcard__count{min-width:28px;height:28px;font:400 16px / 1 var(--font-display);color:var(--card);background:var(--ink);border:var(--line-thin) solid var(--card);border-radius:999px;place-items:center;padding:0 6px;display:grid;position:absolute;bottom:-10px;right:-10px}.dcard{--gold:#f3cf6a;vertical-align:top;flex:none;width:12em;height:17em;display:inline-block;position:relative}.dcard--hand{font-size:5.5px}.dcard--large{font-size:20px}.dcard__body{background:linear-gradient(165deg, var(--fl), var(--fd));border:max(.22em, 2px) solid var(--ink);height:100%;box-shadow:max(.3em, 2px) max(.34em, 2px) 0 var(--ink);border-radius:.85em;padding:.42em;display:block}.dcard__frame{border:max(.16em, 1px) solid var(--gold);border-radius:.55em;flex-direction:column;height:100%;display:flex;position:relative;box-shadow:inset 0 0 0 .1em #14110d73,0 0 0 .1em #14110d73}.dcard__art{border:max(.17em, 1px) solid var(--ink);background:#2b4a8c;border-radius:4.8em 4.8em .35em .35em/3.4em 3.4em .35em .35em;flex:none;height:8.9em;margin:.42em .42em 0;overflow:hidden}.dcard__art img{object-fit:cover;width:100%;height:100%;display:block}.dcard__ribbon-wrap{z-index:2;filter:drop-shadow(0 .16em 0 var(--ink));margin:-1.05em -.75em 0;position:relative}.dcard__ribbon{border-block:max(.15em, 1px) solid var(--ink);clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%,6% 50%);background:linear-gradient(#fff8e4,#f0dcae);place-items:center;height:2.32em;display:grid}.dcard__name{font:400 1.08em / 1 var(--font-display);color:var(--ink);white-space:nowrap}.dcard__text{font:500 .8em / 1.3 var(--font-body);text-align:center;color:var(--ft);flex:1;place-items:center;padding:.2em .8em;display:grid}.dcard__foot{font:700 .55em / 1 var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);flex:none;justify-content:center;align-items:center;gap:.5em;padding-bottom:.45em;display:flex}.dcard__foot:before,.dcard__foot:after{content:"";background:currentColor;border-radius:1em;width:2.4em;height:.15em}.dcard--hand .dcard__text{flex:1;font-size:0;display:block}.dcard--hand .dcard__name{letter-spacing:0;font-size:6.4px}.dcard--hand .dcard__foot{letter-spacing:.12em;padding-bottom:4px;font-size:5.5px}.dcard--hand .dcard__foot:before,.dcard--hand .dcard__foot:after{width:1em}.dcard__count{top:-10px;bottom:auto}.dcard--locked .dcard__body{filter:grayscale(.75)brightness(.97)contrast(.92);position:relative}.dcard--locked .dcard__body:after{content:"";z-index:3;border-radius:inherit;background:#f7e4bf59;position:absolute;inset:0}.dcard__lock{z-index:4;color:#fff;white-space:nowrap;background:var(--ink);border:.2em solid var(--card);border-radius:.6em;justify-items:center;gap:1px;padding:.55em .8em .5em;font-size:10px;display:grid;position:absolute;top:44%;left:50%;translate:-50% -50%;rotate:-7deg;box-shadow:.2em .25em #14110d66}.dcard--large .dcard__lock{font-size:15px;top:1%}.dcard__lock strong{font:400 1.3em / 1 var(--font-display);color:#d4ff3a;align-items:center;gap:.25em;display:flex}.dcard__clock{width:1em;height:1em}.dcard__lock>span{font:600 .8em / 1.2 var(--font-body)}.dcard--hand .dcard__lock{padding:.35em .6em .3em}.dcard--hand .dcard__lock>span{display:none}.dcard-back{border:max(.22em, 2px) solid var(--ink);box-shadow:max(.3em, 2px) max(.34em, 2px) 0 var(--ink);border-radius:.85em;overflow:hidden}.dcard-back__art{width:100%;height:100%;display:block}.dcard-back__caption{font:400 9px / 1.3 var(--font-display);letter-spacing:.04em;color:var(--ink);white-space:nowrap;background:var(--gold);border:1.5px solid var(--ink);border-radius:999px;padding:1px 6px;position:absolute;bottom:6px;left:50%;translate:-50%}.toasts{z-index:50;pointer-events:none;gap:12px;width:min(520px,100vw - 32px);display:grid;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.toast{background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--radius-small);box-shadow:5px 5px 0 var(--hot);pointer-events:auto;animation:toast-in .26s var(--ease-out);align-items:center;gap:12px;padding:12px 12px 12px 16px;display:flex}.toast__mark{width:28px;height:28px;font:400 20px / 1 var(--font-display);color:#fff;background:var(--hot);border:var(--line-thin) solid var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}.toast__text{flex:1;font-weight:500}.toast__close{border:var(--line-thin) solid transparent;cursor:pointer;width:32px;height:32px;color:var(--ink);background:0 0;border-radius:8px;flex:none;place-items:center;padding:0;display:grid}.toast__close:hover{border-color:var(--ink)}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)rotate(-1deg)}}.switch{border:var(--line) solid var(--ink);border-radius:var(--radius-small);min-inline-size:0;box-shadow:3px 3px 0 var(--ink);background:var(--card);margin:0;padding:0;display:inline-flex;overflow:hidden}.switch__option{min-width:52px;min-height:40px;font:400 18px / 1 var(--font-display);color:var(--ink);cursor:pointer;background:0 0;border:0;padding:6px 12px}.switch__option+.switch__option{border-left:var(--line) solid var(--ink)}.switch__option[aria-pressed=true]{background:var(--fields)}.switch__option:focus-visible{outline-offset:-7px}.switch__option:disabled{cursor:not-allowed;color:var(--disabled-ink)}@media (prefers-reduced-motion:reduce){.btn,.toast{transition:none;animation:none}}.home,.lobby,.credits,.profile{--sea-band:84px;min-height:100vh;padding-bottom:calc(var(--sea-band) + 24px);isolation:isolate;position:relative}.home:after,.lobby:after,.credits:after,.profile:after{content:"";height:var(--sea-band);z-index:-1;background-color:var(--sea);border-top:var(--line) solid var(--ink);box-shadow:inset 0 10px 0 var(--shallows);background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27560%27 height=%2784%27%3E%3Cg fill=%27none%27 stroke=%27%23f4fbff%27 stroke-linecap=%27round%27%3E%3Cpath stroke-width=%274%27 d=%27M28 40c10-9 24-9 34-1%27/%3E%3Cpath stroke-width=%273%27 d=%27M118 62c5-5 12-6 18-2%27/%3E%3Cpath stroke-width=%274%27 d=%27M172 42c3-9 14-12 22-6%27/%3E%3Cpath stroke-width=%273%27 d=%27M262 50c14-6 30-6 44 2%27/%3E%3Cpath stroke-width=%273%27 d=%27M272 62c9-4 18-4 26 0%27/%3E%3Cpath stroke-width=%274%27 d=%27M360 28c4 6 12 8 18 4%27/%3E%3Cpath stroke-width=%274%27 d=%27M420 58c8-8 20-9 30-3%27/%3E%3Cpath stroke-width=%273%27 d=%27M496 36c8-4 16-4 22 1%27/%3E%3Cpath stroke-width=%273%27 d=%27M504 46c5-2 10-2 14 1%27/%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:auto 0 0}.wordmark{font:400 clamp(64px, 9vw, 112px) / .9 var(--font-display);letter-spacing:.01em;color:var(--fields);-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;text-shadow:6px 7px 0 var(--ink)}.home{padding-top:40px;grid-template-columns:minmax(0,1.05fr) minmax(360px,460px);align-items:center;column-gap:clamp(32px,6vw,96px);padding-inline:max(clamp(24px,5vw,64px),50% - 600px);display:grid}.home__hero{justify-items:start;gap:18px;display:grid}.home__tagline{max-width:26ch;font-size:22px;font-weight:500;line-height:1.35}.home__fan{margin-top:18px;padding-left:36px;display:flex}.home__fan>.rcard{transform-origin:50% 120%;transition:transform .18s var(--ease-out);margin-left:-14px}.home__fan>.rcard:first-child{transform:rotate(-14deg)translateY(10px)}.home__fan>.rcard:nth-child(2){transform:rotate(-7deg)translateY(2px)}.home__fan>.rcard:nth-child(4){transform:rotate(7deg)translateY(2px)}.home__fan>.rcard:nth-child(5){transform:rotate(14deg)translateY(10px)}.home__panel{padding:34px 28px 28px}.home__form{gap:18px;display:grid}.home__lead{font-size:17px;font-weight:500}.home__create{gap:8px;display:grid}.home__or{font:400 15px / 1 var(--font-display);letter-spacing:.04em;color:var(--muted);align-items:center;gap:12px;margin:22px 0 18px;display:flex}.home__or:before,.home__or:after{content:"";border-top:var(--line-thin) dashed var(--ink);opacity:.45;flex:1}.home__alt{text-underline-offset:4px;justify-self:center;font-weight:500}.home__nav{font:400 18px / 1 var(--font-display);letter-spacing:.02em;align-items:center;gap:18px;display:flex;position:absolute;top:24px;right:max(clamp(24px,5vw,64px),50% - 600px)}.home__nav a{text-underline-offset:5px;text-decoration-thickness:2px}.home__nav a:hover{text-decoration-thickness:3px}.form-error{border:var(--line-thin) solid var(--hot);border-radius:var(--radius-small);background:#ffe3dc;align-items:center;gap:10px;padding:10px 12px;font-weight:500;display:flex}.form-error:before{content:"!";width:24px;height:24px;font:400 16px / 1 var(--font-display);color:#fff;background:var(--hot);border:var(--line-thin) solid var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}.topbar{grid-template-columns:1fr auto 1fr;align-items:center;padding:14px clamp(24px,4vw,48px);display:grid}.topbar__brand{align-items:center;gap:10px;display:flex}.topbar__title{font:400 30px / 1 var(--font-display);color:var(--fields);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink)}.topbar__screen{letter-spacing:.04em;font-size:22px}.topbar__tools{justify-self:end;align-items:center;gap:12px;display:flex}.notice{border:var(--line) solid var(--ink);border-radius:var(--radius-small);width:min(1120px,100% - 48px);box-shadow:4px 4px 0 var(--hot);background:#ffe3dc;align-items:center;gap:16px;margin:0 auto 20px;padding:12px 14px 12px 18px;display:flex}.notice--quiet{background:var(--card);box-shadow:4px 4px 0 var(--sea)}.notice__text{flex:1;font-weight:500}.notice__actions{gap:10px;display:flex}.lobby__grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);align-items:start;gap:36px;width:min(1120px,100% - 48px);margin:12px auto 0;display:grid}.lobby__seats{padding:30px 22px 22px}.seats{gap:12px;margin:0;padding:0;list-style:none;display:grid}.seat{border:var(--line) solid var(--ink);background:#fff;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:72px;padding:8px 14px 8px 10px;display:grid}.seat--me{box-shadow:5px 5px 0 var(--ink);background:#fff4cc}.seat--open{background:0 0;border-style:dashed;border-color:#14110d8c}.seat__hole{clip-path:polygon(50% 4%,90% 27%,90% 73%,50% 96%,10% 73%,10% 27%);background:#14110d24;width:52px;height:52px}.seat__who{gap:2px;min-width:0;display:grid}.seat__name{font:400 22px / 1.1 var(--font-display);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.seat__name--open{color:var(--muted)}.seat__meta{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:inline-flex}.seat__end{justify-content:flex-end;align-items:center;gap:6px;display:flex}.lobby__controls{border-top:var(--line-thin) dashed #14110d73;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:20px;padding-top:18px;display:flex}.lobby__loading{color:var(--muted);padding:24px 4px;font-weight:500}.lobby__side{gap:26px;display:grid}.lobby__code{justify-items:start;gap:12px;padding-top:30px;display:grid}.roomcode{font:400 64px / 1 var(--font-display);letter-spacing:.16em;color:var(--ink);-webkit-user-select:all;user-select:all}.invite{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.invite__link{min-height:40px;padding:6px 10px;font-size:15px}.lobby__invite .field__hint:not(:empty){margin-top:8px}.lobby__start{gap:10px;display:grid}.lobby__waiting{font:400 20px / 1.25 var(--font-display);letter-spacing:.01em;background:var(--token);border:var(--line) dashed var(--ink);border-radius:var(--radius);padding:16px 18px}.credits{padding-top:48px;place-items:center;padding-inline:24px;display:grid}.credits__panel{justify-items:start;gap:18px;width:min(640px,100%);display:grid}.credits__head{align-items:center;gap:16px;display:flex}.credits__title{font-size:48px}.credits__intro{font-size:17px}.credits__list{gap:14px;width:100%;margin:0;display:grid}.credits__row{border-top:var(--line-thin) dashed #14110d73;gap:2px;padding-top:12px;display:grid}.credits__row dt{font:400 17px / 1.2 var(--font-display);letter-spacing:.02em}.credits__row dd{margin:0}.privacy__actions{font:400 18px / 1 var(--font-display);letter-spacing:.02em;flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.privacy__actions a:not(.btn){text-underline-offset:5px;text-decoration-thickness:2px}.privacy__panel{width:min(720px,100%)}.privacy__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;width:100%}.privacy__updated{color:var(--muted);margin:0;font-size:15px}.privacy__section{border-top:var(--line-thin) dashed #14110d73;gap:8px;width:100%;padding-top:14px;display:grid}.privacy__heading{font:400 22px / 1.15 var(--font-display);letter-spacing:.02em;margin:0}.privacy__section p{margin:0;line-height:1.5}.privacy__list{gap:6px;margin:0;padding-left:1.25em;line-height:1.5;display:grid}.privacy__section a{overflow-wrap:anywhere}.login__legal{text-align:center;font:400 17px / 1 var(--font-display);letter-spacing:.02em;margin:14px 0 0}@media (width<=900px){.home,.lobby__grid{grid-template-columns:1fr}.home{row-gap:32px}.home__fan{display:none}}.lobby__speed{padding:26px 18px 16px}.speed{gap:8px;display:grid}.speed__options{background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--radius-small);min-inline-size:0;box-shadow:3px 3px 0 var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;display:grid;overflow:hidden}.speed__options--two{grid-template-columns:repeat(2,minmax(0,1fr))}.speed__option{min-height:52px;color:var(--ink);cursor:pointer;transition:background-color .14s var(--ease-out);background:0 0;border:0;align-content:center;justify-items:center;gap:3px;padding:6px 4px;display:grid}.speed__option+.speed__option{border-left:var(--line) solid var(--ink)}.speed__option:hover:not([aria-pressed=true]){background:var(--token)}.speed__option[aria-pressed=true]{background:var(--fields);box-shadow:inset 3px 3px #14110d2e}.speed__option:focus-visible{outline-offset:-7px}.speed__chosen{background:var(--fields);border:var(--line) solid var(--ink);border-radius:var(--radius-small);box-shadow:3px 3px 0 var(--ink);justify-content:space-between;align-items:baseline;gap:12px;padding:10px 14px;display:flex}.speed__name{font:400 20px / 1 var(--font-display);letter-spacing:.02em}.speed__times{font:500 13px / 1.2 var(--font-body);color:var(--muted)}.speed__chosen .speed__times,.speed__option[aria-pressed=true] .speed__times{color:var(--ink)}.speed .field__hint{margin:0}.numbers{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;margin-top:12px;display:grid}.numbers__label{font:400 17px / 1 var(--font-display);letter-spacing:.02em}.numbers__option{min-height:40px}.numbers__option .speed__name{font-size:18px}.numbers__chosen{padding:8px 14px}@media (prefers-reduced-motion:reduce){.speed__option{transition:none}}.home__nav{align-items:center;gap:20px;display:flex}.home:has(.account){grid-template-rows:auto 1fr;row-gap:8px;padding-top:18px}.home:has(.account) .home__nav{grid-area:1/1/auto/-1;justify-self:end;position:static}:is(.home:has(.account) .home__hero,.home:has(.account) .home__side){grid-row:2}.account{align-items:center;min-height:40px;display:flex}.account--wait{min-width:96px}.account__login{text-decoration:none}.account--in{background:var(--card);border:var(--line) solid var(--ink);box-shadow:var(--drop-small) var(--drop-small) 0 var(--ink);border-radius:999px;gap:10px;padding:4px 6px}.account--in .avatar{flex:none;margin:-6px 0 -6px -2px}.account__who{gap:1px;min-width:0;display:grid}.account__profile{min-width:0;color:inherit;border-radius:999px;align-items:center;gap:10px;text-decoration:none;display:flex}.account__label{font:500 11px / 1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.account__name{max-width:18ch;font:400 19px / 1.1 var(--font-display);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account__profile:hover .account__name{text-underline-offset:3px;text-decoration:underline}.account--in .btn{border-radius:999px}.home__account{border:var(--line) solid var(--ink);border-radius:var(--radius-small);background:#fff4cc;gap:6px;padding:12px 14px;display:grid}.home__account .field__label,.home__account .field__hint{margin:0}.home__account-name{font:400 26px / 1.05 var(--font-display);letter-spacing:.01em;overflow-wrap:anywhere}.login__panel{gap:18px;display:grid}.login__panel .home__or{margin:4px 0}.login__guest{margin-top:2px}.btn--google{gap:12px}.google-mark{border:var(--line-thin) solid var(--ink);box-sizing:content-box;background:#fff;border-radius:50%;flex:none;padding:3px}.login__sent{text-align:center;justify-items:center;gap:12px;display:grid}.login__envelope{animation:login-drop .42s var(--ease-out) both;place-items:center;margin-top:4px;display:grid}.login__sent-title{font:400 30px / 1 var(--font-display);letter-spacing:.01em;margin:0}.login__sent-lead{margin:0;font-size:17px;font-weight:500}.login__address{overflow-wrap:anywhere;margin-top:4px;font-weight:700;display:block}.login__sent .field__hint{max-width:34ch;margin:0}.login__working{font:400 22px / 1.1 var(--font-display);align-items:center;gap:14px;margin:6px 0 4px;display:flex}.login__spinner{border:var(--line) solid var(--ink);border-top-color:var(--fields);border-right-color:var(--sea);border-radius:50%;width:30px;height:30px;animation:.9s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}@keyframes login-drop{0%{opacity:0;transform:translateY(-12px)rotate(-6deg)}}.seat__account{vertical-align:-2px;place-items:center;margin-left:6px;display:inline-grid}@media (width<=900px){.home:has(.account) .home__nav{justify-content:space-between;justify-self:stretch}.home:has(.account) .home__hero{grid-row:2}.home:has(.account) .home__side{grid-row:3}}@media (prefers-reduced-motion:reduce){.login__envelope,.login__spinner{animation:none}}@media (width<=480px){.home{padding-inline:16px 22px;padding-top:20px}.btn--google{white-space:nowrap;font-size:22px}.home__nav{flex-wrap:wrap;justify-content:flex-start;row-gap:12px}.home:has(.account) .home__nav{flex-wrap:wrap;justify-content:flex-start;row-gap:12px}.home__nav .account{margin-left:auto}.account--in{gap:6px}.account__label{display:none}.account__name{max-width:11ch;font-size:17px}.account--in .btn{white-space:nowrap;padding-inline:10px}}.match{--side-l:248px;--side-r:264px;--gap:18px;grid-template-columns:var(--side-l) minmax(0, 1fr) var(--side-r);gap:var(--gap);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top top top""players board side""players bottom bottom";height:100vh;min-height:640px;padding:8px 20px 18px;display:grid;position:relative;overflow:clip}@media (width>=1600px){.match{--side-l:268px;--side-r:288px;--gap:22px;padding:12px 24px 24px}}.match__top{grid-area:top;grid-template-columns:1fr auto 1fr;align-items:center;min-height:40px;display:grid}.match__brand{align-items:center;gap:8px;display:flex}.match__title{font:400 24px / 1 var(--font-display);color:var(--fields);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:2px 2px 0 var(--ink)}.match__turn{font:400 22px / 1 var(--font-display);letter-spacing:.02em}.match__room{font:400 16px / 1 var(--font-display);letter-spacing:.08em;color:var(--muted)}.match__tools{justify-self:end;align-items:center;gap:14px;display:flex}.settings{position:relative}.settings__button{background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--radius-small);width:40px;height:40px;box-shadow:var(--drop-small) var(--drop-small) 0 var(--ink);cursor:pointer;transition:transform 90ms var(--ease-out), box-shadow 90ms var(--ease-out);place-items:center;padding:0;display:grid}.settings__button svg{transition:transform .24s var(--ease-out)}.settings__button:hover{box-shadow:calc(var(--drop-small) + 1px) calc(var(--drop-small) + 1px) 0 var(--ink);transform:translate(-1px,-1px)}.settings__button:active{transform:translate(var(--drop-small), var(--drop-small));box-shadow:0 0 0 var(--ink)}.settings__button[aria-expanded=true]{background:var(--fields)}.settings__button[aria-expanded=true] svg{transform:rotate(45deg)}.settings__menu{z-index:40;background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--radius);width:288px;box-shadow:var(--drop) var(--drop) 0 var(--ink);transform-origin:100% 0;animation:settings-in .14s var(--ease-out);padding:14px 16px 16px;position:absolute;top:calc(100% + 12px);right:0}@keyframes settings-in{0%{opacity:0;transform:translateY(-4px)scale(.97)}}.settings__title{letter-spacing:.02em;margin-bottom:10px;font-size:20px}.settings__hint{color:var(--muted);margin-top:6px;font-size:14px;line-height:1.35}.settings__leave,.settings__confirm{margin-top:14px}.settings__leave.btn{color:var(--hot);box-shadow:none;border-color:#0000;justify-content:flex-start;padding-inline:0}.settings__confirm{border:var(--line-thin) solid var(--hot);border-radius:calc(var(--radius) * .6);background:color-mix(in srgb, var(--hot) 8%, var(--card));animation:settings-in .14s var(--ease-out);padding:10px 12px 12px}.settings__confirm-text{margin-bottom:10px;font-weight:700}.settings__confirm .btn--quiet{box-shadow:none;border-color:#0000}.settings__confirm-actions{justify-content:flex-end;gap:8px;display:flex}.toggle{width:100%;min-height:44px;font:500 16px / 1.2 var(--font-body);color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:4px 0;display:flex}.toggle:focus-visible{outline-offset:2px}.toggle__track{background:var(--disabled);border:var(--line) solid var(--ink);width:56px;height:32px;box-shadow:2px 2px 0 var(--ink);transition:background-color .16s var(--ease-out);border-radius:999px;flex:none;position:relative}.toggle__knob{background:var(--card);border:var(--line-thin) solid var(--ink);width:20px;height:20px;transition:transform .18s var(--ease-out);border-radius:50%;position:absolute;top:3px;left:3px}.toggle[aria-checked=true] .toggle__track{background:var(--pasture)}.toggle[aria-checked=true] .toggle__knob{transform:translate(24px)}.toggle:disabled{color:var(--disabled-ink);cursor:not-allowed}.toggle:disabled .toggle__track{border-color:var(--disabled-ink);box-shadow:none}.audio-controls{border-bottom:var(--line-thin) dashed color-mix(in srgb, var(--ink) 25%, transparent);gap:6px;margin-bottom:8px;padding-bottom:10px;display:grid}.slider{grid-template-columns:76px 1fr;align-items:center;gap:12px;min-height:40px;display:grid}.slider__label{font:500 16px / 1.2 var(--font-body)}.slider__input{--fill:50%;cursor:pointer;appearance:none;background:0 0;width:100%;height:28px;margin:0}.slider__input::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--fields) var(--fill), var(--disabled) var(--fill));border:var(--line-thin) solid var(--ink);height:14px;box-shadow:2px 2px 0 var(--ink);border-radius:999px}.slider__input::-moz-range-track{background:var(--disabled);border:var(--line-thin) solid var(--ink);height:10px;box-shadow:2px 2px 0 var(--ink);border-radius:999px}.slider__input::-moz-range-progress{background:var(--fields);border:var(--line-thin) solid var(--ink);border-radius:999px;height:10px}.slider__input::-webkit-slider-thumb{background:var(--card);border:var(--line-thin) solid var(--ink);appearance:none;border-radius:50%;width:22px;height:22px;margin-top:-6px}.slider__input::-moz-range-thumb{background:var(--card);border:var(--line-thin) solid var(--ink);border-radius:50%;width:18px;height:18px}.slider__input:focus-visible{outline:3px dashed var(--ink);outline-offset:2px}.audio-controls[data-muted=true] .slider{opacity:.55}.sound-menu .settings__menu{font:400 16px / 1.5 var(--font-body);letter-spacing:normal;text-align:left}.sound-menu .settings__button[aria-expanded=true] svg{transform:none}@media (prefers-reduced-motion:reduce){.settings__button,.settings__button svg,.settings__menu,.toggle__track,.toggle__knob{transition:none;animation:none}}.match__notice{z-index:20;width:min(720px,100% - 48px);position:absolute;top:56px;left:50%;transform:translate(-50%)}.match__notice .notice{width:100%;margin:0}.match__board{background:var(--paper);border:var(--line) solid var(--ink);border-radius:var(--radius);min-width:0;min-height:0;box-shadow:var(--drop) var(--drop) 0 var(--ink);grid-area:board;position:relative;overflow:hidden}.match__loading{font:400 18px / 1 var(--font-display);position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.match__loading--failed{text-align:center;background:var(--card);border:var(--line-thin) solid var(--ink);border-radius:var(--radius-small);flex-direction:column;align-items:center;gap:14px;width:max-content;max-width:calc(100% - 32px);padding:18px 22px;line-height:1.3;display:flex;top:50%;bottom:auto;transform:translate(-50%,-50%)}.match__loading--failed p{margin:0}.boardview{outline:none;position:absolute;inset:0}.boardview__canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.boardview__status{font:400 16px / 1.2 var(--font-display);background:var(--card);border:var(--line-thin) solid var(--ink);border-radius:var(--radius-small);padding:6px 12px;position:absolute;top:14px;left:16px}.victims{--w:200px;left:clamp(8px, calc(var(--x,0px) - var(--w) / 2), calc(100% - var(--w) - 8px));top:clamp(8px, calc(var(--y,0px) + 18px), calc(100% - 240px));width:var(--w);background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--radius-small);box-shadow:var(--drop-small) var(--drop-small) 0 var(--ink);z-index:10;animation:pop-in .14s var(--ease-out);gap:8px;padding:12px;display:grid;position:absolute}.victims__title{font:400 17px / 1.1 var(--font-display)}.victims__list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.victims__option{width:100%;min-height:40px;font:400 16px / 1 var(--font-display);color:var(--ink);background:var(--card);border:var(--line-thin) solid var(--ink);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:4px 10px 4px 6px;display:flex}.victims__option:hover{background:var(--fields)}.victims__none{border:var(--line-thin) dashed var(--ink);border-radius:50%;width:28px;height:28px}.victims__cancel{font:500 14px / 1.2 var(--font-body);color:var(--ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-self:end;padding:2px 4px;text-decoration:underline}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}}.match__players{grid-area:players;min-height:0;padding:6px 8px 0 0}.ppanels{gap:14px;margin:0;padding:0;list-style:none;display:grid}.ppanel{background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--drop-small) var(--drop-small) 0 var(--ink);gap:8px;padding:10px 12px;display:grid;position:relative}.ppanel--me{background:#fff3c9}.ppanel--current{outline:4px solid var(--fields);outline-offset:0;box-shadow:0 0 0 7px var(--ink), var(--drop) var(--drop) 0 7px var(--ink)}.ppanel__turn{font:400 13px / 1 var(--font-display);letter-spacing:.04em;color:var(--ink);background:var(--fields);border:var(--line-thin) solid var(--ink);border-radius:999px;padding:4px 9px 3px;position:absolute;top:0;right:12px;transform:translateY(-62%)}.ppanel__head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.ppanel__avatar{display:block}.ppanel__away{font:400 13px / 1 var(--font-display);letter-spacing:.03em;white-space:nowrap;color:var(--ink);background:var(--disabled);border:var(--line-thin) solid var(--ink);border-radius:999px;align-items:center;gap:4px;padding:3px 9px 2px 6px;display:inline-flex;position:absolute;top:0;left:12px;transform:translateY(-62%)}.ppanel__away--bot{background:var(--shallows)}.ppanel__away-icon{flex:none;width:14px;height:14px}.ppanel__away-fill{fill:var(--card);stroke:var(--ink);stroke-width:1.6px;stroke-linejoin:round}.ppanel__away-ink{fill:var(--ink)}.ppanel__away-line{stroke:var(--ink);stroke-width:1.6px;stroke-linecap:round}.ppanel--away{background:color-mix(in srgb, var(--disabled) 45%, var(--card))}.ppanel--away .ppanel__avatar{filter:grayscale();opacity:.6}.ppanel__who{gap:2px;min-width:0;display:grid}.ppanel__name{font:400 19px / 1.1 var(--font-display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ppanel__meta{align-items:center;gap:6px;display:flex}.ppanel__meta .dot{width:12px;height:12px}.ppanel__tag{font:400 11px / 1.4 var(--font-display);letter-spacing:.06em;text-transform:uppercase;border:var(--line-thin) solid var(--ink);border-radius:999px;padding:1px 7px 0}.ppanel__tag--bot{background:var(--shallows)}.ppanel__tag--you{background:var(--fields)}.ppanel__points{min-width:40px;height:40px;font:400 24px / 1 var(--font-display);background:var(--token);border:var(--line) solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:999px;place-items:center;padding:0 6px;display:grid}.ppanel__stats{grid-template-columns:repeat(4,1fr);gap:6px;margin:0;padding:0;list-style:none;display:grid}.pstat{border:var(--line-thin) solid var(--ink);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:5px;height:30px;display:flex}.pstat__value{font:400 17px / 1 var(--font-display)}.pstat__icon{width:20px;height:20px}.pstat__cards{background:var(--hills);border:var(--line-thin) solid var(--ink);width:12px;height:17px;box-shadow:-3px -2px 0 -0px var(--card), -4px -3px 0 0 var(--ink);border-radius:3px;position:relative}.pstat__cards--dev{background:var(--sea)}.ppanel__awards{flex-wrap:wrap;gap:6px;min-height:22px;display:flex}.ppanel__awards:empty{display:none}.award{font:400 12px / 1.4 var(--font-display);letter-spacing:.04em;text-transform:uppercase;border:var(--line-thin) solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:999px;align-items:center;padding:2px 9px 1px;display:inline-flex}.award--road{background:var(--hills);color:var(--ink)}.award--army{background:var(--hot);color:#fff}.match__side{gap:calc(var(--gap) + 10px);grid-area:side;grid-template-rows:auto minmax(0,1fr);min-height:0;padding-top:14px;display:grid}.match__side .panel,.match__bottom .panel{box-shadow:var(--drop-small) var(--drop-small) 0 var(--ink);padding:22px 14px 14px}.match__log{min-height:0;display:grid}.dice{grid-template-columns:repeat(5,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.die{aspect-ratio:1;max-height:46px;font:400 20px / 1 var(--font-display);color:var(--die-fg);background:var(--die-bg);border:var(--line-thin) solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:9px;place-items:center;display:grid}.die:first-child{border-width:var(--line)}.die--seven{outline:3px solid var(--hot);outline-offset:1px;position:relative}.die--seven:after{content:"";background:var(--hot);border:var(--line-thin) solid var(--ink);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:14px;height:14px;position:absolute;top:-7px;right:-7px}.hand__empty{white-space:nowrap}.dice__empty,.hand__empty,.gamelog__empty{color:var(--muted);font-size:14px}.gamelog{overscroll-behavior:contain;min-height:0;margin:0;padding:0 4px 0 0;font-size:14px;line-height:1.35;list-style:none;position:relative;overflow-y:auto}.gamelog__line{border-bottom:1px dashed #14110d40;padding:4px 0}.gamelog__line:last-child{border-bottom:0;font-weight:600}.match__bottom{gap:var(--gap);grid-area:bottom;grid-template-columns:minmax(0,1fr) minmax(500px,auto);padding-top:8px;display:grid}.hand{align-items:center;gap:18px;min-height:70px;padding:4px 12px 10px 6px;display:flex;overflow:auto hidden;container:hand/inline-size}.hand__cards{flex:0 auto;gap:14px;margin:0;padding:0;list-style:none;display:flex}.hand__card{display:block;position:relative}.hand__card--none{opacity:.4}@container hand (width<=560px){.hand__card--none{opacity:1}.hand__card--none .rcard{filter:grayscale()brightness(1.35)contrast(.45)}}.hand__cards--dev{flex:1 6 auto;gap:0}.hand__cards--dev>li{z-index:0;flex:0 66px;width:22px;margin-right:8px}.hand__cards--dev>li:last-child{flex:none;width:auto;margin-right:0}.hand__cards--dev>li:hover,.hand__cards--dev>li:focus-within{z-index:1}.hand__cards--dev .dcard__count{min-width:22px;height:22px;padding:0 4px;font-size:13px;inset:auto auto -8px -6px}.hand__cards--dev .dcard__lock{top:50%;left:11px;translate:-50% -50%;rotate:-90deg}@container hand (width<=560px){.hand__rule{margin-inline:-10px}.hand__cards{gap:4px}.hand__cards:not(.hand__cards--dev){flex:auto;max-width:216px}.hand__cards--dev{gap:0}.hand__cards:not(.hand__cards--dev)>li{flex:0 40px;width:24px}.hand__cards:not(.hand__cards--dev)>li:last-child{flex:none;width:auto}.hand__card .rcard{width:40px}.hand__card .rcard__count{min-width:22px;height:22px;padding:0 4px;font-size:13px;bottom:-8px;left:-6px;right:auto}.hand__cards--dev>li{width:16px;margin-right:4px}}.hand__dev{font:inherit;color:inherit;cursor:zoom-in;transition:translate .16s var(--ease-out);background:0 0;border:0;border-radius:.85em;padding:0;display:block}.hand__dev:hover{translate:0 -3px}.hand__dev:focus-visible{outline:3px solid var(--sea);outline-offset:3px}.modal-scrim.card-viewer__scrim{z-index:55;background:#14110d8c;position:fixed}.card-viewer__buttons{gap:12px;display:flex}.card-viewer{background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--drop) var(--drop) 0 var(--ink);justify-items:center;gap:22px;padding:30px 26px 20px;display:grid}.hand__rule{border-left:var(--line-thin) dashed var(--ink);align-self:stretch;width:0}.match__actions{position:relative}@media (width>=1600px){.ppanel{gap:10px;padding:14px 16px}.ppanels{gap:22px}.ppanel__name{font-size:22px}.ppanel__away{padding:4px 11px 3px 7px;font-size:15px}.ppanel__away-icon{width:16px;height:16px}.pstat{height:36px}.pstat__value{font-size:20px}.gamelog{font-size:15px}.hand{min-height:96px}.hand__cards,.hand__back{zoom:1.3}}@media (prefers-reduced-motion:reduce){.victims{animation:none}.hand__dev{transition:none}}.gamelog__res{vertical-align:middle;align-items:center;gap:2px;font-weight:700;display:inline-flex}.gamelog__icon{width:20px;height:20px}.actionbar__head{align-items:center;gap:10px;min-width:0;display:flex}.actionbar__head .actionbar__prompt{flex:1;min-width:0}.turntimer{height:38px;color:var(--ink);background:var(--card);border:var(--line-thin) solid var(--ink);box-shadow:3px 3px 0 var(--ink);transition:background-color .2s var(--ease-out), color .2s var(--ease-out);border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 12px 0 4px;display:inline-flex}.turntimer__dial{flex:none;width:30px;height:30px}.turntimer__crown,.turntimer__pin{fill:var(--ink)}.turntimer__face{fill:var(--token);stroke:var(--ink);stroke-width:3px}.turntimer__wedge{fill:none;stroke:var(--sea);stroke-width:13px}.turntimer__hand{stroke:var(--ink);stroke-width:3px;stroke-linecap:round}.turntimer__time{min-width:2.15em;font:400 24px / 1 var(--font-display);letter-spacing:.02em;display:inline-block}.turntimer--warn{color:#fff;background:var(--hot)}.turntimer--warn .turntimer__face{fill:#fff}.turntimer--warn .turntimer__wedge{stroke:var(--fields)}.turntimer--warn .turntimer__time{-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;animation:timer-beat .45s var(--ease-out)}@keyframes timer-beat{0%{transform:scale(1.28)}}@media (width>=1600px){.turntimer{height:42px;padding-right:14px}.turntimer__dial{width:34px;height:34px}.turntimer__time{font-size:27px}}@media (prefers-reduced-motion:reduce){.turntimer,.turntimer--warn .turntimer__time{transition:none;animation:none}}.match__actionbar{display:contents}.takeover{z-index:6;background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--radius-small);box-shadow:var(--drop-small) var(--drop-small) 0 var(--sea);animation:takeover-in .26s var(--ease-out) both;align-items:center;gap:14px;padding:8px 12px;display:flex;position:absolute;inset:18px 10px 10px}.takeover__badge{background:var(--shallows);border:var(--line-thin) solid var(--ink);width:46px;height:46px;box-shadow:2px 2px 0 var(--ink);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.takeover__badge:after{content:"";border:var(--line-thin) solid var(--sea);opacity:0;animation:takeover-ring 1.8s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:-6px}.takeover__robot{width:30px;height:30px}.takeover__head{fill:var(--card);stroke:var(--ink);stroke-width:2.2px;stroke-linejoin:round}.takeover__ink{fill:var(--ink)}.takeover__line{fill:none;stroke:var(--ink);stroke-width:2.2px;stroke-linecap:round}.takeover__text{flex:1;gap:2px;min-width:0;display:grid}.takeover__title{font:400 20px / 1.1 var(--font-display);letter-spacing:.01em;margin:0}.takeover__hint{color:var(--muted);margin:0;font-size:13px;line-height:1.3}.takeover__back{white-space:nowrap;flex:none}@keyframes takeover-in{0%{opacity:0;transform:translateY(6px)scale(.98)}}@keyframes takeover-ring{0%{opacity:.8;transform:scale(.9)}to{opacity:0;transform:scale(1.25)}}@media (width>=1600px){.takeover{gap:18px;padding:12px 18px;inset:22px 14px 14px}.takeover__badge{width:58px;height:58px}.takeover__robot{width:38px;height:38px}.takeover__title{font-size:26px}.takeover__hint{font-size:15px}}@media (prefers-reduced-motion:reduce){.takeover,.takeover__badge:after{animation:none}}.actionbar{gap:8px;min-height:70px;display:grid}.actionbar__prompt{font:400 18px / 1.15 var(--font-display);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.actionbar__tools{flex-wrap:wrap;align-items:stretch;gap:6px;display:flex}.tools__group{border:0;gap:0;min-inline-size:0;margin:0;padding:0;display:flex}.tool{min-width:54px;min-height:52px;font:400 11px / 1 var(--font-display);letter-spacing:.02em;color:var(--ink);background:var(--card);border:var(--line-thin) solid var(--ink);border-radius:var(--radius-small);box-shadow:3px 3px 0 var(--ink);cursor:pointer;transition:transform 90ms var(--ease-out), box-shadow 90ms var(--ease-out);align-content:center;justify-items:center;gap:1px;padding:4px 5px 3px;display:grid}.tool:hover:not(:disabled){box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.tool:active:not(:disabled){box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.tool:disabled{color:var(--disabled-ink);background:var(--disabled);border-color:var(--disabled-ink);box-shadow:none;cursor:not-allowed}.tool--primary:not(:disabled){background:var(--hot);color:#fff}.tool--end:not(:disabled){background:var(--sea)}.tool[aria-pressed=true]{box-shadow:0 0 0 var(--ink);background:#d4ff3a;transform:translate(3px,3px)}.tools__group .tool{border-radius:0}.tools__group .tool+.tool{margin-left:-2px}.tools__group .tool:first-child{border-radius:var(--radius-small) 0 0 var(--radius-small)}.tools__group .tool:last-child{border-radius:0 var(--radius-small) var(--radius-small) 0}.tool__icon{width:28px;height:28px}.tool__label{white-space:nowrap}.tool:disabled .tool__icon{opacity:.45;filter:grayscale()}@media (width>=1600px){.actionbar{gap:10px;min-height:96px}.actionbar__prompt{font-size:22px}.actionbar__tools{gap:10px}.tool{min-width:70px;min-height:66px;font-size:13px}.tool__icon{width:36px;height:36px}}.popover{z-index:30;background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--radius);width:360px;max-height:calc(100vh - 170px);box-shadow:var(--drop) var(--drop) 0 var(--ink);animation:pop-in .14s var(--ease-out);gap:10px;padding:12px 14px 14px;display:grid;position:absolute;bottom:calc(100% + 14px);right:-6px;overflow:auto}.popover__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.popover__title{font:400 20px / 1 var(--font-display)}.popover__close{border:var(--line-thin) solid transparent;cursor:pointer;background:0 0;border-radius:8px;place-items:center;width:32px;height:32px;padding:0;display:grid}.popover__close:hover{border-color:var(--ink)}.popover__hint,.popover__empty{color:var(--muted);font-size:14px}.cardbtn{cursor:pointer;transition:transform 90ms var(--ease-out);background:0 0;border:0;border-radius:10px;padding:0 4px 4px 0}.cardbtn:hover:not(:disabled){transform:translateY(-3px)}.cardbtn:disabled{opacity:.35;cursor:not-allowed}.cardbtn[aria-pressed=true] .rcard{outline-offset:2px;outline:3px solid #d4ff3a}.pickrow{gap:8px;display:flex}.linkbtn{font:500 14px / 1.2 var(--font-body);color:var(--ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-self:start;padding:2px 0;text-decoration:underline}.bank{gap:8px;margin:0;padding:0;list-style:none;display:grid}.bank__row{border:var(--line-thin) solid var(--ink);border-radius:var(--radius-small);background:#fff;align-items:center;gap:10px;padding:6px 8px;display:flex}.bank__give{align-items:center;gap:12px;padding-right:4px;display:flex}.bank__arrow{font:400 22px / 1 var(--font-display)}.bank__receive{flex-wrap:wrap;gap:6px;display:flex}.popover--trade{width:var(--side-r);max-width:100%;right:0}.trade{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}.composer{gap:6px;display:grid}.composer__head,.composer__row{grid-template-columns:40px auto auto;align-items:center;gap:10px;display:grid}.composer__head{font:400 13px / 1 var(--font-display);letter-spacing:.04em;text-transform:uppercase}.composer__rows{gap:8px;margin:0;padding:0;list-style:none;display:grid}.composer__row .rcard__count{min-width:20px;height:20px;font-size:12px;bottom:-8px;right:-8px}.composer__actions{justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.stepper{border:var(--line-thin) solid var(--ink);background:#fff;border-radius:8px;grid-template-columns:30px 28px 30px;align-items:center;display:inline-grid;overflow:hidden}.stepper--give{background:#ffe9e4}.stepper--want{background:#e6f6ff}.stepper__btn{height:30px;font:400 20px / 1 var(--font-display);color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0}.stepper__btn:hover:not(:disabled){background:var(--fields)}.stepper__btn:disabled{color:var(--disabled-ink);opacity:.5;cursor:not-allowed}.stepper__value{text-align:center;font:400 17px / 1 var(--font-display)}.trade__open{justify-items:start;gap:8px;display:grid}.trade__heading{font:400 16px / 1 var(--font-display)}.answers{gap:6px;width:100%;margin:0;padding:0;list-style:none;display:grid}.answer{border:var(--line-thin) solid var(--ink);border-radius:var(--radius-small);background:#fff;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 8px;display:flex}.answer__name{min-width:0;font:400 15px / 1.1 var(--font-display);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.answer__badge{font:400 12px / 1.3 var(--font-display);letter-spacing:.04em;text-transform:uppercase;border:var(--line-thin) solid var(--ink);background:var(--card);border-radius:999px;padding:2px 8px 1px}.answer__badge--accepted{background:var(--pasture)}.answer__badge--rejected{background:var(--hot);color:#fff}.answer__badge--countered{background:var(--sea)}.answer__badge--waiting{color:var(--muted);border-style:dashed}.answer__counter{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.answer__terms{align-items:center;gap:6px;display:flex}.answer__for{font:400 18px / 1 var(--font-display)}.cardlist{flex-wrap:wrap;gap:4px;display:inline-flex}.cardlist__none{color:var(--muted);font-size:14px}.inbox{z-index:25;gap:10px;width:340px;display:grid;position:absolute;bottom:calc(100% + 14px);right:-6px}.inbox__offer{background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--drop) var(--drop) 0 var(--sea);animation:pop-in .14s var(--ease-out);gap:8px;padding:12px 14px;display:grid}.inbox__title{font:400 17px / 1.1 var(--font-display);align-items:center;gap:8px;display:flex}.inbox__terms{grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;margin:0;display:grid}.inbox__terms dt{font:400 13px / 1 var(--font-display);letter-spacing:.04em;text-transform:uppercase}.inbox__terms dd{margin:0}.inbox__answer{color:var(--muted);font-size:14px}.inbox__buttons{gap:8px;display:flex}.modal-scrim{z-index:40;background:#14110d59;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.modal-scrim--win{z-index:60;background:#14110d8c;position:fixed}.discard{background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--radius);width:min(580px,100%);max-height:100%;box-shadow:var(--drop) var(--drop) 0 var(--hot);animation:pop-in .16s var(--ease-out);gap:10px;padding:16px 18px 18px;display:grid;overflow:auto}.discard__title{font:400 26px / 1 var(--font-display)}.discard__hint{color:var(--muted);font-size:14px}.discard__rows{flex-wrap:wrap;gap:14px 16px;margin:0;padding:0;list-style:none;display:flex}.discard__row{justify-items:center;gap:10px;display:grid}.discard__foot{justify-content:space-between;align-items:center;gap:12px;padding-top:4px;display:flex}.discard__count{font:400 17px / 1 var(--font-display)}.win{background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--radius);width:min(480px,100%);box-shadow:8px 8px 0 var(--ink);animation:pop-in .22s var(--ease-out);justify-items:center;gap:12px;padding:26px 24px 24px;display:grid;position:relative}.win__burst{background:var(--fields);border:var(--line) solid var(--ink);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:68px;height:68px;position:absolute;top:-34px}.win__title{font:400 44px / 1 var(--font-display);color:var(--fields);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink);text-align:center;margin-top:18px}.win__subtitle{font:400 16px / 1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.win__list{gap:8px;width:100%;margin:0;padding:0;list-style:none;display:grid}.win__row{border:var(--line-thin) solid var(--ink);border-radius:var(--radius-small);background:#fff;align-items:center;gap:12px;padding:8px 12px;display:flex}.win__row--winner{border-width:var(--line);box-shadow:4px 4px 0 var(--ink);background:#fff3c9}.win__name{font:400 20px / 1.1 var(--font-display);flex:1;align-items:center;gap:8px;display:flex}.win__you,.win__badge{font:400 12px / 1.4 var(--font-display);letter-spacing:.06em;text-transform:uppercase;border:var(--line-thin) solid var(--ink);background:var(--fields);border-radius:999px;padding:1px 8px 0}.win__badge{background:var(--hot);color:#fff}.win__points{min-width:44px;height:44px;font:400 26px / 1 var(--font-display);background:var(--token);border:var(--line) solid var(--ink);border-radius:999px;place-items:center;display:grid}@media (prefers-reduced-motion:reduce){.tool,.cardbtn,.popover,.inbox__offer,.discard,.win{transition:none;animation:none}}