@font-face{font-family:Atkinson Hyperlegible Next;src:url(/games/sunroom/play/fonts/atkinson-hyperlegible-next.woff2)format("woff2");font-weight:200 800;font-display:swap}@font-face{font-family:Young Serif;src:url(/games/sunroom/play/fonts/young-serif.woff2)format("woff2");font-weight:400;font-display:swap}:root{--font-ui:"Atkinson Hyperlegible Next", system-ui, sans-serif;--font-title:"Young Serif", Georgia, 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) 40%, var(--table-2));background-color:var(--table);color:var(--ink);font:19px/1.4 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}h2,h3{margin:0;font-weight:700}.btn{border:2px solid var(--btn-edge);background:var(--btn);width:100%;min-height:64px;color:var(--btn-ink);text-align:center;border-radius:16px;gap:2px;padding:12px 20px;font-size:21px;font-weight:700;display:grid}.btn__title{font-size:22px;font-weight:700}.btn__sub{opacity:.85;font-size:16px;font-weight:500}.btn--primary{background:var(--primary);color:var(--primary-ink);border-color:#0000}.btn--quiet{text-underline-offset:4px;background:0 0;border-color:#0000;min-height:56px;font-size:19px;text-decoration:underline}.btn--small{min-height:52px;padding:8px 16px;font-size:18px}.btn:active,.tool:active,.icon-btn:active{transform:scale(.97)}.icon-btn{background:var(--btn);width:56px;height:56px;color:var(--btn-ink);border:0;border-radius:14px;place-items:center;padding:0;display:grid}.icon-btn svg{width:28px;height:28px}.home{height:100%;padding:calc(var(--safe-top) + 24px) 20px calc(var(--safe-bottom) + 20px);flex-direction:column;justify-content:space-between;display:flex;position:relative}.home__settings{top:calc(var(--safe-top) + 14px);position:absolute;right:16px}.home__brand{text-align:center;justify-items:center;gap:6px;margin-top:6vh;display:grid}.home__sun{width:112px;height:112px;fill:var(--sun);animation:1.2s cubic-bezier(.2,.7,.3,1) both sunrise}.home__sun svg{width:100%;height:100%;animation:60s linear infinite spin}.logo{font:400 clamp(40px, 15vw, 60px)/1 var(--font-title);letter-spacing:-.01em;margin:0}.logo span{font:700 20px/1 var(--font-ui);letter-spacing:.32em;text-transform:uppercase;color:var(--muted);margin-top:6px;display:block}.home__tag{color:var(--muted);margin:10px 0 0;font-size:clamp(16px,5vw,20px)}.home__menu{gap:12px;width:100%;max-width:440px;margin:0 auto;display:grid}.home__row{grid-template-columns:1fr 1fr;display:grid}@keyframes sunrise{0%{opacity:0;transform:translateY(24px)scale(.85)}}@keyframes spin{to{transform:rotate(360deg)}}.play{height:100%;padding-top:var(--safe-top);flex-direction:column;display:flex}.bar{grid-template-columns:56px 1fr auto;align-items:center;gap:10px;padding:8px 10px 4px;display:grid}.bar h2{text-align:center;font-size:24px}.bar>span:last-child:empty{width:56px}.bar__title{line-height:1.15;display:grid}.bar__deal{font-size:18px;font-weight:700}.bar__draw,.bar__count{color:var(--muted);font-size:16px}.bar__count{font-variant-numeric:tabular-nums;color:var(--ink);justify-items:end;font-weight:600;line-height:1.2;display:grid}.caption{text-align:center;height:48px;color:var(--hint);place-items:center;margin:0;padding:0 14px;font-size:17px;font-weight:700;line-height:22px;display:grid;overflow:hidden}.table-wrap{flex:1;min-height:0;position:relative}.table{touch-action:none;position:absolute;inset:0}.tools{padding:8px 10px calc(var(--safe-bottom) + 10px);grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.tool{border:2px solid var(--btn-edge);background:var(--btn);min-height:66px;color:var(--btn-ink);border-radius:16px;justify-items:center;gap:2px;padding:8px 4px;font-size:16px;font-weight:700;display:grid}.tool svg{width:28px;height:28px}.stuck{background:var(--sheet);color:var(--sheet-ink);text-align:center;border-radius:16px;gap:8px;margin:0 10px;padding:12px 14px;display:grid;box-shadow:0 6px 24px #0000004d}.stuck[hidden]{display:none}.stuck p{margin:0;font-weight:700}.stuck__btns{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stuck .btn:not(.btn--primary){background:var(--sheet-btn);color:var(--sheet-ink)}.slot{width:var(--cw);height:var(--ch);border:2px solid var(--slot);border-radius:calc(var(--cw) * .09);background:var(--slot-fill);place-items:center;padding:0;display:grid;position:absolute;top:0;left:0}.slot--tab{border-style:dashed}.slot__suit{width:46%;fill:var(--slot)}.slot--stock{z-index:0;color:var(--ink)}.slot--stock svg{opacity:.85;width:50%;height:50%}.slot--target{border-color:var(--target);box-shadow:0 0 0 2px var(--target);border-style:solid}.card{width:var(--cw);height:var(--ch);font-size:var(--cw);border-radius:calc(var(--cw) * .09);will-change:transform;touch-action:none;transition:transform .2s cubic-bezier(.2,.7,.3,1);position:absolute;top:0;left:0}.card--still{transition:none}.card--fly{transition:transform 1s cubic-bezier(.3,0,.4,1.25)}.card__face,.card__back{border-radius:inherit;box-shadow:var(--card-shadow), inset 0 0 0 1px var(--card-edge);position:absolute;inset:0}.card__face{background:var(--card)}.card--s,.card--c{color:var(--black)}.card--h,.card--d{color:var(--red)}.four-colour .card--d{color:var(--blue)}.four-colour .card--c{color:var(--green)}.card svg{fill:currentColor}.card__rank{font:800 .44em/1 var(--font-ui);letter-spacing:-.06em;position:absolute;top:.02em;left:.05em}.card__suit{width:.32em;height:.32em;position:absolute;top:.06em;right:.06em}.card__pip{width:.58em;height:.58em;position:absolute;bottom:.13em;left:50%;transform:translate(-50%)}.card__court{height:1.05em;font:400 .56em/1 var(--font-title);border:.06em solid;border-radius:.14em;place-items:center;padding-top:.08em;display:grid;position:absolute;bottom:.2em;left:.22em;right:.22em}.play--xl .card__rank{letter-spacing:-.08em;font-size:.52em}.play--xl .card__suit{width:.36em;height:.36em;top:.08em}.card__back{background:repeating-linear-gradient(45deg, transparent 0 .06em, #ffffff14 .06em .12em), linear-gradient(var(--back), var(--back-2));outline:.04em solid var(--card);outline-offset:-.07em;place-items:center;display:none}.card__back svg{width:62%;fill:var(--back-ink);opacity:.9}.card--down .card__face{display:none}.card--down .card__back{display:grid}.card--lift .card__face{box-shadow:0 10px 22px #00000059, inset 0 0 0 1px var(--card-edge)}.card--target .card__face{box-shadow:0 0 0 3px var(--target), var(--card-shadow)}.card--nope>*{animation:.4s nope}.hinted .card__face,.hinted .card__back,.slot.hinted{box-shadow:0 0 0 .05em var(--hint), 0 0 .22em .04em var(--hint);animation:.9s ease-in-out 3 glow}.slot.hinted{border-color:var(--hint)}@keyframes nope{20%,60%{transform:translate(-6%)}40%,80%{transform:translate(6%)}}@keyframes glow{50%{box-shadow:0 0 0 .08em var(--hint), 0 0 .4em .1em var(--hint)}}.sheet{z-index:1000;background:#00000080;place-items:center;padding:20px;animation:.2s fade;display:grid;position:fixed;inset:0}.sheet__card{width:100%;max-width:460px;max-height:calc(100% - var(--safe-top) - var(--safe-bottom));background:var(--sheet);color:var(--sheet-ink);border-radius:22px;gap:12px;padding:24px 20px 16px;animation:.25s cubic-bezier(.2,.7,.3,1) rise;display:grid;overflow:auto;box-shadow:0 20px 60px #0006}.sheet__card h2{font:400 30px/1.15 var(--font-title);text-align:center}.sheet__card p{color:var(--sheet-muted);text-align:center;margin:0}.sheet__card .sheet__big{color:var(--sheet-ink);font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.sheet__card .btn:not(.btn--primary){background:var(--sheet-btn);color:var(--sheet-ink);border-color:#0000}.sheet__card .btn--quiet{background:0 0!important}.howto ol{gap:10px;margin:0;padding-left:24px;font-size:19px;display:grid}.howto{gap:14px;display:grid}.howto .howto__note{color:var(--sheet-ink);font-weight:700}.won{gap:12px;display:grid}.won__sun{width:84px;height:84px;fill:var(--sun);justify-self:center;animation:.9s cubic-bezier(.2,.7,.3,1) both sunrise}.won__badges{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.won__badges span{background:var(--sun);color:#1f2a24;border-radius:99px;padding:4px 12px;font-size:16px;font-weight:700}@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);align-content:start;gap:12px;display:grid;overflow-y:auto}.page .bar{padding:8px 0}.page h3{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:12px;font-size:17px}.statset{gap:8px;display:grid}.statset dl{grid-template-columns:1fr 1fr;gap:8px;margin:0;display:grid}.statset dl div{background:var(--btn);border-radius:14px;padding:12px 14px;display:grid}.statset dt{color:var(--muted);font-size:16px}.statset dd{font-variant-numeric:tabular-nums;margin:0;font-size:28px;font-weight:800}.statset dd small{color:var(--muted);font-size:17px;font-weight:600}.toggle{background:var(--btn);border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:12px;min-height:64px;padding:10px 14px;font-weight:700;display:grid}.toggle small{color:var(--muted);font-size:16px;font-weight:500;display:block}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle i{background:#7f7f7f73;border-radius:99px;width:60px;height:36px;transition:background .2s;position:relative}.toggle i:after{content:"";background:#fff;border-radius:50%;width:28px;height:28px;transition:transform .2s;position:absolute;top:4px;left:4px;box-shadow:0 1px 3px #0000004d}.toggle input:checked+i{background:var(--primary)}.toggle input:checked+i:after{transform:translate(24px)}.toggle input:focus-visible+i{outline:3px solid var(--hint)}.choice{background:var(--btn);border-radius:16px;grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;padding:6px;display:grid}.choice__opt{background:0 0;border:0;border-radius:12px;min-height:54px;font-size:19px;font-weight:700}.choice__opt--on{background:var(--primary);color:var(--primary-ink)}.note{color:var(--muted);margin:0;font-size:17px}.looks{gap:8px;display:grid}.look{background:var(--btn);text-align:left;border:3px solid #0000;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:14px;min-height:72px;padding:10px 14px;display:grid}.look--on{border-color:var(--primary)}.look__sw{grid-row:span 2;display:flex}.look__sw i{border:1px solid #7f7f7f66;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:700}.look__blurb{color:var(--muted);font-size:16px}.credits{text-align:center;color:var(--muted);margin:8px 0 0;font-size:15px}.credits a{color:inherit}@media (prefers-reduced-motion:reduce){.card,.card--fly{transition-duration:10ms!important}.home__sun svg{animation:none}}:root,[data-theme=garden]{--table:#2f5d50;--table-2:#285246;--ink:#f6f1e4;--muted:#c9d8cf;--card:#fbf7ee;--card-edge:#0000002e;--card-shadow:0 1px 2px #00000059;--red:#c4232b;--black:#1d1f1e;--blue:#1f5fbf;--green:#17803d;--back:#c2603d;--back-2:#ad5232;--back-ink:#f8e3c4;--slot:#f6f1e452;--slot-fill:#00000014;--sun:#f2c14e;--hint:#ffd84d;--target:#ffd84d;--btn:#ffffff1f;--btn-ink:#f6f1e4;--btn-edge:#ffffff38;--primary:#f2c14e;--primary-ink:#1f2a24;--sheet:#fbf7ee;--sheet-ink:#1f2a24;--sheet-muted:#56605a;--sheet-btn:#e9e2d2;--toggle-on:#2f5d50}[data-theme=linen]{--table:#e6dcc8;--table-2:#ddd1ba;--ink:#2a2622;--muted:#5d554b;--card:#fff;--card-edge:#3c2d1952;--card-shadow:0 1px 2px #3c2d194d;--red:#c01f28;--black:#1a1a1a;--blue:#1b56b0;--green:#137537;--back:#24345c;--back-2:#1d2b4e;--back-ink:#f2c14e;--slot:#2a26224d;--slot-fill:#2a26220d;--sun:#e0a92f;--hint:#e08a00;--target:#e08a00;--btn:#ffffff8c;--btn-ink:#2a2622;--btn-edge:#2a26222e;--primary:#24345c;--primary-ink:#fff;--sheet:#fff;--sheet-ink:#2a2622;--sheet-muted:#5d554b;--sheet-btn:#efe8da;--toggle-on:#24345c}[data-theme=night]{--table:#111214;--table-2:#0b0c0d;--ink:#fff;--muted:#c4c4c4;--card:#fff;--card-edge:transparent;--card-shadow:0 0 0 1px #000;--red:#d4101f;--black:#000;--blue:#0d4fd6;--green:#00792f;--back:#f2c230;--back-2:#dcae1f;--back-ink:#111214;--slot:#ffffff73;--slot-fill:#ffffff0d;--sun:#f2c230;--hint:#38d1ff;--target:#38d1ff;--btn:#26282c;--btn-ink:#fff;--btn-edge:#55585e;--primary:#f2c230;--primary-ink:#111214;--sheet:#1d1f22;--sheet-ink:#fff;--sheet-muted:#c4c4c4;--sheet-btn:#33363b;--toggle-on:#f2c230}