/* Compact detail: keep the action row above navigation at phone sizes. */
#phone.task-detail-view:not(.task-timer-view) #content{inset:10% 0 12%;padding:0 4% 8px}.td-page{gap:7px}.td-glass{border-radius:14px}.td-links .td-glass{padding:7px 9px}.td-links b{font-size:12px;line-height:1.35}.td-links small{font-size:10px;margin-bottom:3px}.td-main{padding:10px}.td-title{gap:8px}.td-title h2{font-size:16px;line-height:1.35;margin-bottom:6px}.td-title>svg{width:46px;height:50px;padding:5px}.td-meta{gap:5px;font-size:9px}.td-instructions{margin-top:9px;padding:0 9px}.td-instructions section{padding:7px 0}.td-instructions h3{font-size:12px;margin-bottom:4px}.td-instructions p{font-size:11px;line-height:1.45;margin:0;max-height:64px;overflow:auto}.td-rewards h3{margin:0}.td-rewards b{font-size:15px}.td-rewards svg{width:21px;height:23px}.td-rewards small{font-size:9px}.td-progress-grid .td-glass{padding:8px}.td-progress-grid h3{font-size:11px;margin-bottom:4px}.td-progress-grid p{font-size:9px;line-height:1.35;margin-top:4px}.td-stage-dots{margin:6px 0}.td-tip{padding:7px;gap:8px}.td-tip>svg{width:44px;height:47px}.td-tip small{font-size:10px}.td-tip p{font-size:11px;padding:7px;margin:4px 0 0;line-height:1.4}.td-actions button{min-height:42px}.td-actions .primary{font-size:15px}.td-timing{font-size:9px;line-height:1.3;margin-bottom:2px}
#phone.task-timer-view #nav{display:none!important}#phone.task-timer-view #top{height:13%;padding:3% 5%;display:flex;align-items:center;justify-content:space-between}#phone.task-timer-view #content{inset:13% 0 0;padding:0 5% 12px;height:auto;overflow:auto}.tt-profile{display:flex;gap:9px;align-items:center;padding:7px 11px}.tt-profile svg{width:47px;height:52px}.tt-profile>div{display:grid;gap:2px}.tt-profile b{font-size:14px}.tt-profile strong{font-size:14px;color:#ffdb88}.tt-profile small{font-size:9px;color:#abdbf3}.tt-coins{display:flex;align-items:center;gap:5px;border:1px solid #98aad6;border-radius:12px;background:#334361dc;padding:7px 10px;font-size:14px}.tt-coins svg{width:23px;height:23px}.tt-page{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:100%}.tt-context{display:grid;grid-template-columns:1fr 1.3fr;gap:10px;padding:9px 12px;width:100%}.tt-context>div+div{border-left:1px solid #a9bce070;padding-left:10px}.tt-context small{display:block;color:#b4c6e9;font-size:10px;margin-bottom:3px}.tt-context b{font-size:12px;line-height:1.4;display:block}.tt-clock{width:min(58vw,220px);height:min(58vw,220px);border-radius:50%;padding:9px;background:conic-gradient(#93ffd5 0deg 205deg,#4c649a 205deg);border:3px solid #91afe7;box-shadow:0 0 0 4px #233357,0 0 24px #72caff50;flex-shrink:0;margin:5px 0}.tt-clock-inner{height:100%;border-radius:50%;background:radial-gradient(circle at 50% 20%,#314c70,#142748 80%);box-shadow:inset 0 0 22px #7199cd88;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.tt-sprout{font-size:31px}.tt-clock strong{font-family:Consolas,monospace;font-size:34px;letter-spacing:1px;line-height:1;color:#fff}.tt-state{font-size:14px;color:#a3ffe0;background:#4bbf9a30;border:1px solid #77dbc378;border-radius:20px;padding:5px 12px}.tt-metrics{display:grid;grid-template-columns:1fr 1fr;width:85%;padding:8px;text-align:center}.tt-metrics>div+div{border-left:1px solid #b4c6e366}.tt-metrics small{display:block;font-size:10px;color:#bfcae9}.tt-metrics b{display:block;font-size:15px;color:#8ef5d6;margin-top:3px}.tt-metrics>div+div b{color:#a3d8ff}.tt-note{font-size:10px;line-height:1.7;padding:8px 12px;width:100%;color:#c8d9f1}.tt-art{display:block;width:100%;height:auto;max-height:170px;flex:1;min-height:65px;border-radius:15px;overflow:hidden}.tt-controls{display:flex;gap:9px;width:100%}.tt-controls button{flex:1;font-size:17px;min-height:46px;border-radius:15px;background:#3e4e7bdd;border:1px solid #9eafe0}.tt-controls .primary{background:linear-gradient(135deg,#a2f9df,#65e4cc)}.tt-caption{font-size:9px;color:#c7d1e8;margin:0}.tt-back{background:#26324caa;border:0;font-size:12px;padding:6px 18px;color:#d4dff6}.tt-controls button:disabled{opacity:.5}@media(max-height:740px){.tt-clock{width:175px;height:175px}.tt-clock strong{font-size:29px}.tt-clock-inner{gap:7px}.tt-sprout{font-size:25px}.tt-page{gap:6px}.tt-art{max-height:105px}.td-page{gap:5px}.td-progress-grid p{display:none}.td-tip p{font-size:10px}.td-links b{font-size:11px}}
/* Fit every timer control, including Back, inside the available viewport. */
#phone.task-timer-view #content{box-sizing:border-box;padding:0 5% max(5px,env(safe-area-inset-bottom));overflow:auto}
#phone.task-timer-view .tt-page{box-sizing:border-box;height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(110px,1.8fr) 42px auto minmax(35px,1fr) 44px 12px 28px;gap:5px;align-items:stretch;justify-items:center}
.tt-context{box-sizing:border-box}.tt-clock{box-sizing:border-box;height:100%;width:auto;aspect-ratio:1;max-height:220px;max-width:95%;min-height:0;margin:0;padding:7px;align-self:center}.tt-clock-inner{gap:6px}.tt-clock strong{font-size:clamp(23px,8vw,32px)}.tt-sprout{font-size:25px}.tt-state{font-size:12px;padding:4px 10px}.tt-metrics{box-sizing:border-box;padding:4px 8px}.tt-metrics b{font-size:14px;margin-top:1px}.tt-note{box-sizing:border-box;font-size:9px;line-height:1.5;padding:6px 9px}.tt-art{width:100%;height:100%;min-height:0;max-height:none;object-fit:contain}.tt-controls button{min-height:0;font-size:16px;padding:5px}.tt-caption{font-size:8px;line-height:12px}.tt-back{padding:3px 16px;line-height:20px;font-size:12px}/* Smaller clock with breathing room; retain all controls on one screen. */
#phone.task-timer-view .tt-page{grid-template-rows:auto minmax(125px,1.2fr) 44px auto minmax(65px,1fr) 44px 12px 28px;gap:8px}
#phone.task-timer-view .tt-clock{max-height:180px;width:auto;max-width:70%;height:90%}
#phone.task-timer-view .tt-clock strong{font-size:27px}
#phone.task-timer-view .tt-sprout{font-size:23px}
.room-running-timer{position:absolute;right:4%;top:35%;display:grid;gap:3px;justify-items:center;padding:7px 9px;border:1px solid #9bffe0;border-radius:12px;background:#263e60e8;color:#a5ffe1;box-shadow:0 0 12px #64e6c533;font-size:10px;z-index:4}
.room-running-timer strong{font:700 12px Consolas,monospace}.room-running-timer small{font-size:9px}
@media(max-height:650px){#phone.task-timer-view .tt-page{gap:5px}#phone.task-timer-view .tt-clock{max-height:145px}.tt-clock strong{font-size:23px!important}}
/* The same corrected face is used wherever the room scene remains visible. */
.room-view:not(.plans-open) .room-eye-layer{display:block}
.room-view.plans-open .room-eye-layer{display:none}
.room-view #content{z-index:2}