@font-face{font-family:Atkinson Hyperlegible Next;src:url(/games/sunroom-wordwheel/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;--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(180px,44vw,17vh);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(--sun)}.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:88px}.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:18px;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.6em;padding:2px 14px;line-height:1.25;display:grid}.status__head{font-size:calc(22px * var(--fs))}.status__line{font-size:calc(20px * var(--fs));color:var(--muted)}.status__line--note{color:var(--ink);font-weight:700}.main{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.side{padding:0 10px calc(var(--safe-bottom) + 10px);flex-direction:column;align-items:stretch;gap:8px;display:flex;position:relative}.found{border:2px solid var(--chip-edge);background:var(--bg-2);border-radius:16px;flex-direction:column;flex:1;min-height:64px;margin:2px 10px 8px;display:flex;position:relative}.found__list{flex:1;min-height:0;padding:8px 10px 0;overflow:hidden}.found__empty{font-size:calc(20px * var(--fs));color:var(--muted);text-align:center;margin:0}.found__more{background:var(--primary);border-color:var(--primary);width:auto;color:var(--primary-ink);flex:none;align-self:flex-end;margin:2px 6px 6px}.found__more[hidden]{display:none}.group{grid-template-columns:auto 1fr;align-items:baseline;gap:4px 10px;margin-bottom:6px;display:grid}.group__n{font-size:calc(18px * var(--fs));color:var(--muted);white-space:nowrap;font-weight:700}.group__ws{flex-wrap:wrap;gap:6px 8px;margin:0;padding:0;list-style:none;display:flex}.w{color:var(--chip-ink);font-size:calc(24px * var(--fs));letter-spacing:.04em;border:2px solid #0000;border-radius:10px;align-items:center;gap:4px;padding:1px 8px;font-weight:800;line-height:1.2;display:inline-flex}.w--fresh{border-color:var(--chip-edge);background:var(--chip)}.w--star{background:var(--star);border-color:var(--star);color:var(--star-ink)}.w .star{width:.9em;height:.9em}.w--clue{border-style:dashed;border-color:var(--clue-edge);letter-spacing:.12em}.w--missed{border-style:dotted;border-color:var(--missed-edge);color:var(--missed-ink);font-weight:600}.word{border:2px solid var(--word-edge);background:var(--word);min-height:60px;color:var(--word-ink);border-radius:16px;place-items:center;padding:4px 12px;display:grid;overflow:hidden}.word__text{font-size:min(calc(36px * var(--fs)), 9vw);letter-spacing:.12em;font-weight:800;line-height:1.1}.word__hint{font-size:calc(20px * var(--fs));color:var(--muted);font-weight:600}[data-theme=daylight] .word__hint{color:var(--sheet-muted)}.wheel-wrap{place-items:center;height:clamp(272px,min(100vw - 20px,44vh),440px);display:grid;container-type:size}.wheel{--W:min(100cqw, 100cqh);--t:clamp(64px, calc(var(--W) * .235), 104px);--tm:clamp(72px, calc(var(--W) * .29), 128px);--R:calc((var(--W) - var(--t)) / 2 - 4px);width:var(--W);height:var(--W);background:var(--rim);border-radius:50%;position:relative}.wt{left:calc(50% - var(--t) / 2);top:calc(50% - var(--t) / 2);width:var(--t);height:var(--t);border:3px solid var(--tile-edge);background:var(--tile);color:var(--tile-ink);transform:rotate(var(--a)) translateY(calc(var(--R) * -1)) rotate(calc(var(--a) * -1));border-radius:50%;place-items:center;padding:0;font-weight:800;line-height:1;transition:transform .25s cubic-bezier(.2,.7,.3,1);display:grid;position:absolute;box-shadow:0 3px #00000040}.wt span{font-size:calc(var(--t) * .56)}.wt--mid{left:calc(50% - var(--tm) / 2);top:calc(50% - var(--tm) / 2);width:var(--tm);height:var(--tm);background:var(--mid);border:3px solid var(--mid-edge);color:var(--mid-ink);transform:none}.wt--mid:before{content:"";border:max(3px, calc(var(--tm) * .05)) solid var(--mid-ring);border-radius:50%;position:absolute;inset:7%}.wt--mid span{font-size:calc(var(--tm) * .52)}.wt--used{background:var(--used);border:3px dashed var(--used-edge);color:var(--used-ink);box-shadow:none}.wt--used:before{display:none}.wt:active:not(:disabled){scale:.94}.wt:disabled{opacity:.6}.wheel--turn .wt:not(.wt--mid){animation:.3s cubic-bezier(.2,.7,.3,1) turn}@keyframes turn{0%{opacity:.2}}.controls{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.ctl{border:2px solid var(--btn-edge);background:var(--btn);min-width:0;height:64px;color:var(--btn-ink);font-size:calc(20px * min(var(--fs), 1.1));border-radius:16px;justify-content:center;align-items:center;gap:6px;padding:0 4px;font-weight:700;display:flex;box-shadow:0 2px #0003}.ctl svg{flex:none;width:24px;height:24px}@media (width<=400px){.ctl{flex-direction:column;gap:0;line-height:1.1}.ctl svg{width:22px;height:22px}}.ctl--enter{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.ctl:disabled{opacity:.5}.btn:active:not(:disabled),.tool:active:not(:disabled),.ctl:active:not(:disabled){transform:scale(.97)}.card{left:8px;right:8px;bottom:calc(var(--safe-bottom) + 10px);z-index:6;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;box-shadow:0 -6px 30px #0006}.card[hidden]{display:none}.card p{margin:0}.card__title{font:700 calc(24px * var(--fs)) / 1.2 var(--font-title)}.card__text{font-size:calc(20px * var(--fs));line-height:1.35}.card__note{font-size:calc(20px * var(--fs));color:var(--sheet-muted)}.pattern{border:2px dashed var(--sheet-edge);letter-spacing:.12em;border-radius:8px;padding:0 6px;font-weight:800;display:inline-block}.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);border-color:var(--sheet-edge);color:var(--sheet-ink)}.card :focus-visible,.sheet :focus-visible{outline-color:var(--sheet-focus)}@media (height<=700px){.wheel-wrap{height:clamp(252px,40vh,300px)}.status__head{font-size:calc(22px * min(var(--fs), 1.15))}.status__line{font-size:calc(20px * min(var(--fs), 1.15))}.found{min-height:52px}.bar{padding-top:6px}.status{min-height:0}.side{gap:6px}.word{min-height:56px}}@media (width>=760px) and (aspect-ratio>=1){#app{max-width:1180px}.main{padding:0 16px calc(var(--safe-bottom) + 16px);flex-direction:row;gap:16px}.found{margin:0}.side{flex:0 0 min(52%,560px);padding:0}.wheel-wrap{flex:1;height:auto;min-height:280px}.bar{width:100%;max-width:720px;margin:0 auto}}.words{gap:12px;display:grid}.words__list{border:2px solid var(--sheet-edge);border-radius:14px;min-height:120px;max-height:calc(100vh - 300px);padding:8px;overflow-y:auto}.sheet .w{color:var(--sheet-ink)}.sheet .w--fresh{background:0 0;border-color:#0000}.sheet .w--star{background:var(--star);border-color:var(--star);color:var(--star-ink)}[data-theme=contrast] .sheet .w--star{color:#000}.sheet .w--clue{border-color:var(--sheet-edge)}.sheet .w--missed{border-color:var(--sheet-muted);color:var(--sheet-muted)}.sheet .w--bonus{font-weight:600}.sheet .group{grid-template-columns:1fr;margin-bottom:12px}.sheet .group__n{color:var(--sheet-muted)}.words__pages{grid-template-columns:1fr 1fr;gap:8px;display:grid}.words__pages[hidden]{display:none}.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 .howto__wheel{--W:min(272px, 100cqi);flex:none}.howto .wt{transition:none}.howto__word{min-width:200px}.howto__chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.howto__pic .w{background:var(--chip);border-color:var(--chip-edge);color:var(--chip-ink);font-size:24px}.howto__pic .howto__clue{border-color:var(--clue-edge);border-style:dashed}.howto__pic .howto__ctl{flex-direction:row;flex:none;width:120px;font-size:20px}.howto__pic .howto__tool{min-width:84px;min-height:64px;font-size:20px}.howto__pic .howto__tapped{outline:3px solid var(--sheet-ink);outline-offset:3px}.howto__rules{flex-direction:column;align-items:stretch;gap:8px}.howto__rules>span{grid-template-columns:32px auto 1fr;align-items:center;gap:10px;display:grid}.howto__rules .w{justify-self:start}.howto__rules b{color:var(--sheet-ink);font-size:20px}.howto__mark{width:32px;height:32px;color:var(--sheet-ink)}.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}.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}.howto ol{font-size:calc(20px * var(--fs));gap:12px;margin:0;padding-left:26px;line-height:1.4;display:grid}.howto .howto__note{color:var(--sheet-ink);font-weight:700}.won{justify-items:center;gap:12px;display:grid}.won .btn{width:100%}.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}.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 (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:10ms!important;animation-duration:10ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.btn--apart{margin-top:28px}.found--compact{justify-content:center}.found--compact .found__list{display:none}.found--compact .found__more{align-self:stretch;margin:6px}*{overflow-anchor:none}:root,[data-theme=saffron]{--bg:#2b1608;--bg-2:#1e0e04;--ink:#fff4dc;--muted:#efd8ae;--sun:#e8a90c;--tile:#fff3d6;--tile-edge:#fff3d6;--tile-ink:#2a1505;--mid:#e0a100;--mid-ink:#1c0e00;--mid-ring:#2a1505;--mid-edge:#e0a100;--used:#3f2511;--used-edge:#efd8ae;--used-ink:#efd8ae;--rim:#4a2c14;--word:#3f2511;--word-ink:#fff4dc;--word-edge:#c79a5a;--chip:#3f2511;--chip-ink:#fff4dc;--chip-edge:#c79a5a;--star:#e0a100;--star-ink:#1c0e00;--clue-edge:#e8a90c;--missed-ink:#efd8ae;--missed-edge:#efd8ae;--btn:#4a2c14;--btn-ink:#fff4dc;--btn-edge:#c79a5a;--primary:#e0a100;--primary-ink:#1c0e00;--sheet:#fff8ea;--sheet-ink:#2a1505;--sheet-muted:#5c4630;--sheet-btn:#f3e4c4;--sheet-edge:#8a6a40;--sheet-focus:#1f4fb0;--focus:#8fd3ff}[data-theme=daylight]{--bg:#fbf1dc;--bg-2:#f3e3c0;--ink:#2a1505;--muted:#5c4630;--sun:#7a4f00;--tile:#fff;--tile-edge:#8a6a40;--tile-ink:#1c0e00;--mid:#f2b01e;--mid-ink:#1c0e00;--mid-ring:#1c0e00;--mid-edge:#6b4a00;--used:#ecdcbc;--used-edge:#5c4630;--used-ink:#4a3520;--rim:#f0dfba;--word:#fff;--word-ink:#1c0e00;--word-edge:#8a6a40;--chip:#fff;--chip-ink:#1c0e00;--chip-edge:#8a6a40;--star:#f2b01e;--star-ink:#1c0e00;--clue-edge:#1f4fb0;--missed-ink:#4a3520;--missed-edge:#5c4630;--btn:#fff;--btn-ink:#2a1505;--btn-edge:#8a6a40;--primary:#7a4f00;--primary-ink:#fff;--sheet:#fff;--sheet-ink:#2a1505;--sheet-muted:#5c4630;--sheet-btn:#f6ecd8;--sheet-edge:#8a6a40;--sheet-focus:#1f4fb0;--focus:#1f4fb0}[data-theme=contrast]{--bg:#000;--bg-2:#000;--ink:#fff;--muted:#d6d6d6;--sun:#ffd84d;--tile:#000;--tile-edge:#fff;--tile-ink:#fff;--mid:#ffd84d;--mid-ink:#000;--mid-ring:#000;--mid-edge:#ffd84d;--used:#2e2e2e;--used-edge:#fff;--used-ink:#d4d4d4;--rim:#1a1a1a;--word:#000;--word-ink:#fff;--word-edge:#fff;--chip:#000;--chip-ink:#fff;--chip-edge:#a8a8a8;--star:#ffd84d;--star-ink:#000;--clue-edge:#ffd84d;--missed-ink:#d6d6d6;--missed-edge:#d6d6d6;--btn:#1c1c1c;--btn-ink:#fff;--btn-edge:#a8a8a8;--primary:#ffd84d;--primary-ink:#000;--sheet:#161616;--sheet-ink:#fff;--sheet-muted:#d0d0d0;--sheet-btn:#333;--sheet-edge:#a8a8a8;--sheet-focus:#ffd84d;--focus:#ffd84d}