/* V13: viewport composition and interaction bounds are separate. */
@media(min-width:900px){
 .hud{width:min(1020px,calc(100% - 64px));}
 .playground{height:100svh;max-height:none;min-height:650px;padding:0;overflow:hidden;}
 .device-stage{position:absolute;top:max(210px,29svh);left:50%;transform:translateX(-50%);width:min(1160px,calc(100% - 64px));height:calc(100% - max(210px,29svh) - 105px);margin:0;pointer-events:none;}
 .macbook{width:min(740px,59vw,calc((100svh - 325px)*1.53));max-width:none;top:0;}
 .playground>.space,.playground>.object-space{position:absolute;inset:142px 24px 20px;width:auto;height:auto;max-width:none;margin:0;transform:none;pointer-events:none;}
 .playground>.space{z-index:4;}.playground>.object-space{z-index:5;}
 .overlay,.desk-object{pointer-events:auto;}
 .landing-dock{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);margin:0;}
 .overlay[data-type="note"]{width:190px;}.overlay[data-type="note"] .note-input{height:88px;min-height:88px;}
 .overlay[data-type="counter"]{width:220px;}.overlay[data-type="counter"] .counter-value{width:91px;}
 .overlay[data-type="game"]{width:300px;}.overlay[data-type="timer"]{width:202px;}
 .overlay[data-type="timer"] .timer-value{font-size:31px;}.overlay[data-type="timer"] .timer-dial{right:12px;width:40px;height:40px;}.overlay[data-type="timer"] .timer-dial i{left:19px;}
 .object-photo{width:104px;}.photo-print{padding:7px 7px 12px;}.photo-print img{height:108px;}.object-sign{width:165px;}.object-sign .sign-post{height:8px;}.object-music{width:155px;}.mini-player{gap:8px;padding:9px;}.mini-player>div>span{font-size:10px;}
 .desk-object{scale:1;}.object-music{scale:1;}
}
@media(min-width:900px) and (max-height:700px){
 .device-stage{top:185px;height:calc(100% - 275px);}.macbook{width:min(590px,56vw);}.landing-dock{bottom:14px;}
 .overlay[data-type="game"]{width:270px;}.overlay[data-type="note"] .note-input{height:68px;min-height:68px;}
}
.overlay.dragging,.desk-object.object-moving{will-change:transform;}
.overlay.dragging{z-index:60!important;}.desk-object.object-moving{z-index:61!important;}
.overlay[data-type="checklist"]{width:183px;}.overlay[data-type="checklist"] .overlay-shell{background:#ebefe4;color:#344b40;border:1px solid #fff9;border-radius:12px;box-shadow:0 10px 25px -16px #1c3e55aa;backdrop-filter:none;}
.overlay[data-type="checklist"] .overlay-header{border-bottom:1px solid #becaba70;}.checklist-items{padding:6px 10px 10px;}.checklist-items label{display:flex;align-items:center;gap:7px;min-height:35px;}.checklist-items input[type="checkbox"]{accent-color:#356654;width:16px;height:16px;flex-shrink:0;}.checklist-text{width:100%;min-width:0;border:0;background:transparent;color:#344b40;font:12px/1.3 system-ui;padding:6px 0;}.checklist-items input:checked+.checklist-text{text-decoration:line-through;opacity:.5;}
.overlay[data-type="clock"]{width:196px;}.overlay[data-type="clock"] .overlay-shell{background:linear-gradient(120deg,#233c4e,#142938);color:#d5e5ea;border:1px solid #536a77;border-radius:12px;backdrop-filter:none;box-shadow:0 12px 23px -16px #173c54aa,inset 0 1px #8097a530;}.overlay[data-type="clock"] .overlay-title{font-size:11px!important;letter-spacing:.8px;text-transform:uppercase;}.world-times{display:flex;gap:20px;padding:2px 14px 14px!important;}.world-times>div{display:flex;flex-direction:column;gap:4px;}.world-times span{font-size:10px;color:#a4bac6;}.world-times time{font:23px/1.2 ui-monospace,SFMono-Regular,monospace;letter-spacing:-1px;color:#edf1d9;}
/* Pro keeps the unboxed glow; the channel reveal is refined below. */
.hud #pro-preview[aria-pressed="true"]{background:transparent;box-shadow:none;color:#d8eaff;text-shadow:0 0 12px #91bcff;}
.hud.pro-previewing .hud-underlight{animation:none;opacity:0;}
.hud.pro-previewing .hud-tabs{max-width:150px;opacity:1;visibility:visible;}
/* An options-sized popover, attached to the input's trailing edge. */
.hud .command-panel{top:calc(100% + 10px);left:auto;right:max(20px,calc((100% - 760px)/2));transform:none;width:252px;max-width:calc(100vw - 40px);padding:7px;border-radius:14px;background:#172024;box-shadow:0 12px 36px -14px #07151b99;border:1px solid #ffffff20;}
.command-examples{margin-top:0;display:flex;flex-direction:column;gap:0;}.command-examples button{width:100%;min-height:34px;padding:8px 10px;text-align:left;border:0;background:transparent;border-radius:7px;font-size:12px;line-height:1.2;}.command-examples button:hover,.command-examples button:focus-visible{background:#ffffff12;}.command-panel #target-choices{max-height:230px;overflow:auto;}
.speaking-pill{position:absolute;z-index:2;top:calc(100% + 12px);left:50%;display:flex;align-items:center;gap:9px;width:max-content;max-width:90vw;height:43px;padding:5px 13px 5px 6px;border-radius:30px;background:linear-gradient(#101316,#050608);border:1px solid #94b7d850;box-shadow:inset 0 0 0 2px #020305,0 0 0 1px #ffffff30,0 6px 20px #244c7933;color:#f1f5fb;opacity:0;transform:translate(-50%,-8px) scale(.94);pointer-events:none;transition:transform 320ms var(--shell-ease),opacity 180ms;}
.speaking-pill .emble-orb{width:30px;height:30px;}.speaking-pill svg{width:14px;height:14px;fill:none;stroke:#aab3bd;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-left:4px;}.pill-caption{font-size:12px;font-weight:560;white-space:nowrap;}.pill-wave{display:flex;gap:2px;align-items:center;height:20px;}.pill-wave i{width:2px;height:14px;background:#d6e8ff;border-radius:2px;transform:scaleY(.25);animation:pill-wave 820ms ease-in-out infinite;}.pill-wave i:nth-child(2n){animation-delay:-200ms;}.pill-wave i:nth-child(3n){animation-delay:-420ms;}.pill-wave i:first-child,.pill-wave i:last-child{height:7px;}
.hud.pill-speaking .speaking-pill{opacity:1;transform:translate(-50%,0) scale(1);}.speaking-pill .pill-wave i{animation-play-state:paused;}.hud.pill-speaking .pill-wave i{animation-play-state:running;}
html.pill-speaking .pro-edge{opacity:.8;}.pro-edge{box-shadow:inset 0 0 24px 2px #78baff70;background:linear-gradient(90deg,#8ac8ff25,transparent 4%,transparent 96%,#8ac8ff25);transition:opacity 550ms ease;}
@keyframes pill-wave{50%{transform:scaleY(1)}}
/* A chapter holds for 300px of ordinary scrolling, then releases naturally. */
@media(min-width:900px) and (min-height:650px){
 .chapter-track{position:relative;height:calc(100svh + 300px);}
 .chapter-track .feature{position:sticky;top:70px;min-height:0;height:calc(100svh - 86px);padding:32px 0;margin:0 auto;display:grid;align-content:center;}
 .chapter-track .feature::before{background:linear-gradient(180deg,#eaf1f300,#eaf1f3ed 12%,#eaf1f3ed 90%,#eaf1f300);}
 .feature-scene{transition:transform 500ms var(--shell-ease),opacity 450ms ease;transform:scale(.97);opacity:.55;}.feature.is-focused .feature-scene{transform:scale(1);opacity:1;}
}
.feature::after{backdrop-filter:none;transition:opacity 350ms ease;}
.help-scene .inspector-demo{background:#f5f2e9;border-radius:12px;border:1px solid #fffff9;box-shadow:0 22px 40px -26px #28475990;backdrop-filter:none;}
.story-help[data-story-motion="running"]:not([data-guide-owned]) .help-pointer{animation:help-breathe 8s ease-in-out infinite;}
.story-help[data-story-motion="running"]:not([data-guide-owned]) .story-guidance-halo{animation:guide-loop 8s ease-in-out infinite;}
@keyframes help-breathe{0%,15%,70%,100%{transform:translate(0,0)}35%,55%{transform:translate(-5px,-3px)}}
@keyframes guide-loop{0%,20%,75%,100%{opacity:0;transform:scale(1.04)}35%,60%{opacity:.8;transform:scale(1)}}
@media(max-width:899px){
 .playground>.space{position:relative;inset:auto;width:calc(100% - 36px);height:auto;margin:20px auto 0;display:flex;flex-direction:column;gap:14px;transform:none;}
 .playground>.object-space{width:calc(100% - 36px);}
 .space>.overlay[data-type="checklist"],.space>.overlay[data-type="clock"]{width:100%;max-width:380px;}
 .world-times{gap:40px;}.checklist-items label{min-height:44px;}.hud .command-panel{right:12px;top:calc(100% + 8px);}.command-examples button{min-height:44px;}
 .chapter-track{height:auto;}.feature-scene{opacity:1;}.speaking-pill{height:39px;top:calc(100% + 10px);}.speaking-pill .emble-orb{width:26px;height:26px;}
}
@media(prefers-reduced-motion:reduce){
 .chapter-track{height:auto;}.chapter-track .feature{position:relative;top:auto;height:auto;min-height:0;padding:90px 0;}.feature-scene{transform:none!important;opacity:1;}.speaking-pill{display:none;}.pill-wave i,.story-help .help-pointer,.story-help .story-guidance-halo{animation:none!important;}.pro-edge{transition:none;}
}

.story-live .mac-note{background:#faf8f0;backdrop-filter:none;-webkit-backdrop-filter:none;}
.story-help .inspector-demo{-webkit-backdrop-filter:none;}
.playground>.space:has(.dragging,.moving){z-index:6;}
.feature-scene{box-shadow:none;}
.overlay[data-type="checklist"][data-color="blue"] .overlay-shell{background:#e0eaf3;color:#354e6c;}
.overlay[data-type="checklist"][data-color="sage"] .overlay-shell{background:#dfe9d5;color:#3c543f;}
.overlay[data-type="checklist"][data-color="blush"] .overlay-shell{background:#f0e0e2;color:#785563;}
.overlay[data-type="clock"][data-color="blue"] .overlay-shell{background:linear-gradient(120deg,#335975,#1b324d);}
.overlay[data-type="clock"][data-color="sage"] .overlay-shell{background:linear-gradient(120deg,#415e52,#213c35);}
.overlay[data-type="clock"][data-color="blush"] .overlay-shell{background:linear-gradient(120deg,#6c5369,#352b40);}
@media(min-width:900px){
 .overlay[data-type="checklist"][data-size="compact"]{width:166px;}
 .overlay[data-type="clock"][data-size="compact"]{width:176px;}.overlay[data-type="clock"][data-size="compact"] .world-times{gap:14px;}.overlay[data-type="clock"][data-size="compact"] time{font-size:21px;}
 .macbook{container-type:inline-size;}.desktop-document{padding:clamp(12px,2.2cqw,23px) clamp(16px,3cqw,29px);}.desktop-document h2{font-size:clamp(19px,3.35cqw,25px);margin:8px 0 10px;}.desktop-document p{font-size:clamp(8px,1.35cqw,10px);}.document-line{font-size:clamp(7px,1.2cqw,9px);margin-top:8px;}
}

/* V14 — a clear center, six instruments, and a collected perimeter. */
.hud.pro-previewing .hud-top{box-shadow:none;}
.hud.compact .speaking-pill,.hud.compact .command-panel,.hud[data-retracted="true"] .speaking-pill{display:none;}
.hud .pro-channels button{background:transparent;border:0;transition:color 180ms,background 180ms;}
.hud .pro-channels button[aria-pressed="true"]{color:#dceeff;background:#91bbef1a;box-shadow:inset 0 0 0 1px #90bfff2a;text-shadow:0 0 10px #9ccfff;}
.hud .pro-channels button[aria-pressed="true"] svg{filter:drop-shadow(0 0 5px #8ab9ef77);}
.overlay:not([data-type="timer"]):not([data-type="game"]) .tool-indicator{display:none;}
.overlay[data-type="counter"] .overlay-shell{background:linear-gradient(125deg,#f6f8f6,#d1dadd 45%,#e8eeed 65%,#bbc9cd);border:1px solid #f8fcff;box-shadow:0 12px 24px -16px #122f44aa,inset 0 0 0 2px #eef4f270,inset 0 -3px #92a3ac70;border-radius:15px;}
.overlay[data-type="counter"] .overlay-title{font-size:12px!important;letter-spacing:.4px;color:#3d555e;text-shadow:0 1px #fff;}
.overlay[data-type="counter"] .counter-value{border-color:#7b919c;box-shadow:inset 0 3px 8px #0009,0 1px #fff;letter-spacing:4px;}
.overlay[data-type="counter"] .round-control:active{transform:translateY(2px);box-shadow:inset 0 1px 3px #536e7755;}
.overlay[data-type="timer"] .overlay-shell{border-radius:25px 12px 25px 12px;background:linear-gradient(135deg,#fffef5,#e8e9dc);box-shadow:0 14px 25px -16px #143f43aa,inset 0 0 0 2px #fffdf7,inset 0 -4px #afbbaa;}
.overlay[data-type="timer"] .timer-dial{background:repeating-conic-gradient(#38584f40 0deg 1deg,transparent 1deg 15deg),radial-gradient(circle,#f1f1dc 54%,#a8b59e 56%,#fdfced 62%,#91a291 66%,#e6e9d7 70%);}
.overlay[data-type="timer"] .timer-actions{justify-content:flex-start;}
.overlay[data-type="timer"] .timer-toggle{box-shadow:inset 0 1px #81a08a,0 2px #163d30;}
.overlay[data-type="note"] .overlay-shell{border-radius:5px 9px 9px 5px;border-left:6px solid #345772;background:repeating-linear-gradient(0deg,#f8f2df 0 3px,#faf5e8 3px 5px);box-shadow:0 14px 23px -14px #18384a80,2px 3px 0 #e9e2cf,4px 5px 0 #f8f1df;}
.overlay[data-type="note"] .overlay-header{background:transparent;color:#37516a;border-bottom:1px solid #b591702b;min-height:39px;padding:0 13px;}
.overlay[data-type="note"] .overlay-title{font:italic 17px/1.1 Georgia,serif!important;}
.overlay[data-type="note"] .note-input{color:#35546a;background:repeating-linear-gradient(transparent 0 23px,#8098a933 23px 24px);}
.overlay[data-type="note"] .note-input::placeholder{color:#6b7a7f;opacity:1;}
.overlay[data-type="checklist"] .overlay-shell{background:#eceddf;border-radius:3px 3px 9px 9px;border:1px solid #fcfff2;box-shadow:0 14px 23px -16px #29494399,inset 4px 0 #adbda050;}
.overlay[data-type="checklist"] .overlay-header{margin:0 10px;padding:0 3px;border-bottom:1px dashed #8a9c83;}
.overlay[data-type="checklist"] .overlay-title{font:600 12px/1.2 ui-monospace,SFMono-Regular,monospace!important;letter-spacing:1px;text-transform:uppercase;}
.overlay[data-type="checklist"] .checklist-items{padding-bottom:14px;}
.overlay[data-type="checklist"] .checklist-text{font-size:12px;}
.overlay[data-type="checklist"] .overlay-shell::after{display:block;content:'';position:absolute;bottom:3px;left:10px;right:10px;height:3px;background:radial-gradient(circle,#78927150 1px,transparent 1.5px) 0 0/7px 3px;pointer-events:none;}
.overlay[data-type="clock"] .overlay-shell{border-radius:14px;background:linear-gradient(120deg,#233b4b,#101e2b);border-color:#75909a;box-shadow:0 13px 24px -14px #122f44aa,inset 0 1px #a5b7bd70,inset 0 -2px #0a1723;}
.overlay[data-type="clock"] .overlay-title{font-size:12px!important;letter-spacing:.15px;text-transform:none;color:#dce8e9;}
.overlay[data-type="clock"] .world-times{gap:14px;}
.world-times>div+div{border-left:1px solid #8aa4ae45;padding-left:14px;}
.world-times span{font-size:11px;}
.world-times span::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#e5cf91;margin:0 5px 1px 0;box-shadow:0 0 5px #ecd69833;}
.world-times time{font-size:24px;letter-spacing:-.8px;}
.world-times [data-night="true"] span::before{background:#8eb4d1;box-shadow:0 0 5px #8eb4d133;}
.overlay[data-type="game"] .overlay-shell{border-radius:18px;border:1px solid #8f99a1;background:linear-gradient(125deg,#43515c,#24323e 35%,#14232e);box-shadow:0 18px 27px -17px #0b253dd9,inset 0 1px #d7e0e655,inset 0 -3px #091b25;}
.overlay[data-type="game"] .overlay-title{color:#d2c9f0;}
.overlay[data-type="game"] .game-scorebar b{color:#f2d897;}
.overlay[data-type="game"] .game-bottom::before{content:'';width:55px;height:19px;margin-right:auto;align-self:center;background:repeating-linear-gradient(90deg,#081922 0 2px,#85909b33 2px 3px,transparent 3px 6px);border-radius:3px;}
.overlay[data-type="game"] .game-controls [data-game-play]{background:linear-gradient(#d7d0ec,#a9a5c7);border-color:#e5e0f3;color:#223341;}
@media(min-width:900px){
 .device-stage{top:max(230px,32svh);height:calc(100% - max(230px,32svh) - 105px);}
 .macbook{width:min(660px,44vw,calc((100svh - 340px)*1.45));max-width:none;}
 .overlay[data-type="counter"]{width:210px;}.overlay[data-type="note"]{width:200px;}.overlay[data-type="checklist"]{width:210px;}.overlay[data-type="clock"]{width:208px;}.overlay[data-type="game"]{width:282px;}
 .overlay[data-type="note"] .note-input{height:80px;min-height:80px;}
 .overlay[data-type="game"] .game-scorebar{font-size:10px;padding-inline:7px;}.overlay[data-type="game"] [data-game-score]{font-size:15px;}.overlay[data-type="game"] .game-scorebar span{gap:4px;}
 .overlay[data-type="game"] .game-bottom{min-height:43px;}.overlay[data-type="game"] .game-controls button{width:39px;min-width:39px;height:39px;min-height:39px;}
 .object-music{width:155px;}.mini-player{width:155px;}.object-photo{width:96px;}.photo-print img{width:82px;height:101px;}.object-photo{height:130px;}
 .landing-dock{bottom:25px;}
}
@media(min-width:900px) and (max-width:1150px){
 .overlay[data-type="counter"],.overlay[data-type="note"],.overlay[data-type="checklist"]{width:180px;}.overlay[data-type="counter"] .counter-value{width:78px;}.overlay[data-type="counter"] .counter-actions{right:9px;}.overlay[data-type="counter"] .round-control{width:31px;}
 .overlay[data-type="clock"]{width:188px;}.overlay[data-type="timer"]{width:188px;}.overlay[data-type="game"]{width:242px;}.world-times{gap:10px;}.world-times>div+div{padding-left:10px;}.world-times time{font-size:22px;}
 .object-music .mini-player{width:138px;}.object-sign{width:145px;}.street-plaque>span{font-size:9px;}.object-photo{width:82px;}.photo-print img{width:68px;height:83px;}
}
@media(min-width:900px) and (max-height:700px){
 .device-stage{top:230px;}.macbook{width:min(520px,43vw,calc((100svh - 315px)*1.45));}
 .overlay[data-type="game"]{width:254px;}.overlay[data-type="game"] .game-canvas{aspect-ratio:640/210!important;}.overlay[data-type="game"] .game-scorebar{min-height:28px;margin-bottom:5px;}.overlay[data-type="game"] .game-bottom{min-height:39px;}
}
.desktop-walkway{position:absolute;inset:auto 0 3px;height:45px;pointer-events:none;overflow:hidden;z-index:3;}
.desktop-walkway .object-walker{position:absolute;left:20px;bottom:0;width:40px;height:45px;pointer-events:none;animation:coast-stroll 42s linear infinite;}
.desktop-walkway .little-walker{animation:none;}
@keyframes coast-stroll{0%,3%{transform:translateX(0)}48%,52%{transform:translateX(calc(100vw - 90px))}97%,100%{transform:translateX(0)}}
html[data-motion="paused"] .desktop-walkway .object-walker,html[data-hero-visible="false"] .desktop-walkway .object-walker{animation-play-state:paused;}
@media(max-width:599px){
 .hud .pro-control .pro-channels{position:absolute;right:0;left:auto;top:calc(100% + 8px);width:88px!important;height:44px;transform:translateY(-7px);background:#0a0e12;border-radius:13px;box-shadow:0 8px 22px #0c1a2940;}
 .hud.pro-previewing .pro-channels{transform:translateY(0);}
 .hud .hud-tabs,.hud.pro-previewing .hud-tabs{max-width:150px;opacity:1;visibility:visible;}
 .desktop-walkway{bottom:7px;}.playground{padding-bottom:70px;}
}
@media(prefers-reduced-motion:reduce){.desktop-walkway .object-walker{animation:none;}}
@media(min-width:900px){.space:has(.overlay:nth-child(7)) .overlay[data-type="note"] .note-input{height:50px;min-height:50px;}}
@media(min-width:900px) and (max-width:1150px){.macbook{max-width:calc(100vw - 628px);}}

/* Collected, not lined up: each object has its own small physical attitude. */
@media(min-width:900px){
 .overlay[data-type="counter"] .overlay-shell{rotate:-1.8deg;}
 .overlay[data-type="note"] .overlay-shell{rotate:2deg;}
 .overlay[data-type="checklist"] .overlay-shell{rotate:-1deg;}
 .overlay[data-type="clock"] .overlay-shell{rotate:2.5deg;}
 .overlay[data-type="timer"] .overlay-shell{rotate:1.3deg;}
 .overlay[data-type="game"] .overlay-shell{rotate:-1.4deg;}
 .overlay .overlay-shell{transition:rotate 180ms var(--shell-ease);}
 .overlay.dragging .overlay-shell,.overlay:focus-within .overlay-shell{rotate:0deg;}
}
.overlay[data-type="counter"] .overlay-shell{background:repeating-linear-gradient(0deg,#ffffff00 0 2px,#ffffff1f 2px 3px),linear-gradient(118deg,#e5d7bf,#faf4e6 36%,#d0bfa5 77%,#ecdfc9);border-color:#fff7e6;}
.overlay[data-type="counter"] .overlay-header{border-bottom:1px solid #b1a08a40;}
.overlay[data-type="counter"] .counter-value{background:repeating-linear-gradient(0deg,#152c3300 0 23px,#a6c7b91c 23px 24px),linear-gradient(#243b42,#12252e);color:#f3dfb2;}
.overlay[data-type="timer"] .overlay-shell{background:radial-gradient(ellipse at 95% 110%,#b7c79d 0 25%,transparent 25.5%),radial-gradient(ellipse at 102% 100%,#d5dec1 0 48%,transparent 48.5%),linear-gradient(135deg,#fffef5,#e9eadb);}
.overlay[data-type="note"] .overlay-shell{background:linear-gradient(90deg,transparent 24px,#c46c5433 24px 25px,transparent 25px),repeating-linear-gradient(0deg,#f8f2df 0 3px,#faf5e8 3px 5px);}
.overlay[data-type="checklist"] .overlay-shell{background:radial-gradient(circle at 6px 9px,#70856233 0 1px,transparent 1.5px) 0 0/12px 12px,linear-gradient(110deg,#f2efdf,#e6eadb);}
.overlay[data-type="checklist"] .checklist-items{background:#eeeee2e8;}
.overlay[data-type="clock"] .overlay-shell{background:repeating-radial-gradient(ellipse at 112% 115%,transparent 0 12px,#90bed414 13px 14px,transparent 15px 25px),linear-gradient(120deg,#304e64,#122a3b 68%,#264258);}
.overlay[data-type="game"] .overlay-shell{background:linear-gradient(125deg,transparent 45%,#7c70ad20 45.2% 46%,transparent 46.2% 49%,#7c70ad20 49.2% 50%,transparent 50.2%),linear-gradient(125deg,#48505f,#25313f 35%,#17232e);}
@media(prefers-reduced-motion:reduce){.overlay .overlay-shell{transition:none;}}

/* A full desk keeps every control reachable, including short desktop windows. */
@media(min-width:900px){
 .space:has(>.overlay:nth-child(8)) .overlay .overlay-header{height:26px;min-height:26px;}
 .space:has(>.overlay:nth-child(8)) .overlay[data-type="counter"] .overlay-body{height:60px;min-height:60px;padding:3px 13px 9px;}
 .space:has(>.overlay:nth-child(8)) .overlay[data-type="counter"] .counter-value{height:46px;min-height:46px;margin:0;}
 .space:has(>.overlay:nth-child(8)) .overlay[data-type="counter"] .counter-actions{top:4px;}
 .space:has(>.overlay:nth-child(8)) .overlay[data-type="counter"] .round-control{height:44px;min-height:32px;}
 .space:has(>.overlay:nth-child(8)) .overlay[data-type="timer"] .overlay-body{min-height:0;padding:0 14px 6px 16px;}
 .space:has(>.overlay:nth-child(8)) .overlay[data-type="timer"] .timer-value{font-size:28px;line-height:28px;margin:0;}
 .space:has(>.overlay:nth-child(8)) .overlay[data-type="timer"] .timer-actions{margin-top:4px;gap:7px;}
 .space:has(>.overlay:nth-child(8)) .overlay[data-type="timer"] .timer-actions .round-control{width:32px;height:32px;min-height:32px;border-radius:12px;}
 .space:has(>.overlay:nth-child(8)) .overlay[data-type="timer"] .timer-dial{width:32px;height:32px;right:15px;top:0;}
 .space:has(>.overlay:nth-child(8)) .overlay[data-type="timer"] .timer-dial i{left:15px;top:6px;height:12px;transform-origin:50% 10px;}
 .space:has(>.overlay:nth-child(8)) .overlay[data-type="note"] .overlay-header{height:30px;min-height:30px;}
 .space:has(>.overlay:nth-child(8)) .overlay[data-type="note"] .overlay-body{padding:5px 14px 7px;}
 .space:has(>.overlay:nth-child(8)) .overlay[data-type="note"] .note-input{height:48px;min-height:48px;display:block;padding:0;}
 .space:has(>.overlay:nth-child(8)) .overlay[data-type="checklist"] .checklist-items{padding:4px 10px 8px;}
 .space:has(>.overlay:nth-child(8)) .overlay[data-type="checklist"] .checklist-items label{min-height:28px;}
 .space:has(>.overlay:nth-child(8)) .overlay[data-type="checklist"] .checklist-text{padding-block:4px;}
 .space:has(>.overlay:nth-child(8)) .overlay[data-type="clock"] .world-times{padding:0 14px 8px!important;}
 .space:has(>.overlay:nth-child(8)) .overlay[data-type="game"] .game-wrap{padding:0 10px 6px;}
 .space:has(>.overlay:nth-child(8)) .overlay[data-type="game"] .game-scorebar{height:24px;min-height:24px;padding-block:2px;margin-bottom:4px;}
 .space:has(>.overlay:nth-child(8)) .overlay[data-type="game"] .game-canvas{height:72px;box-sizing:border-box;aspect-ratio:auto!important;}
 .space:has(>.overlay:nth-child(8)) .overlay[data-type="game"] .game-bottom{height:38px;min-height:38px;margin-top:0;padding-top:4px;}
 .space:has(>.overlay:nth-child(8)) .overlay[data-type="game"] .game-controls button{height:34px;min-height:34px;width:34px;min-width:34px;padding:7px;}
}