:root{color-scheme:light;--paper: #f1f1ee;--sheet: #ffffff;--mat: #e4e4df;--sunk: #e9e9e4;--ink: #16161a;--ink-2: #53535c;--ink-3: #7d7d86;--rule: #dfdfd9;--rule-2: #c6c6bf;--on-ink: #f6f6f3;--win: #16794a;--win-soft: #dff0e5;--lose: #bf2f26;--lose-soft: #fadfdc;--focus: #1c5fd6;--game: var(--ink);--game-soft: #e6e6e1;--sans: "Familjen Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono: "DM Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--t-9: .6875rem;--t-8: .75rem;--t-7: .8125rem;--t-6: .9375rem;--t-5: 1.0625rem;--t-4: 1.375rem;--t-3: 1.875rem;--t-2: clamp(2.25rem, 5vw, 3.25rem);--t-1: clamp(3rem, 11vw, 6rem);--w-book: 400;--w-med: 500;--w-semi: 600;--w-bold: 700;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s7: 32px;--s8: 40px;--s9: 56px;--s10: 72px;--s11: 96px;--r: 2px;--r-card: 4.2%;--hair: 1px solid var(--rule);--hair-2: 1px solid var(--rule-2);--lift-1: 0 1px 2px rgb(20 20 16 / 10%);--lift-2: 0 6px 16px -6px rgb(20 20 16 / 26%), 0 2px 4px rgb(20 20 16 / 10%);--lift-3: 0 18px 40px -14px rgb(20 20 16 / 34%), 0 4px 10px rgb(20 20 16 / 12%);--h-s: 30px;--h-m: 38px;--h-l: 46px;--tap: 44px;--quick: 90ms;--fast: .11s;--mid: .19s;--slow: .32s;--ease: cubic-bezier(.2, .7, .3, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-pop: cubic-bezier(.34, 1.5, .64, 1);--gutter: var(--s5);--wide: 1180px;--bar: 56px}[data-game=mtg]{--game: #b8701a;--game-soft: #f6e9d6}[data-game=pokemon]{--game: #255fa0;--game-soft: #dde8f5}[data-game=yugioh]{--game: #7a3494;--game-soft: #ece0f3}[data-game=onepiece]{--game: #bb2118;--game-soft: #f9ddda}[data-game=lorcana]{--game: #1f6b62;--game-soft: #d9ecea}[data-game=starwars]{--game: #8a6a12;--game-soft: #f3ecd6}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--paper: #14140f;--sheet: #1c1c18;--mat: #0d0d0a;--sunk: #232320;--ink: #f0f0e8;--ink-2: #b2b2a8;--ink-3: #82827a;--rule: #32322c;--rule-2: #46463f;--on-ink: #14140f;--win: #52c98a;--win-soft: #16301f;--lose: #f0665c;--lose-soft: #33100d;--focus: #6ea2ff;--game: var(--ink);--game-soft: #26262a;--lift-1: 0 1px 2px rgb(0 0 0 / 50%);--lift-2: 0 6px 16px -6px rgb(0 0 0 / 70%), 0 2px 4px rgb(0 0 0 / 40%);--lift-3: 0 18px 40px -14px rgb(0 0 0 / 80%), 0 4px 10px rgb(0 0 0 / 45%)}:root:not([data-theme=light]) [data-game=mtg]{--game: #e0a44f;--game-soft: #2c2114}:root:not([data-theme=light]) [data-game=pokemon]{--game: #6ba5e8;--game-soft: #14202f}:root:not([data-theme=light]) [data-game=yugioh]{--game: #c088dc;--game-soft: #241a2b}:root:not([data-theme=light]) [data-game=onepiece]{--game: #ef6f64;--game-soft: #2e1512}:root:not([data-theme=light]) [data-game=lorcana]{--game: #5cb8ac;--game-soft: #11241f}:root:not([data-theme=light]) [data-game=starwars]{--game: #e3c04a;--game-soft: #2b2512}}:root[data-theme=dark]{color-scheme:dark;--paper: #14140f;--sheet: #1c1c18;--mat: #0d0d0a;--sunk: #232320;--ink: #f0f0e8;--ink-2: #b2b2a8;--ink-3: #82827a;--rule: #32322c;--rule-2: #46463f;--on-ink: #14140f;--win: #52c98a;--win-soft: #16301f;--lose: #f0665c;--lose-soft: #33100d;--focus: #6ea2ff;--game: var(--ink);--game-soft: #26262a;--lift-1: 0 1px 2px rgb(0 0 0 / 50%);--lift-2: 0 6px 16px -6px rgb(0 0 0 / 70%), 0 2px 4px rgb(0 0 0 / 40%);--lift-3: 0 18px 40px -14px rgb(0 0 0 / 80%), 0 4px 10px rgb(0 0 0 / 45%)}:root[data-theme=dark] [data-game=mtg]{--game: #e0a44f;--game-soft: #2c2114}:root[data-theme=dark] [data-game=pokemon]{--game: #6ba5e8;--game-soft: #14202f}:root[data-theme=dark] [data-game=yugioh]{--game: #c088dc;--game-soft: #241a2b}:root[data-theme=dark] [data-game=onepiece]{--game: #ef6f64;--game-soft: #2e1512}:root[data-theme=dark] [data-game=lorcana]{--game: #5cb8ac;--game-soft: #11241f}:root[data-theme=dark] [data-game=starwars]{--game: #e3c04a;--game-soft: #2b2512}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--sans);font-size:var(--t-6);font-weight:var(--w-book);line-height:1.45;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none}img,svg{display:block;max-width:100%}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}a{color:inherit;text-decoration-color:var(--rule-2);text-underline-offset:2px}a:hover{text-decoration-color:currentcolor}h1,h2,h3{font-weight:var(--w-bold);line-height:1.1;letter-spacing:-.022em;text-wrap:balance}::selection{color:var(--on-ink);background:var(--ink)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}*{scrollbar-color:var(--rule-2) transparent;scrollbar-width:thin}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--rule-2);border:3px solid transparent;border-radius:99px}.code{font-family:var(--mono);font-size:var(--t-9);font-weight:var(--w-med);color:var(--ink-3);letter-spacing:.01em;font-variant-numeric:tabular-nums}.num{font-variant-numeric:tabular-nums;letter-spacing:-.02em}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.grow{flex:1;min-width:0}.sr{position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}.btn{display:inline-flex;flex-shrink:0;gap:var(--s2);align-items:center;justify-content:center;height:var(--h-m);padding-inline:var(--s4);font-size:var(--t-7);font-weight:var(--w-semi);color:var(--ink);letter-spacing:-.008em;white-space:nowrap;background:var(--sheet);border:var(--hair-2);border-radius:var(--r);transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease),color var(--fast) var(--ease)}.btn:hover:not(:disabled){border-color:var(--ink)}.btn:active:not(:disabled){background:var(--sunk)}.btn:disabled{color:var(--ink-3);cursor:not-allowed;border-color:var(--rule)}.btn--ink{color:var(--on-ink);background:var(--ink);border-color:var(--ink)}.btn--ink:hover:not(:disabled){background:color-mix(in oklab,var(--ink) 86%,var(--paper))}.btn--ink:active:not(:disabled){background:var(--ink)}.btn--bare{background:none;border-color:transparent}.btn--bare:hover:not(:disabled){background:var(--sunk);border-color:transparent}.btn--s{height:var(--h-s);padding-inline:var(--s3);font-size:var(--t-8)}.btn--l{height:var(--h-l);padding-inline:var(--s5);font-size:var(--t-6)}.btn--icon{width:var(--h-m);padding-inline:0}.btn--icon.btn--s{width:var(--h-s)}.input{width:100%;height:var(--h-l);padding-inline:var(--s3);font-size:var(--t-6);color:var(--ink);background:var(--sheet);border:var(--hair-2);border-radius:var(--r);transition:border-color var(--fast) var(--ease)}.input::placeholder{color:var(--ink-3)}.input:focus{border-color:var(--ink);outline:none}.tag{display:inline-flex;gap:var(--s1);align-items:center;height:22px;padding-inline:var(--s2);font-family:var(--mono);font-size:var(--t-9);font-weight:var(--w-med);color:var(--ink-2);white-space:nowrap;background:var(--sunk);border-radius:var(--r);font-variant-numeric:tabular-nums}.tag--game{color:var(--game);background:var(--game-soft)}.skel{background:var(--sunk);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.card--small .card__shot{box-shadow:var(--lift-1)}.card--small .card__edge{box-shadow:inset 0 0 0 1px #14141038}.card{display:flex;flex-direction:column;gap:var(--s3);width:var(--card-w, 100%);padding:0;font:inherit;color:inherit;text-align:center;background:none;border:0}.card[data-pick]{cursor:pointer}.card[data-dim] .card__shot{opacity:.72}.card__shot{position:relative;display:block;width:100%;overflow:hidden;background:var(--sunk);border-radius:var(--r-card);box-shadow:var(--lift-2);transition:transform var(--mid) var(--ease),box-shadow var(--mid) var(--ease),opacity var(--mid) var(--ease)}.card__tint{position:absolute;inset:0;opacity:.5}.card__skel{position:absolute;inset:0}.card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--slow) var(--ease)}.card__img[data-loaded]{opacity:1}.card__edge{position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #1414102e}.card[data-pick]:hover .card__shot,.card[data-pick]:focus-visible .card__shot{box-shadow:var(--lift-3),0 0 0 3px var(--ink);transform:translateY(-6px)}.card[data-pick]:active .card__shot{transform:translateY(-2px)}.card[data-pick]:disabled{cursor:default}.card[data-pick]:disabled:hover .card__shot{box-shadow:var(--lift-2);transform:none}.card[data-state=chosen] .card__shot{box-shadow:var(--lift-3),0 0 0 3px var(--ink)}.card[data-state=right] .card__shot{box-shadow:var(--lift-3),0 0 0 3px var(--win)}.card[data-state=wrong] .card__shot{box-shadow:var(--lift-3),0 0 0 3px var(--lose)}.card__verdict{position:absolute;top:var(--s3);right:var(--s3);display:grid;place-items:center;width:34px;height:34px;font-size:18px;font-weight:var(--w-bold);line-height:1;color:var(--on-ink);border-radius:99px;box-shadow:var(--lift-1);animation:stamp .26s var(--ease) both}.card__verdict[data-kind=right]{background:var(--win)}.card__verdict[data-kind=wrong]{background:var(--lose)}@keyframes stamp{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.card__redact{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transition:opacity var(--slow) var(--ease)}.card__redact[data-off]{opacity:0}.card__read{display:flex;gap:var(--s2);align-items:baseline;justify-content:center;min-height:30px;font-size:var(--t-5);font-weight:var(--w-semi);line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.card__read small{font-family:var(--mono);font-size:var(--t-9);font-weight:var(--w-med);color:var(--ink-3);letter-spacing:0}.card__read[data-tone=right]{color:var(--win)}.card__read[data-tone=wrong]{color:var(--lose)}#root{display:flex;flex-direction:column;height:100%}.page{width:100%;max-width:var(--wide);padding-inline:var(--gutter);padding-block:var(--s6) var(--s11);margin-inline:auto;overflow-y:auto}.page--narrow{max-width:660px}.masthead{display:flex;gap:var(--s5);align-items:flex-start;justify-content:space-between;padding-bottom:var(--s5)}.masthead__name{display:flex;gap:var(--s3);align-items:center;line-height:1;font-size:var(--t-2);font-weight:var(--w-bold);letter-spacing:-.04em}.masthead__line{max-width:44ch;margin-top:var(--s2);font-size:var(--t-6);color:var(--ink-2);text-wrap:pretty}.masthead__nav{display:flex;flex-shrink:0;gap:var(--s2)}.picker{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s3);padding:0;margin-block:var(--s5);list-style:none}@media(min-width:620px){.picker{grid-template-columns:repeat(3,1fr)}}.pick{position:relative;display:grid;grid-template-rows:1fr auto;padding:var(--s3) var(--s3) var(--s4);overflow:hidden;text-align:center;text-decoration:none;background:var(--sheet);border:var(--hair);border-radius:var(--r);transition:border-color var(--mid) var(--ease),transform var(--mid) var(--ease)}.pick:hover,.pick:focus-visible{border-color:var(--ink);transform:translateY(-1px)}.pick__band{position:absolute;inset:0 0 auto;height:4px;background:var(--game)}.pick__fan{position:relative;display:block;aspect-ratio:1 / .92;margin-top:var(--s2)}.pick__fan img{position:absolute;bottom:9%;left:50%;width:52%;border-radius:3px;box-shadow:var(--lift-1);transform-origin:50% 100%;transition:transform var(--slow) var(--ease)}.pick__fan img:nth-child(1){transform:translate(-50%) rotate(-13deg) translate(-30%) scale(.9)}.pick__fan img:nth-child(2){transform:translate(-50%)}.pick__fan img:nth-child(3){transform:translate(-50%) rotate(13deg) translate(30%) scale(.9)}.pick:hover .pick__fan img:nth-child(1){transform:translate(-50%) rotate(-19deg) translate(-44%) scale(.9)}.pick:hover .pick__fan img:nth-child(2){transform:translate(-50%) translateY(-4px)}.pick:hover .pick__fan img:nth-child(3){transform:translate(-50%) rotate(19deg) translate(44%) scale(.9)}.pick__body{display:grid;gap:2px;justify-items:center;min-width:0}.pick__name{font-size:var(--t-5);font-weight:var(--w-bold);line-height:1.15;color:var(--ink);letter-spacing:-.02em}.pick__meta{display:flex;gap:var(--s2);align-items:center;font-family:var(--mono);font-size:var(--t-9);color:var(--game)}.pick__meta b{font-weight:var(--w-med);color:var(--ink-3)}.crumb{padding-bottom:var(--s4)}.crumb__back{display:inline-flex;gap:var(--s1);align-items:center;font-size:var(--t-7);font-weight:var(--w-med);color:var(--ink-2);text-decoration:none}.crumb__back:hover{color:var(--ink)}.gamehead{position:relative;display:flex;gap:var(--s4);align-items:center;padding:var(--s4) var(--s4) var(--s4) var(--s5);background:var(--sheet);border:var(--hair);border-radius:var(--r)}.gamehead__band{position:absolute;inset:0 auto 0 0;width:5px;background:var(--game)}.gamehead__text{flex:1;min-width:0}.gamehead__name{font-size:var(--t-3);letter-spacing:-.035em}.gamehead__full{font-size:var(--t-8);color:var(--ink-3)}.pagehead{padding-bottom:var(--s5)}.pagehead__title{font-size:var(--t-3);letter-spacing:-.035em}.pagehead__sub{margin-top:var(--s1);font-size:var(--t-7);color:var(--ink-2)}.modes{display:grid;gap:-1px;padding:0;list-style:none;border:var(--hair);border-radius:var(--r)}.modes li+li .mode{border-top:var(--hair)}.mode{display:grid;grid-template-columns:auto 1fr auto auto;gap:var(--s4);align-items:center;padding:var(--s4);text-decoration:none;background:var(--sheet);transition:background var(--fast) var(--ease);animation:rise .28s var(--ease) both;animation-delay:calc(var(--i, 0) * 32ms)}@keyframes rise{0%{transform:translateY(7px)}to{transform:none}}.mode:hover,.mode:focus-visible{background:var(--game-soft)}.mode__sample{display:block;flex-shrink:0;width:62px}.mode__icon{display:grid;place-items:center;width:62px;height:86px;color:var(--game);background:var(--game-soft);border-radius:var(--r)}@media(min-width:720px){.mode__sample,.mode__icon{width:76px}.mode__icon{height:106px}}.mode__body{display:grid;gap:2px;min-width:0}.mode__title{font-size:var(--t-5);font-weight:var(--w-semi);letter-spacing:-.018em}.mode__blurb{font-size:var(--t-7);line-height:1.35;color:var(--ink-2);text-wrap:pretty}.mode__meta{margin-top:var(--s1)}.mode__best{display:grid;justify-items:end;text-align:right}.mode__best b{font-size:var(--t-4);font-weight:var(--w-bold);line-height:1}.mode__best small{font-family:var(--mono);font-size:var(--t-9);color:var(--ink-3)}.mode__go{color:var(--ink-3)}.duel{display:grid;grid-template-rows:auto 1fr auto;height:100%;overflow:hidden;background:var(--mat)}.bar{display:flex;gap:var(--s3);align-items:center;height:var(--bar);padding-inline:var(--s3) var(--s4);background:var(--paper);border-bottom:var(--hair)}.bar__back{display:grid;place-items:center;width:var(--h-m);height:var(--h-m);color:var(--ink-2);border-radius:var(--r)}.bar__back:hover{color:var(--ink);background:var(--sunk)}.bar__id{display:grid;flex:1;min-width:0}.bar__mode{overflow:hidden;font-size:var(--t-6);font-weight:var(--w-semi);line-height:1.15;text-overflow:ellipsis;letter-spacing:-.02em;white-space:nowrap}.bar__game{font-family:var(--mono);font-size:var(--t-9);color:var(--game)}.bar__score{display:flex;gap:var(--s2);align-items:center}.streak{display:flex;gap:var(--s1);align-items:baseline;padding:2px var(--s2);border-radius:var(--r);transition:background var(--mid) var(--ease),color var(--mid) var(--ease)}.streak b{font-size:var(--t-5);font-weight:var(--w-bold);line-height:1}.streak small{font-family:var(--mono);font-size:var(--t-9);color:var(--ink-3)}.streak[data-hot]{color:var(--on-ink);background:var(--ink)}.streak[data-hot] small{color:inherit;opacity:.6}.table{display:grid;grid-template-rows:auto 1fr;gap:var(--s3);align-content:center;min-height:0;padding-inline:var(--gutter);padding-block:var(--s4)}.ask{font-size:var(--t-5);font-weight:var(--w-semi);text-align:center;letter-spacing:-.02em}.table__cards{--card-w: min(100%, calc((100dvh - 232px) / 2 / 1.42), 330px);display:grid;grid-template-columns:1fr;gap:var(--s2);align-content:center;justify-items:center;min-height:0;container-type:inline-size}.table__vs{display:grid;place-items:center;align-self:center;font-family:var(--mono);font-size:var(--t-9);color:var(--ink-3);text-transform:uppercase;letter-spacing:.1em}@media(min-width:620px){.table__cards{--card-w: min(100%, calc((100dvh - 210px) / 1.42), 420px);grid-template-columns:1fr auto 1fr;gap:var(--s5);align-items:start}}@media(min-width:620px)and (max-height:520px){.table__cards{--card-w: min(100%, calc((100dvh - 170px) / 1.42), 250px)}}.hint{display:flex;gap:var(--s3);align-items:center;justify-content:center;padding-block:var(--s3);padding-bottom:calc(var(--s3) + env(safe-area-inset-bottom,0px));font-size:var(--t-8);color:var(--ink-3);border-top:var(--hair)}.hint__keys{font-family:var(--mono);font-size:var(--t-9);padding:1px var(--s2);background:var(--sunk);border-radius:var(--r)}@media(max-width:619px){.hint__keys{display:none}.hint{padding-block:var(--s1);padding-bottom:calc(var(--s1) + env(safe-area-inset-bottom,0px));font-size:var(--t-9)}.card__read{min-height:26px;font-size:var(--t-6)}.ask{font-size:var(--t-6)}}.result{padding-block:var(--s6) var(--s7);text-align:center}.result__label{font-family:var(--mono);font-size:var(--t-9);color:var(--ink-3);text-transform:uppercase;letter-spacing:.1em}.result__score{font-size:var(--t-1);font-weight:var(--w-bold);line-height:1;letter-spacing:-.05em}.result__record{display:inline-block;padding:var(--s1) var(--s3);margin-top:var(--s2);font-size:var(--t-8);font-weight:var(--w-semi);color:var(--on-ink);text-transform:uppercase;letter-spacing:.06em;background:var(--ink);border-radius:var(--r)}.result__sub{margin-top:var(--s2);font-size:var(--t-7);color:var(--ink-2)}.result__pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}.result__send{display:grid;grid-template-columns:1fr auto;gap:var(--s2)}.result__actions{display:grid;gap:var(--s2);margin-top:var(--s6)}@media(min-width:560px){.result__actions{grid-template-columns:repeat(3,1fr)}}.panel{padding:var(--s5);margin-top:var(--s4);background:var(--sheet);border:var(--hair);border-radius:var(--r)}.panel__title{margin-bottom:var(--s3);font-size:var(--t-7);font-weight:var(--w-semi);color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em}.panel--danger{background:none;border-style:dashed}.danger{background:var(--lose);border-color:var(--lose)}.field{display:grid;gap:var(--s2)}.field__label{font-size:var(--t-7);font-weight:var(--w-med)}.pref{display:flex;gap:var(--s4);align-items:center;justify-content:space-between;padding-block:var(--s3);border-bottom:var(--hair)}.pref:last-child{border-bottom:0}.pref__text{display:grid;gap:1px;min-width:0}.pref__name{font-size:var(--t-6);font-weight:var(--w-med)}.pref__hint{font-size:var(--t-8);color:var(--ink-3);text-wrap:pretty}.seg{display:flex;flex-shrink:0;border:var(--hair-2);border-radius:var(--r)}.seg__btn{min-width:52px;height:var(--h-s);padding-inline:var(--s3);font-size:var(--t-8);font-weight:var(--w-med);color:var(--ink-2);transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}.seg__btn+.seg__btn{border-left:var(--hair-2)}.seg__btn[aria-pressed=true]{color:var(--on-ink);background:var(--ink)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4);margin:0}.stats dt{font-family:var(--mono);font-size:var(--t-9);color:var(--ink-3)}.stats dd{margin:0;font-size:var(--t-4);font-weight:var(--w-bold)}.urlbox{padding:var(--s3);margin-bottom:var(--s3);overflow-wrap:anywhere;color:var(--ink-2);background:var(--sunk);border-radius:var(--r)}.boardpick{display:flex;gap:var(--s1);padding-bottom:var(--s4);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.boardpick::-webkit-scrollbar{display:none}.boardpick__btn{display:grid;flex-shrink:0;gap:1px;padding:var(--s2) var(--s3);text-align:left;background:var(--sheet);border:var(--hair);border-radius:var(--r);transition:border-color var(--fast) var(--ease),background var(--fast) var(--ease)}.boardpick__btn:hover{border-color:var(--ink)}.boardpick__game{font-family:var(--mono);font-size:10px;color:var(--game);text-transform:uppercase}.boardpick__mode{font-size:var(--t-7);font-weight:var(--w-med);white-space:nowrap}.boardpick__btn[aria-pressed=true]{color:var(--on-ink);background:var(--ink);border-color:var(--ink)}.boardpick__btn[aria-pressed=true] .boardpick__game{color:inherit;opacity:.65}.board{padding:0;margin:0;list-style:none;border:var(--hair);border-radius:var(--r)}.board__row{display:grid;grid-template-columns:28px 1fr auto;gap:var(--s4);align-items:center;padding:var(--s3) var(--s4);background:var(--sheet)}.board__row+.board__row{border-top:var(--hair)}.board__row[data-me]{background:var(--game-soft);box-shadow:inset 3px 0 0 var(--game)}.board__rank{font-family:var(--mono);font-size:var(--t-8);color:var(--ink-3);text-align:right}.board__name{overflow:hidden;font-weight:var(--w-med);text-overflow:ellipsis;white-space:nowrap}.board__score{font-size:var(--t-5);font-weight:var(--w-bold)}.empty{display:grid;gap:var(--s3);justify-items:center;padding:var(--s9) var(--s5);text-align:center;border:1px dashed var(--rule-2);border-radius:var(--r)}.empty__title{font-size:var(--t-5);font-weight:var(--w-semi)}.empty__text{max-width:40ch;font-size:var(--t-7);color:var(--ink-2);text-wrap:pretty}.note{margin-top:var(--s3);font-size:var(--t-8);line-height:1.45;color:var(--ink-3);text-wrap:pretty}.note--center{text-align:center}.legal{display:grid;gap:var(--s2);padding-top:var(--s5);margin-top:var(--s7);font-size:var(--t-9);line-height:1.5;color:var(--ink-3);border-top:var(--hair)}.toasts{position:fixed;right:0;bottom:0;left:0;z-index:50;display:grid;gap:var(--s2);justify-items:center;padding-bottom:calc(var(--s6) + env(safe-area-inset-bottom,0px));pointer-events:none}.toast{padding:var(--s2) var(--s4);font-size:var(--t-7);font-weight:var(--w-med);color:var(--on-ink);background:var(--ink);border-radius:var(--r);box-shadow:var(--lift-2);animation:rise .22s var(--ease) both}.toast[data-tone=ok]{background:var(--win);color:#fff}.toast[data-tone=bad]{background:var(--lose);color:#fff}.boot{display:grid;gap:var(--s4);place-content:center;justify-items:center;height:100%;padding:var(--s6);text-align:center}.boot__mark{font-size:var(--t-4);font-weight:var(--w-bold);letter-spacing:-.03em}.boot__bar{display:block;width:180px;height:2px;overflow:hidden;background:var(--rule)}.boot__bar i{display:block;width:40%;height:100%;background:var(--ink);animation:slide 1.1s var(--ease) infinite}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}@media(max-width:560px){.masthead{flex-direction:column;gap:var(--s3)}.masthead__nav{width:100%}.mode{grid-template-columns:auto 1fr auto;gap:var(--s3)}.mode__go{display:none}.mode__sample,.mode__icon{width:54px}.mode__icon{height:75px}.stats{grid-template-columns:1fr 1fr}}.picker--choose .pick{width:100%;cursor:pointer;font:inherit;color:inherit;text-align:center}.pick__tick{position:absolute;top:var(--s3);right:var(--s3);display:grid;place-items:center;width:20px;height:20px;color:transparent;background:transparent;border:var(--hair-2);border-radius:99px;transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease),color var(--fast) var(--ease)}.pick[data-on]{border-color:var(--game);background:var(--game-soft)}.pick[data-on] .pick__band{height:100%;opacity:.1}.pick[data-on] .pick__tick{color:var(--on-ink);background:var(--game);border-color:var(--game)}.pick[data-on] .pick__name{color:var(--game)}.welcome__go{display:grid;justify-items:stretch;padding-block:var(--s2) var(--s4)}@media(min-width:560px){.welcome__go{justify-items:center}}.years{display:grid;gap:var(--s2);padding-block:var(--s2) var(--s5)}.years__row{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s3);align-items:center}.years__label{font-family:var(--mono);font-size:var(--t-9);color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}.years__warn{font-size:var(--t-8);color:var(--ink-2)}.shop{display:grid;gap:var(--s3);padding-top:var(--s3);margin-top:var(--s3);border-top:var(--hair)}@media(min-width:520px){.shop{grid-template-columns:1fr 1fr}}.shop__card{display:grid;gap:var(--s2);min-width:0}.shop__name{overflow:hidden;font-size:var(--t-8);font-weight:var(--w-med);color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap}.shop__where{display:flex;flex-wrap:wrap;gap:var(--s2)}.shop__link{display:inline-flex;align-items:center;height:26px;padding-inline:var(--s3);font-family:var(--mono);font-size:var(--t-9);color:var(--ink-2);text-decoration:none;background:var(--sunk);border-radius:var(--r);transition:color var(--fast) var(--ease),background var(--fast) var(--ease)}.shop__link:hover{color:var(--ink);background:var(--sheet)}.shop__legal{padding-top:var(--s2);font-size:var(--t-9)}.support{padding-top:var(--s5);text-align:center}.support__link{display:inline-flex;gap:var(--s2);align-items:center;padding:var(--s2) var(--s4);font-size:var(--t-8);color:var(--ink-3);text-decoration:none;border:var(--hair);border-radius:var(--r);transition:color var(--fast) var(--ease),border-color var(--fast) var(--ease)}.support__link:hover{color:var(--ink);border-color:var(--ink)}.page,.duel{animation:screen-fwd var(--slow) var(--ease-out) both}html[data-nav=back] .page,html[data-nav=back] .duel{animation-name:screen-back}@keyframes screen-fwd{0%{transform:translate3d(16px,0,0)}to{transform:none}}@keyframes screen-back{0%{transform:translate3d(-16px,0,0)}to{transform:none}}@keyframes lift-in{0%{opacity:.34;transform:translate3d(0,9px,0)}to{opacity:1;transform:none}}.masthead,.picker>li,.legal{animation:lift-in .3s var(--ease-out) both}.legal{animation-delay:.34s}.picker>li{animation-delay:calc(80ms + var(--row, 0) * 42ms)}.picker>li:nth-child(2){--row: 1}.picker>li:nth-child(3){--row: 2}.picker>li:nth-child(4){--row: 3}.picker>li:nth-child(5){--row: 4}.picker>li:nth-child(6){--row: 5}.pick__band{transform-origin:0 50%;transition:transform var(--mid) var(--ease-out)}.pick:hover .pick__band,.pick:focus-visible .pick__band{transform:scaleX(2.2)}.pick:active{transform:translateY(0) scale(.994);transition-duration:var(--quick)}.mode__sample .card__shot{transition:transform var(--mid) var(--ease-out),box-shadow var(--mid) var(--ease-out)}.mode:hover .mode__sample .card__shot,.mode:focus-visible .mode__sample .card__shot{transform:translateY(-3px) rotate(-1.4deg);box-shadow:var(--lift-2)}.mode:active{background:var(--sunk);transition-duration:var(--quick)}.mode__icon{transition:transform var(--mid) var(--ease-out)}.mode:hover .mode__icon{transform:translateY(-3px)}.ask{animation:lift-in .26s var(--ease-out) both}.table__cards>.card[data-seat=challenger]{animation:deal .42s var(--ease-out) both}.table__cards>.card[data-seat=table]{animation:settle .3s var(--ease-out) both}@keyframes deal{0%{opacity:.3;transform:translate3d(34px,12px,0) rotate(3.5deg)}to{opacity:1;transform:none}}@keyframes settle{0%{transform:scale(.982)}to{transform:none}}.table__cards[data-shake]{animation:shake .32s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-3px,0,0)}20%,80%{transform:translate3d(5px,0,0)}30%,50%,70%{transform:translate3d(-7px,0,0)}40%,60%{transform:translate3d(7px,0,0)}0%,to{transform:none}}.card__read[data-tone]{animation:lift-in .28s var(--ease-out) both}.streak b{display:inline-block;animation:bump .34s var(--ease-pop) both}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.streak[data-hot]{animation:hot .52s var(--ease-out) both}@keyframes hot{0%{box-shadow:0 0 color-mix(in oklab,var(--ink) 45%,transparent)}to{box-shadow:0 0 0 10px transparent}}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:.38s;animation-timing-function:var(--ease-out)}::view-transition-old(root),::view-transition-new(root){animation:none}html[data-vt] .table__cards>.card{animation:none}html[data-motion=off]::view-transition-group(*),html[data-motion=off]::view-transition-old(*),html[data-motion=off]::view-transition-new(*){animation-duration:1ms!important}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:1ms!important}}.result__score{animation:score-in .42s var(--ease-pop) both;animation-delay:60ms}@keyframes score-in{0%{opacity:.34;transform:scale(.82)}to{opacity:1;transform:none}}.result__record{animation:lift-in .34s var(--ease-pop) both;animation-delay:.26s}.panel,.result__actions{animation:lift-in .32s var(--ease-out) both;animation-delay:.12s}.board__row{animation:lift-in .28s var(--ease-out) both;animation-delay:calc(var(--row, 0) * 26ms)}.board__row:nth-child(2){--row: 1}.board__row:nth-child(3){--row: 2}.board__row:nth-child(4){--row: 3}.board__row:nth-child(5){--row: 4}.board__row:nth-child(6){--row: 5}.board__row:nth-child(7){--row: 6}.board__row:nth-child(8){--row: 7}.board__row:nth-child(n+9){--row: 8}.boardpick__btn{transition:border-color var(--fast) var(--ease),background var(--fast) var(--ease),transform var(--fast) var(--ease)}.boardpick__btn:active{transform:scale(.97)}.btn:active:not(:disabled){transform:scale(.97);transition-duration:var(--quick)}.btn{transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease),color var(--fast) var(--ease),transform var(--mid) var(--ease-out)}.btn:hover:not(:disabled) .icon[data-name=chevron]{transform:translate(2px)}.btn:hover:not(:disabled) .icon[data-name=back]{transform:translate(-2px)}.btn:hover:not(:disabled) .icon[data-name=again]{transform:rotate(-38deg)}.icon,.crumb__back .icon{transition:transform var(--mid) var(--ease-out)}.crumb__back:hover .icon{transform:translate(-2px)}.seg__btn{transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}.toast{animation:toast-in .28s var(--ease-out) both}.toast[data-leaving]{animation:toast-out .2s var(--ease) both}@keyframes toast-in{0%{opacity:0;transform:translate3d(0,14px,0) scale(.96)}to{opacity:1;transform:none}}@keyframes toast-out{0%{opacity:1;transform:none}to{opacity:0;transform:translate3d(0,8px,0) scale(.98)}}.boot{animation:boot-in .22s var(--ease-out) both;animation-delay:.26s}@keyframes boot-in{0%{opacity:0}to{opacity:1}}