@font-face{font-family:Atkinson Hyperlegible Next;src:url(/games/sunroom-tripeaks/play/fonts/atkinson-hyperlegible-next.woff2)format("woff2");font-weight:200 800;font-display:swap}: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);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-size:20px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root.text-large{font-size:23px}:root.text-xl{font-size:26px}*{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:1rem/1.4 var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#app{max-width:900px;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:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;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:16px;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:.85rem;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;text-decoration:underline}.btn:active,.tool:active,.bar-btn:active,.stock:active{transform:scale(.97)}.bar-btn{border:2px solid var(--btn-edge);background:var(--btn);min-width:56px;min-height:56px;color:var(--btn-ink);border-radius:14px;justify-content:center;align-items:center;gap:4px;padding:4px 10px 4px 6px;font-size:min(.9rem,20px);font-weight:700;line-height:1.1;display:inline-flex}.bar-btn svg{flex:none;width:26px;height:26px}.home{height:100%;padding:calc(var(--safe-top) + 14px) 16px calc(var(--safe-bottom) + 16px);flex-direction:column;justify-content:space-between;gap:16px;display:flex;position:relative;overflow-y:auto}.home__top{justify-content:flex-end;display:flex}.home__brand{text-align:center;justify-items:center;gap:4px;display:grid}.home__mark{width:120px;height:84px;color:var(--sun)}.home__mark svg{width:100%;height:100%}.logo{font:700 clamp(44px, 15vw, 68px)/1 var(--font-title);margin:0}.logo span{font:700 1rem/1 var(--font-ui);letter-spacing:.3em;text-transform:uppercase;color:var(--sun);margin-bottom:6px;padding-left:.3em;display:block}.home__tag{color:var(--muted);margin:8px 0 0;font-size:1rem}.home__menu{gap:12px;width:100%;max-width:460px;margin:0 auto;display:grid}.home__row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.play{height:100%;padding-top:var(--safe-top);flex-direction:column;display:flex}.bar{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px 8px 4px;display:grid}.bar h2{font:700 1.3rem/1.1 var(--font-title);text-align:center}.bar__title{text-align:center;min-width:0;line-height:1.15;display:grid}.bar__deal{font:700 min(1.05rem, 23px)/1.15 var(--font-title)}.bar__sub{color:var(--muted);font-variant-numeric:tabular-nums;font-size:18px;font-weight:600}.status{text-align:center;min-height:3.1rem;color:var(--ink);place-items:center;margin:0;padding:2px 12px;font-size:.95rem;font-weight:700;line-height:1.25;display:grid}.status--hint{color:var(--hint)}.board{flex:1;min-height:0;position:relative}.peaks{position:absolute;inset:0}.piles{justify-content:center;align-items:flex-end;gap:18px;padding:4px 12px 6px;display:flex}.pile{justify-items:center;gap:4px;display:grid}.pile__label{white-space:nowrap;color:var(--muted);text-align:center;font-size:min(.9rem,20px);font-weight:700}.waste{width:var(--pw);height:calc(var(--pw) * 1.4);position:relative}.waste .card{width:100%;height:100%;font-size:var(--pw);position:absolute;inset:0}.stock{width:calc(var(--pw) * 1.25);height:calc(var(--pw) * 1.4);border:3px solid var(--btn-edge);border-radius:calc(var(--pw) * .09);background:var(--back);color:var(--back-ink);text-align:center;align-content:center;place-items:center;gap:2px;padding:4px;font-weight:800;line-height:1.1;display:grid;position:relative}.stock__back{border-radius:calc(var(--pw) * .06);border:2px solid var(--back-ink);pointer-events:none;position:absolute;inset:5px}.stock__word{font-size:min(.9rem,19px);position:relative}.stock__count{font-variant-numeric:tabular-nums;font-size:1.5rem;position:relative}.stock--empty{border-style:dashed;border-color:var(--slot);color:var(--muted);background:0 0}.stock--empty .stock__back{display:none}.stock--go{border-color:var(--target);box-shadow:0 0 0 4px var(--target)}.run{min-width:4.4rem;color:var(--muted);text-align:center;font-size:max(.9rem,18px);font-weight:700}.run b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.6rem;line-height:1.1;display:block}.tools{padding:6px 8px 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:66px;color:var(--btn-ink);border-radius:16px;align-content:center;justify-items:center;gap:0;padding:6px 2px;font-size:min(.9rem,20px);font-weight:700;line-height:1.15;display:grid}.tool svg{width:26px;height:26px;margin-bottom:2px}.tool__tag{white-space:nowrap;font-size:18px;font-weight:600}.stuck{background:var(--sheet);color:var(--sheet-ink);text-align:center;border-radius:16px;gap:8px;margin:0 8px 4px;padding:10px 12px;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{min-height:56px}.stuck .btn:not(.btn--primary){background:var(--sheet-btn);color:var(--sheet-ink);border-color:#0000}.card{width:var(--cw);height:var(--ch);font-size:var(--cw);border-radius:calc(var(--cw) * .1);touch-action:manipulation;background:0 0;border:0;padding:0;transition:transform .2s cubic-bezier(.2,.7,.3,1);position:absolute;top:0;left:0}.card[hidden]{display:none}.card__face{border-radius:inherit;background:var(--card);box-shadow:var(--card-shadow), inset 0 0 0 1px var(--card-edge);position:absolute;inset:0;overflow:hidden}.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 .8em/1 var(--font-ui);text-align:center;letter-spacing:-.04em;position:absolute;top:.05em;left:0;right:0}.card__rank--10{letter-spacing:-.05em;text-indent:-.05em;font-size:.6em;top:.13em}.card__suit{width:.42em;height:.42em;position:absolute;top:.86em;left:50%;transform:translate(-50%)}.card--down .card__face{background:var(--back);box-shadow:var(--card-shadow), inset 0 0 0 2px var(--back-ink);color:var(--back-ink)}.card--down .card__face>*{display:none}.card--down .card__face:after{content:"";border:2px solid var(--back-ink);border-radius:.06em;position:absolute;inset:.1em}.card--fits{z-index:50!important}.card--fits .card__face{box-shadow:0 0 0 4px var(--target), 0 4px 10px #00000059}.card--fits:after{content:"";border:8px solid #0000;border-top:8px solid var(--target);width:0;height:0;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.card--nope .card__face{animation:.4s nope}.hinted .card__face,.stock.hinted{box-shadow:0 0 0 6px var(--hint), 0 0 18px 6px var(--hint);animation:.9s ease-in-out 3 glow}.card--land .card__face{animation:.25s ease-out land}.flyer{z-index:500;pointer-events:none;transition:transform .24s cubic-bezier(.2,.7,.3,1);position:fixed}@keyframes nope{20%,60%{transform:translate(-8%)}40%,80%{transform:translate(8%)}}@keyframes glow{50%{box-shadow:0 0 0 8px var(--hint), 0 0 26px 10px var(--hint)}}@keyframes land{0%{transform:scale(1.08)}}.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));border:2px solid var(--btn-edge);background:var(--sheet);color:var(--sheet-ink);border-radius:22px;gap:12px;padding:22px 18px 14px;animation:.25s cubic-bezier(.2,.7,.3,1) rise;display:grid;overflow:auto;box-shadow:0 20px 60px #0006}.sheet__card h2{font:700 1.5rem/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-size:1.3rem;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}.howto{gap:14px;display:grid}.howto p,.howto li{color:var(--sheet-ink);text-align:left}.howto__aim,.howto__step{gap:8px;display:grid}.howto__steps{gap:20px;margin:0;padding:0;list-style:none;display:grid}.howto__step{position:relative}.howto__num{z-index:60;border:2px solid var(--primary-ink);background:var(--primary);width:40px;height:40px;color:var(--primary-ink);font:800 24px/1 var(--font-ui);border-radius:50%;place-items:center;display:grid;position:absolute;top:-6px;left:-6px}.howto__more ul{gap:10px;margin:0;padding-left:1.2em;display:grid}.hp{background:var(--table);color:var(--ink);--cw:50px;--ch:83px;--pw:50px;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:16px 8px 18px;display:flex}.hp__group{flex:none;position:relative}.hp .card{transition:none}.hp .hp__inline{flex:none;display:block;position:relative}.hp .card--fits{z-index:auto!important}.hp__word{font:700 20px/1 var(--font-ui);white-space:nowrap}.hp__arrow{width:34px;height:34px;color:var(--hint);flex:none}.hp__pile{justify-items:center;gap:4px;display:grid}.hp__label{max-width:76px;min-height:2.2em;font:700 20px/1.1 var(--font-ui);color:var(--muted);text-align:center;align-items:end;display:grid}.hp__match{position:relative}.hp .hp__stock{border-color:var(--target);width:78px;height:83px;box-shadow:0 0 0 4px var(--target);font-size:20px}.hp .hp__stock .stock__word{font-size:20px}.won{gap:12px;display:grid}.won__mark{width:110px;height:76px;color:var(--sheet-ink);justify-self:center}.won__badges span{background:var(--primary);color:var(--primary-ink);border-radius:99px;padding:4px 12px;font-size:.85rem;font-weight:700;display:inline-block}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(30px)}}.page{height:100%;padding:calc(var(--safe-top) + 4px) 14px 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{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:12px;font-size:.9rem}.page p{margin:0}.statset dl{grid-template-columns:1fr 1fr;gap:8px;margin:0;display:grid}.statset dl div{background:var(--btn);color:var(--btn-ink);border-radius:14px;padding:12px 14px;display:grid}.statset dt{font-size:.85rem}.statset dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.4rem;font-weight:800}.statset dd small{font-size:.85rem;font-weight:600}.toggle{background:var(--btn);min-height:64px;color:var(--btn-ink);cursor:pointer;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:.85rem;font-weight:500;display:block}.toggle input{opacity:0;width:1px;height:1px;position:absolute}.toggle i{border:2px solid var(--btn-edge);background:0 0;border-radius:99px;flex:none;width:62px;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(26px)}.toggle input:checked+i:before{content:"✓";color:var(--primary-ink);font-size:20px;font-weight:800;position:absolute;top:2px;left:9px}.toggle:has(input:focus-visible){outline:4px solid var(--focus);outline-offset:2px}.choice{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:2px solid #0000;border-radius:12px;padding:4px;font-size:.95rem;font-weight:700;line-height:1.1}.choice__opt--on{background:var(--primary);color:var(--primary-ink)}.choice__opt--on:before{content:"✓ "}.note{color:var(--muted);font-size:.9rem}.looks{gap:8px;display:grid}.look{background:var(--btn);min-height:72px;color:var(--btn-ink);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;padding:10px 14px;display:grid}.look--on{border-color:var(--primary)}.look--on .look__name:after{content:" ✓"}.look__sw{grid-row:span 2;display:flex}.look__sw i{border:1px solid #888;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:.85rem}.about{gap:12px;display:grid}.about p{color:var(--ink)}.about .mark{align-items:center;gap:10px;font-weight:700;display:flex}.about .mark svg{width:40px;height:40px}.about a{color:inherit}.calm *,.calm :before,.calm :after{transition-duration:10ms!important;animation-duration:10ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:10ms!important;animation-duration:10ms!important;animation-iteration-count:1!important}}*{overflow-anchor:none}:root,[data-theme=alpine]{--table:#1d5c63;--table-2:#174d53;--ink:#fff;--muted:#dcefee;--card:#fdfaf2;--card-edge:#8aa5a3;--card-shadow:0 1px 2px #00000059;--back:#cfe6e3;--back-ink:#23626a;--red:#a3141f;--black:#12191b;--blue:#1350b4;--green:#11713a;--slot:#9cc3c1;--target:#ffd166;--hint:#ffe08a;--btn:#123f44;--btn-ink:#fff;--btn-edge:#5d9399;--primary:#ffd166;--primary-ink:#10292c;--sheet:#fdfaf2;--sheet-ink:#10292c;--sheet-muted:#3d5457;--sheet-btn:#e2ecea;--focus:#ffd166;--sun:#ffd166}[data-theme=daylight]{--table:#e4efee;--table-2:#d5e5e3;--ink:#0d2629;--muted:#2f4a4d;--card:#fff;--card-edge:#6f8c8f;--card-shadow:0 1px 2px #0d26294d;--back:#1d5c63;--back-ink:#b8e2de;--red:#a3122a;--black:#0e1416;--blue:#1146a6;--green:#0f6c34;--slot:#5f7f82;--target:#a8410b;--hint:#8a3a00;--btn:#fff;--btn-ink:#0d2629;--btn-edge:#7d9a9d;--primary:#14454b;--primary-ink:#fff;--sheet:#fff;--sheet-ink:#0d2629;--sheet-muted:#36504f;--sheet-btn:#e4efee;--focus:#a8410b;--sun:#a8410b}[data-theme=contrast]{--table:#000;--table-2:#000;--ink:#fff;--muted:#e6e6e6;--card:#fff;--card-edge:#fff;--card-shadow:none;--back:#666;--back-ink:#fff;--red:#ad0017;--black:#000;--blue:#0b44c4;--green:#006b2a;--slot:#bdbdbd;--target:#ffe500;--hint:#ffe500;--btn:#1c1c1c;--btn-ink:#fff;--btn-edge:#fff;--primary:#ffe500;--primary-ink:#000;--sheet:#000;--sheet-ink:#fff;--sheet-muted:#e6e6e6;--sheet-btn:#2a2a2a;--focus:#ffe500;--sun:#ffe500}