@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2")}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-standard-normal-DihXLNYH.woff2)format("woff2")}:root{color:#2c4036;font-synthesis:none;--cream:#f7f2e5;--ink:#2c4036;--muted:#7b8375;--yellow:#eebf57;background:#eee8d9;font-family:DM Sans Variable,sans-serif}*{box-sizing:border-box}html,body,#ui,.intro,.modal-backdrop,.modal{touch-action:pan-x pan-y}body{margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0}button:focus-visible{outline-offset:5px;outline:3px solid #b47b32}button:hover{filter:brightness(.96)}button:active{transform:translateY(1px)}svg{width:24px;height:24px}canvas#game{outline:none;width:100vw;height:100vh;display:block}#ui{pointer-events:none;position:fixed;inset:0}#ui button,.intro,.modal,.error{pointer-events:auto}.hidden{display:none!important}.topbar{z-index:6;justify-content:space-between;align-items:center;gap:22px;width:100%;padding:27px 32px;display:flex;position:absolute;top:0;left:0}.brand{letter-spacing:-1px;white-space:nowrap;align-items:center;gap:9px;font-family:Fraunces Variable,Georgia,serif;font-size:25px;font-weight:700;display:flex}.brand-icon{background:var(--ink);width:35px;height:35px;color:var(--cream);border-radius:50%;justify-content:center;align-items:center;display:flex}.brand-icon svg{width:23px;height:23px}.brand i{color:#c58343;font-style:normal}.brand-rest{font-weight:600}#ui.dark-room .brand,#ui.dark-room .owner-clock,#ui.dark-room .owner-clock .micro{color:#eee8d9}.top-actions{align-items:center;gap:10px;display:flex}.icon-button{background:#f7f2e5c9;border:1px solid #9d9f8d50;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.icon-button svg{width:18px;height:18px}.score-panel{background:#f7f2e5eb;border:1px solid #a2a18c36;border-radius:14px;align-items:center;gap:23px;padding:11px 22px;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #304a4008}.score-panel>div{grid-template-columns:auto;align-items:center;gap:1px 11px;display:grid}.micro{letter-spacing:1.65px;color:#747e70;font-size:8px;font-weight:700;display:block}.score-panel .micro{grid-column:1/-1}.score-panel strong{font-variant-numeric:tabular-nums;letter-spacing:-1px;font-size:25px;font-weight:600}.owner-clock{text-align:left;align-items:center;gap:10px;margin-right:14px;display:flex}.owner-clock strong{letter-spacing:.3px;font-variant-numeric:tabular-nums;margin-top:3px;font-size:18px;font-weight:500;display:block}.clock-icon{color:#7b8975;font-size:31px;line-height:1}.owner-clock.urgent{color:#b5553d;animation:1.8s infinite urgent}.owner-clock.urgent .micro{color:#b5553d}.intro{z-index:3;flex-direction:column;width:360px;display:flex;position:absolute;top:22%;left:6.5%}.intro-story{display:contents}.intro-options{order:1}.intro-bottom{order:2}.intro:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 34% 49%,#eee8d9fa 15%,#eee8d9dc 43%,#eee8d900 72%);position:absolute;inset:-100px -50px -50px -100px}.eyebrow{letter-spacing:1.7px;align-items:center;gap:8px;margin-bottom:21px;font-size:9px;font-weight:700;display:flex}.eyebrow span{background:#c78848;border-radius:50%;width:6px;height:6px}h1{letter-spacing:-7px;margin:0;font-family:Fraunces Variable,Georgia,serif;font-size:112px;font-weight:700;line-height:.8}h1 span{letter-spacing:-5px;font-size:77px;line-height:1.05;display:block}h1 i{color:#cb8847;font-style:normal}.intro-copy{color:#61705f;margin:23px 0 28px;font-size:17px;line-height:1.55}.intro-copy em{color:#2c4036;font-style:normal}.coat-picker{align-items:center;gap:7px;width:342px;margin:0 0 15px;display:flex}.coat-picker>.micro{letter-spacing:1.2px;white-space:nowrap;margin-right:auto;font-size:7px}.coat-choice{color:#7a8270;background:#f7f2e580;border:1px solid #c9cbbb;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:10px;display:flex}.coat-choice.selected{color:var(--ink);background:#f7f2e5;border-color:#728067;box-shadow:0 0 0 1px #72806722}.coat-swatch{background:var(--swatch);border-radius:50%;width:12px;height:12px;display:block}.coat-swatch.tabby{background:repeating-linear-gradient(110deg,#938a79 0 3px,#514d43 3px 5px)}.modal .coat-picker{width:100%;margin-bottom:23px}.mode-picker{background:#e3e0d0b8;border:1px solid #d0d0be;border-radius:10px;width:342px;margin-bottom:11px;padding:4px;display:flex}.mode-picker button{color:#7b8371;border-radius:6px;flex:1;padding:10px 6px;font-size:10px;font-weight:500}.mode-picker .selected{color:var(--ink);background:#f7f2e5;box-shadow:0 2px 4px #304a400a}.primary-button{background:var(--yellow);border-radius:9px;justify-content:space-between;align-items:center;width:100%;padding:17px 23px;font-size:14px;font-weight:700;transition:background .15s;display:flex;box-shadow:0 4px #bd91352b}.primary-button:hover{background:#f5c968}.intro .primary-button{width:342px}.primary-button svg{width:21px;height:21px}.intro-bottom{justify-content:space-between;align-items:center;width:342px;margin-top:19px;display:flex}.text-button{text-underline-offset:4px;padding:0;font-size:11px;-webkit-text-decoration:underline #84907e70;text-decoration:underline #84907e70}.text-button span{margin-left:5px}#best{color:#8c9180;letter-spacing:.9px;font-size:7px}.scene-caption{flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:14%;right:9%}.scene-caption>span:first-child{letter-spacing:2.4px;font-size:10px;font-weight:600}.caption-line{background:#7c8b764d;width:41px;height:1px;display:block}.scene-caption small{color:#78836f;font-family:Georgia,serif;font-size:12px;font-style:italic}.version{letter-spacing:1.6px;color:#8d927f;font-size:7px;position:absolute;bottom:21px;left:32px}.version span{color:#9b9e90;margin-left:10px;font-size:7px;display:inline-block}#ui[data-state=playing] .version{display:none}.curiosity{background:#f7f2e5ee;border:1px solid #b4b3a63d;border-radius:12px;width:243px;padding:16px 18px;position:absolute;bottom:105px;left:27px;box-shadow:0 3px 20px #394a3c06}.curiosity-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.curiosity-top button{border:1px solid #d5d8c9;border-radius:50%;width:22px;height:22px;font-size:12px}.curiosity-body{gap:13px;display:flex}.thought-icon{color:#b38342;font-size:30px;line-height:1}.curiosity h2{letter-spacing:1.4px;margin:0 0 6px;font-size:10px;font-weight:800}.curiosity p{color:#66705f;margin:0;font-size:12px;line-height:1.5}#curiosity-hint{color:#919783;border-top:1px solid #dddfd1;margin-top:15px;padding-top:12px;font-size:9px;line-height:1.5;display:block}#curiosity-complete{color:#718f64;margin-top:10px;font-size:9px}.curiosity.complete .thought-icon{color:#6c8b5d}kbd{letter-spacing:.5px;white-space:nowrap;border:1px solid #cccfbc;border-radius:4px;padding:4px 5px;font:600 9px/1 DM Sans Variable,sans-serif;box-shadow:0 2px #dcdccc}.zoomies{text-align:center;background:#f1c664;border:1px solid #c1a05844;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:80px;height:80px;padding:8px;display:flex;position:absolute;bottom:28px;right:29px;box-shadow:0 3px 12px #304a4014}.zoom-key{color:#75612f;font-size:9px;font-weight:700;line-height:1}.zoomies strong{letter-spacing:.2px;font-size:9px;line-height:1.2;display:block}.zoom-spark{color:#806027;font-size:28px;line-height:1}.zoom-ring{fill:none;stroke-width:3px;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.zoom-ring-track{stroke:#51644030}#zoom-fill{stroke:#516440;stroke-dasharray:100;stroke-dashoffset:0;stroke-linecap:round}.zoomies.charging{background:#e6e2cc}.zoomies.charging .zoom-spark{color:#7b8375}.zoomies.active{background:#dd935a}.zoomies.held{filter:brightness(.9)}.messages{z-index:5;width:336px;max-width:calc(100% - 64px);position:absolute;top:104px;right:32px}.announce,.boss{background:#f7f2e5fa;border:1px solid #c4c6b6;border-radius:13px;align-items:flex-start;gap:12px;width:100%;padding:15px;animation:.2s ease-out message-in;display:flex;box-shadow:0 6px 24px #304a4012}.message-icon{color:#52694b;background:#e3e8da;border-radius:10px;flex:0 0 34px;place-items:center;height:34px;font:600 23px Fraunces Variable,Georgia,serif;display:grid}.message-icon svg{width:20px;height:20px}.message-body{overflow-wrap:anywhere;flex:1;min-width:0}.message-eyebrow{letter-spacing:1.4px;color:#718069;margin:0 0 5px;font-size:8px;font-weight:700;line-height:1.3;display:block}.message-body>strong{letter-spacing:-.3px;font-family:Fraunces Variable,Georgia,serif;font-size:19px;font-weight:600;line-height:1.15;display:block}.message-body>small{color:#66705f;margin-top:7px;font-size:12px;line-height:1.45;display:block}.announce.chain .message-icon{color:#916831;background:#f0d89d}.announce.urgent{background:#fff1de;border-color:#b86c4d}.announce.urgent .message-icon{color:#9b4e32;background:#f2d6bd}.announce.urgent .message-eyebrow{color:#9b4e32}@keyframes message-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.context{color:#fff5dc;text-align:center;white-space:nowrap;z-index:3;background:#304a40ed;border-radius:7px;padding:8px 12px;position:absolute;transform:translate(-50%,-100%);box-shadow:0 4px 14px #304a4020}.context:after{content:"";background:#304a40;width:8px;height:8px;position:absolute;bottom:-4px;left:calc(50% - 4px);transform:rotate(45deg)}.context>span{font-size:10px;font-weight:600;display:block}.context small{color:#c9d4b6;letter-spacing:.4px;margin-top:4px;font-size:8px;display:block}.context.faint{color:#56694e;background:#f9f0dceb}.context.faint:after{background:#f9f0dc}.context.faint small{color:#999777}.cat-bubble{background:#fff6df;border-radius:50% 50% 50% 10%;padding:9px 13px;font-family:Georgia,serif;font-size:17px;position:absolute;transform:translate(-50%,-100%);box-shadow:0 2px 10px #304a4014}.floater{color:#b55d3a;text-shadow:0 2px #fff4df;z-index:4;font-size:17px;font-weight:700;position:absolute;transform:translate(-50%,-100%)}.boss{color:#5d4034;background:#fbecd1fa;border-color:#d8be97}.boss .message-icon{color:#9b5b37;background:#efd4ae}.boss .message-eyebrow{color:#936d50}.boss .message-body>small{color:#856b54}.boss-bar{background:#ead2ad;border-radius:4px;height:3px;margin-top:8px;display:none}.boss.mower .boss-bar,.boss.dog .boss-bar{display:block}.boss-bar i{background:#b66f4f;border-radius:4px;width:100%;height:100%;display:block}.boss.friend{color:#4b6344;background:#f1f3e5fa;border-color:#bac8aa}.boss.friend .message-icon{color:#56744a;background:#dfe8d4}.boss.friend .message-eyebrow,.boss.friend .message-body>small{color:#617858}.modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:10;pointer-events:auto;background:#243a344a;place-items:center;padding:25px;display:grid;position:absolute;inset:0;overflow-y:auto}.modal{text-align:center;background:#f7f1e3;border:1px solid #fff7e9;border-radius:17px;width:390px;max-height:100%;padding:37px;position:relative;overflow-y:auto;box-shadow:0 20px 100px #233d3d26}.modal-eyebrow{color:#92987f;letter-spacing:2.3px;font-size:9px;font-weight:700}.modal h2{letter-spacing:-1px;margin:17px -10px 11px;font-family:Fraunces Variable,Georgia,serif;font-size:34px;font-weight:600;line-height:1.15}.modal p{color:#7f8773;margin:0 0 25px;font-size:12px;line-height:1.6}.rotate-modal .rotate-phone{color:#b38342;width:112px;height:90px;margin:30px auto 24px;display:block}.rotate-modal h2{font-size:clamp(30px,8vw,40px)}.rotate-modal p{color:#61705f;margin-bottom:24px;font-size:14px}.rotate-note{color:#61705f;border:1px solid #d6d6c4;border-radius:24px;padding:10px 16px;font-size:11px;display:inline-block}.rotate-modal:focus{outline:none}#ui[data-state=rotate] .modal-backdrop{background:#eee8d9f2;grid-template-columns:minmax(0,1fr)}#ui[data-state=rotate] .topbar,#ui[data-state=rotate] .version{visibility:hidden}#ui[data-state=rotate] .rotate-modal{width:min(390px,100%);padding:32px 24px}.secondary-button{border:1px solid #cbd0b8;border-radius:8px;width:100%;margin:13px 0 20px;padding:13px 20px;font-size:12px}.modal .text-button{color:#93967c;margin-top:17px}.help-modal{text-align:left;width:460px;padding:32px}.help-modal h2{margin-left:0}.close-button{color:#979b83;font-size:25px;position:absolute;top:14px;right:20px}.help-grid{gap:12px;display:grid}.help-grid>div{grid-template-columns:150px 1fr;align-items:center;gap:13px;display:grid}.help-grid kbd{justify-self:start;font-size:8px}.help-grid span{color:#6f7c63;font-size:10px;line-height:1.45}.help-note{color:#9b9c7f;border-top:1px solid #dadcc8;margin:22px 0;padding-top:17px;font-size:11px;line-height:1.7}.results-modal{width:421px;padding:28px 33px}.report-paw{color:#c59a4f;margin:16px auto 0;display:block}.report-paw svg{width:37px;height:37px}.results-modal h2{margin-top:8px}.results-modal p{margin-bottom:13px;font-size:10px}.stars{letter-spacing:5px;color:#cba147;margin-bottom:17px;font-size:22px}.report{text-align:left;border-top:1px solid #d7dbc4;border-bottom:1px solid #d7dbc4;gap:9px;padding:16px 0;font-size:11px;display:grid}.report>div{justify-content:space-between;align-items:center;display:flex}.report span{color:#899079}.report strong{font-variant-numeric:tabular-nums;font-weight:600}.report .suspicion-row{border-top:1px dashed #d7dbc4;margin-top:5px;padding-top:9px}.suspicion-row strong{color:#738d5a}.result-score{justify-content:space-between;align-items:center;margin:19px 0;display:flex}.result-score span{letter-spacing:1.5px;color:#92987b;font-size:9px}.result-score strong{font-family:Fraunces Variable,Georgia,serif;font-size:23px}#loading{z-index:20;background:#eee8d9;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading-paw{color:#b38c4a;animation:1.5s ease-in-out infinite loading}.loading-paw svg{width:45px;height:45px}#loading p{margin:20px 0 12px;font-family:Fraunces Variable,Georgia,serif;font-size:23px}#loading span{color:#899079;font-size:11px}.error{background:#fff4df;border-radius:12px;max-width:450px;padding:30px;font-size:14px;line-height:1.8;position:absolute;top:30%;left:50%;transform:translate(-50%)}@keyframes loading{50%{transform:translateY(-8px)rotate(-7deg)}}@keyframes urgent{50%{opacity:.7}}@media (width<=1150px){.topbar{padding:22px}.messages{top:94px;right:22px}.score-panel{gap:15px;padding:8px 15px}.score-panel strong{font-size:21px}.owner-clock{margin-right:0}.owner-clock .micro{letter-spacing:1px;font-size:7px}.zoomies{right:20px}}@media (height<=760px){.intro{top:16%}h1{font-size:96px}h1 span{font-size:68px}.intro-copy{margin:19px 0 23px;font-size:15px}.curiosity{bottom:102px}.modal-backdrop{padding:15px}.results-modal{padding:22px 30px}.results-modal .report{gap:6px}.results-modal .report-paw{margin-top:10px}.results-modal .report-paw svg{width:28px;height:28px}.help-modal{padding:25px 30px}.help-grid{gap:10px}}@media (width<=860px){.intro{width:310px;left:5%}.intro .primary-button,.mode-picker,.intro-bottom,.intro .coat-picker{width:300px}h1{font-size:99px}h1 span{font-size:66px}.brand{font-size:21px}.brand-icon{width:29px;height:29px}.score-panel{top:72px}.topbar{padding:19px}.curiosity{width:210px;padding:13px;left:20px}.scene-caption{bottom:9%;right:5%}.scene-caption small{display:none}.messages{top:143px;right:20px}}@media (width<=560px){.intro{top:21%;left:7%}.scene-caption{display:none}.owner-clock{margin-right:0}.owner-clock .micro,.owner-clock .clock-icon{display:none}.owner-clock strong{font-size:9px}.curiosity{width:188px;bottom:158px}.zoomies{bottom:86px;right:18px}.modal{max-width:100%}.help-grid>div{grid-template-columns:130px 1fr;gap:6px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.intro #continue-saved{width:100%;max-width:342px;margin-top:10px;margin-bottom:0}canvas#game.touch-active,.touch-controls button,.touch-joystick,.touch-ui[data-state=playing] .zoomies{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}canvas#game{height:100dvh}.touch-controls,.touch-help-copy{display:none}.touch-ui .touch-controls{z-index:7;display:block;position:absolute;inset:0}.touch-ui .touch-help-copy{display:block}.touch-help-copy p{margin-bottom:14px}.touch-joystick{pointer-events:auto;bottom:calc(18px + env(safe-area-inset-bottom));left:max(18px, env(safe-area-inset-left));background:#f7f2e5b8;border:1px solid #a2a18c80;border-radius:50%;width:102px;height:102px;position:absolute;box-shadow:inset 0 0 0 12px #f7f2e570}.joystick-knob{width:41px;height:41px;transform:translate(var(--stick-x,0px), var(--stick-y,0px));background:#304a40dc;border:3px solid #f7f2e5;border-radius:50%;position:absolute;top:calc(50% - 20.5px);left:calc(50% - 20.5px);box-shadow:0 3px 12px #304a4030}.touch-joystick small{text-align:center;letter-spacing:1.5px;width:100%;font-size:8px;position:absolute;bottom:9px}.touch-primary{bottom:calc(18px + env(safe-area-inset-bottom));right:max(14px, env(safe-area-inset-right));grid-template:"empty context"72px"paw jump"72px/72px 72px;gap:12px;display:grid;position:absolute}.touch-primary button{background:var(--touch-button-background,#f7f2e5ed);text-align:center;border:1px solid #a2a18c60;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:72px;height:72px;padding:6px;font-size:13px;font-weight:700;line-height:1.2;display:flex;box-shadow:0 3px 12px #304a4014}#touch-context{grid-area:context}#touch-jump{grid-area:jump}#touch-paw{--touch-button-background:var(--yellow);grid-area:paw}#touch-paw svg{width:25px;height:25px;margin-bottom:2px}#touch-paw.has-target{box-shadow:0 0 0 3px #f7f2e5,0 0 0 5px #b38342}.touch-controls .held{color:var(--cream);background:#304a40}.touch-controls button:disabled{opacity:.5}.touch-ui .zoomies{z-index:8;left:calc(max(18px, env(safe-area-inset-left)) + 15px);right:auto;bottom:calc(132px + env(safe-area-inset-bottom));width:72px;height:72px}.touch-ui .zoom-key{display:none}.touch-ui .curiosity{left:max(12px, env(safe-area-inset-left));bottom:calc(198px + env(safe-area-inset-bottom));width:148px;padding:5px 10px}.touch-ui .curiosity-top{margin-bottom:2px}.touch-ui .curiosity-top button{flex-shrink:0;width:44px;height:44px}.touch-ui .curiosity-body{display:block}.touch-ui .curiosity-body .thought-icon,.touch-ui .curiosity-body p,.touch-ui #curiosity-hint,.touch-ui #curiosity-complete{display:none}.touch-ui .curiosity h2{letter-spacing:.5px;margin:0 0 3px;font-size:8px}.touch-ui .context{white-space:normal;max-width:calc(100% - 24px)}.touch-ui .modal-backdrop{padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.touch-ui .modal{padding:24px}.touch-ui .close-button{min-width:44px;min-height:44px;top:4px;right:6px}@media (width<=700px){.topbar{padding:calc(10px + env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 10px max(12px, env(safe-area-inset-left));gap:6px}.brand{gap:6px;font-size:20px}.brand-icon{width:26px;height:26px}.top-actions{gap:4px}.icon-button,.owner-clock{width:44px;height:44px}.owner-clock{justify-content:center}.owner-clock .micro,.owner-clock .clock-icon{display:none}.owner-clock strong{font-size:11px}.score-panel{top:calc(62px + env(safe-area-inset-top));left:auto;right:max(12px, env(safe-area-inset-right));border-radius:8px;padding:6px 10px;transform:none}.score-panel .micro{letter-spacing:.6px;font-size:6px}.score-panel strong{font-size:17px}.messages{top:calc(114px + env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));width:auto;max-width:none}.announce,.boss{gap:10px;padding:12px}.message-body>strong{font-size:18px}.message-body>small{margin-top:5px;font-size:11px}.intro{top:calc(95px + env(safe-area-inset-top));left:max(24px, env(safe-area-inset-left));right:max(24px, env(safe-area-inset-right));width:auto;max-height:calc(100dvh - 120px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:10px 0 20px;overflow-y:auto}.intro .primary-button,.intro #continue-saved,.mode-picker,.intro-bottom,.intro .coat-picker{width:100%;max-width:none}h1{font-size:84px}h1 span{font-size:59px}.eyebrow{letter-spacing:1px;margin-bottom:15px;font-size:8px}.intro-copy{margin:14px 0 18px;font-size:14px}.coat-picker{gap:4px}.coat-choice{gap:4px;min-height:44px;padding:6px;font-size:9px}.mode-picker button{min-height:44px}.intro-bottom{gap:8px;margin-top:8px}.version,.scene-caption{display:none}.help-grid>div{grid-template-columns:123px 1fr}#loading p{text-align:center;padding:0 20px;font-size:18px}}@media (height<=520px) and (width>=560px){.touch-ui .intro{top:max(70px, calc(62px + env(safe-area-inset-top)));left:max(24px, env(safe-area-inset-left));right:max(24px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));background:#f7f2e5f2;border:1px solid #fff7e9;border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;width:auto;max-height:none;padding:8px 12px 12px;display:grid;overflow-y:auto}.touch-ui .intro:before{display:none}.touch-ui .intro-story,.touch-ui .intro-options{min-width:0;display:block}.touch-ui .intro .eyebrow{letter-spacing:1px;margin:6px 0 14px;font-size:7px}.touch-ui .intro h1{letter-spacing:-4px;font-size:68px}.touch-ui .intro h1 span{letter-spacing:-3px;font-size:47px}.touch-ui .intro-copy{margin:12px 0 0;font-size:13px;line-height:1.45}.touch-ui .intro .coat-picker,.touch-ui .intro .mode-picker,.touch-ui .intro .primary-button,.touch-ui .intro #continue-saved,.touch-ui .intro-bottom{width:100%;max-width:none}.touch-ui .coat-picker{flex-wrap:wrap;gap:5px;margin-bottom:8px}.touch-ui .coat-picker>.micro{flex:none}.touch-ui .coat-choice{flex:1;min-height:44px;padding:6px;font-size:10px}.touch-ui .mode-picker{margin-bottom:8px}.touch-ui .mode-picker button{min-height:44px;padding:6px}.touch-ui .primary-button{min-height:44px;padding:11px 14px;font-size:13px}.touch-ui .intro #continue-saved{min-height:44px;margin:8px 0 0;padding:8px}.touch-ui .intro-bottom{flex-wrap:wrap;gap:12px;margin-top:6px}.touch-ui .scene-caption,.touch-ui .version{display:none}.touch-ui #pause-modal{text-align:left;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:24px;width:min(660px,100%);padding:20px 24px;display:grid}.touch-ui #pause-modal h2{margin:12px 0 8px;font-size:30px}.touch-ui #pause-modal p{margin-bottom:14px}.touch-ui #pause-modal .coat-picker{margin-bottom:0}.touch-ui .pause-actions{flex-direction:column;gap:10px;display:flex}.touch-ui .pause-actions .secondary-button,.touch-ui .pause-actions .text-button{min-height:44px;margin:0;padding:10px}.touch-ui .score-panel{top:calc(8px + env(safe-area-inset-top))}.touch-ui .curiosity{display:none}.touch-ui .messages{top:calc(78px + env(safe-area-inset-top));left:auto;right:max(12px, env(safe-area-inset-right));width:min(300px,50vw - 24px);max-width:none}.touch-ui .announce,.touch-ui .boss{gap:8px;padding:10px}.touch-ui .message-icon{border-radius:8px;flex-basis:28px;height:28px}.touch-ui .message-eyebrow{letter-spacing:.8px;margin-bottom:3px;font-size:7px}.touch-ui .message-body>strong{font-size:16px}.touch-ui .message-body>small{margin-top:4px;font-size:10px;line-height:1.35}.touch-ui .score-panel{left:50%;right:auto;transform:translate(-50%)}.touch-ui .score-panel .micro{letter-spacing:.6px;font-size:6px}.touch-ui .score-panel strong{font-size:17px}}@media (height<=520px) and (width>=560px) and (width<=700px){.touch-ui .intro h1{font-size:54px}.touch-ui .intro h1 span{font-size:37px}.touch-ui .intro .eyebrow{margin-bottom:8px}.touch-ui .intro-copy{font-size:12px;line-height:1.35}.touch-ui .intro-bottom #best{display:none}}.room-status{display:none}#ui[data-state=playing] .topbar{top:calc(8px + env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));width:auto;min-height:58px;color:var(--ink);background:#f7f2e5f2;border:1px solid #fff9edb3;border-radius:14px;gap:16px;padding:6px 10px;box-shadow:0 4px 20px #243a3410}#ui[data-state=playing] .brand{flex:none;gap:7px;font-size:20px}#ui[data-state=playing] .brand-icon{width:28px;height:28px}#ui[data-state=playing] .brand-icon svg{width:18px;height:18px}#ui[data-state=playing] .room-status{border-left:1px solid #a2a18c4d;border-radius:0 8px 8px 0;flex-direction:column;flex:1;justify-content:center;align-self:stretch;gap:3px;min-width:0;max-width:320px;margin-right:auto;padding:4px 12px;transition:background .6s,border-color .6s;display:flex}#ui[data-state=playing] .room-status.arriving{background:#eebf572e;border-left-color:#c58a38}#room-name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.3px;font:600 17px/1.15 Fraunces Variable,Georgia,serif;overflow:hidden}#room-progress{color:#68735f;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:9px;line-height:1.2}#ui[data-state=playing] .score-panel{box-shadow:none;background:0 0;border:0;border-radius:0;flex:none;padding:0 8px;position:static;transform:none}#ui[data-state=playing] .score-panel strong{font-size:20px}#ui[data-state=playing] .score-panel .micro{letter-spacing:1px;font-size:7px}#ui[data-state=playing] .top-actions{flex:none;gap:4px}#ui[data-state=playing] .icon-button{background:#e6e6d84d;border-color:#9d9f8d38;width:44px;height:44px}#ui[data-state=playing] .owner-clock{gap:6px;width:auto;min-width:88px;height:44px;margin:0 8px 0 0;padding:0 4px}#ui[data-state=playing] .owner-clock strong{margin-top:2px;font-size:18px}#ui[data-state=playing] .owner-clock .micro{letter-spacing:.7px;font-size:7px}#ui[data-state=playing] .clock-icon{font-size:24px}#ui.dark-room[data-state=playing] .brand,#ui.dark-room[data-state=playing] .owner-clock{color:var(--ink)}#ui.dark-room[data-state=playing] .owner-clock .micro{color:#747e70}#ui[data-state=playing] .owner-clock.urgent,#ui[data-state=playing] .owner-clock.urgent .micro{color:#b5553d}#ui[data-state=playing] .messages{top:calc(78px + env(safe-area-inset-top))}@media (width<=900px){#ui[data-state=playing] .topbar{border-radius:12px;gap:8px;min-height:54px;padding:4px 8px}#ui[data-state=playing] .brand{letter-spacing:-.8px;font-size:17px}#ui[data-state=playing] .brand-icon{display:none}#ui[data-state=playing] .room-status{padding:4px 8px}#room-name{font-size:15px}#room-progress{font-size:8px}#ui[data-state=playing] .score-panel{padding:0 4px}#ui[data-state=playing] .score-panel strong{font-size:17px}#ui[data-state=playing] .score-panel .micro{letter-spacing:.4px;font-size:6px}#ui[data-state=playing] .owner-clock{justify-content:center;min-width:58px;margin:0}#ui[data-state=playing] .owner-clock .micro,#ui[data-state=playing] .owner-clock .clock-icon{display:none}#ui[data-state=playing] .owner-clock strong{margin:0;font-size:16px}#ui[data-state=playing] .messages{top:calc(72px + env(safe-area-inset-top))}}@media (width<=600px){#ui[data-state=playing] .brand{font-size:15px}}@media (width<=480px){#ui[data-state=playing] .brand-icon{width:25px;height:25px;display:flex}#ui[data-state=playing] .brand-wordmark{display:none}#ui[data-state=playing] .topbar{gap:5px}}