@font-face{font-family:Atkinson Hyperlegible Next;src:url(/games/sunroom-cribbage/play/fonts/atkinson-hyperlegible-next.woff2)format("woff2");font-weight:200 800;font-display:swap}html{font-size:20px}html[data-text=large]{font-size:23px}html[data-text=xl]{font-size:26px}:root{--font-ui:"Atkinson Hyperlegible Next", system-ui, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(120% 90% at 50% 0%, var(--table) 50%, var(--table-2));background-color:var(--table);color:var(--ink);font:1rem/1.35 var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#app{max-width:860px;height:100%;margin:0 auto}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:4px solid var(--focus);outline-offset:2px}h2,h3{margin:0;font-weight:800}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{border:2px solid var(--btn-edge);background:var(--btn);width:100%;min-height:64px;color:var(--btn-ink);text-align:center;border-radius:18px;place-content:center;gap:2px;padding:10px 18px;font-size:1.05rem;font-weight:800;line-height:1.2;display:grid}.btn__title{font-size:1.1rem;font-weight:800}.btn__sub,.btn small{font-size:.85rem;font-weight:600}.btn--primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.btn--quiet{text-underline-offset:4px;background:0 0;border-color:#0000;min-height:56px;font-size:.95rem;text-decoration:underline}.btn--huge{min-height:96px;font-size:1.5rem}.btn:active,.tool:active,.bar-btn:active{transform:scale(.97)}.bar-btn{border:2px solid var(--btn-edge);background:var(--btn);min-width:64px;min-height:56px;color:var(--btn-ink);border-radius:14px;align-content:center;justify-items:center;padding:2px 6px;font-size:.75rem;font-weight:800;line-height:1.1;display:grid}.bar-btn svg{width:24px;height:24px}.home{height:100%;padding:calc(var(--safe-top) + 20px) 20px calc(var(--safe-bottom) + 16px);flex-direction:column;justify-content:space-evenly;gap:16px;display:flex;overflow-y:auto}.home__brand{text-align:center;justify-items:center;gap:4px;margin-top:2vh;display:grid}.home__art{width:230px;height:160px;animation:1s cubic-bezier(.2,.7,.3,1) both sunrise;position:relative}.home__sun{width:96px;height:96px;fill:var(--sun);position:absolute;top:0;right:4px}.home__sun svg{width:100%;height:100%}.home__board{background:linear-gradient(var(--wood), var(--wood-2));border-radius:14px;grid-template-columns:repeat(8,1fr);align-content:space-evenly;width:210px;height:58px;padding:6px 12px;display:grid;position:absolute;bottom:6px;left:0;box-shadow:0 3px 6px #0000004d}.home__board i{background:var(--hole);width:7px;height:7px;box-shadow:0 14px 0 var(--hole);border-radius:50%;justify-self:center;margin-top:-14px}.home__peg{border:2px solid var(--peg-edge);width:16px;height:16px;position:absolute}.home__peg--a{background:var(--peg-you);border-radius:50%;top:10px;left:120px}.home__peg--b{background:var(--peg-them);border-radius:3px;top:32px;left:146px}.home__card{width:72px;height:100px;font-size:72px;position:absolute;top:0;left:18px;transform:rotate(-9deg)}.logo{font:800 clamp(2.2rem, 13vw, 3.1rem) / 1 var(--font-ui);letter-spacing:-.01em;margin:0}.logo span{letter-spacing:.06em;color:var(--sun);margin-top:4px;font-size:.72em;display:block}.home__tag{max-width:22em;color:var(--muted);margin:10px 0 0;font-size:1rem}.home__menu{gap:12px;width:100%;max-width:460px;margin:0 auto;display:grid}.home__row{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.home__row .btn{padding:6px 2px;font-size:.9rem}@keyframes sunrise{0%{opacity:0;transform:translateY(20px)scale(.9)}}.play{height:100%;padding-top:var(--safe-top);flex-direction:column;display:flex;overflow:hidden}.bar{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:6px 10px 2px;display:grid}.bar h2{text-align:center;font-size:1.2rem}.bar__title{text-align:center;min-width:0;line-height:1.15;display:grid}.bar__main{font-size:1.05rem;font-weight:800}.bar__sub{color:var(--muted);font-size:.8rem;font-weight:700}.board{background:color-mix(in srgb, var(--btn) 55%, transparent);border:2px solid var(--btn-edge);border-radius:16px;gap:4px;margin:6px 10px 0;padding:6px 8px;display:grid}.lane{grid-template-columns:minmax(0,7em) 2.3em 1fr;align-items:center;gap:6px;min-height:36px;font-size:.85rem;display:grid}.lane__who{align-items:center;gap:5px;min-width:0;font-weight:800;display:flex}.lane__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lane__shape{width:18px;height:18px;stroke:var(--peg-edge);stroke-width:10px;flex:none}.lane--you .lane__shape{fill:var(--peg-you)}.lane--them .lane__shape{fill:var(--peg-them)}.lane__score{text-align:right;font-variant-numeric:tabular-nums;font-size:1.45rem;font-weight:800;position:relative}.lane__gain{background:var(--count);color:var(--count-ink);border-radius:6px;padding:0 6px;font-size:.75rem;line-height:1.3;animation:.4s ease-out gain;position:absolute;top:50%;right:14px;translate:0 -50%}@keyframes gain{0%{opacity:0;transform:translateY(6px)}}.lane__track{--peg:26px;background:radial-gradient(circle, var(--hole) 0 2.5px, transparent 3px) 0 50% / calc(100% / var(--groups,24)) 100% repeat-x content-box, linear-gradient(var(--wood), var(--wood-2));height:32px;padding:0 calc(var(--peg) / 2);border-radius:10px;position:relative;box-shadow:inset 0 -2px #0003}.lane__home{background:var(--hole);border-radius:3px;width:6px;position:absolute;top:3px;bottom:3px;right:3px}.peg{width:var(--peg);height:var(--peg);transition:left .5s cubic-bezier(.2,.7,.3,1);position:absolute;top:50%;transform:translate(-50%,-50%)}.peg__svg{width:100%;height:100%;stroke:var(--peg-edge);stroke-width:9px}.peg--you .peg__svg{fill:var(--peg-you)}.peg--them .peg__svg{fill:var(--peg-them);stroke:var(--peg-you)}.peg--back{width:calc(var(--peg) * .6);height:calc(var(--peg) * .6);opacity:.85}.middle{height:calc(var(--pw,70px) * 1.4 + 34px);flex:none;grid-template-columns:auto auto minmax(0,1fr);align-items:start;gap:14px;padding:8px 10px 0;display:grid}.middle--slim,.middle[hidden],.hand[hidden],.show[hidden]{display:none}.pile{width:calc(var(--pw,70px) * .8);height:calc(var(--pw,70px) * 1.12);font-size:calc(var(--pw,70px) * .8);position:relative}.pile__label,.crib__label{white-space:nowrap;font-size:.75rem;font-weight:800;position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%)}.crib{width:calc(var(--pw,70px) * .56);height:calc(var(--pw,70px) * 1.12);font-size:calc(var(--pw,70px) * .5);position:relative}.crib__stack{height:1.4em;position:absolute;inset:auto 0 0}.crib__stack .back{width:1em;height:1.4em;position:absolute}.crib__stack .back:nth-child(2){transform:translate(2px,-3px)}.crib__stack .back:nth-child(3){transform:translate(4px,-6px)}.crib__stack .back:nth-child(4){transform:translate(6px,-9px)}.crib--empty .crib__stack{border:3px dashed var(--btn-edge);border-radius:.09em}.crib__label{font-size:.75rem}.run{grid-template-rows:auto 1fr;min-width:0;height:100%;display:grid}.run__count{flex-wrap:nowrap;align-items:baseline;gap:2px 8px;min-height:1.6rem;margin:0;font-weight:800;display:flex}.run__label{font-size:.85rem}.run__count b{background:var(--count);color:var(--count-ink);font-variant-numeric:tabular-nums;border-radius:10px;padding:0 10px;font-size:1.35rem;line-height:1.25}.run__left{align-self:center;gap:3px;display:flex}.run__left i{background:linear-gradient(var(--back), var(--back-2));outline:2px solid var(--card);outline-offset:-4px;width:14px;height:20px;box-shadow:var(--card-shadow);border-radius:3px}.run__wait{color:var(--muted);font-size:.8rem;font-weight:700}.run__cards{min-height:0;font-size:var(--rc,60px);margin-top:6px;position:relative}.rcard{left:calc(var(--i) * var(--step,30px));width:1em;height:1.4em;animation:.3s cubic-bezier(.2,.7,.3,1) played;position:absolute;top:0}.rcard--them{top:-.06em}.rcard__who{background:var(--count);min-width:.36em;color:var(--count-ink);text-align:center;border-radius:.06em;padding:0 .05em;font-size:max(.2em,14px);font-weight:800;line-height:1.35;position:absolute;bottom:.04em;left:.04em}@keyframes played{0%{opacity:0;transform:translateY(30%)}}.status{text-align:center;flex:none;min-height:2.6em;max-height:calc(3.75em + 8px);margin:0;padding:6px 12px 2px;font-size:.9rem;font-weight:700;line-height:1.25;overflow:hidden}@media (height>=760px){.status{max-height:calc(6.25em + 8px)}}.status--small{font-size:.78rem}.status--you{color:var(--you-ink)}.hand{flex:1;min-height:0;margin:0 10px;position:relative}.hcard{width:var(--cw);height:calc(var(--cw) * 1.4);font-size:var(--cw);touch-action:manipulation;background:0 0;border:0;border-radius:.09em;padding:0;transition:transform .22s cubic-bezier(.2,.7,.3,1);position:absolute;top:0;left:0}.hcard .face{transition:transform .18s}.hcard__tag{display:none}.hcard--ok .face{box-shadow:0 0 0 .04em var(--hint), 0 0 0 .065em var(--table), var(--card-shadow)}.hcard--picked .face{box-shadow:0 0 0 .06em var(--hint), var(--card-shadow);transform:translateY(-.1em)}.hcard--picked .hcard__tag{background:var(--hint);color:#fff;border-radius:.05em;padding:0 .08em;font-size:max(.18em,15px);font-weight:800;line-height:1.3;display:block;position:absolute;bottom:.06em;left:50%;transform:translate(-50%,-.1em)}[data-theme=night] .hcard--picked .hcard__tag{color:#000}.hcard--hint .face{box-shadow:0 0 0 .07em var(--hint), 0 0 .25em .06em var(--hint);animation:.9s ease-in-out 3 glow}.btn.hinted{box-shadow:0 0 0 4px var(--table), 0 0 0 8px var(--hint);animation:.9s ease-in-out 3 glow}.hcard--nope .face{animation:.4s nope}@keyframes nope{20%,60%{transform:translate(-6%)}40%,80%{transform:translate(6%)}}@keyframes glow{50%{box-shadow:0 0 0 .09em var(--hint), 0 0 .4em .1em var(--hint)}}.show{flex:1;grid-template-rows:auto auto minmax(0,1fr);gap:8px;min-height:0;margin:8px 10px 0;display:grid}.show__title{text-align:center;font-size:1.1rem}.show__cards{font-size:var(--sw,64px);justify-content:center;gap:8px;display:flex}.scard{width:1em;height:1.4em;transition:transform .2s;position:relative}.scard--starter{margin-left:.12em}.scard__tag{white-space:nowrap;font-size:max(.16em,13px);font-weight:800;position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%)}.show__cards{padding-bottom:1rem}.scard--lit{transform:translateY(-.08em)}.scard--lit .face{box-shadow:0 0 0 .05em var(--hint), 0 0 0 .08em var(--table), var(--card-shadow)}.show__lines{align-content:start;gap:4px;min-height:0;margin:0;padding:0 2px;list-style:none;display:grid;overflow-y:auto}.sline{background:color-mix(in srgb, var(--btn) 70%, transparent);color:var(--btn-ink);border:2px solid #0000;border-radius:12px;justify-content:space-between;align-items:baseline;gap:10px;padding:2px 12px;font-size:1rem;display:flex}.sline span{text-align:right;font-size:.85rem;font-weight:700}.sline--on{border-color:var(--hint);background:var(--btn)}@media (width>=600px){.show__lines{grid-template-columns:1fr 1fr}}.action{flex:none;align-items:center;min-height:64px;padding:6px 10px 0;display:grid}.btn--action{min-height:58px;padding:4px 12px;font-size:1.1rem}.btn--waiting{background:var(--btn);border-color:var(--btn-edge);color:var(--btn-ink);border-style:dashed}.action__note{border:2px dashed var(--btn-edge);min-height:58px;color:var(--muted);border-radius:18px;place-items:center;margin:0;font-size:.95rem;font-weight:800;display:grid}.tools{padding:8px 10px calc(var(--safe-bottom) + 8px);grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.tool{border:2px solid var(--btn-edge);background:var(--btn);min-height:60px;color:var(--btn-ink);border-radius:16px;align-content:center;justify-items:center;gap:1px;padding:3px 2px;font-size:.8rem;font-weight:800;line-height:1.1;display:grid;position:relative}.tool svg{width:24px;height:24px}.tool__tag{display:none}.tool--tagged .tool__tag{background:var(--primary);color:var(--primary-ink);white-space:nowrap;border-radius:999px;padding:1px 7px;font-size:18px;font-weight:800;line-height:20px;display:block;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.face,.back{box-shadow:var(--card-shadow), inset 0 0 0 1px var(--card-edge);border-radius:.09em;display:block}.face{background:var(--card);color:var(--black);position:absolute;inset:0}.face--h,.face--d{color:var(--red)}.four-colour .face--d{color:var(--blue)}.four-colour .face--c{color:var(--green)}.face svg{fill:currentColor}.face__rank{width:.42em;font:800 .4em/1 var(--font-ui);letter-spacing:-.07em;text-align:center;position:absolute;top:.03em;left:.05em}.face__suit{width:.3em;height:.3em;position:absolute;top:.45em;left:.06em}.face__pip{width:.56em;height:.56em;position:absolute;bottom:.1em;right:.08em}.face__court{width:1.19em;height:1.48em;font:800 .42em/1 var(--font-ui);border:.085em solid;border-radius:.2em;place-items:center;display:grid;position:absolute;bottom:.19em;right:.19em}.play--xl .face__rank{width:.48em;font-size:.46em}.play--xl .face__suit{width:.34em;height:.34em;top:.5em}.back{background:repeating-linear-gradient(45deg, transparent 0 .06em, #ffffff1a .06em .12em), linear-gradient(var(--back), var(--back-2));outline:.035em solid var(--card);outline-offset:-.07em;place-items:center;display:grid;position:absolute;inset:0}.back svg{width:56%;fill:var(--back-ink)}.sheet{z-index:1000;background:#0000008c;place-items:center;padding:14px;animation:.2s fade;display:grid;position:fixed;inset:0}.sheet__card{width:100%;max-width:480px;max-height:calc(100% - var(--safe-top) - var(--safe-bottom));background:var(--sheet);color:var(--sheet-ink);border-radius:22px;gap:12px;padding:20px 16px 14px;animation:.25s cubic-bezier(.2,.7,.3,1) rise;display:grid;overflow:auto;box-shadow:0 20px 60px #0006}.sheet__card:focus{outline:none}.sheet__card h2{text-align:center;font-size:1.4rem;line-height:1.15}.sheet__card p{color:var(--sheet-muted);text-align:center;margin:0}.sheet__card .sheet__big{color:var(--sheet-ink);font-size:1.05rem;font-weight:700}.sheet__card .btn:not(.btn--primary){background:var(--sheet-btn);color:var(--sheet-ink);border-color:#0000}.sheet__card .btn--apart{margin-top:28px}.sheet__card .btn--quiet{background:0 0!important}.sheet__card .quote{color:var(--sheet-ink);font-style:italic}.readout{gap:8px;display:grid}.sheet__card .readout p{color:var(--sheet-ink);text-align:left}.howto{--pw:calc(min(480px, 100vw - 28px) - 52px);grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.howto__aim,.howto__steps{grid-template-columns:minmax(0,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}.howto__steps{gap:22px}.sheet__card .howto p,.howto__more li{color:var(--sheet-ink);text-align:left}.howto__step{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"pic pic""num text";align-items:center;gap:8px 10px;display:grid}.howto__step .howto__pic{grid-area:pic}.howto__step p{grid-area:text;font-weight:700}.howto__num{background:var(--primary);width:1.9em;height:1.9em;color:var(--primary-ink);border-radius:50%;grid-area:num;place-items:center;font-weight:800;display:grid}.howto__pic{background:var(--table);min-width:0;color:var(--ink);border-radius:16px;justify-items:center;gap:8px;padding:12px 10px;display:grid}.howto__more ul{gap:8px;margin:0;padding-left:1.2em;display:grid}.howto__more[hidden]{display:none}.hp-board{width:100%;margin:0}.hp-board .lane{grid-template-columns:auto auto minmax(64px,1fr);gap:8px;font-size:1rem}.hp-board .lane__score{font-size:1.3rem}.hp-board .lane__shape{width:20px;height:20px}.hp-card{--cw:min(76px, calc((var(--pw) - 24px) / 4));width:var(--cw);height:calc(var(--cw) * 1.4);font-size:var(--cw);flex:none;display:block;position:relative}.hp-six{grid-template-columns:repeat(3,auto);gap:14px 10px;padding-top:8px;display:grid}.hp-six .hp-card{--cw:min(84px, calc((var(--pw) - 20px) / 3))}.hp-card--picked .face{box-shadow:0 0 0 .06em var(--hint), var(--card-shadow);transform:translateY(-.1em)}.hp-card__tag{background:var(--hint);color:#fff;border-radius:6px;padding:0 6px;font-size:20px;font-weight:800;line-height:1.3;position:absolute;bottom:.06em;left:50%;transform:translate(-50%,-.1em)}[data-theme=night] .hp-card__tag{color:#000}.hp-run{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;display:flex}.hp-count{align-items:baseline;gap:8px;font-weight:800;display:flex}.hp-count b{background:var(--count);color:var(--count-ink);border-radius:10px;padding:0 10px;font-size:1.35rem;font-weight:800;line-height:1.25}.hp-count .hp-plus{box-shadow:inset 0 0 0 3px var(--ink);color:var(--ink);background:0 0}.hp-run__cards{--rc:min(72px, calc(var(--pw) / 3.4));width:calc(var(--rc) * (1 + .7 * (var(--k) - 1)));height:calc(var(--rc) * 1.4);position:relative}.hp-card--run{--cw:var(--rc);top:0;left:calc(var(--i) * var(--rc) * .7);position:absolute}.hp-card__who{background:var(--count);color:var(--count-ink);border-radius:5px;padding:0 4px;font-size:20px;font-weight:800;line-height:1.3;position:absolute;bottom:.04em;left:.04em}.hp-arrow{width:60px;height:48px}.hp-two{gap:10px;display:flex}.hp-btn{background:var(--primary);min-width:60%;min-height:56px;color:var(--primary-ink);border-radius:18px;place-items:center;padding:6px 20px;font-size:1.1rem;font-weight:800;display:grid}.hp-four{gap:8px;display:flex}.hp-sum{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;font-weight:800;display:flex}.hp-sign{font-size:1.6rem}.hp-total{font-size:1.35rem}.won{gap:12px;display:grid}.won__sun{width:80px;height:80px;fill:var(--sun);justify-self:center;animation:.9s cubic-bezier(.2,.7,.3,1) both sunrise}[data-theme=night] .won__sun{fill:#c79400}.won__sun--other{fill:var(--sheet-muted)!important}.score{grid-template-columns:1fr 1fr;gap:8px;margin:0;display:grid}.score div{background:var(--sheet-btn);border-radius:12px;justify-items:center;padding:8px 14px;font-weight:800;display:grid}.score dt{font-size:1rem}.score dd{margin:0;font-size:1.8rem}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(30px)}}.page{height:100%;padding:calc(var(--safe-top) + 4px) 16px calc(var(--safe-bottom) + 24px);flex-direction:column;gap:12px;display:flex;overflow-y:auto}.page>*{flex-shrink:0}.page .bar{padding:8px 0}.page h3{color:var(--muted);margin-top:12px;font-size:1rem}.statset dl{grid-template-columns:1fr 1fr;gap:8px;margin:0;display:grid}.statset dl div{border:2px solid var(--btn-edge);background:var(--btn);color:var(--btn-ink);border-radius:14px;padding:12px 14px;display:grid}.statset dt{font-size:.9rem}.statset dd{margin:0;font-size:1.5rem;font-weight:800}.statset dd small{font-size:.85rem;font-weight:600}.toggle{border:2px solid var(--btn-edge);background:var(--btn);min-height:64px;color:var(--btn-ink);border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:10px 14px;font-weight:800;display:grid;position:relative}.toggle small{font-size:.85rem;font-weight:600;display:block}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle i{border:2px solid var(--btn-ink);border-radius:99px;width:60px;height:36px;transition:background .2s;position:relative}.toggle i:after{content:"";background:var(--btn-ink);border-radius:50%;width:26px;height:26px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle input:checked+i{background:var(--primary);border-color:var(--primary)}.toggle input:checked+i:after{background:var(--primary-ink);transform:translate(24px)}.toggle input:focus-visible+i{outline:4px solid var(--focus);outline-offset:2px}.choice{border:2px solid var(--btn-edge);background:var(--btn);border-radius:16px;grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;padding:6px;display:grid}.choice__opt{min-height:56px;color:var(--btn-ink);background:0 0;border:0;border-radius:12px;padding:4px;font-size:.9rem;font-weight:800;line-height:1.15}.choice__opt--on{background:var(--primary);color:var(--primary-ink);box-shadow:inset 0 0 0 3px var(--primary-ink)}.label{margin:4px 0 -4px;font-weight:800}.note{color:var(--muted);margin:0;font-size:.9rem}.looks{gap:8px;display:grid}.look{border:3px solid var(--btn-edge);background:var(--btn);min-height:72px;color:var(--btn-ink);text-align:left;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:14px;padding:10px 14px;display:grid}.look--on{border-color:var(--primary);box-shadow:inset 0 0 0 3px var(--primary)}.look__sw{grid-row:span 2;display:flex}.look__sw i{border:1px solid #7f7f7f99;width:22px;height:44px}.look__sw i:first-child{border-radius:8px 0 0 8px}.look__sw i:last-child{border-radius:0 8px 8px 0}.look__name{font-weight:800}.look__blurb{font-size:.85rem}.credits{text-align:center;color:var(--muted);margin:0;font-size:.9rem}.credits a{color:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:10ms!important;animation-duration:10ms!important;animation-iteration-count:1!important}}@media (height<=720px){.play .bar-btn,.play .tool{font-size:15px}.play .bar__main{font-size:20px}.play .bar__sub{font-size:16px}.play .lane{font-size:17px}.play .lane__score{font-size:28px}.play .btn--action{font-size:21px}.play .btn--action small{font-size:17px}.play .action__note{font-size:19px}.play .run__count b{font-size:26px}.play .run__label,.play .pile__label,.play .crib__label{font-size:16px}.play .status{max-height:4.2em}}*{overflow-anchor:none}:root,[data-theme=maple]{--table:#dba45a;--table-2:#d39a4e;--ink:#1c1006;--muted:#3d2710;--you-ink:#5a1d00;--wood:#a8692b;--wood-2:#96591f;--hole:#4a2a0c;--peg-you:#fff8e8;--peg-them:#1c1006;--peg-edge:#1c1006;--card:#fffaf0;--card-edge:#3c1e0a59;--card-shadow:0 2px 4px #3c1e0a59;--red:#b3231a;--black:#1e1a17;--blue:#1f55b8;--green:#17723a;--back:#8f3a1c;--back-2:#74290f;--back-ink:#ffd98a;--sun:#6e3a00;--hint:#0d3a8c;--count:#1c1006;--count-ink:#fff4e0;--btn:#fff4e0;--btn-ink:#1c1006;--btn-edge:#6e4416;--primary:#3a2209;--primary-ink:#fff4e0;--sheet:#fffaf0;--sheet-ink:#1c1006;--sheet-muted:#574330;--sheet-btn:#f3e3c8;--focus:#0d3a8c}[data-theme=daylight]{--table:#fbf3e4;--table-2:#f4e6cc;--ink:#1c1006;--muted:#4a3520;--you-ink:#8a2a00;--wood:#b87a38;--wood-2:#a86c2c;--hole:#5a3510;--peg-you:#fff;--peg-them:#1c1006;--peg-edge:#1c1006;--card:#fff;--card-edge:#50281473;--card-shadow:0 2px 4px #5028144d;--red:#b3231a;--black:#1a1a1a;--blue:#1b4fae;--green:#136b34;--back:#a8692b;--back-2:#8f5620;--back-ink:#fff4e0;--sun:#8a4a00;--hint:#0d3a8c;--count:#3a2209;--count-ink:#fff;--btn:#fff;--btn-ink:#1c1006;--btn-edge:#8a6238;--primary:#3a2209;--primary-ink:#fff;--sheet:#fff;--sheet-ink:#1c1006;--sheet-muted:#574330;--sheet-btn:#f6ead6;--focus:#0d3a8c}[data-theme=night]{--table:#0c0a09;--table-2:#000;--ink:#fff;--muted:#ece2d8;--you-ink:#ffd23f;--wood:#4a3420;--wood-2:#3a2816;--hole:#000;--peg-you:#fff;--peg-them:#ffd23f;--peg-edge:#000;--card:#fff;--card-edge:transparent;--card-shadow:0 0 0 1px #000;--red:#c8101c;--black:#000;--blue:#0d4fd6;--green:#00792f;--back:#ff6f4f;--back-2:#f0553a;--back-ink:#0c0a09;--sun:#ffd23f;--hint:#ffd23f;--count:#ffd23f;--count-ink:#000;--btn:#221d1a;--btn-ink:#fff;--btn-edge:#8a7c72;--primary:#ffd23f;--primary-ink:#000;--sheet:#1b1715;--sheet-ink:#fff;--sheet-muted:#ece2d8;--sheet-btn:#332b27;--focus:#38d1ff}