/* V10: a quiet page, a physical Mac, and software that reaches beyond its bezel. */
:root {--page:#f7f8fa;--ink:#19212b;--silver:#cdd1d8;--blue:#8dbaff;}
html,body {background:var(--page);color:var(--ink);}
.hud {top:0;left:50%;transform:translateX(-50%);width:min(1200px,calc(100% - 64px));max-width:none;--shell-black:#0b0d10;--half-tray:min(380px,41%);}
.hud-top,.hud.compact .hud-top {height:58px;padding:0 24px;gap:26px;border-radius:0 0 22px 22px;background:var(--shell-black);box-shadow:inset 0 -1px 0 #ffffff0b;}
.hud .brand {font-size:17px;gap:8px;letter-spacing:-.4px;}
.hud .brand .emble-orb {width:26px;height:26px;}
.hud .hud-tabs,.hud.compact .hud-tabs,.hud.pro-previewing .hud-tabs {position:static;display:flex;height:44px;gap:0;transform:none;opacity:1;visibility:visible;pointer-events:auto;transition:none;}
.hud-tabs button {font-size:14px;padding:0 13px;border-radius:12px;min-height:44px;white-space:nowrap;}
.hud-tabs [aria-current="page"] {background:#ffffff13;color:#fff;}
.pro-dot {display:inline-block;width:5px;height:5px;margin-left:6px;border-radius:50%;background:#82949f;}
[aria-current="page"] .pro-dot {background:#9abbff;box-shadow:0 0 10px #9abbff;}
.hud .page-links,.hud.compact .page-links,.hud .get-wrap>span {display:none;}
.hud .get-wrap,.hud.compact .get-wrap,.hud.pro-previewing .get-wrap {margin-left:auto;padding:0;align-self:center;opacity:1;visibility:visible;transform:none;}
.hud .get-button {font-size:12px;min-height:36px;padding:0 16px;border-radius:12px;}
.hud-reveal {position:relative;width:min(760px,82%);margin:-1px auto 0;height:62px;transition:height 380ms var(--shell-ease);overflow:clip;border-radius:0 0 22px 22px;background:var(--shell-black);pointer-events:auto;box-shadow:0 12px 20px -20px #22375b80;}
.hud[data-mode="overlays"] .hud-reveal {height:145px;}
.hud[data-mode="files"] .hud-reveal {height:134px;}
.hud[data-mode="notes"] .hud-reveal {height:132px;}
.hud[data-mode="pro"] .hud-reveal {height:64px;}
.hud.compact .hud-reveal {height:0;}
.hud .hud-composer {position:absolute;inset:0;width:100%;height:62px;min-height:62px;padding:9px 18px;gap:8px;border-radius:0 0 18px 18px;background:var(--shell-black);box-shadow:none;}
.hud-composer::before,.hud-composer::after {display:none;}
.hud[data-mode="overlays"] .hud-composer,.hud[data-mode="notes"] .hud-composer,.hud[data-mode="pro"] .hud-composer,.hud[data-retracted="true"] .hud-composer {transform:translateY(-100%);pointer-events:none;}
.hud .orb-button {display:flex;width:36px;height:44px;flex:0 0 36px;}
.hud .orb-button>.emble-orb {width:30px;height:30px;}
.hud .cursor-button {display:flex;width:32px;height:36px;flex:0 0 32px;}
.hud .cursor-button svg {width:22px;height:22px;}
.hud #command-form {height:36px;min-height:36px;border-radius:11px;background:#ffffff0a;}
.hud #command-target {font-size:8px;letter-spacing:.4px;top:3px;left:12px;}
.hud #command {height:36px;padding:12px 36px 1px 12px;font-size:12px;}
.hud #command-form>.icon-button {height:36px;width:36px;}
.hud .hud-add {width:32px;height:36px;}
.hud-script {padding:0 42px 0 13px;}
.hud-script-label {font-size:7px;margin-bottom:1px;}
.hud-script-text {font-size:12px;}
.hud-script-send {font-size:18px;right:14px;}
.hud .tool-shelf {position:relative;inset:auto;width:100%;max-width:none;transform:none;max-height:310px;overflow:auto;padding:10px 12px;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;color:#eaf0f6;}
.hud .tool-shelf>.panel-heading {display:none;}
.hud .tool-options {display:flex;gap:6px;}
.hud .tool-options button {min-width:0;flex:1;display:flex;flex-direction:row;align-items:center;gap:6px;min-height:48px;padding:0 10px;border:1px solid #ffffff0a;border-radius:10px;background:#ffffff08;color:#eaf0f6;}
.hud .tool-options button:hover {background:#ffffff13;}
.hud .tool-options button img {width:18px;height:18px;margin:0;filter:invert(1);opacity:.75;}
.hud .tool-options button strong {font-size:12px;font-weight:450;}
.hud .tool-options button>span {display:none;}
.hud .creation-dock {position:static;transform:none;width:100%;min-height:44px;display:flex;justify-content:center;margin-top:7px;padding:0;background:transparent;box-shadow:none;border:0;backdrop-filter:none;gap:8px;}
.hud .creation-dock>.add-overlay,.hud .creation-dock>.dock-divider {display:none;}
.hud .creation-dock .color-swatch {width:30px;height:36px;}
.hud .creation-dock .color-swatch i {width:17px;height:17px;}
.hud .creation-dock .text-button {font-size:11px;color:#bdc7d0;padding:0 9px;}
.hud .recently-closed {margin-top:6px;border-color:#ffffff15;}
.hud .recently-closed h3 {font-size:10px;color:#aab7c4;}
.hud .recently-closed button {font-size:11px;background:#ffffff08;color:#eaf0f6;}
.hud-notes {padding:14px 16px;}
.hud-notes label {display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#f1f4f8;margin-bottom:10px;}
.hud-notes label span {font-size:10px;color:#a6b2bf;}
.hud-notes textarea {display:block;width:100%;height:72px;resize:none;padding:10px 12px;border:1px solid #ffffff15;border-radius:9px;background:#ffffff07;color:#f3f6fc;font:14px/1.5 -apple-system,BlinkMacSystemFont,sans-serif;}
.hud-notes textarea::placeholder {color:#94a2af;}
.hud-pro {display:flex;align-items:center;gap:10px;height:64px;padding:0 16px;}
.hud-pro>div {flex:1;min-width:0;}
.hud-pro strong {display:block;font-size:12px;font-weight:450;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hud-pro span:not(.pro-orbit) {display:block;font-size:9px;color:#a2b5cd;margin-top:3px;}
.hud-pro button {font-size:12px;min-height:40px;padding:0 10px;border-radius:10px;color:#b7c5d6;}
.hud-pro button[aria-pressed="true"] {color:#f1f6ff;background:#aecaff16;}
.pro-orbit {width:8px;height:8px;flex-shrink:0;border-radius:50%;background:#bdd5ff;box-shadow:0 0 15px 3px #81acff55;}
.hud.pro-previewing:not(.compact) .hud-underlight {top:48px;animation:pro-wake 1300ms ease-out 1;opacity:.7;}
@keyframes pro-wake {0%,100%{transform:scaleX(.8);opacity:.45}45%{transform:scaleX(1);opacity:1}}
.companion-preview {display:none;}
.command-panel {top:110px;width:min(520px,100%);left:50%;transform:translateX(-50%);}

.playground {position:relative;min-height:820px;height:100svh;max-height:none;padding:clamp(218px,26svh,280px) 0 0;overflow:clip;background:#f7f8fa;}
.hero-atmosphere {position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#d8e9f17a 0%,#e4eef2a6 40%,#e4edf080 64%,#c6dce57a 100%),url(/assets/coast.webp) center 45%/cover;}
.hero-atmosphere::after {content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 65%,#ecf4f183,transparent 65%);}
.device-stage {position:relative;width:min(1200px,calc(100% - 80px));height:530px;margin:auto;isolation:isolate;}
.macbook {position:absolute;left:50%;top:8px;transform:translateX(-50%);width:760px;max-width:76%;z-index:0;}
.macbook::after {content:'';position:absolute;left:-8%;right:-8%;bottom:-19px;height:30px;border-radius:50%;background:#10203520;filter:blur(12px);z-index:-1;}
.mac-lid {padding:8px 8px 10px;border:1px solid #9aa0aa;border-radius:18px 18px 9px 9px;background:linear-gradient(130deg,#e5e6e9,#929ba7 35%,#e0e3e8 72%,#9b9fa6);box-shadow:inset 0 1px 0 #fff,0 1px 3px #1d263e33;}
.mac-display {position:relative;aspect-ratio:1.6;border:6px solid #111419;border-radius:11px 11px 3px 3px;background:#e4ebdf;overflow:hidden;isolation:isolate;}
.mac-display .botanical {inset:0;background-position:52% 50%;animation:none;}
.mac-display .morning-light {inset:0;opacity:.3;animation:screen-light 5s ease-out 1;}
@keyframes screen-light {from{opacity:.05}to{opacity:.3}}
.mac-camera {position:absolute;left:50%;top:-1px;transform:translateX(-50%);height:17px;width:92px;border-radius:0 0 8px 8px;background:#111419;z-index:4;}
.mac-camera i {position:absolute;top:5px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:radial-gradient(circle,#345760,#0b1016 70%);box-shadow:0 0 0 1px #20252b;}
.desktop-menubar {position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;height:22px;padding:0 10px;background:#fbfff078;backdrop-filter:blur(10px);font-size:8px;color:#202b31;z-index:2;}
.desktop-menubar span {display:flex;gap:13px;}
.desktop-menubar i {font-style:normal;}
.desktop-work {position:absolute;top:16%;left:18%;width:62%;height:66%;border:1px solid #fff9;border-radius:8px;box-shadow:0 15px 30px -13px #21342960;background:#fffdf8f5;overflow:hidden;}
.desktop-windowbar {height:27px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;color:#707873;font-size:9px;background:linear-gradient(#f8f8f5,#edede9);border-bottom:1px solid #b2b8b530;}
.traffic-lights {display:flex;gap:5px;}
.traffic-lights i {width:7px;height:7px;border-radius:50%;background:#ff6057;border:1px solid #bc4b432e;}
.traffic-lights i:nth-child(2){background:#febc2e}.traffic-lights i:nth-child(3){background:#28c840}
.window-share {font-size:15px;}
.desktop-document {padding:23px 29px;color:#343d38;}
.desktop-document small {font-size:7px;letter-spacing:1px;color:#8c968d;}
.desktop-document h2 {font-size:28px;line-height:1.15;letter-spacing:-1px;font-weight:550;margin:10px 0 13px;}
.desktop-document p {font-size:10px;line-height:1.6;color:#7d847c;}
.document-line {display:flex;gap:7px;align-items:center;font-size:9px;margin-top:12px;color:#626e64;}
.document-line i {height:9px;width:9px;border:1px solid #9ca99c;border-radius:2px;}
.desktop-file {position:absolute;right:4%;top:17%;text-align:center;font-size:7px;color:#263c30;transform:rotate(5deg);}
.file-fold {display:block;width:28px;height:34px;margin:0 auto 5px;border:1px solid #fefefe;background:repeating-linear-gradient(0deg,transparent 0 5px,#8ca9b240 5px 6px),#f9f9f0;border-radius:2px;box-shadow:0 3px 7px #1e392323;}
.desktop-file b {font-weight:500;text-shadow:0 1px 2px #fff;}
.desktop-dock {display:flex;align-items:center;gap:7px;position:absolute;bottom:6px;left:50%;transform:translateX(-50%);height:35px;padding:4px 8px;border:1px solid #fff7;border-radius:10px;background:#ffffff45;backdrop-filter:blur(12px);}
.desktop-dock>i {width:24px;height:24px;border-radius:6px;position:relative;box-shadow:0 1px 2px #2431472b;}
.dock-finder {background:linear-gradient(90deg,#76bff6 50%,#e9f5fe 50%);}.dock-finder::after{content:'⌣';position:absolute;left:6px;top:3px;font-size:17px;color:#365166;}
.dock-note {background:linear-gradient(#f4cd56 24%,#f9f8ef 24%);}.dock-note::after {content:'';position:absolute;inset:10px 4px 4px;background:repeating-linear-gradient(transparent 0 3px,#93969035 3px 4px);}
.dock-safari {background:radial-gradient(circle,#299bec 55%,#cfdceb 58%,#f4f7fa 70%);}.dock-safari::after {content:'';position:absolute;inset:5px 10px;transform:rotate(35deg);background:linear-gradient(#fa5149 50%,#fff 50%);}
.desktop-dock>span {height:20px;width:1px;background:#ffffff80;}.desktop-dock>.emble-orb {border-radius:50%;}
.mac-hinge {height:4px;width:96%;margin:-1px auto 0;background:linear-gradient(90deg,#49515b,#171d25 12%,#414953 50%,#171d25 88%,#49515b);}
.mac-base {position:relative;width:109%;height:14px;margin-left:-4.5%;border-radius:2px 2px 45% 45%/2px 2px 9px 9px;border:1px solid #9096a0;background:linear-gradient(90deg,#a5adb7,#e0e4e9 4%,#aab0b9 20%,#d8dce1 45%,#f0f1f4 70%,#b6bdc5 95%,#818a98);box-shadow:inset 0 2px 1px #fff9,0 2px 1px #66717f45;}
.mac-base span {display:block;width:16%;height:5px;margin:-1px auto 0;border-radius:0 0 8px 8px;background:linear-gradient(#798492,#c4cbd2);box-shadow:inset 0 -1px 0 #f7f8fa88;}
.mac-foot {width:96%;height:2px;margin:auto;background:#7d8797;border-radius:0 0 50% 50%;opacity:.6;}
.screen-orb {position:absolute;top:137px;left:calc(50% + 352px);z-index:5;display:flex;align-items:center;gap:10px;pointer-events:none;transform:translate(-18px,12px);opacity:0;transition:transform 650ms var(--ease),opacity 450ms ease;}
.screen-orb>.emble-orb {width:34px;height:34px;}
.screen-orb .orb-caption {max-width:110px;font-size:11px;line-height:1.4;color:#516272;opacity:0;transform:translateX(-5px);transition:opacity 400ms,transform 450ms var(--ease);}
.device-stage[data-woken="true"] .screen-orb {opacity:1;transform:translate(0,0);}
.device-stage[data-beat="pro"] .screen-orb .orb-caption,.device-stage:hover .screen-orb .orb-caption {opacity:1;transform:translateX(0);}
.screen-stamp {position:absolute;left:27%;bottom:18px;display:flex;align-items:center;gap:7px;transform:rotate(-8deg);font-size:11px;line-height:1.3;color:#6c7e90;}
.stamp-cradle {display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #bacadd;border-radius:50%;background:#e5ecf54f;}
.stamp-cradle svg {width:22px;height:22px;}.screen-stamp b {font-weight:500;}
.device-stage .space {position:absolute;inset:0;width:100%;height:100%;transform:none;left:0;margin:0;z-index:4;}
.overlay,.overlay[data-size="compact"] {width:224px;}
.overlay[data-type="game"],.overlay[data-type="game"][data-size="compact"] {width:340px;}
.overlay[data-type="note"] {width:230px;}
.overlay-shell {border-radius:13px;background:linear-gradient(130deg,rgba(var(--tint-rgb),.84),#ffffffae);border:1px solid #ffffffeb;box-shadow:0 16px 30px -19px #35465670,0 1px 4px #6376811f,inset 0 1px 0 #fff;backdrop-filter:blur(12px) saturate(1.08);}
.overlay-header,.overlay[data-type="game"] .overlay-header {min-height:36px;padding:0 6px;}
.overlay-header .drag-handle {width:24px;height:36px;}
.overlay-header .icon-button {width:32px;height:36px;}
.overlay-header .overlay-title {font-size:14px;}
.overlay-body,.overlay[data-size="compact"] .overlay-body {padding:3px 14px 12px;}
.overlay[data-type="counter"] .overlay-body {min-height:76px;}
.counter-value,.overlay[data-size="compact"] .counter-value {font-size:33px;line-height:1.15;margin:7px 92px 0 0;}
.timer-value,.overlay[data-size="compact"] .timer-value {font-size:29px;margin:4px 88px 4px 0;}
.overlay[data-type="timer"] .overlay-body {min-height:80px;}
.counter-actions,.timer-actions {right:9px;top:6px;gap:0;}
.round-control {width:42px;height:42px;border-radius:10px;background:#ffffff80;}
.timer-track {width:calc(100% - 90px);}
.game-wrap {padding:0 10px 10px;}
.game-scorebar {font-size:10px;gap:10px;padding-top:3px;}
.game-status {font-size:12px;max-width:62%;}
.game-key-hint {display:none;}
.game-controls .pill {min-height:38px;padding:0 12px;font-size:12px;}
.game-bottom {padding-top:5px;}
.note-input {font-size:14px;min-height:94px;}
.creation-area {display:none;}
.story-deck,.hud.story-playing+main .story-deck {position:relative;top:auto;left:auto;transform:none;width:min(600px,calc(100% - 40px));padding:0;margin:23px auto 0;text-align:center;pointer-events:auto;}
.story-kicker {font-size:10px;letter-spacing:.5px;color:#7c8893;}
.story-deck .story-caption,.story-deck.has-reply .story-caption {visibility:visible;opacity:1;font-size:29px;line-height:1.2;letter-spacing:-1px;font-weight:500;margin:9px 0 10px;}
.hero-description {font-size:13px;color:#7c8791;line-height:1.5;}
.scene-scroll {display:flex;align-items:center;gap:8px;justify-content:center;min-height:44px;margin-top:7px;font-size:12px;color:#536a7c;}
.scene-scroll img {width:13px;height:13px;transition:transform 200ms;}.scene-scroll:hover img {transform:translateY(3px);}
.story-controls,.story-progress,.story-silent,.arrival-hint,.playground-footer {display:none!important;}

/* Chapters come forward at the reading position; the next rests under a local veil. */
.feature {position:relative;isolation:isolate;max-width:1100px;width:calc(100% - 100px);min-height:780px;margin:0 auto;padding:120px 0;gap:90px;}
.feature::after {content:'';position:absolute;inset:40px -50px;z-index:8;background:var(--page);opacity:var(--chapter-veil,0);pointer-events:none;transition:opacity 220ms linear;}
.feature-scene {transform:translateY(10px) scale(.97);transition:transform 600ms var(--ease);}
.feature.is-focused .feature-scene,.feature:focus-within .feature-scene {transform:translateY(0) scale(1);}
.feature:focus-within::after {opacity:0!important;}
.feature-copy .eyebrow {font-size:10px;letter-spacing:1.3px;color:#69849b;}
.feature-copy h2 {font-size:42px;letter-spacing:-1.6px;line-height:1.09;font-weight:500;}
.feature-copy>p:not(.eyebrow) {font-size:16px;line-height:1.65;color:#77818c;max-width:360px;}
.story-help,.story-live {background:radial-gradient(ellipse,#dbe7f180,transparent 68%);border:0;}
.inspector-demo,.mac-note {border:1px solid #fff;background:#fbfcfbe8;box-shadow:0 24px 48px -25px #344b6960,0 1px 6px #2a45551a;border-radius:13px;}
.feature-actions {display:flex;}
.feature-link {display:inline-flex;align-items:center;gap:8px;}
.closing {background:#eff3f7;border-top:1px solid #dee5ed;}
.closing h2 {font-weight:500;letter-spacing:-1.8px;}
footer {background:#eff3f7;position:relative;}
.display-preferences {font-size:11px;color:#6d7b8b;position:relative;}
.display-preferences summary {cursor:pointer;min-height:44px;display:flex;align-items:center;}
.display-preferences>div {position:absolute;bottom:46px;right:0;padding:7px;border:1px solid #dce3ec;background:#f8fafc;border-radius:10px;box-shadow:0 8px 20px #23344c16;white-space:nowrap;}
.display-preferences button {display:flex;align-items:center;gap:8px;min-height:44px;font-size:12px;padding:0 10px;}
.display-preferences img {width:14px;height:14px;}

/* The shell is part of the page edge. Only its attached working area changes. */
.hud::before,.hud::after {content:'';position:absolute;top:57px;width:20px;height:20px;pointer-events:none;opacity:1;transition:opacity 200ms;}
.hud::before {left:calc(50% - var(--half-tray) - 20px);background:radial-gradient(circle at 0 100%,transparent 20px,var(--shell-black) 20.5px);}
.hud::after {left:calc(50% + var(--half-tray));background:radial-gradient(circle at 100% 100%,transparent 20px,var(--shell-black) 20.5px);}
.hud.compact::before,.hud.compact::after {opacity:0;}
.hud .hud-mode-panel {position:absolute;inset:0;width:100%;margin:0;transform:translateY(-12px);opacity:0;visibility:hidden;pointer-events:none;transition:transform 340ms var(--shell-ease),opacity 160ms ease,visibility 0s 340ms;}
.hud .hud-mode-panel[data-active="true"] {transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto;transition:transform 380ms var(--shell-ease),opacity 220ms ease 70ms,visibility 0s;}
.hud .hud-mode-panel[data-active="false"] {pointer-events:none;}
.hud .tool-shelf {padding:15px 18px 10px;}
.hud .tool-options {gap:10px;}
.hud .tool-options button {background:transparent;border:0;border-radius:8px;padding:0 8px;min-height:48px;}
.hud .tool-options button img {width:21px;height:21px;opacity:.85;}
.hud .tool-options button strong {font-size:13px;}
.hud .creation-dock {justify-content:flex-start;border-top:1px solid #ffffff13;padding-top:5px;margin-top:5px;gap:7px;}
.hud .creation-dock .text-button {margin-left:auto;}
.hud .hud-reveal::after {content:'';position:absolute;left:8%;right:8%;bottom:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#94beffcc,transparent);opacity:.14;transition:opacity 500ms;}
.hud.pro-previewing .hud-reveal::after {opacity:1;}
.hud .hud-underlight {left:calc(50% - 330px);right:calc(50% - 330px);top:87px;height:60px;filter:blur(12px);}
.hud.pro-previewing:not(.compact) .hud-underlight {top:86px;}
.hud-files {padding:14px 20px;color:#dce5ef;}
.hud-panel-heading {display:flex;align-items:center;justify-content:space-between;font-size:13px;}
.file-picker {display:flex;align-items:center;gap:8px;min-height:36px;padding:0 11px;border-radius:8px;background:#ffffff0d;color:#f6f8fc;cursor:pointer;}
.file-picker:focus-within,.hud-files:has(input:focus-visible) .file-picker {outline:2px solid #9bbcff;outline-offset:3px;}
.file-picker>span {font-size:22px;font-weight:300;}
.file-tray {display:flex;align-items:center;justify-content:center;gap:14px;height:62px;}
.file-empty {display:flex;align-items:center;flex-direction:column;gap:7px;}
.file-empty>img {display:none;}
.file-empty strong {font-size:14px;font-weight:450;}
.file-empty>span {font-size:11px;color:#84909e;}
.file-item {width:100px;display:flex;align-items:center;flex-direction:column;gap:8px;min-width:0;}
.file-item>img {height:32px;width:46px;object-fit:cover;border-radius:5px;}
.file-type {display:grid;place-items:center;width:28px;height:34px;background:linear-gradient(135deg,#c5d8ec,#e6edf5);border-radius:3px 9px 3px 3px;color:#51687d;font-size:10px;letter-spacing:.7px;}
.file-item>span:last-child {width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:11px;}
.file-feedback {font-size:10px;color:#8f9fb1;margin:2px 0 0;}
.hud-files.drag-over {background:#142134;outline:1px solid #7facf6;outline-offset:-8px;border-radius:0 0 22px 22px;}
.hud-notes {padding:12px 20px;}
.hud-notes textarea {background:#14171b;border-color:#343941;border-radius:11px;}
.hud-pro {height:64px;padding:0 21px;}

/* Four tools, four materials, one scale and control language. */
.overlay[data-type="counter"] .overlay-shell {background:#f0e4ae;border-color:#fcf5d4;border-radius:13px 13px 18px 18px;backdrop-filter:none;-webkit-backdrop-filter:none;color:#393b2f;}
.overlay[data-type="counter"] .overlay-shell::after {background:linear-gradient(100deg,#fff5,transparent 40%);}
.overlay[data-type="counter"] .overlay-header {border-bottom:1px dashed #79744545;margin:0 8px;padding:0;}
.overlay[data-type="counter"] .overlay-body {padding-top:10px;min-height:88px;}
.overlay[data-type="counter"] .counter-actions {top:14px;}
.overlay[data-type="counter"] .round-control {background:#fffbdf;border:1px solid #d5c895;box-shadow:0 2px 0 #c9bb80;border-radius:50%;}
.overlay[data-type="counter"] .round-control:active {transform:translateY(2px);box-shadow:none;}
.overlay[data-type="counter"] .counter-value {font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:500;letter-spacing:-2px;}
.overlay[data-type="timer"] .overlay-shell {background:linear-gradient(125deg,#283137,#192228);border:1px solid #49565e;border-radius:20px;backdrop-filter:none;-webkit-backdrop-filter:none;color:#f4f4e9;}
.overlay[data-type="timer"] .overlay-shell::after {display:none;}
.overlay[data-type="timer"] .overlay-header img,.overlay[data-type="timer"] .round-control img {filter:invert(1);}
.overlay[data-type="timer"] .round-control {background:#ffffff08;border:1px solid #ffffff12;box-shadow:none;border-radius:50%;}
.overlay[data-type="timer"] .round-control:hover {background:#ffffff16;}
.overlay[data-type="timer"] .timer-value {font-weight:350;letter-spacing:-.9px;color:#e7ecd6;}
.overlay[data-type="timer"] .timer-track {background:#ffffff12;height:2px;}
.overlay[data-type="timer"] .timer-track i {background:#c8de92;box-shadow:0 0 5px #c8de9260;}
.overlay[data-type="note"] .overlay-shell {background:#fffdf1;border:1px solid #e9e4d1;border-radius:4px 4px 16px 4px;backdrop-filter:none;-webkit-backdrop-filter:none;}
.overlay[data-type="note"] .overlay-shell::after {inset:auto 0 0 auto;width:15px;height:15px;border-radius:0 0 15px 0;background:linear-gradient(135deg,#ddd6bc,#f8f6e7 55%);z-index:1;}
.overlay[data-type="note"] .note-input {background:repeating-linear-gradient(transparent 0 25px,#a8b3bd30 25px 26px);line-height:26px;padding-top:0;color:#455469;}
.overlay[data-type="note"] .note-input::placeholder {color:#8c958a;}
.overlay[data-type="game"] .overlay-shell {background:linear-gradient(150deg,#273344,#17222f);border:1px solid #526478;border-radius:15px;color:#dce9fb;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 18px 36px -16px #15223570,inset 0 1px 0 #ffffff18;}
.overlay[data-type="game"] .overlay-shell::after {display:none;}
.overlay[data-type="game"] .overlay-header {border-bottom:1px solid #ffffff0c;}
.overlay[data-type="game"] .overlay-header img,.overlay[data-type="game"] .game-controls>.icon-button img {filter:invert(1);}
.overlay[data-type="game"] .game-canvas {background:radial-gradient(ellipse at 50% 0,#24394f,#101d2a 75%);border:1px solid #ffffff09;border-radius:9px;}
.overlay[data-type="game"] .game-scorebar {font:10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1px;padding:8px 1px;}
.overlay[data-type="game"] .game-lives::before {color:#a7b7cc;}
.overlay[data-type="game"] .game-status {color:#a9bacd;font-size:11px;}
.overlay[data-type="game"] .game-controls .pill {background:#d5e5bc;color:#223228;border-radius:9px;box-shadow:0 2px 0 #78936a;font-weight:550;}
.overlay[data-type="game"] .game-controls .pill:active {transform:translateY(1px);box-shadow:none;}
.overlay[data-color="blue"][data-type="counter"] .overlay-shell {background:#c1dafa;border-color:#e6f1ff;}
.overlay[data-color="sage"][data-type="counter"] .overlay-shell {background:#d4dfb4;border-color:#ecf1d6;}
.overlay[data-color="blush"][data-type="counter"] .overlay-shell {background:#efd1cf;border-color:#ffe5e1;}
.overlay[data-color="blue"][data-type="timer"] .overlay-shell,.overlay.story-blue[data-type="timer"] .overlay-shell {background:linear-gradient(125deg,#344c66,#1b2d45);border-color:#6995ca;}
.overlay[data-color="sage"][data-type="timer"] .overlay-shell {background:linear-gradient(125deg,#3d5147,#202e29);}
.overlay[data-color="blush"][data-type="timer"] .overlay-shell {background:linear-gradient(125deg,#594451,#312830);}
.overlay[data-color="blue"][data-type="note"] .overlay-shell {background:#ebf4ff;}
.overlay[data-color="sage"][data-type="note"] .overlay-shell {background:#f0f6e5;}
.overlay[data-color="blush"][data-type="note"] .overlay-shell {background:#fff0ec;}
.overlay[data-color="sage"][data-type="game"] .overlay-shell {background:linear-gradient(150deg,#344638,#1c2b27);}
.overlay[data-color="blush"][data-type="game"] .overlay-shell {background:linear-gradient(150deg,#493445,#281d2e);}
.overlay[data-color="blue"][data-type="game"] .overlay-shell {background:linear-gradient(150deg,#324c6c,#17283e);}
.overlay.selected .overlay-shell {outline:1px solid #8caed58c;outline-offset:3px;}

@media(hover:hover) and (pointer:fine) {.overlay:not(.dragging):hover .overlay-shell {box-shadow:0 22px 37px -22px #35465688,0 1px 5px #6376812f,inset 0 1px 0 #fff;}.desktop-file:hover {transform:rotate(0deg);}}
@media(min-width:900px) and (max-height:800px) {
 .playground {min-height:780px;height:100svh;padding-top:218px;}.device-stage {height:460px;width:min(1020px,calc(100% - 70px));}.macbook {width:690px;}.story-deck {margin-top:15px;}.story-deck .story-caption {font-size:26px;}.screen-orb {left:calc(50% + 315px);top:124px;}.screen-stamp {bottom:4px;}.hero-description {font-size:12px;}
}
@media(min-width:900px) and (max-width:1199px) {
 .device-stage {width:calc(100% - 40px);height:520px;}.macbook {max-width:74%;top:45px;}.overlay,.overlay[data-size="compact"] {width:208px;}.overlay[data-type="game"] {width:310px;}.screen-orb {left:calc(50% + 280px);top:173px;}.counter-value {font-size:30px;}.timer-value {font-size:26px;}.screen-stamp {left:20%;}.playground {min-height:820px;}
}
@media(max-width:899px) {
 .hud {top:0;width:calc(100% - 24px);max-width:none;}.hud-top,.hud.compact .hud-top {height:52px;gap:10px;padding:0 10px;}.hud .brand {font-size:16px;}.hud .brand .emble-orb {width:24px;height:24px;}.hud-tabs button {font-size:12px;padding:0 9px;}.hud-reveal {width:calc(100% - 32px);max-width:620px;}.hud .get-button {padding:0 12px;min-height:36px;}.hud .get-wrap,.hud.compact .get-wrap {padding-top:0;}.hud .get-wrap>span {display:none;}
 .playground {height:auto;max-height:none;min-height:0;padding:190px 0 65px;}.device-stage {width:min(540px,calc(100% - 36px));height:auto;padding-top:0;}.macbook {position:relative;left:auto;top:auto;transform:none;width:100%;max-width:none;margin:10px auto 34px;}.mac-lid {padding:5px 5px 7px;border-radius:12px 12px 5px 5px;}.mac-display {border-width:4px;border-radius:7px 7px 2px 2px;}.mac-camera {width:64px;height:12px;}.mac-camera i {top:4px;width:3px;height:3px;}.desktop-menubar {height:16px;font-size:6px;padding:0 6px;}.desktop-menubar i {display:none;}.desktop-work {top:20%;height:64%;left:16%;width:68%;}.desktop-windowbar {height:20px;font-size:7px;}.traffic-lights i {width:5px;height:5px;}.desktop-document {padding:12px 16px;}.desktop-document h2 {font-size:20px;line-height:1.16;margin:7px 0;}.desktop-document small {font-size:5px;}.desktop-document p {font-size:7px;}.document-line {display:none;}.desktop-dock {height:24px;padding:3px 5px;gap:4px;bottom:4px;border-radius:7px;}.desktop-dock>i {width:16px;height:16px;border-radius:4px;}.dock-finder::after {font-size:13px;left:3px;top:0;}.dock-safari::after {inset:3px 7px;}.dock-note::after{inset:7px 3px 3px;}.mac-base {height:10px;width:106%;margin-left:-3%;}.screen-orb {top:0;left:auto;right:-5px;}.screen-orb>.emble-orb {width:28px;height:28px;}.orb-caption {display:none;}.screen-stamp {display:none;}
 .device-stage .space {position:relative;inset:auto;display:flex;width:100%;height:auto;gap:12px;margin-top:-60px;z-index:4;}.space>.overlay,.space>.overlay[data-size="compact"] {width:100%;max-width:380px;margin:0 auto;}.overlay-header,.overlay[data-type="game"] .overlay-header {min-height:44px;}.overlay-header .drag-handle,.overlay-header .icon-button {width:44px;height:44px;}.round-control {width:44px;height:44px;}.overlay-body,.overlay[data-size="compact"] .overlay-body {padding:4px 16px 13px;}.counter-value,.overlay[data-size="compact"] .counter-value {font-size:33px;}.timer-value,.overlay[data-size="compact"] .timer-value {font-size:30px;}.game-controls .pill {min-height:44px;font-size:14px;}.game-status {font-size:14px;}.game-scorebar {font-size:12px;}.mobile-reorder {min-height:38px;}.mobile-reorder button {min-height:44px;}.story-deck,.hud.story-playing+main .story-deck {margin:29px auto 0;padding:0;}.story-deck .story-caption {font-size:27px;}.hero-description {display:block;max-width:310px;margin:auto;font-size:13px;}.scene-scroll {margin-top:10px;}
 .feature {width:calc(100% - 48px);padding:85px 0;min-height:0;gap:38px;}.feature::after {inset:20px -24px;}.feature-copy h2 {font-size:35px;}.feature-copy>p:not(.eyebrow) {font-size:15px;}.feature-scene {min-height:320px;}.closing {padding-top:80px;}.closing h2 {font-size:36px;}
}
@media(max-width:580px) {
 .hud .brand>span:last-child {display:none;}.hud-top,.hud.compact .hud-top {gap:5px;}.hud-tabs button {padding:0 8px;}.hud .get-button {font-size:11px;padding:0 10px;}.hud-reveal {width:calc(100% - 24px);}.hud[data-mode="overlays"] .hud-reveal {height:205px;}.hud .tool-options {display:grid;grid-template-columns:1fr 1fr;gap:5px;}.hud .tool-options button {min-height:44px;}.hud .creation-dock {gap:0;}.hud .creation-dock .text-button {font-size:10px;}.hud .hud-pro {gap:7px;padding:0 11px;}.hud-pro strong {font-size:11px;}.hud-pro button {padding:0 6px;font-size:11px;}.hud .cursor-button {display:none;}.desktop-document h2 {font-size:17px;}.desktop-document p {font-size:6.5px;}.desktop-file {display:none;}.desktop-work {height:68%;top:18%;}.desktop-document {padding:10px 13px;}
}
@media(max-width:359px) {.hud-tabs button {padding:0 6px;font-size:11px;}.hud .get-button {padding:0 8px;font-size:10px;}.hud .brand .emble-orb {width:22px;height:22px;}.hud .brand {gap:0;}.device-stage {width:calc(100% - 30px);}.desktop-document p {display:none;}.desktop-document h2 {font-size:16px;}.hud-pro strong {max-width:118px;}.feature {width:calc(100% - 36px);}.story-deck .story-caption {font-size:25px;}}
@media(prefers-reduced-motion:reduce) {.hud-reveal,.screen-orb,.screen-orb .orb-caption,.feature-scene {transition:none!important;}.hud-underlight,.mac-display .morning-light {animation:none!important;}.feature-scene {transform:none!important;}.feature::after {display:none;}}
html[data-motion-preference="paused"] .screen-orb,html[data-motion-preference="paused"] .feature-scene {transition:none;}

@media(max-width:899px) {
 .hud::before {left:calc(50% - min(310px,50% - 16px) - 20px);}
 .hud::after {left:calc(50% + min(310px,50% - 16px));}
 .hud[data-mode="overlays"] .hud-reveal {height:145px;}
 .hud .hud-top {border-radius:0 0 18px 18px;}
 .hud .tool-options {gap:3px;}.hud .tool-options button {padding:0 6px;gap:5px;}
 .overlay[data-type="game"] .game-scorebar {font-size:12px;}.overlay[data-type="game"] .game-status {font-size:13px;}
}
@media(max-width:580px) {
 .hud::before,.hud::after {display:none;}
 .hud .orb-button {display:none;}
 .hud .tool-options {display:flex;}.hud .tool-options button {flex-direction:column;gap:4px;min-height:62px;}.hud .tool-options button strong {font-size:11px;}
 .hud[data-mode="overlays"] .hud-reveal {height:155px;}
 .hud[data-mode="files"] .hud-reveal {height:134px;}
 .hud .hud-composer {padding:9px 12px;}
 .file-empty>span {font-size:10px;}
 .hud-files {padding:13px 15px;}
 .hud .hud-underlight {left:5%;right:5%;}
}
@media(prefers-reduced-motion:reduce) {.hud .hud-mode-panel,.hud::before,.hud::after {transition:none!important;}}

/* V11: Pro is a header state, independent of the working drawer. */
.hud #command-target {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;}
.hud #command {padding-top:0;padding-bottom:0;font-size:13px;}
.hud-script-label {display:none;}
.hud-actions {margin-left:auto;display:flex;align-items:center;gap:18px;}
.hud .get-wrap {margin-left:0;}
.playground-link {display:flex;align-items:center;gap:6px;font-size:13px;min-height:44px;padding:0 5px;color:#d6dce5;}
.playground-link img {display:none;width:19px;height:19px;filter:invert(1);}
.pro-control {position:relative;margin-left:128px;display:flex;align-items:center;}
#pro-preview {min-height:44px;padding:0 12px;border-radius:12px;font-size:14px;position:relative;color:#d7dce6;}
#pro-preview[aria-pressed="true"] {color:white;background:#ffffff0e;}
.pro-control .pro-channels {position:absolute;left:auto;right:100%;top:0;width:128px;height:44px;display:flex;gap:3px;align-items:center;opacity:0;visibility:hidden;transform:translateX(24px);transition:transform 350ms var(--ease),opacity 180ms ease,visibility 0s 350ms;}
.hud.pro-previewing .pro-channels {opacity:1;visibility:visible;transform:translateX(0);transition:transform 350ms var(--ease),opacity 220ms ease,visibility 0s;}
.pro-channels button {font-size:13px;min-height:40px;padding:0 10px;border-radius:10px;color:#becadd;}
.pro-channels button[aria-pressed="true"] {background:#a8c9ff22;color:#e6f2ff;}
.hud-underlight {animation:none;}
.hud.pro-previewing:not(.compact) .hud-underlight {animation:hud-breathe 3.8s ease-in-out infinite;top:92px;}
.hud.pro-previewing .hud-top {box-shadow:inset 0 -1px 0 #a1c6ff4d;}
@keyframes hud-breathe {0%,100%{opacity:.35;transform:scaleX(.92)}50%{opacity:.9;transform:scaleX(1)}}
.pro-edge {position:fixed;inset:0;z-index:74;pointer-events:none;opacity:0;transition:opacity 500ms var(--ease);box-shadow:inset 0 0 38px 7px #74b6ff6b;background:linear-gradient(90deg,#94cbff35,transparent 7%,transparent 93%,#94cbff35);}
html[data-pro-channel="listen"] .pro-edge,html[data-pro-channel="watch"] .pro-edge {opacity:1;}
.scene-afterword {padding:90px 0 35px;background:#e8f0f3;}
.scene-afterword .story-deck {margin:0 auto;}
.scene-afterword .story-kicker {display:none;}
.screen-stamp {display:none;}
.overlay[data-type="game"] .game-scorebar,.overlay[data-type="game"] .game-scorebar b,.overlay[data-type="game"] .game-lives {color:#c3d4e9;}
html[data-motion-preference="paused"] .hud-underlight,html[data-visible="false"] .hud-underlight {animation-play-state:paused!important;}
@media(max-width:1050px) {
 .hud-actions {gap:10px;}.pro-control {margin-left:110px;}.pro-control .pro-channels {width:110px;}.pro-channels button {padding:0 8px;font-size:12px;}
}
@media(max-width:899px) {
 .hud .hud-tabs {gap:0;}.hud-top,.hud.compact .hud-top {gap:8px;}
 .hud-actions {gap:5px;}.pro-control {margin-left:0;}.pro-control .pro-channels {background:#0b0d10;border-radius:10px;right:100%;z-index:4;}
 .playground-link>span {display:none;}.playground-link img {display:block;}.playground-link {width:32px;justify-content:center;padding:0;}
 .hud.pro-previewing .playground-link {visibility:hidden;pointer-events:none;}
 .hud.pro-previewing .hud-tabs {opacity:0;visibility:hidden;pointer-events:none;}
 .hud .get-button {padding:0 10px;}.hud #pro-preview {padding:0 8px;}
 .scene-afterword {padding:65px 0 10px;}.file-feedback {font-size:9px;}.hud-files {padding-top:10px;}
}
@media(max-width:580px) {
 .hud .hud-tabs button {padding:0 7px;}.hud-actions {gap:2px;}.hud .hud-top {padding:0 8px;gap:5px;}
 .hud .brand {min-width:22px;}.hud .get-button {font-size:10px;padding:0 8px;}
 .hud #pro-preview {font-size:12px;padding:0 7px;}.pro-dot {margin-left:4px;width:4px;height:4px;}
 .playground-link {width:26px;}.hud .hud-tabs button {font-size:12px;}
 .hud[data-mode="files"] .hud-reveal {height:136px;}.hud[data-mode="notes"] .hud-reveal {height:132px;}
 .hud-panel-heading {font-size:12px;}.file-picker {min-height:32px;font-size:12px;}.file-empty>span {font-size:9px;}
 .hud-notes label {font-size:12px;}.hud-notes label span {font-size:9px;}
}
@media(max-width:359px) {.hud .hud-tabs button {font-size:11px;padding:0 5px;}.hud #pro-preview {padding:0 5px;}.hud-actions{gap:0;}.hud .get-button {padding:0 6px;}.hud .brand .emble-orb {width:20px;height:20px;}}
@media(prefers-reduced-motion:reduce) {.hud.pro-previewing:not(.compact) .hud-underlight {animation:none;opacity:.6;}.pro-control .pro-channels,.pro-edge {transition:none!important;}}

/* Personal objects keep their own material, silhouette and small footprint. */
.object-space {position:absolute;inset:0;z-index:7;pointer-events:none;}
.desk-object {position:absolute;left:0;top:0;pointer-events:auto;filter:drop-shadow(0 12px 14px #132e4230);}
.object-tools {position:absolute;display:flex;top:-24px;right:0;opacity:0;transition:opacity 140ms;z-index:3;}
.desk-object:hover .object-tools,.desk-object:focus-within .object-tools,.object-moving .object-tools {opacity:1;}
.object-tools button {width:32px;height:30px;background:#f6f6efd9;color:#344554;font-size:19px;line-height:1;border:1px solid #bac7cb66;}
.object-grip {border-radius:8px 0 0 8px;cursor:grab;touch-action:none;}.object-close {border-radius:0 8px 8px 0;}
.object-moving .object-grip {cursor:grabbing;}.object-moving {z-index:10;filter:drop-shadow(0 15px 18px #132e4240);}
.object-reminder {width:58px;height:67px;}
.reminder-badge {width:58px;height:58px;border-radius:17px;background:linear-gradient(145deg,#ff806d,#db352f);color:#fff6df;border:1px solid #ffb4a5;box-shadow:inset 0 2px 1px #ffb0a1,inset 0 -4px 0 #ad262f,0 2px 0 #a12633;display:grid;place-items:center;transition:filter 180ms;}
.reminder-badge span {font:700 42px/1 ui-rounded,system-ui,sans-serif;transform:translateY(-2px);text-shadow:0 2px 0 #ac302b;}.reminder-badge[aria-pressed="false"]{filter:saturate(.3);}.reminder-badge:active{scale:.96;}
.object-sign {width:174px;height:76px;}
.street-plaque {position:relative;z-index:2;display:flex;align-items:center;gap:3px;padding:8px 10px;background:#296c5a;border:3px solid #e7eedb;border-radius:7px;box-shadow:0 0 0 1px #28564d,inset 0 0 0 1px #739782;}
.street-plaque input {width:127px;min-width:0;background:none;border:0;color:#fffce4;font:600 11px/1.15 ui-sans-serif,system-ui,sans-serif;letter-spacing:.3px;padding:4px 0;}
.street-plaque span {font-size:22px;color:#fffce4;}.sign-post {display:block;width:7px;height:29px;margin:0 auto;background:linear-gradient(90deg,#7b9294,#d0dbd7 50%,#698689);border-radius:0 0 2px 2px;}
.object-photo {width:126px;height:158px;}
.photo-print {padding:7px 7px 10px;background:#fffdf3;border:1px solid #faf8e7;box-shadow:0 1px 2px #3b50534a;}
.photo-print img {width:110px;height:109px;object-fit:cover;display:block;pointer-events:none;}
.photo-print input {width:100%;min-width:0;margin:8px 0 0;background:transparent;border:0;color:#596c76;text-align:center;font:10px/1.2 system-ui;padding:3px 0;}
.object-options {display:flex;align-items:center;gap:7px;padding:4px 0 8px;margin-top:4px;border-bottom:1px solid #ffffff12;}
.object-options>span {font-size:11px;color:#8796a7;margin-right:auto;}
.object-options button {display:flex;align-items:center;gap:8px;min-height:36px;padding:0 11px;color:#cdd7e2;background:#ffffff05;border:1px solid #ffffff10;border-radius:8px;font-size:12px;}
.object-options button i {font:600 15px/1 system-ui;color:#9db2c9;}.object-options button:first-of-type i {color:#ff998b;}
.hud[data-mode="overlays"] .hud-reveal {height:206px;}
@media(max-width:899px) {
 .object-space {position:relative;inset:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:28px 22px;margin:46px auto 0;max-width:370px;}
 .desk-object {position:relative;transform:none!important;}.object-tools {opacity:1;top:-27px;}.object-tools button {width:44px;height:32px;}.object-grip {display:none;}.object-close {border-radius:8px;}.object-options {gap:5px;flex-wrap:wrap;}.object-options>span {display:none;}.object-options button {flex:1;justify-content:center;padding:0 5px;min-height:40px;font-size:11px;}.hud[data-mode="overlays"] .hud-reveal {height:207px;}
}
@media(prefers-reduced-motion:reduce) {.object-tools,.reminder-badge {transition:none;}}

/* Pocket arcade: readable instruments around an inset, working playfield. */
.overlay[data-type="game"] {width:348px;}
.overlay[data-type="game"] .overlay-shell {background:#182635;border-color:#46586b;border-radius:16px;}
.overlay[data-type="game"] .game-scorebar {display:flex;align-items:center;gap:16px;min-height:39px;font:10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.3px;padding:5px 1px 7px;}
.overlay[data-type="game"] .game-scorebar>span {display:flex;align-items:center;gap:6px;color:#aebdd0;}
.overlay[data-type="game"] .game-scorebar b {font-size:14px;color:#f3f7fb;}
.overlay[data-type="game"] [data-game-score] {font-size:17px;min-width:31px;}
.overlay[data-type="game"] .game-lives {margin-left:auto;gap:5px;font-size:14px;letter-spacing:2px;}
.overlay[data-type="game"] .game-lives::before {content:'LIVES';font-size:9px;letter-spacing:.2px;}
.overlay[data-type="game"] .game-canvas {background:#0c1723;box-shadow:inset 0 2px 5px #0003;}
.overlay[data-type="game"] .game-bottom {min-height:53px;gap:8px;padding-top:7px;}
.overlay[data-type="game"] .game-status {font-size:12px;line-height:1.35;color:#becbdd;max-width:170px;}
.overlay[data-type="game"] .game-controls .pill {min-height:44px;background:#e6edda;color:#29392e;min-width:52px;}
.overlay[data-type="game"] .game-key-hint {display:none;}
.overlay[data-type="game"]:has(.game-canvas:focus-visible) .game-key-hint {display:block;color:#bdcddd;font-size:11px;}
@media(max-width:899px) {.overlay[data-type="game"] {width:100%;}.overlay[data-type="game"] .game-status{font-size:13px;}}

.reminder-badge {rotate:-9deg;}.street-plaque {rotate:4deg;}.photo-print {rotate:7deg;}
.hud .hud-tabs {background:transparent;border:0;box-shadow:none;border-radius:0;padding:0;}
.hud .hud-tabs button {color:#d7dce4;}
.hud .hud-tabs button[aria-current="page"] {color:#fff;background:#ffffff13;}
@media(max-width:899px){.hud .get-button {min-height:40px;}.hud.pro-previewing .hud-tabs {opacity:0;visibility:hidden;pointer-events:none;}}
.hud.pro-previewing:not(.compact) .get-wrap {opacity:1;visibility:visible;transform:none;}
.hud.compact .get-wrap>span {display:none;}
.overlay[data-type="timer"] .mobile-reorder {color:#acbac5;border-color:#ffffff10;}
.overlay[data-type="timer"] .mobile-reorder button {color:#d4deea;}
@media(max-width:899px){.object-tools button {background:#f6f6efb3;border:0;border-radius:50%;height:44px;}.object-tools {top:-34px;}}
.hud #pro-preview {white-space:nowrap;}