:root{color:#d8e0cd;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0c1a1d;font-family:Yu Gothic,Hiragino Kaku Gothic ProN,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 40% 10%,#25373544,#0000 65%),#0c1a1d;min-width:280px;margin:0}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline-offset:4px;outline:2px solid #dfdec0}button:disabled{opacity:.35;cursor:default}[hidden]{display:none!important}.shell{max-width:1080px;margin:auto;padding:22px 26px 14px}.masthead{justify-content:space-between;align-items:center;gap:12px;display:flex}.eyebrow{letter-spacing:.18em;color:#90a498;margin:0 0 10px;font-size:10px}.eyebrow span{color:#849688;margin-left:18px}h1,h2{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-weight:500}h1{letter-spacing:.12em;margin:0;font-size:30px}h1>span{color:#c4ab92}.actions{gap:8px;display:flex}.actions button{color:#cbd5bf;background:0 0;border:1px solid #48605a;border-radius:50%;width:44px;height:44px;font-size:19px}.dashboard{border-top:1px solid #53665655;border-bottom:1px solid #53665655;align-items:center;gap:36px;margin:18px 0 16px;padding:12px 0;display:flex}.dashboard span{color:#95ab9b;letter-spacing:.1em;font-size:10px}.score{flex:1;align-items:baseline;gap:10px;display:flex}.score strong{font-size:32px;font-weight:500;line-height:1}.score small{color:#91a493;font-size:11px}.stat{align-items:baseline;gap:10px;display:flex}.stat strong{font-family:monospace;font-size:18px;font-weight:400}.play-layout{justify-content:center;align-items:center;gap:38px;display:flex}.scene{aspect-ratio:8/7;background:#102429;border:1px solid #53655755;flex-shrink:0;width:min(100%,114.286svh - 342.857px);max-width:calc(100% - 246px);position:relative;box-shadow:0 16px 70px #0003}canvas{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;width:100%;height:100%;display:block}.notes{flex-shrink:0;width:208px}.notes h2{letter-spacing:.08em;margin:0 0 16px;font-size:22px;line-height:1.45}.sample{margin:0 0 16px}.sample>span{letter-spacing:.05em;color:#9eae99;font-size:10px}.sample p{color:#22362f;white-space:nowrap;background:#dee0c7;border-radius:2px;margin:7px 0 0;padding:10px 12px;font-family:Yu Mincho,serif;font-size:18px}.sample p span{border-bottom:1px solid;font-weight:700}.forbidden>span{color:#ca9b89}.note-copy{color:#9bac9b;font-size:12px;line-height:2}.quiet-line{background:#7d9281;width:30px;height:1px;margin:12px 0}.control-copy{color:#9aac9c;font-size:11px;line-height:1.9}.control-copy small{color:#718779}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a191be6;justify-content:center;align-items:center;padding:18px;display:flex;position:absolute;inset:0;overflow:auto}.invitation{text-align:center;width:100%;max-width:380px;margin:auto}.invitation h2{letter-spacing:.08em;margin:10px 0 18px;font-size:clamp(23px,3vw,35px);line-height:1.65}.invitation>p:not(.eyebrow){color:#aebcaa;font-size:12px;line-height:1.9}.primary{color:#182f2b;background:#d0d6b8;border:1px solid #bdc4a6;border-radius:2px;min-width:185px;min-height:48px;margin-top:10px;padding:13px 22px;font-size:14px;font-weight:600}.primary span{margin-left:30px}.invitation .fine{color:#8a9b89!important;margin-top:17px!important;font-size:10px!important}.help-overlay{padding:16px}.help-overlay h2{margin:6px 0 12px;font-size:23px}.help-overlay ol{text-align:left;color:#bec9b4;margin:10px 0;padding-left:22px;font-size:12px;line-height:1.9}.help-overlay li{margin-bottom:7px}.footline{justify-content:space-between;align-items:center;gap:10px;min-height:25px;margin:16px 0 0;display:flex}.footline p{color:#b6c6ad;margin:0;font-size:12px}.footline>span{color:#8d9f91;white-space:nowrap;font-size:10px}footer{letter-spacing:.12em;color:#607b70;border-top:1px solid #42574b55;justify-content:space-between;margin-top:12px;padding-top:12px;font-size:9px;display:flex}@media (max-width:760px){.shell{padding:18px 16px}.eyebrow{font-size:9px}.eyebrow span{margin-left:7px}h1{font-size:25px}.dashboard{gap:16px;margin-top:16px}.dashboard .stat{display:block}.stat strong{margin-top:5px;display:block}.dashboard .best{display:none}.score{gap:6px}.scene{width:100%;max-width:100%}.notes{display:none}.play-layout{display:block}.footline{align-items:flex-start}.footline p{max-width:75%;font-size:11px;line-height:1.6}.invitation h2{margin:8px 0 12px;font-size:26px;line-height:1.5}.overlay{padding:12px}.invitation>p:not(.eyebrow){font-size:11px}.primary{margin-top:5px}.invitation .fine{margin-top:12px!important;font-size:9px!important}.help-overlay .invitation{max-width:100%}.help-overlay li{font-size:11px}.help-overlay{align-items:flex-start}footer{font-size:8px}}@media (max-width:350px){.shell{padding:12px 10px}h1{font-size:21px}.eyebrow{letter-spacing:.07em}.actions{gap:4px}.dashboard{gap:12px}.invitation h2{font-size:23px}.invitation>p:not(.eyebrow){font-size:10px}.primary{min-height:44px;padding:10px 16px}.footline>span{font-size:9px}}@media (max-height:480px) and (min-width:600px){.shell{padding:8px 18px}.masthead h1{font-size:20px}.masthead .eyebrow{margin-bottom:4px}.dashboard{margin:6px 0;padding:6px 0}.score strong{font-size:24px}.play-layout{gap:24px;display:flex}.scene{width:calc(114.286svh - 172.571px);max-width:60%}.notes{width:260px;display:block}.notes>.eyebrow,.notes>h2,.note-copy,.quiet-line,.control-copy{display:none}.sample{margin:0 0 10px}.sample p{margin-top:3px;padding:6px 10px;font-size:15px}.overlay{padding:8px}.invitation .eyebrow,.invitation .fine{display:none}.invitation h2{margin:0 0 7px;font-size:19px;line-height:1.3}.invitation>p:not(.eyebrow){margin:4px 0;font-size:10px}.primary{min-width:160px;min-height:44px;margin-top:5px;padding:8px 12px}.footline{margin-top:6px}.footline p{font-size:10px}footer{margin-top:4px;padding-top:4px}.help-overlay h2{font-size:16px}.help-overlay ol{font-size:10px;line-height:1.5}.help-overlay li{font-size:10px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.sleep-stat strong{color:#cbb893;min-width:75px;font-family:inherit;font-size:13px}.sleep-stat strong[data-sleeping=true]{color:#d8e8c5}@media (max-width:760px){.dashboard{gap:12px}.sleep-stat strong{min-width:61px;font-size:11px}.sleep-stat{flex-shrink:0}}.invitation h2,#overlay-copy{white-space:pre-line}