@font-face{font-family:Atkinson Hyperlegible Next;src:url(/games/sunroom-pyramid/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;--fs:20px;--fs-small:18px;--fs-btn:22px;--fs-status:20px;--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}}body.text-xl{--fs:24px;--fs-small:21px;--fs-btn:26px;--fs-status:23px}*{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) 45%, var(--table-2));background-color:var(--table);color:var(--ink);font:var(--fs) / 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:800}.btn{border:2px solid var(--btn-edge);background:var(--btn);width:100%;min-height:64px;color:var(--btn-ink);text-align:center;font-size:var(--fs-btn);border-radius:16px;gap:2px;padding:12px 20px;font-weight:700;display:grid}.btn__title{font-size:var(--fs-btn);font-weight:800}.btn__sub{font-size:var(--fs-small);font-weight:500}.btn--primary{background:var(--primary);color:var(--primary-ink);border-color:#0000}.btn--quiet{min-height:56px;font-size:var(--fs);text-underline-offset:4px;background:0 0;border-color:#0000;padding:8px 6px;text-decoration:underline}.btn--small{width:auto;min-width:56px;min-height:56px;font-size:var(--fs-small);justify-content:center;align-items:center;gap:6px;padding:6px 14px 6px 10px;display:inline-flex}.btn--small svg{flex:none;width:24px;height:24px}.btn:active,.tool:active,.stock:active{transform:scale(.97)}.home{height:100%;padding:calc(var(--safe-top) + 16px) 16px calc(var(--safe-bottom) + 16px);flex-direction:column;justify-content:space-between;gap:16px;display:flex;position:relative;overflow-y:auto}.home__settings{align-self:flex-end}.home__brand{text-align:center;justify-items:center;gap:4px;display:grid}.home__sun{width:104px;height:104px;fill:var(--sun);animation:1.2s cubic-bezier(.2,.7,.3,1) both sunrise}.home__sun svg{width:100%;height:100%}.logo{font:800 clamp(48px, 15vw, 72px) / 1 var(--font-ui);letter-spacing:-.01em;margin:0}.logo span{font:800 22px/1 var(--font-ui);letter-spacing:.3em;text-transform:uppercase;color:var(--sun);margin-bottom:6px;padding-left:.3em;display:block}.home__tag{font-size:var(--fs);color:var(--muted);margin:8px 0 0}.home__menu{gap:12px;width:100%;max-width:460px;margin:0 auto;display:grid}.home__row{grid-template-columns:auto auto auto;justify-content:space-between;gap:4px;display:grid}.home__row .btn{white-space:nowrap}.home__row--2{grid-template-columns:1fr 1fr}.text-xl .home__row:not(.home__row--2){grid-template-columns:1fr 1fr;justify-content:stretch}@keyframes sunrise{0%{opacity:0;transform:translateY(24px)scale(.85)}}.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 10px 2px;display:grid}.bar h2{text-align:center;font-size:26px}.bar>span:last-child:empty{width:80px}.bar__title{text-align:center;min-width:0;line-height:1.15;display:grid}.bar__deal{font-size:var(--fs-small);font-weight:800}.bar__sub{color:var(--muted);font-size:17px}.bar__count{line-height:1.2;font-size:var(--fs-small);font-variant-numeric:tabular-nums;color:var(--ink);justify-items:end;font-weight:700;display:grid}.caption{min-height:calc(var(--fs-status) * 2.5);font-size:var(--fs-status);text-align:center;color:var(--hint);place-items:center;margin:0;padding:2px 12px;font-weight:700;line-height:1.22;display:grid}.table-wrap{flex:1;min-height:0;position:relative}.table{position:absolute;inset:0}.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:68px;color:var(--btn-ink);font-size:var(--fs-small);border-radius:16px;align-content:center;justify-items:center;gap:2px;padding:6px 2px;font-weight:800;line-height:1.1;display:grid}.tool svg{width:26px;height:26px}.stuck{border:2px solid var(--sheet-ink);background:var(--sheet);color:var(--sheet-ink);text-align:center;border-radius:16px;gap:8px;margin:0 10px 4px;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{width:100%}.stuck .btn:not(.btn--primary){background:var(--sheet-btn);color:var(--sheet-ink)}.table__label{height:26px;font-size:var(--fs-small);text-align:center;color:var(--muted);white-space:nowrap;pointer-events:none;font-weight:700;line-height:24px;position:absolute;top:0;left:0}.table__label--turns{text-align:left;white-space:normal;color:var(--ink);align-content:center;gap:2px;padding-left:6px;line-height:1.2;display:grid}.table__label--turns small{font-size:var(--fs-small);color:var(--muted);font-weight:500}.slot{width:var(--sw);height:var(--sh);border:2px dashed var(--slot);border-radius:calc(var(--sw) * .09);background:var(--slot-fill);place-items:center;display:grid;position:absolute;top:0;left:0}.slot[hidden]{display:none}.slot__label{font-size:var(--fs-small);color:var(--slot-ink);font-weight:700}.stock{width:var(--sw);height:var(--sh);border:3px solid var(--card);border-radius:calc(var(--sw) * .09);background:repeating-linear-gradient(45deg, transparent 0 7px, #ffffff24 7px 9px), repeating-linear-gradient(-45deg, transparent 0 7px, #0000001a 7px 9px), var(--back-2);color:#fff;box-shadow:0 2px 0 var(--back), 0 4px 0 var(--back-2), var(--card-shadow);place-content:center;justify-items:center;gap:2px;padding:0;transition:transform .15s;display:grid;position:absolute;top:0;left:0}.stock__n{color:#2a1a05;min-width:1.9em;font-size:calc(var(--sw) * .36);background:#fffaf0;border-radius:10px;place-items:center;padding:0 .2em;font-weight:800;line-height:1.25;display:grid}.stock__word{color:#2a1a05;font-size:var(--fs-small);background:#fffaf0;border-radius:8px;padding:0 4px;font-weight:800;line-height:1.25}.stock svg{width:calc(var(--sw) * .5);height:calc(var(--sw) * .5);color:#2a1a05;background:#fffaf0;border-radius:50%;padding:4px}.stock--empty{background:var(--slot-fill);border:2px dashed var(--slot);box-shadow:none}.stock--empty .stock__word{color:var(--slot-ink);background:0 0}.stock--again{border:3px solid var(--target);box-shadow:0 0 0 2px var(--target)}.stock--again .stock__word{background:var(--sheet);color:var(--sheet-ink)}.stock.hinted{box-shadow:0 0 0 4px var(--hint), 0 0 18px 6px var(--hint);animation:.9s ease-in-out 4 glow}.card{width:var(--cw);height:var(--ch);font-size:var(--cw);border-radius:calc(var(--cw) * .09);will-change:transform;cursor:pointer;background:0 0;border:0;padding:0;transition:transform .22s cubic-bezier(.2,.7,.3,1),opacity .3s;position:absolute;top:0;left:0}.card:before{content:"";position:absolute;inset:-3px}.card[hidden]{display:none}.card--big{width:var(--sw);height:var(--sh);font-size:var(--sw);border-radius:calc(var(--sw) * .09)}.card--still{transition:none}.card--gone{opacity:0;pointer-events:none}.card--fly{opacity:1;transition:transform 1s cubic-bezier(.3,0,.4,1.25)}.card__face{border-radius:inherit;background:var(--card);box-shadow:var(--card-shadow), inset 0 0 0 1px var(--card-edge);display:block;position:absolute;inset:0}.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 .6em/1 var(--font-ui);letter-spacing:-.04em;position:absolute;top:.02em;left:.05em}.card__rank--10{letter-spacing:-.1em;font-size:.5em;top:.06em;left:.02em}.card__suit{width:.32em;height:.32em;position:absolute;top:.07em;right:.05em}.card__pip{width:.56em;height:.56em;position:absolute;bottom:.1em;left:50%;transform:translate(-50%)}.card__val{font:800 .4em/1 var(--font-ui);text-align:center;position:absolute;bottom:.08em;left:0;right:0}.card__pip--small{width:.3em;height:.3em;top:.66em;bottom:auto}.card:not(.card--free) .card__pip,.card:not(.card--free) .card__val{visibility:hidden}.card--free .card__face{box-shadow:0 0 0 3px var(--target), var(--card-shadow)}.card--picked .card__face{box-shadow:0 0 0 3px var(--table), 0 0 0 7px var(--select), 0 8px 16px #0006}.card--picked:after{content:"";background:var(--select) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 80% no-repeat;width:.36em;height:.36em;box-shadow:0 0 0 2px var(--table);border-radius:50%;position:absolute;bottom:-.1em;right:-.1em}.card--nope>*{animation:.4s nope}.card.hinted .card__face{box-shadow:0 0 0 5px var(--hint), 0 0 .25em .06em var(--hint);animation:.9s ease-in-out 4 glow}@keyframes nope{20%,60%{transform:translate(-6%)}40%,80%{transform:translate(6%)}}@keyframes glow{50%{box-shadow:0 0 0 7px var(--hint), 0 0 .4em .12em var(--hint)}}.sheet{z-index:1000;background:#0000008c;place-items:center;padding:12px;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(--sheet-ink);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:800 30px/1.15 var(--font-ui);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{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:2;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:24px;display:grid}.hp{background:var(--table);color:var(--ink);--cw:58px;--ch:81px;--sw:66px;--sh:92px;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:16px 8px;display:flex}.hp--down{flex-direction:column;gap:14px}.hp__line{align-items:center;gap:8px;display:flex}.hp__group{flex:none;position:relative}.hp .card{cursor:default}.hp .card:before{content:none}.hp .hp__inline{flex:none;position:relative}.hp__sym{font:800 30px/1 var(--font-ui);white-space:nowrap}.hp__arrow{width:34px;height:34px;color:var(--hint);flex:none}.hp__pile{justify-items:center;gap:6px;display:grid}.hp__label{font:700 20px/1.1 var(--font-ui);color:var(--muted);white-space:nowrap}.hp .hp__stock{outline:4px solid var(--select);outline-offset:4px;position:relative}.about{gap:12px;display:grid}.about .about__by{color:var(--sheet-ink);justify-content:center;align-items:center;gap:10px;font-weight:800;display:flex}.mark{background:#faf9f6;border-radius:8px;width:36px;height:36px;padding:3px}.about .about__small{font-size:var(--fs-small)}.about a,.credits a{color:inherit}.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}[data-theme=sandstone] .won__sun{fill:var(--back-2)}.won__badges{justify-content:center;display:flex}.won__badges span{background:var(--primary);color:var(--primary-ink);font-size:var(--fs-small);border-radius:99px;padding:4px 12px;font-weight:700}.ad-ask{gap:12px;display:grid}@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{font-size:var(--fs);color:var(--ink);margin-top:12px}.statset{gap:8px;display:grid}.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);border-radius:14px;padding:12px 14px;display:grid}.statset dt{font-size:var(--fs-small);color:var(--muted)}.statset dd{font-variant-numeric:tabular-nums;margin:0;font-size:30px;font-weight:800}.statset dd small{font-size:var(--fs-small);color:var(--muted);font-weight:600}.toggle{border:2px solid var(--btn-edge);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:var(--fs-small);color:var(--muted);font-weight:500;display:block}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle i{border:3px solid var(--btn-ink);border-radius:99px;width:64px;height:38px;transition:background .2s;position:relative}.toggle i:after{content:"";border:3px solid var(--btn-ink);border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:4px;left:4px}.toggle input:checked+i{background:var(--primary);border-color:var(--primary)}.toggle input:checked+i:after{background:var(--primary-ink);border-color:var(--primary-ink);transform:translate(26px)}.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);font-size:var(--fs);background:0 0;border:0;border-radius:12px;padding:4px 8px;font-weight:700;line-height:1.15}.choice__opt--on{background:var(--primary);color:var(--primary-ink);text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:3px}.note{font-size:var(--fs);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:5px solid 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--on .look__name:after{content:" ✓"}.look__blurb{font-size:var(--fs-small);color:var(--muted)}.credits{font-size:var(--fs-small);text-align:center;color:var(--muted);margin:8px 0 0}.tool--hint:has(.tool__tag){gap:0;padding-top:4px;padding-bottom:4px}.tool__tag{white-space:nowrap;font-size:18px;font-weight:700;line-height:20px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:10ms!important;animation-duration:10ms!important;animation-iteration-count:1!important}}.table__label--waste{text-align:left}.btn--apart{margin-top:28px}*{overflow-anchor:none}:root,[data-theme=sandstone]{--table:#5a3a12;--table-2:#4a2f0d;--ink:#fffaf0;--muted:#f3e2c4;--card:#fffaf0;--card-edge:#00000040;--card-shadow:0 1px 3px #00000073;--red:#b3141f;--black:#1c1712;--blue:#1146a6;--green:#11692f;--slot:#c9a46a;--slot-ink:#f0d9b0;--slot-fill:#00000024;--sun:#ffc85a;--hint:#ffe39a;--target:#ffd27a;--select:#fff;--back:#d9a24a;--back-2:#9c6b25;--btn:#6c4818;--btn-ink:#fffaf0;--btn-edge:#b08a50;--primary:#ffd27a;--primary-ink:#2a1a05;--sheet:#fffaf0;--sheet-ink:#2a1a05;--sheet-muted:#574530;--sheet-btn:#f0e3cc;--focus:#ffe39a}[data-theme=daylight]{--table:#f3e6cc;--table-2:#e9d8b6;--ink:#2a1a05;--muted:#4d3a20;--card:#fff;--card-edge:#2a1a0561;--card-shadow:0 1px 2px #2a1a054d;--red:#b3141f;--black:#15110c;--blue:#1146a6;--green:#0f6c34;--slot:#8a6a3e;--slot-ink:#5a4325;--slot-fill:#2a1a050f;--sun:#9c6b25;--hint:#630;--target:#6b3f00;--select:#1146a6;--back:#9c6b25;--back-2:#c88f3c;--btn:#fff;--btn-ink:#2a1a05;--btn-edge:#b89b70;--primary:#6b3f00;--primary-ink:#fff;--sheet:#fff;--sheet-ink:#2a1a05;--sheet-muted:#4d3a20;--sheet-btn:#f3e6cc;--focus:#1146a6}[data-theme=contrast]{--table:#000;--table-2:#000;--ink:#fff;--muted:#fff;--card:#fff;--card-edge:#000;--card-shadow:0 0 0 1px #000;--red:#c00010;--black:#000;--blue:#0038b8;--green:#00662a;--slot:#fff;--slot-ink:#fff;--slot-fill:#ffffff0f;--sun:#ffe600;--hint:#ffe600;--target:#ffe600;--select:#00e5ff;--back:#ffe600;--back-2:#000;--btn:#000;--btn-ink:#fff;--btn-edge:#fff;--primary:#ffe600;--primary-ink:#000;--sheet:#000;--sheet-ink:#fff;--sheet-muted:#fff;--sheet-btn:#222;--focus:#00e5ff}