@font-face{font-family:Atkinson Hyperlegible Next;src:url(/games/sunroom-pairs/play/assets/atkinson-hyperlegible-next-BcXVPD7q.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;--font-title:"Atkinson Hyperlegible Next", system-ui, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{background:var(--page);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:980px;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:700}.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;gap:2px;padding:10px 18px;font-size:1.05rem;font-weight:700;display:grid}.btn__title{font-size:1.1rem;font-weight:700}.btn__sub{font-size:1rem;font-weight:500}.btn--primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.sheet__card .btn--apart{margin-top:28px}.btn--quiet{min-height:56px;font-size:1rem}.btn--huge{min-height:88px;font-size:1.4rem}.btn:active,.tool:active,.bar__btn:active,.choice:active{transform:scale(.97)}.home{max-width:520px;height:100%;padding:calc(var(--safe-top) + 14px) 16px calc(var(--safe-bottom) + 14px);flex-direction:column;justify-content:safe center;gap:32px;margin:0 auto;display:flex;overflow-y:auto}.home__brand{text-align:center;justify-items:center;gap:8px;display:grid}.home__art{width:min(64vw,260px,30vh)}.homeart{justify-items:center;display:grid;position:relative}.homeart__sun{width:100%;fill:var(--back);stroke:var(--sun-edge);stroke-width:3px;stroke-linejoin:round}.homeart__cards{gap:10px;margin-top:-28%;display:flex}.homeart .mini{--mw:min(22vw, 96px, 11vh)}.mini{--mw:64px;width:var(--mw);height:calc(var(--mw) * 1.25);border:3px solid var(--card-edge);background:var(--back);border-radius:10px;flex:none;display:inline-block;position:relative;overflow:hidden}.mini .card__face,.mini--up{background:var(--face)}.mini--up{color:var(--face-ink);flex-direction:column;align-items:center;padding:3px;display:inline-flex}.mini .face__name{font-size:calc(var(--mw) * 1.5 / max(var(--len), 7.5))}.mini__back{place-items:center;height:100%;display:grid}.mini--tilt-l{transform:rotate(-6deg)}.mini--tilt-r{transform:rotate(5deg)}.logo{font:700 2.1rem/1.05 var(--font-title);letter-spacing:.01em;margin:0}.logo span{font-size:1.2em;display:block}.home__tag{max-width:24em;color:var(--muted);margin:0}.home__menu{gap:10px;display:grid}.home__row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.play{height:100%;padding:calc(var(--safe-top) + 6px) 8px calc(var(--safe-bottom) + 8px);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"bar""board""panel""tools";gap:6px;display:grid}.bar{grid-area:bar;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.bar h2{font:700 1.3rem/1.1 var(--font-title);text-align:center}.bar__spacer{width:64px}.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;gap:0;padding:4px 8px;font-size:max(18px,.8rem);font-weight:700;line-height:1.1;display:grid}.bar__btn svg{width:24px;height:24px}.bar__title{text-align:center;min-width:0;line-height:1.15;display:grid}.bar__main{font:700 max(21px, .9rem) / 1.1 var(--font-title)}.bar__sub{color:var(--muted);font-size:max(20px,.8rem);font-weight:700;line-height:1.1}.boardwrap{background:var(--table);min-height:0;box-shadow:inset 0 0 0 2px var(--table-edge);border-radius:18px;grid-area:board;place-items:center;display:grid;overflow:hidden}.board{--cols:4;--cw:80px;--ch:100px;--gap:8px;grid-template-columns:repeat(var(--cols), var(--cw));grid-auto-rows:var(--ch);gap:var(--gap);display:grid}.card{width:var(--cw);height:var(--ch);border:3px solid var(--card-edge);background:var(--back);box-shadow:0 2px 5px var(--shadow);border-radius:12px;padding:0;position:relative;overflow:visible}.card__back{border-radius:9px;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.back__sun{width:min(70%,70px);height:min(70%,70px)}.card__face{background:var(--face);color:var(--face-ink);border-radius:9px;flex-direction:column;align-items:center;padding:4px 3px 3px;display:flex;position:absolute;inset:0;overflow:hidden}.face__pic{flex:1 1 0;width:100%;min-height:0}.face__name .hy{display:none}.face__name--split .hy{display:inline}.face__name{text-align:center;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;flex:none;max-width:100%;font-weight:800;line-height:1.02}.card--up{outline:max(4px, calc(var(--cw) * .06)) solid var(--up);outline-offset:2px;z-index:1}.card--found{box-shadow:none;border-width:2px}.card--found .card__face{background:var(--found)}.card__badge{z-index:2;border:2px solid var(--face);color:#fff;text-align:center;border-radius:13px;min-width:28px;height:28px;padding:0 6px;font-size:18px;font-weight:800;line-height:24px;position:absolute;top:-8px;right:-6px}.card__badge--tick{background:var(--tick)}.card__badge--p1{background:var(--p1)}.card__badge--p2{background:var(--p2);border-radius:3px}.card--hint{outline:max(5px, calc(var(--cw) * .07)) dashed var(--hint);outline-offset:3px;z-index:1}.card__hint{background:var(--hint-tag);color:var(--hint-tag-ink);border-radius:8px;padding:1px 8px;font-size:18px;font-weight:800;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.card:focus-visible{outline:5px solid var(--focus);outline-offset:3px;z-index:3}.card--flip .card__face,.card--flip .card__back{animation:.22s ease-out flip}@keyframes flip{0%{transform:scaleX(.05)}}.panel{grid-area:panel;gap:6px;display:grid}.status{text-align:center;min-height:2.7em;margin:0;padding:0 4px;font-size:1rem;font-weight:700;line-height:1.35}.choices{flex-wrap:wrap;justify-content:center;gap:8px;min-height:56px;display:flex}.choice{border:2px solid var(--btn-edge);background:var(--btn);min-width:5em;min-height:56px;color:var(--btn-ink);border-radius:14px;flex:1 1 0;padding:6px 12px;font-size:1rem;font-weight:700;line-height:1.15}.choice--go{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.choice--wide{flex:0 18em}.tools{grid-area:tools;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tool{border:2px solid var(--btn-edge);background:var(--btn);min-height:64px;color:var(--btn-ink);border-radius:16px;align-content:center;justify-items:center;gap:2px;padding:4px;font-size:.9rem;font-weight:700;line-height:1.1;display:grid;position:relative}.tool svg{width:26px;height:26px}.tool--off{border-style:dashed}.tool--off svg,.tool--off span{opacity:.75}.tool__tag{background:var(--primary);color:var(--primary-ink);white-space:nowrap;border-radius:99px;padding:1px 7px;font-size:max(18px,.75rem);font-weight:800;display:none;position:absolute;top:-8px;right:6px}.tool--tagged .tool__tag{display:block}@media (height<=720px){html[data-text=large] .status,html[data-text=xl] .status{font-size:max(20px,.85rem)}}html[data-text=xl] .tool svg,html[data-text=xl] .bar__btn svg{display:none}html[data-text=xl] .bar__btn{font-size:max(18px,.75rem)}.bar__main{overflow-wrap:anywhere}@media (orientation:landscape) and (width>=700px){.play{grid-template:"bar bar""board panel"minmax(0,1fr)"board tools"/minmax(0,1fr) minmax(300px,380px);column-gap:18px}.panel{align-content:center}.status{font-size:1.1rem}}.sheet{z-index:1000;background:#0009;place-items:center;padding:12px;animation:.2s fade;display:grid;position:fixed;inset:0}.sheet__card{width:100%;max-width:500px;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{font:700 1.45rem/1.15 var(--font-title);text-align:center}.sheet__card h3{font:700 1.15rem/1.2 var(--font-title)}.sheet__card p{color:var(--sheet-ink);text-align:center;margin:0}.sheet__card .sheet__big{font-size:1.15rem;font-weight:700}.sheet__card .btn:not(.btn--primary){background:var(--sheet-btn);border-color:var(--sheet-muted);color:var(--sheet-ink)}.sheet__card .btn--primary:focus-visible,.sheet__card .btn:focus-visible,.sheet__card .opt:focus-visible{outline-color:var(--sheet-ink)}.sheet__card .quote{font-style:italic}.sheet__card .label{text-align:left}.sheet__card .about-opp,.sheet__card .note-in-sheet{color:var(--sheet-muted)}.opts{grid-template-columns:1fr 1fr;gap:8px;display:grid}.opts--3{grid-template-columns:1fr 1fr 1fr}.opt:disabled{cursor:default;background:0 0;border-style:dashed}.opt{border:3px solid var(--sheet-muted);background:var(--sheet-btn);min-height:64px;color:var(--sheet-ink);border-radius:14px;align-content:center;padding:6px 8px;line-height:1.15;display:grid}.opt b{font-size:1.05rem}.opt span{font-size:1rem}.opt--on{border-color:var(--sheet-ink);background:var(--primary);color:var(--primary-ink);box-shadow:inset 0 0 0 3px var(--sheet)}.opt--on b:before{content:"✓ "}.readout{gap:8px;display:grid}.sheet__card .readout p{text-align:left}.howto{--pw:calc(min(500px, 100vw - 24px) - 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{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--words{grid-template-areas:"num text"}.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;box-shadow:inset 0 0 0 2px var(--table-edge);color:var(--ink);border-radius:18px;justify-items:center;gap:10px;padding:16px 10px;display:grid}.howto__more ul{gap:8px;margin:0;padding-left:1.2em;display:grid}.howto__more[hidden]{display:none}.hp-card{--cw:min(96px, calc((var(--pw) - 108px) / 2));--ch:calc(var(--cw) * 1.3);flex:none;display:block}.hp-card .face__name{font-size:max(20px, min(calc(var(--cw) * .24), calc((var(--cw) - 8px) / (var(--len) * .57))))}.hp-grid{grid-template-columns:repeat(3,auto);gap:14px 12px;padding-top:4px;display:grid}.hp-grid .hp-card{--cw:min(84px, calc((var(--pw) - 44px) / 3))}.hp-row{justify-content:center;align-items:center;gap:24px;display:flex}.hp-arrow{flex:none;width:60px;height:48px}.hp-btn{background:var(--primary);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}.won{gap:12px;display:grid}.won__art{justify-content:center;gap:8px;display:flex}.won__art .mini{--mw:72px}.credits{text-align:center;color:var(--muted);margin:8px 0 0;font-size:1rem}.sheet__card .credits{color:var(--sheet-muted)}.credits a{min-width:56px;min-height:56px;color:inherit;padding:0 8px;line-height:56px;display:inline-block}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(30px)}}.page{max-width:640px;height:100%;padding:calc(var(--safe-top) + 6px) 16px calc(var(--safe-bottom) + 24px);flex-direction:column;gap:12px;margin:0 auto;display:flex;overflow-y:auto}.page>*{flex-shrink:0}.page h3{font:700 1.15rem/1.2 var(--font-title);color:var(--ink);margin-top:10px}.statset{gap:8px;display:grid}.statset dl{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:10px 14px;display:grid}.statset dt{font-weight:700}.statset dt small{font-size:1rem;font-weight:500}.statset dd{margin:0;font-size:1.15rem;font-weight:800}.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:700;display:grid;position:relative}.toggle small{font-size:1rem;font-weight:500;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;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-set{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-set__opt{min-height:56px;color:var(--btn-ink);background:0 0;border:0;border-radius:12px;padding:4px;font-size:1rem;font-weight:700;line-height:1.15}.choice-set__opt--on{background:var(--primary);color:var(--primary-ink)}.label{margin:4px 0 -4px;font-weight:700}.note{color:var(--muted);margin:0}.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:700}.look__blurb{font-size:1rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}*{overflow-anchor:none}:root,[data-theme=apricot]{--sun-edge:#5c2c10;--hint-tag:#0b4f8a;--hint-tag-ink:#fff;--page:#f6ead9;--ink:#2a1a10;--muted:#5a3f2c;--table:#e9c9a4;--table-edge:#8a5a3a;--back:#f08a4b;--back-sun:#fff3e3;--back-ray:#fff3e3;--card-edge:#5c2c10;--face:#fffdf8;--face-ink:#1d1a17;--found:#fbe9d6;--up:#1d1a17;--hint:#0b4f8a;--tick:#1f6b3a;--p1:#0b4f8a;--p2:#7a2f86;--btn:#fffaf2;--btn-ink:#2a1a10;--btn-edge:#8a5a3a;--primary:#8f3d0b;--primary-ink:#fff;--sheet:#fffaf2;--sheet-ink:#2a1a10;--sheet-muted:#5a3f2c;--sheet-btn:#f6e6d2;--focus:#0b4f8a;--shadow:#5a321440}[data-theme=daylight]{--sun-edge:#141210;--hint-tag:#0a2f5a;--hint-tag-ink:#fff;--page:#fff;--ink:#141210;--muted:#4f4d49;--table:#efebe6;--table-edge:#81807d;--back:#d9692a;--back-sun:#fff;--back-ray:#fff;--card-edge:#141210;--face:#fff;--face-ink:#141210;--found:#fdf0e4;--up:#141210;--hint:#0b4f8a;--tick:#1f6b3a;--p1:#0b4f8a;--p2:#7a2f86;--btn:#fff;--btn-ink:#141210;--btn-edge:#65635f;--primary:#141210;--primary-ink:#fff;--sheet:#fff;--sheet-ink:#141210;--sheet-muted:#4f4d49;--sheet-btn:#f1f0ed;--focus:#0b4f8a;--shadow:#0000002e}[data-theme=night]{--sun-edge:#000;--hint-tag:#003f8a;--hint-tag-ink:#fff;--page:#000;--ink:#fff;--muted:#d6d6d6;--table:#000;--table-edge:#8a8a8a;--back:#ffd23f;--back-sun:#000;--back-ray:#000;--card-edge:#fff;--face:#fff;--face-ink:#000;--found:#d9d9d9;--up:#38d1ff;--hint:#38d1ff;--tick:#006b2e;--p1:#003f8a;--p2:#6a1f78;--btn:#1d1d1d;--btn-ink:#fff;--btn-edge:#9a9a9a;--primary:#ffd23f;--primary-ink:#000;--sheet:#1a1a1a;--sheet-ink:#fff;--sheet-muted:#d0d0d0;--sheet-btn:#333;--focus:#38d1ff;--shadow:#0000}