@font-face{font-family:Atkinson Hyperlegible Next;src:url(/games/sunroom-wordguess/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);--fs:1;--key-h:clamp(56px, 7.6vh, 76px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-size=large]{--fs:1.15}:root[data-size=xl]{--fs:1.3}*{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(--bg) 45%, var(--bg-2));background-color:var(--bg);color:var(--ink);font:calc(20px * 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:640px;height:100%;margin:0 auto}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:3px 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;margin:-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;font-size:calc(21px * var(--fs));border-radius:16px;gap:2px;padding:10px 20px;font-weight:700;display:grid}.btn__title{font-size:calc(22px * var(--fs));font-weight:700}.btn__sub{font-size:calc(18px * var(--fs));font-weight:500}.btn--primary{background:var(--primary);color:var(--primary-ink);border-color:#0000}.btn--quiet{min-height:56px;font-size:calc(20px * var(--fs));text-underline-offset:4px;background:0 0;border-color:#0000;text-decoration:underline}.btn--small{min-height:56px;font-size:calc(19px * var(--fs));justify-content:center;align-items:center;gap:6px;padding:6px 10px;line-height:1.15;display:flex}.btn--small svg{flex:none;width:24px;height:24px}.btn--small:disabled{opacity:.45}.btn--chip{width:auto;min-width:56px;min-height:56px;font-size:calc(19px * var(--fs));align-items:center;gap:8px;padding:6px 14px;display:inline-flex}.btn--chip svg{width:26px;height:26px}.btn:active:not(:disabled),.tool:active:not(:disabled),.key:active:not(:disabled){transform:scale(.97)}.link{min-height:44px;color:inherit;text-underline-offset:4px;background:0 0;border:0;padding:0 4px;font-weight:700;text-decoration:underline}.home{height:100%;padding:calc(var(--safe-top) + 12px) 20px calc(var(--safe-bottom) + 14px);flex-direction:column;justify-content:space-between;gap:14px;display:flex;overflow-y:auto}.home__top{justify-content:space-between;gap:10px;display:flex}.home__brand{text-align:center;justify-items:center;gap:6px;display:grid}.home__symbol{width:min(220px,56vw);animation:.6s cubic-bezier(.2,.7,.3,1) both rise}.home__symbol svg,.about__symbol svg{width:100%;height:auto;display:block}.logo{font:700 clamp(44px, 14vw, 64px) / 1.05 var(--font-title);letter-spacing:-.01em;margin:4px 0 0}.logo span{font:700 clamp(28px, 8.4vw, 38px) / 1.1 var(--font-title);color:var(--sun);margin-top:4px;display:block}[data-theme=daylight] .logo span{color:var(--ink)}.home__tag{font-size:calc(20px * var(--fs));color:var(--muted);margin:6px 0 0}.home__menu{gap:12px;width:100%;max-width:460px;margin:0 auto;display:grid}.home__new,.sheet__group{gap:6px;display:grid}.home__row{grid-template-columns:1fr 1fr;display:grid}@media (height<=700px){.home__symbol{width:140px}.logo{font-size:40px}.logo span{font-size:26px}.home__menu{gap:8px}.home .btn:not(.btn--chip):not(.btn--quiet){min-height:60px;padding:6px 16px}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}@keyframes fade{0%{opacity:0}}.play{height:100%;padding-top:var(--safe-top);flex-direction:column;display:flex;position:relative}.bar{grid-template-columns:repeat(4,1fr);gap:6px;padding:8px 8px 4px;display:grid}.bar--page{grid-template-columns:96px 1fr 96px;align-items:center;padding:8px 0}.bar--page h2{font:700 calc(26px * var(--fs)) / 1.1 var(--font-title);text-align:center}.tool{border:2px solid var(--btn-edge);background:var(--btn);min-width:0;min-height:56px;color:var(--btn-ink);border-radius:14px;align-content:center;place-items:center;gap:1px;padding:4px 2px;font-size:17px;font-weight:700;line-height:1.1;display:grid;position:relative}.tool svg{width:24px;height:24px}.tool:disabled{opacity:.5}.tool__badge{background:var(--primary);color:var(--primary-ink);white-space:nowrap;border-radius:99px;padding:1px 7px;font-size:18px;font-weight:800;line-height:20px;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.status{text-align:center;align-content:center;min-height:2.7em;padding:4px 14px;line-height:1.25;display:grid}.status__head{font-size:calc(21px * var(--fs))}.status__line{font-size:calc(20px * var(--fs));color:var(--muted)}.board-wrap{flex:1;place-items:center;min-height:0;padding:4px 8px;display:grid;position:relative;container-type:size}.board{--gap:6px;--t:min(calc((100cqw - 16px - (var(--n) - 1) * var(--gap)) / var(--n)), calc((100cqh - 8px - (var(--rows) - 1) * var(--gap)) / var(--rows)), 84px);gap:var(--gap);align-content:center;justify-items:center;display:grid}.row{grid-template-columns:repeat(var(--n), var(--t));gap:var(--gap);color:inherit;background:0 0;border:0;border-radius:12px;padding:0;display:grid}button.row{cursor:pointer}.row--reading{outline:3px solid var(--focus);outline-offset:3px}.row--nope{animation:.35s nudge}@keyframes nudge{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.tile{width:var(--t);height:var(--t);border:max(2px, calc(var(--t) * .035)) solid var(--tile-edge);border-radius:calc(var(--t) * .2);background:var(--tile);color:var(--tile-ink);font-family:var(--font-ui);place-items:center;font-weight:800;line-height:1;display:grid;position:relative}.tile__ch{z-index:1;font-size:calc(var(--t) * .6);position:relative}.tile--right{background:var(--right);border-color:var(--right);color:var(--right-ink)}.tile__tick{z-index:2;width:32%;height:32%;color:var(--right-ink);position:absolute;top:4%;right:4%}.tile__tick svg,.key__tick svg{width:100%;height:100%;display:block}.tile--elsewhere:before{content:"";border:max(3px, calc(var(--t) * .075)) solid var(--near);border-radius:50%;position:absolute;inset:9%}.tile--elsewhere .tile__ch{font-size:calc(var(--t) * .5)}.tile--absent{background:var(--absent);border-color:var(--absent);color:var(--absent-ink)}.tile--absent:after{content:"";height:max(3px, calc(var(--t) * .06));background:var(--absent-ink);z-index:2;border-radius:3px;position:absolute;top:50%;left:14%;right:14%;transform:rotate(-38deg)}.tile--slot{background:var(--slot);border-color:var(--slot-edge)}.tile--next{border-color:var(--cur-edge);border-width:max(3px, calc(var(--t) * .06))}.tile--typed{background:var(--slot);border-color:var(--cur-edge);color:var(--slot-ink)}.tile--hinted{border-style:dashed;border-color:var(--hint);border-width:max(3px, calc(var(--t) * .06))}.row--reveal .tile{animation:.32s cubic-bezier(.2,.7,.3,1.2) both settle}.row--reveal .tile--d1{animation-delay:90ms}.row--reveal .tile--d2{animation-delay:.18s}.row--reveal .tile--d3{animation-delay:.27s}.row--reveal .tile--d4{animation-delay:.36s}.row--reveal .tile--d5{animation-delay:.45s}@keyframes settle{0%{opacity:.3;transform:scale(.82)}}.toast{z-index:5;background:var(--sheet);color:var(--sheet-ink);font-size:calc(20px * var(--fs));text-align:center;border-radius:14px;margin:0;padding:12px 16px;font-weight:700;line-height:1.3;animation:.2s rise;position:absolute;top:4px;left:12px;right:12px;box-shadow:0 8px 24px #00000059}.toast[hidden]{display:none}.keyboard{padding:6px 8px calc(var(--safe-bottom) + 10px);gap:6px;display:grid}.krow{grid-template-columns:repeat(var(--cols), 1fr);gap:6px;display:grid}.key{min-width:0;height:var(--key-h);border:2px solid var(--key-edge);background:var(--key);color:var(--key-ink);border-radius:12px;place-items:center;padding:0;font-weight:800;display:grid;position:relative;box-shadow:0 2px #0003}.key__ch{z-index:1;font-size:min(calc(var(--key-h) * .5), 36px);line-height:1;position:relative}.key--wide{grid-column:span var(--span,2);font-size:calc(19px * min(var(--fs), 1.1));gap:6px;font-weight:700;display:flex}.key--wide svg{flex:none;width:26px;height:26px}.key--enter{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.key--right{background:var(--right);border-color:var(--right);color:var(--right-ink)}.key__tick{width:16px;height:16px;position:absolute;top:3px;right:3px}.key--elsewhere:before{content:"";width:min(calc(var(--key-h) * .74), 92%);aspect-ratio:1;border:3px solid var(--near);border-radius:50%;position:absolute}.key--elsewhere .key__ch{font-size:min(calc(var(--key-h) * .42), 30px)}.key--absent{background:var(--absent);border-color:var(--absent);color:var(--absent-ink);box-shadow:none}.key--absent:after{content:"";width:min(calc(var(--key-h) * .6), 80%);background:var(--absent-ink);z-index:2;border-radius:2px;height:3px;position:absolute;transform:rotate(-38deg)}.key:disabled{opacity:.6}.card{left:8px;right:8px;bottom:calc(var(--safe-bottom) + 10px);z-index:6;max-height:calc(100% - var(--safe-top) - 90px);background:var(--sheet);color:var(--sheet-ink);border-radius:18px;gap:10px;padding:14px 16px 12px;animation:.2s cubic-bezier(.2,.7,.3,1) rise;display:grid;position:absolute;overflow-y:auto;box-shadow:0 -6px 30px #0006}.card[hidden]{display:none}.card p{margin:0}.card__title{font:700 calc(23px * var(--fs)) / 1.2 var(--font-title);flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.card__text{font-size:calc(20px * var(--fs));line-height:1.35}.card__note{font-size:calc(19px * var(--fs));color:var(--sheet-muted)}.card__lines{font-size:calc(20px * var(--fs));gap:4px;margin:0;padding:0;line-height:1.25;list-style:none;display:grid}.card__lines li{grid-template-columns:26px 1fr;align-items:center;gap:10px;display:grid}.card__lines .mk{width:26px;height:26px}.mk--right{color:var(--sheet-ink)}.mk--elsewhere{color:var(--near)}[data-theme=leaf] .card .mk--elsewhere,[data-theme=leaf] .sheet .mk--elsewhere{color:#1f4fb0}.mk--absent{color:var(--sheet-muted)}.card__btns{grid-template-columns:1fr 1fr;gap:8px;display:grid}.card .btn:not(.btn--primary),.sheet__card .btn:not(.btn--primary){background:var(--sheet-btn);color:var(--sheet-ink);border-color:#0000}.mini{--t:34px;--gap:3px;vertical-align:middle;grid-auto-flow:column;gap:3px;display:inline-grid}.mini .tile{font-size:0}.sheet .tile,.card .tile{border-color:var(--sheet-muted)}.sheet .tile--right,.card .tile--right{border-color:var(--right)}.sheet .tile--absent,.card .tile--absent{border-color:var(--absent)}.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));background:var(--sheet);color:var(--sheet-ink);-webkit-user-select:text;user-select:text;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 calc(28px * var(--fs)) / 1.15 var(--font-title);text-align:center}.sheet__card p{color:var(--sheet-muted);text-align:center;margin:0}.sheet__card .sheet__big{font-size:calc(24px * var(--fs));color:var(--sheet-ink);font-weight:700}.sheet__card .btn--quiet{background:0 0!important}.sheet__card .choice{background:var(--sheet-btn);border-color:var(--sheet-muted)}.sheet__card .choice__opt{color:var(--sheet-ink)}.sheet__card .choice__opt--on{color:var(--primary-ink)}.howto{gap:14px;display:grid;container-type:inline-size}.howto h2{margin:0}.sheet__card .howto p{color:var(--sheet-ink);margin:0;font-weight:700;line-height:1.3}.howto__aim{justify-items:center;gap:10px;display:grid}.howto__steps{gap:16px;margin:0;padding:0;list-style:none;display:grid}.howto__step{border-top:2px solid var(--sheet-btn);grid-template-columns:40px 1fr;grid-template-areas:"pic pic""num text";align-items:center;gap:10px;padding-top:16px;display:grid}.howto__step .howto__pic{grid-area:pic}.howto__num{background:var(--primary);width:40px;height:40px;color:var(--primary-ink);border-radius:50%;grid-area:num;place-items:center;font-size:22px;font-weight:800;display:grid}.sheet__card .howto__step p{text-align:left;grid-area:text}.howto__pic{pointer-events:none;justify-content:center;align-items:center;gap:8px;display:flex}.howto__pic--stack{flex-direction:column}.howto__arrow{width:40px;height:40px;color:var(--sheet-ink);flex:none}.howto__arrow--down{transform:rotate(90deg)}.howto__row{--t:min(56px, calc((100cqi - 24px) / 5));gap:6px;display:flex}.howto__row--short{--t:48px}.howto__keys{gap:16px;padding:6px;display:flex}.howto__keys .key{width:min(56px,20cqi - 15.2px)}.howto__pic .howto__enter{width:170px;font-size:20px}.howto__pic .howto__tool{min-width:76px;font-size:20px}.howto__pic .howto__tapped{outline:3px solid var(--sheet-ink);outline-offset:3px}.howto__legend{align-items:start;gap:6px}.howto__legend>span{text-align:center;justify-items:center;gap:6px;width:33%;display:grid}.howto__legend .tile{--t:56px}.howto__legend b{font-size:20px;line-height:1.15}.howto [data-act=more]{min-height:56px}.howto__more ul{color:var(--sheet-ink);text-align:left;gap:8px;margin:0;padding-left:24px;display:grid}.legend-demo .tile{--t:48px}.legend-demo{justify-content:center;gap:8px;display:flex}.won{justify-items:center;gap:12px;display:grid}.won .btn{width:100%}.won__word .mini{--t:50px}.won__word .mini .tile{font-size:inherit}.won__word .mini .tile__ch{font-size:30px}.won__badges{justify-content:center;gap:8px;display:flex}.won__badges span{background:var(--right);color:var(--right-ink);font-size:calc(19px * var(--fs));border-radius:99px;padding:4px 14px;font-weight:700}.about{gap:12px;display:grid}.about__symbol{justify-self:center;width:160px}.sheet__card .about__by{color:var(--sheet-ink);font-weight:700}.sheet__card .about__small{font-size:18px}.about a{color:inherit}.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 h3{font:700 calc(20px * var(--fs)) / 1.2 var(--font-title);color:var(--muted);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);color:var(--btn-ink);border-radius:14px;padding:12px 14px;display:grid}.statset dt{font-size:calc(18px * var(--fs))}.statset dd{font-size:calc(28px * var(--fs));font-variant-numeric:tabular-nums;margin:0;font-weight:800}.dist{gap:4px;margin:0;padding:0;list-style:none;display:grid}.dist li{font-size:calc(19px * var(--fs));grid-template-columns:5.5em 1fr 2.5em;align-items:center;gap:8px;display:grid}.dist__bar{height:18px;width:max(4px, calc(var(--w) * 100%));background:var(--right);border-radius:6px}.dist__n{text-align:right;font-weight:800}.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:calc(18px * var(--fs));font-weight:500;display:block}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle i{background:0 0;border:2px solid;border-radius:99px;width:60px;height:36px;transition:background .2s;position:relative}.toggle i:after{content:"";background:currentColor;border-radius:50%;width:26px;height:26px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle input:checked+i{border-color:var(--primary);background:var(--primary)}.toggle input:checked+i:after{background:var(--primary-ink);transform:translate(24px)}.toggle input:focus-visible+i{outline:3px 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:4px;padding:4px;display:grid}.choice__opt{min-width:0;min-height:56px;color:var(--btn-ink);font-size:calc(19px * min(var(--fs), 1.1));background:0 0;border:0;border-radius:12px;padding:0 4px;font-weight:700;line-height:1.1}.choice__opt--on{background:var(--primary);color:var(--primary-ink);box-shadow:inset 0 0 0 3px var(--primary-ink)}.note{font-size:calc(20px * 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-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 #7f7f7f80;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:calc(18px * var(--fs))}.credits{font-size:calc(18px * var(--fs));text-align:center;color:var(--muted);margin:8px 0 0}.credits a{color:inherit}@media (width<=380px){.keyboard{padding-left:4px;padding-right:4px}.krow{column-gap:3px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:10ms!important;animation-duration:10ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.keyboard--qwerty .krow{column-gap:0}.keyboard--qwerty .key{grid-column:span 2;margin:0 2px}.keyboard--qwerty .krow:nth-child(2) .key:first-child{grid-column:2/span 2}.keyboard--qwerty .krow:nth-child(3) .key:first-child{grid-column:4/span 2}.keyboard--qwerty .key--wide{grid-column:span 10}.keyboard--qwerty .key__ch{font-size:min(calc(var(--key-h) * .5), 36px, 7vw)}.keyboard--qwerty .key--elsewhere .key__ch{font-size:min(calc(var(--key-h) * .42), 30px, 6vw)}.btn--apart{margin-top:28px}.settings .label{margin:14px 0 8px;font-weight:800}.keyboard--qwerty .key__tick{width:12px;height:12px;top:2px;right:2px}*{overflow-anchor:none}:root,[data-theme=leaf]{--bg:#1e3a0c;--bg-2:#152b07;--ink:#f7fbe8;--muted:#d3e3b4;--sun:#a4cf1f;--tile:#fbfdf2;--tile-edge:#fbfdf2;--tile-ink:#142008;--slot:#2a4a15;--slot-edge:#a9c77a;--slot-ink:#f7fbe8;--cur-edge:#fbfdf2;--right:#a4cf1f;--right-ink:#0f1d00;--near:#1f4fb0;--absent:#39561f;--absent-ink:#edf4de;--hint:#ffe066;--key:#fbfdf2;--key-ink:#142008;--key-edge:#fbfdf2;--btn:#2f5317;--btn-ink:#f7fbe8;--btn-edge:#89a95b;--primary:#a4cf1f;--primary-ink:#0f1d00;--sheet:#fbfdf2;--sheet-ink:#18240c;--sheet-muted:#46553a;--sheet-btn:#e6eed3;--focus:#ffe066}[data-theme=daylight]{--bg:#f2f6e6;--bg-2:#e4ecd0;--ink:#1a2610;--muted:#46553a;--sun:#6f9a00;--tile:#fff;--tile-edge:#77895f;--tile-ink:#111a08;--slot:#fbfcf6;--slot-edge:#77895f;--slot-ink:#111a08;--cur-edge:#1a2610;--right:#355f00;--right-ink:#fff;--near:#1f4fb0;--absent:#d6decb;--absent-ink:#2a3520;--hint:#1f4fb0;--key:#fff;--key-ink:#111a08;--key-edge:#77895f;--btn:#fff;--btn-ink:#1a2610;--btn-edge:#77895f;--primary:#355f00;--primary-ink:#fff;--sheet:#fff;--sheet-ink:#1a2610;--sheet-muted:#46553a;--sheet-btn:#edf2e2;--focus:#1f4fb0}[data-theme=contrast]{--bg:#000;--bg-2:#000;--ink:#fff;--muted:#d6d6d6;--sun:#ffd84d;--tile:#141414;--tile-edge:#fff;--tile-ink:#fff;--slot:#000;--slot-edge:#a8a8a8;--slot-ink:#fff;--cur-edge:#fff;--right:#ffd84d;--right-ink:#000;--near:#fff;--absent:#2e2e2e;--absent-ink:#d4d4d4;--hint:#ffd84d;--key:#1c1c1c;--key-ink:#fff;--key-edge:#a8a8a8;--btn:#1c1c1c;--btn-ink:#fff;--btn-edge:#a8a8a8;--primary:#ffd84d;--primary-ink:#000;--sheet:#161616;--sheet-ink:#fff;--sheet-muted:#d0d0d0;--sheet-btn:#333;--focus:#ffd84d}