/* Exterior repaint only. Mobile geometry and every scene target retain baseline dimensions. */
body.breakfast-redesign #observer-margin{display:none!important}
body.breakfast-redesign .sv-game{background:#08090b;color:#e8ddc7}
body.breakfast-redesign .sv-stage{background:none}
body.breakfast-redesign .sv-header h1{color:#e6d5b2;font-weight:400}
body.breakfast-redesign .sv-header small,body.breakfast-redesign .sv-score,body.breakfast-redesign .sv-score>small{color:#aa946f}
body.breakfast-redesign .sv-score b{color:#d6b980}
body.breakfast-redesign .sv-close,body.breakfast-redesign .sv-pause{border-color:#ad905b;background:#111112;color:#d5ba83;border-radius:8px}
body.breakfast-redesign .sv-carry span{color:#aa946f}
body.breakfast-redesign .sv-carry b,body.breakfast-redesign .sv-status{color:#dfd2b9}
body.breakfast-redesign .sv-next button{background:#151416;color:#ddc99f;border-color:#9f8557}
body.breakfast-redesign .sv-panel,body.breakfast-redesign .sv-recipe{background:#101012;color:#e1d5bd;border-color:#aa8e5b;box-shadow:0 12px 40px #0006}
body.breakfast-redesign .sv-panel button,body.breakfast-redesign .sv-recipe button{background:#302a24;color:#ead9b5;box-shadow:inset 0 0 0 1px #ad905b}
body.breakfast-redesign .sv-panel a,body.breakfast-redesign .sv-level-options button small{color:#c5ab7b}
body.breakfast-redesign .sv-help{border-color:#aa8e5b66}
body.breakfast-redesign .sv-discard-options button,body.breakfast-redesign .sv-panel .sv-discard-cancel{background:#252122;color:#e1d5bd}
/* Decor stays within existing panels and cannot resize the scene or catch input. */
body.breakfast-redesign .sv-header,body.breakfast-redesign .sv-footer{position:relative}
body.breakfast-redesign .sv-header:after,body.breakfast-redesign .sv-footer:before{content:'✶';position:absolute;left:36%;right:36%;height:12px;text-align:center;line-height:12px;font-size:12px;color:#b79b65;background:linear-gradient(#9a8051,#9a8051) left center/calc(50% - 10px) 1px no-repeat,linear-gradient(#9a8051,#9a8051) right center/calc(50% - 10px) 1px no-repeat;pointer-events:none}
body.breakfast-redesign .sv-header:after{bottom:0}
body.breakfast-redesign .sv-footer:before{top:-12px}
body.breakfast-redesign .sv-picture:after{content:'';position:absolute;inset:0;border:1px solid transparent;border-image:url('assets/game-shell/coffee-frame.svg') 40 / 16px / 0 stretch;pointer-events:none;z-index:6}
@media(min-width:760px){
 body.breakfast-redesign .sv-game[data-shell-desktop="true"]{position:relative;left:auto;top:auto;z-index:1;width:calc(100% - 52px);max-width:1128px;height:auto;margin:20px auto 28px;padding:0;grid-template-columns:minmax(0,1fr);grid-template-rows:144px auto 100px;overflow:visible}
 body.breakfast-redesign .sv-game[data-shell-desktop="true"] .sv-header{grid-column:1;grid-row:1;padding:12px 0 22px;display:flex;justify-content:space-between;gap:16px}
 body.breakfast-redesign .sv-game[data-shell-desktop="true"] .sv-header>div{width:auto;order:0;text-align:left}
 body.breakfast-redesign .sv-game[data-shell-desktop="true"] .sv-header h1{font:400 40px/1.15 var(--serif,Georgia,serif)}
 body.breakfast-redesign .sv-game[data-shell-desktop="true"] .sv-header>div>small{font-size:11px}
 body.breakfast-redesign .sv-game[data-shell-desktop="true"] .sv-stage{grid-column:1;grid-row:2;aspect-ratio:1000/610;width:100%;overflow:hidden;border-radius:18px}
 body.breakfast-redesign .sv-game[data-shell-desktop="true"] .sv-footer{grid-column:1;grid-row:3;padding:26px 14px 8px;align-items:center;justify-content:flex-start}
 body.breakfast-redesign .sv-game[data-shell-desktop="true"] .sv-modal{border-radius:18px;background:#08090bb3}
 body.breakfast-redesign .sv-game[data-shell-desktop="true"] .sv-header:after{bottom:18px}
 body.breakfast-redesign .sv-game[data-shell-desktop="true"] .sv-footer:before{top:8px}
}
@media(min-width:760px){
 body.breakfast-redesign .sv-game[data-shell-desktop="true"] .sv-stage{position:relative}
 body.breakfast-redesign .sv-game[data-shell-desktop="true"] .sv-picture:after{display:none}
 body.breakfast-redesign .sv-game[data-shell-desktop="true"] .sv-stage:after{content:'';position:absolute;inset:0;border:1px solid transparent;border-image:url('assets/game-shell/coffee-frame.svg') 40 / 20px / 0 stretch;pointer-events:none;z-index:6}
}
@media(min-width:760px){
 body.breakfast-redesign .sv-game[data-shell-desktop="true"] .sv-header,body.breakfast-redesign .sv-game[data-shell-desktop="true"] .sv-footer{background:#08090b;border:0;box-shadow:none}
 body.breakfast-redesign .sv-game[data-shell-desktop="true"] .sv-stage{height:auto;overscroll-behavior:auto}
}
@media(max-width:759px){
 body.breakfast-redesign>.topbar{position:fixed;inset:0 0 auto;height:0;min-height:0;padding:0;border:0;z-index:11005}
 body.breakfast-redesign>.topbar>:not(#navigation){display:none}
 body.breakfast-redesign #navigation{position:fixed;left:0;right:0;top:auto;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:7px 12px calc(8px + env(safe-area-inset-bottom));background:#08090b;border-top:1px solid #b99a63;z-index:11005;box-sizing:border-box}
 body.breakfast-redesign #navigation:before,body.breakfast-redesign #navigation:after{display:none}
 body.breakfast-redesign #navigation a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:4px 2px;min-height:54px;font-size:16px;border:0!important;background:none!important}
 body.breakfast-redesign #navigation a[aria-current]:after{display:none}
 body.breakfast-redesign #navigation .nav-icon{display:block;font:27px/1 var(--serif,Georgia,serif)}
 body.breakfast-redesign .sv-game{height:calc(var(--sv-height,100dvh) - 70px - env(safe-area-inset-bottom));padding-bottom:0;grid-template-rows:60px minmax(0,1fr) 65px}
 body.breakfast-redesign .sv-game[data-short="true"]{grid-template-rows:54px minmax(0,1fr) 58px}
 body.breakfast-redesign .sv-game[data-level="2"]:not([data-landscape="true"]),body.breakfast-redesign .sv-game[data-level="3"]:not([data-landscape="true"]){grid-template-rows:50px minmax(0,1fr) 65px}
 body.breakfast-redesign .sv-footer{padding:2px 10px;gap:2px;overflow:auto}
 body.breakfast-redesign .sv-carry{min-height:20px;flex-wrap:wrap;gap:3px 8px;line-height:1.25}
 body.breakfast-redesign .sv-status{min-height:0;height:auto;max-width:100%;overflow:visible;display:block;line-height:1.25;overflow-wrap:anywhere}
 body.breakfast-redesign .sv-next:empty{display:none!important}
 /* Reserve queue space even when empty: changing this row moved the entire
    centered scene by 23.5px on every queue transition. */
 body.breakfast-redesign .sv-game[data-level="1"]:not([data-landscape="true"]){grid-template-rows:60px minmax(0,1fr) 112px}
 body.breakfast-redesign .sv-game[data-level="1"][data-short="true"]:not([data-landscape="true"]){grid-template-rows:54px minmax(0,1fr) 112px}
 body.breakfast-redesign .sv-footer:before{display:none}
 body.breakfast-redesign .sv-stage{scroll-padding:12px}
 body.breakfast-redesign .sv-game[data-scene-scroll="true"] .sv-stage{padding-bottom:8px}
}
@media(max-width:759px){
 body.breakfast-redesign .sv-game[data-level] .sv-footer{padding:2px 10px;gap:2px;overflow:auto}
 body.breakfast-redesign .sv-game[data-level] .sv-status{height:auto;min-height:0;overflow:visible;display:block;-webkit-line-clamp:unset;line-height:1.25;overflow-wrap:anywhere}
}
/* Keep the decorative bin caption within the room; its target and drawing do not move. */
body.breakfast-redesign .sv-bin rect,body.breakfast-redesign .sv-bin text{transform:translateY(-12px)}
@media(max-width:759px){
 body.breakfast-redesign .sv-game:not([data-landscape="true"])[data-scene-scroll="true"] .sv-stage{overflow-x:hidden;scrollbar-width:none}
 body.breakfast-redesign .sv-game:not([data-landscape="true"])[data-scene-scroll="true"] .sv-stage::-webkit-scrollbar{display:none}
}
/* Scene clipping and the decorative frame are separate layers. The host
   ornament is positioned over the unchanged desktop middle grid row. */
body.breakfast-redesign .sv-game[data-shell-desktop="true"]{background:#08090b}
body.breakfast-redesign .sv-game[data-shell-desktop="true"] .sv-stage{background:transparent;overflow:hidden;clip-path:inset(0 round 18px)}
body.breakfast-redesign .sv-game[data-shell-desktop="true"] .sv-stage:after{display:none}
body.breakfast-redesign .sv-game[data-shell-desktop="true"]:after{content:'';position:absolute;left:0;right:0;top:144px;bottom:100px;border:1px solid transparent;border-image:url('assets/game-shell/coffee-frame.svg') 40 / 28px / 10px stretch;pointer-events:none;z-index:11}
body.breakfast-redesign .sv-game:not([data-shell-desktop="true"]) .sv-picture{clip-path:none}
body.breakfast-redesign .sv-game:not([data-shell-desktop="true"]) .sv-scene{clip-path:inset(0 round 16px)}
body.breakfast-redesign .sv-game:not([data-shell-desktop="true"]) .sv-picture:after{border-image-width:22px;border-image-outset:0}

/* Approved mobile fit: 8px scene gutters; ornament sits outside the artwork. */
@media(max-width:759px){
 body.breakfast-redesign .sv-game:not([data-shell-desktop="true"]) .sv-picture:after{inset:-6px;border-image-width:14px;border-image-outset:0}
 body.breakfast-redesign .sv-stage{padding-top:6px;padding-bottom:6px;box-sizing:border-box}
 body.breakfast-redesign .sv-header>div{min-width:0}
 body.breakfast-redesign .sv-carry b{overflow-wrap:anywhere;text-align:center}
}