/* Shared components only. No route layout, board geometry or per-theme selectors. */
.cm-frame{position:relative;isolation:isolate;box-sizing:border-box;min-width:0;max-width:100%;min-height:var(--cm-frame-min-height,56px);padding:var(--cm-frame-padding,16px);border:0;background:transparent;border-radius:var(--cm-frame-radius,22px);color:var(--cm-ink,#25364a)}
.cm-frame__content{position:relative;z-index:1;min-width:0;overflow-wrap:anywhere;line-height:1.6}
.cm-frame__layers,.cm-frame__layers *,.cm-frame__ornaments,.cm-frame__ornaments *{pointer-events:none!important;user-select:none}
.cm-frame__layers{position:absolute;inset:0;z-index:0;display:block;border-radius:inherit;overflow:visible}
.cm-frame__surface{position:absolute;inset:3px;display:block;border-radius:inherit;background:linear-gradient(145deg,var(--cm-ui-frame-highlight,#fffdf6),var(--cm-ui-frame-fill,#fff8eb));box-shadow:inset 0 2px 5px #fff8,0 3px calc(var(--cm-ui-shadow-blur,10)*1px) color-mix(in srgb,var(--cm-ui-shadow-color,#25364a) calc(var(--cm-ui-shadow-opacity,.08)*100%),transparent);overflow:hidden}
.cm-frame__surface img,.cm-frame__foreground-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.16}
.cm-frame__foreground-art{opacity:calc(.16 * var(--cm-semantic-gloss,1))}
.cm-frame[data-frame-material=glass] .cm-frame__surface{background:linear-gradient(155deg,var(--cm-ui-frame-highlight,#fffdf6),var(--cm-ui-surface-secondary,#e7f1eb))}
.cm-frame[data-frame-material=jelly] .cm-frame__surface{background:linear-gradient(180deg,var(--cm-ui-frame-highlight,#fffdf6),color-mix(in srgb,var(--cm-ui-frame-fill,#fff8eb),var(--cm-ui-accent,#35704b) 12%));box-shadow:inset 0 3px 1px #fff8,inset 0 -3px 4px #25364a18}
.cm-frame__structure{position:absolute;inset:0;display:grid;grid-template-columns:var(--cm-frame-corner,24px) minmax(0,1fr) var(--cm-frame-corner,24px);grid-template-rows:var(--cm-frame-corner,24px) minmax(0,1fr) var(--cm-frame-corner,24px)}
.cm-frame__slice{display:block;min-width:0;min-height:0}.cm-frame__slice svg{width:100%;height:100%;display:block;transform:rotate(var(--cm-frame-rotation,0deg));overflow:visible}
.cm-frame__rim{stroke:var(--cm-ui-frame-edge,#d6ba94);stroke-width:3;stroke-linecap:round}.cm-frame__shine{stroke:var(--cm-ui-frame-highlight,#fffdf6);stroke-width:1.5;stroke-linecap:round;opacity:.85}
.cm-frame__ornaments{position:absolute;inset:0;z-index:2;display:block;overflow:visible}.cm-frame__ornament{position:absolute;width:var(--cm-art-width,42px);height:var(--cm-art-height,32px);object-fit:contain;filter:drop-shadow(0 2px 2px #25364a22)}
.cm-frame__ornament[data-anchor=top-left]{left:-7px;top:-12px}.cm-frame__ornament[data-anchor=top-right]{right:-7px;top:-12px}.cm-frame__ornament[data-anchor=bottom-left]{left:-7px;bottom:-12px}.cm-frame__ornament[data-anchor=bottom-right]{right:-7px;bottom:-12px}.cm-frame__ornament[data-anchor=top-edge]{left:calc(50% - 21px);top:-16px}.cm-frame__ornament[data-anchor=bottom-edge]{left:calc(50% - 21px);bottom:-16px}
.cm-frame__ornament[data-art-role=header]{left:50%;top:0;width:var(--cm-art-width,128px);max-width:max(0px,calc(100% - 2 * var(--cm-frame-corner,24px)));height:auto;aspect-ratio:var(--cm-art-ratio,3.2);transform:translate(-50%,-70%)}
.cm-frame__ornament[data-art-role=accent]{left:50%;bottom:0;top:auto;width:var(--cm-art-width,32px);height:var(--cm-art-height,24px);transform:translate(-50%,70%)}
.cm-frame__texture{position:absolute;inset:0;display:block;background-repeat:repeat;opacity:.12;pointer-events:none}
.cm-semantic-button.cm-button{color:var(--cm-ui-button-ink,var(--cm-ink));min-height:56px;min-width:120px;max-width:100%;padding:10px 24px;border-radius:var(--cm-frame-radius,12px);gap:8px;font-size:17px;font-weight:800;line-height:1.5;transition:translate 110ms ease,box-shadow 110ms ease;box-shadow:none}
.cm-semantic-button.cm-frame .cm-frame__surface{background:none;box-shadow:none}.cm-semantic-button .cm-frame__structure{z-index:1}.cm-semantic-button .cm-frame__rim{stroke:var(--cm-ui-frame-edge,#d6ba94)}
.cm-semantic-button .cm-button__label,.cm-semantic-button .cm-button__icon{position:relative;z-index:3}.cm-semantic-button .cm-button__label{white-space:normal;overflow-wrap:anywhere;line-height:1.5}.cm-semantic-button .cm-button__background{border:2px solid var(--cm-ui-frame-edge,#d6ba94);border-radius:inherit}
.cm-semantic-button[data-positive=true]:not(:disabled) .cm-button__background{background:linear-gradient(180deg,color-mix(in srgb,var(--cm-button-color,var(--cm-ui-button-base,#43af38)),var(--cm-ui-button-positive-top,#62cf32) 38%) 0%,color-mix(in srgb,var(--cm-button-color,var(--cm-ui-button-base,#43af38)),white 7%) 10px,var(--cm-button-color,var(--cm-ui-button-base,#43af38)) 16px,color-mix(in srgb,var(--cm-button-color,var(--cm-ui-button-base,#43af38)),black 10%) 100%);border-color:var(--cm-ui-button-positive-edge,#d3b675);box-shadow:inset 0 2px 0 #e5ffbd, inset 0 -3px 0 #12462755}
.cm-semantic-button[data-positive=true] .cm-frame__rim{stroke:var(--cm-ui-button-positive-edge,#d3b675)}
.cm-semantic-button .cm-button__foreground{inset:5px 10px auto;height:12px;border-radius:22px 22px 45% 45%;background:linear-gradient(130deg,#fff9,#fff1 70%);opacity:var(--cm-semantic-gloss,1)}.cm-semantic-button .cm-button__foreground:before{content:'';position:absolute;left:6px;top:2px;width:11px;height:5px;background:#fff;border-radius:50%;transform:rotate(-28deg)}
.cm-semantic-button:is(:active,[data-state=pressed]):not(:disabled){translate:0 2px;box-shadow:none}
.cm-semantic-button:is(:hover,[data-state=hover]):not(:disabled) .cm-button__background{filter:brightness(1.025)}
.cm-semantic-button:is([aria-pressed=true],[data-state=selected]){outline:3px solid var(--cm-ui-accent,#35704b);outline-offset:3px}.cm-semantic-button:is(:focus-visible,[data-state=focus]){outline:3px solid #245fa5;outline-offset:4px}
.cm-semantic-button:is(:disabled,[data-state=disabled]) .cm-button__background{background:var(--cm-ui-button-disabled,#e3e6e8);border-color:#bdc4c9;box-shadow:inset 0 1px #fff8}.cm-semantic-button:is(:disabled,[data-state=disabled]) .cm-frame__rim{stroke:#bdc4c9}.cm-semantic-button:is(:disabled,[data-state=disabled]) .cm-button__foreground{opacity:calc(var(--cm-semantic-gloss,1)*.2)}.cm-semantic-button:disabled{box-shadow:none;color:var(--cm-ui-button-disabled-text,#59616b)}
.cm-semantic-button[aria-busy=true]{cursor:progress}.cm-semantic-button[aria-busy=true] .cm-button__label:after{content:' ⋯'}
.cm-icon-only.cm-button{width:56px;min-width:56px;padding:10px}.cm-icon-only .cm-button__label,.cm-sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.cm-resource-counter .cm-frame__content{display:flex;align-items:center;justify-content:center;gap:8px;font-variant-numeric:tabular-nums}.cm-resource-counter .cu-art{width:30px;height:30px;object-fit:contain}.cm-resource-counter b{font-size:18px}
.cm-quest-composition{position:relative;padding-top:62px;min-width:0;max-width:100%;margin:0}.cm-quest-portrait{position:absolute;top:0;left:calc(50% - 44px);width:88px;height:82px;object-fit:contain;z-index:0}.cm-quest-composition>.cm-frame{z-index:1}.cm-quest-rewards{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;font-weight:800}.cm-quest-rewards span{display:flex;align-items:center;gap:3px}.cm-quest-rewards img{width:22px;height:22px;object-fit:contain}.cm-quest-items{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:12px}.cm-quest-item{border:2px solid #a7b0b4;border-radius:12px;padding:4px;background:#e8ebe7;filter:saturate(.7)}.cm-quest-item img{width:52px;height:52px;object-fit:contain}.cm-quest-item.is-delivered{border-color:#78c8a2;background:#e2ffe4;filter:none;box-shadow:0 0 7px #9bebbc}
.cm-tile-surface{width:64px;aspect-ratio:1;min-width:0;display:grid;place-items:center;border:1px solid var(--cm-ui-board-border,#b8b892);border-radius:9px;background:var(--cm-ui-board-a,#fff0cf);box-shadow:inset 0 1px #fffa}.cm-tile-surface.is-dark{background:var(--cm-ui-board-b,#cbdba5)}.cm-tile-surface.is-locked{background:linear-gradient(135deg,var(--cm-ui-locked-surface,#edc0b7),var(--cm-ui-locked-surface-end,#dca296));border-color:var(--cm-ui-locked-border,#be827c);opacity:var(--cm-ui-locked-opacity,1)}.cm-tile-surface .cu-art{width:90%;height:90%;object-fit:contain}.cm-tile-lock{font-size:13px;font-weight:800;color:var(--cm-ui-locked-text,#874e4c)}
@media(prefers-reduced-motion:reduce){.cm-semantic-button.cm-button{transition:none}.cm-semantic-button:is(:active,[data-state=pressed]){translate:none}.cm-semantic-button .cm-button__background{transform:none!important}}

.cm-semantic-button[data-positive=true] .cm-button__label{text-shadow:0 1px 1px #0b492e66}

.cm-quest-composition>.cm-frame .cm-frame__surface{background:linear-gradient(150deg,var(--cm-ui-quest-surface,#fffbed),var(--cm-ui-quest-surface-end,#d6eeee))}

/* Atlas joints sit on the frame; detail remains aspect-preserving at every size. */
.cm-frame__ornament[data-anchor=top-left]{left:0;top:0}
.cm-frame__ornament[data-anchor=top-right]{right:0;top:0}
.cm-frame__ornament[data-anchor=bottom-left]{left:0;bottom:0}
.cm-frame__ornament[data-anchor=bottom-right]{right:0;bottom:0}
.cm-frame[data-frame-composition=attached-joint]>.cm-frame__ornaments .cm-frame__ornament[data-art-role^=corner]{width:var(--cm-joint-size,28px);height:auto;aspect-ratio:var(--cm-art-ratio);filter:none}
.cm-frame[data-frame-composition=attached-joint]>.cm-frame__ornaments .cm-frame__ornament[data-art-role=accent]{width:16px}
.cm-semantic-button[data-frame-composition=attached-joint]{--cm-joint-size:20px}
.cm-tile-surface:not(.is-locked){background-image:linear-gradient(var(--cm-board-wash),var(--cm-board-wash)),var(--cm-board-art-a,linear-gradient(145deg,#ffffff66,#ffffff00 55%,#21354516));background-size:100% 100%,contain;background-position:center;background-repeat:no-repeat;box-shadow:inset 0 2px 1px #fff9,inset 0 -2px 2px #30454d1a}
.cm-tile-surface.is-dark:not(.is-locked){background-image:linear-gradient(var(--cm-board-wash),var(--cm-board-wash)),var(--cm-board-art-b,linear-gradient(145deg,#ffffff66,#ffffff00 55%,#21354516))}
.cm-semantic-button.cm-button,.cm-semantic-button.cm-button:disabled,.cm-semantic-button.cm-button:active,.jelly-button,.jelly-button:active{box-shadow:none!important}
.cm-frame__structure{display:block}
.cm-frame__outline{display:block;overflow:visible}
.cm-frame[data-frame-composition=attached-joint]>.cm-frame__layers .cm-frame__rim{stroke-width:4}

.cm-tile-surface{--cm-board-wash:color-mix(in srgb,var(--cm-ui-board-a) calc((1 - var(--cm-ui-board-art-opacity,.48))*100%),transparent)}
.cm-tile-surface.is-dark{--cm-board-wash:color-mix(in srgb,var(--cm-ui-board-b) calc((1 - var(--cm-ui-board-art-opacity,.48))*100%),transparent)}

/* Raster rails repeat along straight spans. Caps keep their native aspect ratio. */
.cm-frame[data-frame-rails]{--cm-rail-width:5px;--cm-rail-inset:1px;--cm-rail-end:calc(var(--cm-joint-size,28px) * .7)}
.cm-frame__rails{position:absolute;inset:0;display:block;pointer-events:none}
.cm-frame__rail{position:absolute;display:block;background-repeat:repeat}
.cm-frame__rail[data-side=top],.cm-frame__rail[data-side=bottom]{left:var(--cm-rail-end);right:var(--cm-rail-end);height:var(--cm-rail-width);background-size:auto 100%}
.cm-frame__rail[data-side=top]{top:var(--cm-rail-inset)}.cm-frame__rail[data-side=bottom]{bottom:var(--cm-rail-inset)}
.cm-frame__rail[data-side=left],.cm-frame__rail[data-side=right]{top:var(--cm-rail-end);bottom:var(--cm-rail-end);width:var(--cm-rail-width);background-size:100% auto}
.cm-frame__rail[data-side=left]{left:var(--cm-rail-inset)}.cm-frame__rail[data-side=right]{right:var(--cm-rail-inset)}
.cm-frame[data-frame-rails=true]>.cm-frame__layers .cm-frame__outline{opacity:.25}
.cm-frame[data-frame-rails]>.cm-frame__ornaments{z-index:4}
.cm-frame[data-frame-rails]>.cm-frame__layers .cm-frame__surface{inset:4px}
.cm-frame[data-frame-family=resource][data-frame-rails]{--cm-joint-size:15px;--cm-rail-width:4px}
.cm-frame[data-frame-family=board][data-frame-rails]{--cm-rail-width:10px;--cm-rail-inset:0px}
.cm-frame[data-frame-family=shop][data-frame-rails]{--cm-rail-width:6px}
.cm-semantic-button[data-frame-rails]>.cm-button__background{border-color:transparent}

.cm-semantic-button[data-compact-frame]{--cm-frame-radius:7px}
.cm-semantic-button[data-compact-frame]>.cm-frame__layers .cm-frame__structure,.cm-semantic-button[data-compact-frame]>.cm-frame__ornaments{display:none}
.cm-semantic-button[data-compact-frame]>.cm-button__background{border-width:1px;border-radius:7px}

/* Atlas cell contract: one painted bevel; no second CSS border/shadow. */
body.chrono-ui #board[data-cell-art] .cell,.cm-tile-surface[data-cell-art]{
 --cm-cell-image:var(--cm-board-art-a,linear-gradient(145deg,#fff9,#b7cbd0));
 --cm-cell-tint:transparent;
 border:0!important;box-shadow:none!important;background-color:transparent!important;
 background-image:linear-gradient(var(--cm-cell-tint),var(--cm-cell-tint)),var(--cm-cell-image)!important;
 background-size:100% 100%,contain!important;background-position:center!important;background-repeat:no-repeat!important;
}
body.chrono-ui #board[data-cell-art] .cell.checker-dark,.cm-tile-surface[data-cell-art].is-dark{--cm-cell-image:var(--cm-board-art-b,linear-gradient(145deg,#c2e3f3,#7ba7bb))}
body.chrono-ui #board[data-cell-art] .cell.permanent-lock,.cm-tile-surface[data-cell-art].is-locked{--cm-cell-tint:color-mix(in srgb,var(--cm-ui-locked-surface,#8ba4ad) 42%,transparent);filter:saturate(.45)}
body.chrono-ui #board[data-cell-art] .cu-lock-level,.cm-tile-surface[data-cell-art].is-locked span{background:transparent;border:0;border-radius:0;color:var(--cm-ui-locked-text,#334f5b);text-shadow:0 1px 0 #ffffffc0;padding:2px}
body.chrono-ui #board[data-cell-art] .cell.permanent-lock{background-image:linear-gradient(var(--cm-cell-tint),var(--cm-cell-tint)),var(--cm-cell-image)!important;background-size:100% 100%,contain!important;background-position:center!important;background-repeat:no-repeat!important}
body.chrono-ui #board[data-cell-art] .cell.permanent-lock::before{content:'';position:absolute;inset:14%;background:var(--cm-cell-seal,none) center/contain no-repeat;opacity:.18;pointer-events:none;z-index:0}
body.chrono-ui #board[data-cell-art] .cu-lock-level{position:relative;z-index:1}

body.chrono-ui #board .cell.purchase-reveal{outline:2px solid #f6ce69;outline-offset:-3px}

/* v6 optional nine-slice borders. No layout/hitbox owner or per-theme CSS. */
.cm-frame__nine-slice{position:absolute;inset:0;display:block;border:solid transparent;box-sizing:border-box;border-width:var(--cm-slice-width,12px);border-image-width:1;border-image-repeat:round;pointer-events:none}
.cm-frame[data-frame-slice=true]>.cm-frame__layers .cm-frame__outline{opacity:0}
.cm-frame[data-frame-slice=fallback]>.cm-frame__layers .cm-frame__outline{opacity:1}
.cm-frame[data-frame-slice=true]>.cm-frame__layers .cm-frame__surface{inset:6px;box-shadow:none}
.cm-semantic-button[data-frame-slice=true] .cm-button__background{inset:5px;border-color:transparent}
.cm-semantic-button[data-frame-slice=true]:is(:disabled,[data-state=disabled])>.cm-frame__layers .cm-frame__nine-slice{filter:grayscale(1);opacity:.65}
.cm-semantic-button[data-frame-slice=true]:is(:active,[data-state=pressed]):not(:disabled)>.cm-frame__layers .cm-frame__nine-slice{filter:brightness(.9)}
.cm-semantic-button[data-frame-slice=true]:is([aria-pressed=true],[data-state=selected])>.cm-frame__layers .cm-frame__nine-slice{filter:brightness(1.14) drop-shadow(0 0 2px var(--cm-ui-accent))}
.cm-quest-item[data-frame-slice]{border:0;background:transparent;box-shadow:none;filter:none}
.cm-quest-item[data-frame-slice]>.cu-art{position:relative;z-index:1}
.cm-quest-item[data-frame-slice]:not(.is-delivered) .cm-frame__nine-slice{filter:grayscale(.65);opacity:.75}
.cm-quest-item[data-frame-slice].is-delivered .cm-frame__nine-slice{filter:drop-shadow(0 0 3px #86dca2)}
body.chrono-ui .cu-order-quest>.cu-delivery-card[data-frame-slice]{padding:12px 9px 9px}
body.chrono-ui .cu-order-quest>.cu-delivery-card[data-frame-slice] .cu-order-reward{padding:0 3px 2px}
body.chrono-ui .cu-order-quest>.cu-delivery-card[data-frame-slice] .cu-order-request{padding-bottom:6px}
body.chrono-ui .cu-order-quest .cu-request-slot[data-frame-slice]{padding:5px}
body.chrono-ui .cm-integrated-button[data-frame-slice] .cm-frame__structure,body.chrono-ui .cm-board-perimeter[data-frame-slice] .cm-frame__structure{display:block;opacity:1}
body.chrono-ui .cu-generator-grid .cu-shop-card>.cm-button[data-frame-slice] .cm-frame__structure{display:block}
@media(prefers-reduced-motion:reduce){.cm-frame__nine-slice{transition:none}}

/* Portrait reveal and material fallback also work without Button Studio. */
.cm-quest-composition:not(.cu-order-quest){padding-top:90px}
.cm-quest-composition:not(.cu-order-quest)>.cm-quest-portrait{left:calc(50% - 55px);width:110px;height:110px}
.cm-frame[data-frame-slice=true]>.cm-frame__ornaments>.cm-frame__ornament[data-art-role=header]{transform:translate(-50%,-75%)}

.cm-semantic-button[data-frame-slice=true]>.cm-frame__layers{z-index:1}

/* The new border uses the same measured gutter as the existing rail composition. */
body.chrono-ui .cm-board-perimeter[data-frame-slice]{overflow:visible;max-width:none}
body.chrono-ui .cm-board-perimeter[data-frame-slice] .cm-frame__structure{opacity:1}
body.chrono-ui .board-wrap:has(>.cm-board-perimeter[data-frame-slice]){padding:var(--cm-board-gutter,32px)!important;overflow:visible}
body.chrono-ui .game.cu-live-game:has(.cm-board-perimeter[data-frame-slice]){border:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;overflow:visible}

.cu-selected-bar.cm-integrated-panel[data-frame-slice=true]{border:0!important;background:transparent!important;padding:8px 12px!important}
.cu-shop-heading.cm-integrated-panel[data-frame-slice=true]{border:0!important;background:transparent!important}

/* v7: clip surface/liquid only; the painted rim and its corners remain unmasked. */
.cm-frame[data-frame-surface-mask=true]>.cm-frame__layers>.cm-frame__surface,
.cm-button[data-frame-surface-mask=true]>.cm-button__background{inset:0!important;border:0!important;border-radius:0!important;-webkit-mask-box-image:var(--cm-frame-surface-mask);box-shadow:none!important}
.cm-button[data-frame-surface-mask=true]>.cm-button__foreground{display:none}
.cm-button[data-frame-slice=true]{overflow:visible!important}
.cm-button[data-frame-slice=true]>.cm-button__label{min-width:0;text-align:center;line-height:1.4;overflow-wrap:normal;word-break:normal}
.cu-hud .cm-button__label,.cu-play-nav .cm-button__label{white-space:nowrap}
.cu-profile .cm-button__background{overflow:hidden}
.cu-profile .cu-level-liquid{position:absolute;inset:auto 0 0;height:var(--level-fill,0%);background:linear-gradient(#48e5efd9,#00a6ce);pointer-events:none;transition:height .65s ease-out}
.cu-profile .cu-level-liquid:before,.cu-profile .cu-level-liquid:after{max-width:none}
body.chrono-ui .cu-order-flow .cu-live-game>.board-wrap:has(>.cm-board-perimeter[data-frame-slice]){padding:var(--cm-board-gutter,32px)!important;width:100%!important;box-sizing:border-box}
.cu-shell>.cu-hud,.cu-shell>.cu-nav,.cu-shell>.cu-play-nav{border:0!important;box-shadow:none;background:transparent}
.cu-map-node.cm-button{transform:none!important;translate:-50% -50%!important;width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;padding:8px!important;transition:none!important}
.cu-map-node .cm-button__label{font-size:18px!important;line-height:1!important}
.cu-world-map .cu-map-landmark,.cu-world-map.has-scene-art .cu-map-landmark{left:50%;top:45%;translate:-50% -50%;width:26%;height:29%;object-position:center}
@media(prefers-reduced-motion:reduce){.cu-profile .cu-level-liquid{transition:none}}


/* Keep crest silhouettes above readable rewards and reserve room for level digits. */
body.chrono-ui .cu-order-quest>.cu-delivery-card[data-frame-slice]{padding-top:20px}
.cu-order-flow .cu-hud .cu-profile{min-width:58px!important;gap:2px;padding:4px!important}
.cu-order-flow .cu-profile .cm-button__icon{width:18px;height:18px}
.cu-order-flow .cu-profile .cm-button__label{font-size:14px}

/* Native press feedback must not displace map anchors. */
body.chrono-ui .cu-world-map button.cu-map-node.cm-button{transform:none!important;animation:none!important}
/* Paint belongs to the masked material layer, including disabled catalog actions. */
body.chrono-ui .cm-button[data-frame-slice=true]{background:transparent!important}
.cm-button>.cm-frame__layers .cm-frame__nine-slice{border-image-repeat:round stretch}
.cu-blueprint-feature>.cm-button[data-frame-slice]{width:100%;padding-inline:18px}

/* Approved energy p01: atlas-defined content bounds; never mask the interactive root. */
body:is(.chrono-ui,.ui-library) .cm-button[data-frame-safe="true"] {
 padding:var(--cm-safe-top) var(--cm-safe-right) var(--cm-safe-bottom) var(--cm-safe-left)!important;
}
/* Keep the existing 54px HUD track and board origin; use its internal space for touch. */
@media(max-width:599px) and (orientation:portrait){
 body.chrono-ui .cu-order-flow .cu-hud{padding-block:5px}
 body.chrono-ui .cu-order-flow .cu-hud .cm-button{min-height:44px}
}

/* Settings keeps its accessible 44px hit target and focus ring; only the icon is painted. */
body.chrono-ui .cu-hud .cu-settings.cm-button{background:transparent!important;border:0!important;box-shadow:none!important;gap:0}
body.chrono-ui .cu-hud .cu-settings>:is(.cm-frame__layers,.cm-frame__ornaments,.cm-button__background,.cm-button__foreground,.cm-button__label){display:none!important}
body.chrono-ui .cu-hud .cu-settings .cm-button__icon{width:30px;height:30px;flex:none}
body.chrono-ui .cu-hud .cu-settings:focus-visible{outline:2px solid var(--cm-ui-accent,#3ebbe5);outline-offset:1px}