/* Approved October 19 screen. Geometry belongs to the viewport, never scrollY. */
body.pet-redesign{background:#08090c url('./night-botanical.png') center center/cover fixed;color:#eee8dc}
body.pet-redesign:before,body.pet-redesign:after{display:none!important}
body.pet-redesign>.grain{opacity:.018}
body.pet-redesign>footer,body.pet-redesign>#observer-margin{display:none!important}
body.pet-redesign>.topbar{position:relative;inset:auto;width:100%;max-width:none;height:64px;min-height:64px;padding:10px max(24px,4vw);display:flex;align-items:center;gap:30px;background:#08090ce6;border-bottom:1px solid #a98c5740;z-index:20}
body.pet-redesign .brand{margin:0 auto 0 0;flex-shrink:0;color:#dcc295;font:25px/1 var(--serif,Georgia,serif);letter-spacing:0}
body.pet-redesign .brand>img,body.pet-redesign .brand>span{display:none}
body.pet-redesign .brand:after{content:'По ту сторону страницы  ✦'}
body.pet-redesign #navigation{position:static;inset:auto;display:flex;gap:24px;padding:0;border:0;background:none;box-shadow:none;transform:none;width:auto;flex-shrink:0}
body.pet-redesign #navigation a{position:relative;padding:8px 12px;min-height:40px;font:23px/1 var(--serif,Georgia,serif);letter-spacing:0;color:#dcd8cf;border:1px solid transparent}
body.pet-redesign #navigation a[aria-current]{border-color:#b99a63;color:#e6c896;background:#cba46409}
body.pet-redesign #navigation .nav-icon{display:none}
body.pet-redesign #progress-toggle,body.pet-redesign #effects-toggle,body.pet-redesign .music-settings-button{display:none}
body.pet-redesign #sound-toggle{margin-left:auto;font-size:0;width:40px;height:40px;padding:0;min-width:40px;border:0;background:transparent;color:#dcc295}
body.pet-redesign #sound-toggle:after{content:'♫';font:26px/1 Georgia,serif}
body.pet-redesign #view{margin:0;width:100%;max-width:none;min-height:0;padding:0;overflow:visible}
.pet-night{--pet-gold:#c8a56c;--pet-line:#aa8b565c;--pet-muted:#aaa59f;--pet-scene-h:clamp(320px,calc(100svh - 226px),680px);--pet-scene-w:calc(var(--pet-scene-h)*.8 + 12px);max-width:1100px;margin:0 auto;padding:12px 28px 24px;color:#eee8dc;font:14px/1.5 var(--sans,system-ui,sans-serif)}
.pet-night *{box-sizing:border-box}
.pet-night [hidden]{display:none!important}
.pet-night :is(button,a){touch-action:manipulation}
.pet-night button{font:inherit;line-height:1.3;cursor:pointer;color:inherit;min-height:44px;background:#0a0d12b8;border:1px solid var(--pet-line);border-radius:2px}
.pet-night button:disabled{opacity:.45;cursor:default}
.pet-night :is(button,a,canvas):focus-visible{outline:2px solid var(--pet-gold);outline-offset:4px}
.pet-night button:hover:not(:disabled){background:#c4a66a12;border-color:var(--pet-gold)}
.pet-night-heading{position:relative;display:flex;align-items:center;justify-content:center;min-height:84px;margin:0 0 14px;text-align:center}
.pet-night-heading h1{font:400 clamp(38px,4vw,56px)/1.03 var(--serif,Georgia,serif);letter-spacing:-.02em;color:#f0eadf;margin:0}
.pet-ornament{display:flex;align-items:center;justify-content:center;gap:13px;margin:8px auto 0;color:var(--pet-gold);font-size:17px;line-height:1}
.pet-ornament:before,.pet-ornament:after{content:'';height:1px;width:64px;background:linear-gradient(90deg,transparent,var(--pet-gold))}.pet-ornament:after{transform:rotate(180deg)}
.pet-night .pet-back{position:absolute;left:0;top:22px;display:flex;align-items:center;justify-content:center;min-height:40px;padding:7px 16px;border:1px solid var(--pet-gold);font:18px/1.2 var(--serif,Georgia,serif);color:#dfc59b;background:#080a0dd9;text-decoration:none}
.pet-night-layout{display:grid;grid-template-columns:minmax(0,var(--pet-scene-w)) 300px;justify-content:center;gap:20px;align-items:start}
.pet-night-scene{min-width:0}
.pet-night .room-heading{height:26px;text-align:center;margin-bottom:8px}
.pet-night .room-heading h2{font:22px/1.1 var(--serif,Georgia,serif);margin:0;color:#d8c9ae}
.pet-night .room-heading p{display:none}
.pet-night .board{position:relative;width:100%;max-width:var(--pet-scene-w);padding:5px;border:1px solid var(--pet-gold);background:#080b12;box-shadow:0 0 0 3px #080b12,0 0 0 4px #9f825740}
.pet-night .board>canvas{display:block;width:100%;height:auto;aspect-ratio:4/5;image-rendering:pixelated}
.pet-night .hud{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;gap:4px;pointer-events:none}
.pet-night .badge{font:9px/1.3 var(--sans,system-ui,sans-serif);color:#b6ad9e;padding:3px 5px;border:1px solid #a88c5540;background:#080c15e0;white-space:nowrap}
.pet-night .bag{color:#d0b584}
.pet-night .board[data-status=caught]{border-color:#ed7777}.pet-night .board[data-status=caught] #phase{color:#ff9393}
.pet-night .objective{font-size:11px;line-height:1.4;text-align:center;margin:8px 0 0;color:#c3b08d}
.pet-night-panel{position:relative;min-width:0;padding:18px;border:1px solid var(--pet-gold);background:#08090de3;min-height:0;margin-top:34px}
.pet-night-panel:before,.pet-night-panel:after{position:absolute;top:4px;font-size:12px;color:var(--pet-gold);content:'✦';line-height:1}.pet-night-panel:before{left:5px}.pet-night-panel:after{right:5px}
.pet-night .pet-picker{display:flex;gap:8px;margin-bottom:16px}
.pet-night .pet{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:4px;min-height:62px;padding:6px 3px;font-size:13px}
.pet-night .pet canvas{width:38px;height:30px;flex:none;image-rendering:pixelated}
.pet-night .pet small{display:block;font-size:10px;color:var(--pet-muted)}
.pet-night :is(.pet,.level)[aria-pressed=true]{border-color:var(--pet-gold);box-shadow:inset 0 0 0 1px #d2aa6826;background:#bd944911;color:#e8cc9e}
.pet-night .level-select{padding:13px 0;margin:0;border-top:1px solid var(--pet-line);border-bottom:1px solid var(--pet-line)}
.pet-night .level-row{display:flex;align-items:center;gap:10px}
.pet-night .level-label{font:19px/1.2 var(--serif,Georgia,serif)}
.pet-night .level-picker{display:flex;gap:7px;flex:1}
.pet-night .level{position:relative;flex:1;min-width:40px;min-height:40px;padding:5px;font:19px/1 var(--serif,Georgia,serif)}
.pet-night .level-check{position:absolute;right:3px;top:3px;font:9px/1 var(--sans,system-ui)}
.pet-night .level-progress{font-size:9px;color:var(--pet-muted)}
.pet-night .level-note,.pet-night .pet-level-context{display:none}
.pet-night .pet-goal{padding:14px 0 12px}.pet-night .pet-goal h3{font:22px/1.1 var(--serif,Georgia,serif);margin-bottom:7px}.pet-night .pet-goal p{font:12px/1.55 var(--sans,system-ui,sans-serif);color:#c4beb1}
.pet-night .intro{margin:0 0 12px}
.pet-night .intro .action{width:100%;min-height:44px}
.pet-night .control-dock{display:grid;grid-template-columns:1fr 144px;align-items:center;gap:10px;border-top:1px solid var(--pet-line);padding-top:12px;margin:0 0 12px}
.pet-night .control-hint{grid-column:1/-1;font-size:10px;line-height:1.4;color:var(--pet-muted);margin:0}.pet-night .control-hint strong{display:block;font:22px/1 var(--serif,Georgia,serif);color:#e6dfd0;margin-bottom:6px}
.pet-night .pause{grid-column:1;grid-row:2;min-width:0;padding:8px 5px;font:17px/1.2 var(--serif,Georgia,serif)}
.pet-night .dpad{grid-column:2;grid-row:2;display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px);gap:4px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.pet-night .direction{min-width:44px;min-height:44px;padding:0;font-size:23px;line-height:1;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.pet-night .direction[data-dir=up]{grid-column:2;grid-row:1}.pet-night .direction[data-dir=left]{grid-column:1;grid-row:2}.pet-night .direction[data-dir=right]{grid-column:3;grid-row:2}.pet-night .direction[data-dir=down]{grid-column:2;grid-row:3}
.pet-night .direction.held{background:var(--pet-gold);color:#111}
.pet-night .toolbar{margin:0 0 4px}.pet-night .state{font:11px/1.3 var(--sans,system-ui);color:#b5bfa9}.pet-night .state[data-status=caught]{color:#f58c8c}.pet-night .state[data-status=won]{color:var(--pet-gold)}.pet-night .dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:5px}
.pet-night .notice{font:11px/1.4 var(--sans,system-ui);color:#b6ada0;margin:0;min-height:16px}
.pet-night .actions{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 0}.pet-night .action{flex:1;padding:9px;font:18px/1.1 var(--serif,Georgia,serif)}.pet-night .action.primary{border-color:var(--pet-gold);color:#e3c89d;background:#c4a66a0d}.pet-night .actions .action[data-action=next]{flex-basis:100%}
.pet-night .help{font-size:10px;line-height:1.5;color:#a39b8c;border-top:1px solid var(--pet-line);padding-top:10px;margin:10px 0 0}.pet-night .help strong{font-weight:400;color:#cabd9f}
.pet-night[data-status=won] .control-dock,.pet-night[data-status=caught] .control-dock{display:none}
@media(min-width:901px){.pet-night .dpad{grid-template-columns:repeat(3,36px);grid-template-rows:repeat(3,32px);gap:3px}.pet-night .direction{min-width:36px;min-height:32px;font-size:19px}.pet-night .control-dock{grid-template-columns:1fr 114px}.pet-night .help{display:none}}
@media(min-width:901px) and (max-height:740px){.pet-night{padding-top:0;--pet-scene-h:clamp(300px,calc(100svh - 192px),530px)}.pet-night-heading{min-height:66px;margin-bottom:8px}.pet-night-heading h1{font-size:40px}.pet-night .pet-back{top:14px}.pet-night-panel{padding:13px}.pet-night .pet-picker{margin-bottom:10px}.pet-night .pet{min-height:48px}.pet-night .level-select{padding:9px 0}.pet-night .pet-goal{padding:10px 0}.pet-night .control-hint{display:none}.pet-night .control-dock{padding-top:8px;margin-bottom:8px}.pet-night .pause{grid-row:1}.pet-night .dpad{grid-row:1}.pet-night .intro{margin-bottom:8px}}
@media(max-width:900px){
 body.pet-redesign>.topbar{height:50px;min-height:50px;padding:8px 20px;gap:12px;background:#07090ed9}
 body.pet-redesign .brand{font-size:22px}
 body.pet-redesign #navigation{position:fixed;bottom:0;top:auto;left:0;right:0;width:100%;height:calc(58px + env(safe-area-inset-bottom));padding:5px 14px calc(5px + env(safe-area-inset-bottom));display:flex;justify-content:space-around;gap:0;border-top:1px solid var(--pet-gold,#c8a56c);background:#080a0ff5;z-index:100;backdrop-filter:blur(12px)}
 body.pet-redesign #navigation a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:2px 10px;min-width:64px;font-size:16px;border:0;background:none}
 body.pet-redesign #navigation .nav-icon{display:block;font:24px/1 Georgia,serif}
 .pet-night{--pet-scene-h:clamp(220px,calc(100svh - 360px),510px);--pet-scene-w:calc(var(--pet-scene-h)*.8 + 12px);width:100%;max-width:540px;padding:6px 18px calc(72px + env(safe-area-inset-bottom))}
 .pet-night-heading{min-height:76px;margin:0 0 10px;display:flex;flex-direction:column;align-items:stretch;gap:8px}
 .pet-night-heading>div{order:0}.pet-night-heading h1{font-size:36px}.pet-ornament{margin-top:4px;font-size:13px}.pet-ornament:before,.pet-ornament:after{width:42px}
 .pet-night .pet-back{position:static;order:1;align-self:flex-start;font-size:16px;min-height:36px;padding:6px 12px}
 .pet-night-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:0;grid-template-areas:'pets' 'levels' 'room' 'board' 'start' 'controls' 'status' 'notice' 'actions' 'objective'}
 .pet-night-scene,.pet-night-panel{display:contents}
 .pet-night .pet-picker{grid-area:pets;margin:0 0 8px;gap:8px}.pet-night .pet{min-height:50px;font-size:12px}.pet-night .pet small{font-size:9px}
 .pet-night .level-select{grid-area:levels;padding:6px 0;margin:0 0 6px;border-top:0}.pet-night .level-label{font-size:18px}.pet-night .level{min-height:36px;font-size:18px}.pet-night .level-progress{font-size:9px}
 .pet-night .room-heading{grid-area:room;height:auto;margin:0 0 6px}.pet-night .room-heading h2{font-size:19px}
 .pet-night .board{grid-area:board;justify-self:center;width:min(100%,var(--pet-scene-w))}
 .pet-night .pet-goal,.pet-night .control-hint,.pet-night .help{display:none}
 .pet-night .intro{grid-area:start;margin:9px 0 0}
 .pet-night .control-dock{grid-area:controls;display:grid;grid-template-columns:minmax(0,1fr) 144px;align-items:center;gap:18px;padding:10px 0 0;margin:0;border:0}
 .pet-night .pause{grid-column:1;grid-row:1;justify-self:start;min-width:108px;max-width:150px;min-height:44px;padding:9px 12px;font-size:18px}
 .pet-night .dpad{grid-column:2;grid-row:1;justify-self:end;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:4px}
 .pet-night .direction[data-dir=up]{grid-column:2;grid-row:1}.pet-night .direction[data-dir=left]{grid-column:1;grid-row:2}.pet-night .direction[data-dir=down]{grid-column:2;grid-row:2}.pet-night .direction[data-dir=right]{grid-column:3;grid-row:2}
 .pet-night .toolbar{grid-area:status;margin:6px 0 0;text-align:center}.pet-night .notice{grid-area:notice;margin:4px 0 0;text-align:center}.pet-night .actions{grid-area:actions}.pet-night .objective{grid-area:objective;margin-top:6px;font-size:10px}
}
@media(max-width:360px){.pet-night{padding-left:12px;padding-right:12px}.pet-night-heading h1{font-size:31px}.pet-night .pause{min-width:92px}.pet-night .control-dock{gap:10px}}
@media(prefers-reduced-motion:reduce){.pet-night *{scroll-behavior:auto;transition:none}}
/* Desktop height budget includes the site header, title and complete room border. */
@media(min-width:901px){
 .pet-night{--pet-scene-h:clamp(280px,calc(100svh - 280px),680px)}
 .pet-night-panel{padding:14px}
 .pet-night .pet{min-height:54px}.pet-night .pet-picker{margin-bottom:12px}
 .pet-night .level-select{padding:8px 0}
 .pet-night .pet-goal{padding:10px 0}.pet-night .pet-goal h3{font-size:21px;margin-bottom:5px}
 .pet-night .intro{margin-bottom:8px}
 .pet-night .control-hint{font-size:0;line-height:0}.pet-night .control-hint strong{font-size:21px;line-height:1;margin:0}
 .pet-night .control-dock{gap:8px;padding-top:8px;margin-bottom:8px}
 .pet-night .dpad{grid-template-rows:repeat(2,32px)}
 .pet-night .direction[data-dir=down]{grid-row:2;grid-column:2}
}
@media(min-width:901px) and (max-height:740px){
 .pet-night{--pet-scene-h:clamp(260px,calc(100svh - 244px),530px)}
 .pet-night .pet{min-height:46px}.pet-night .pet-picker{margin-bottom:8px}
 .pet-night .pet-goal{padding:8px 0}.pet-night .pet-goal p{font-size:11px}
 .pet-night .level-select{padding:6px 0}.pet-night-panel{padding:12px}
}
/* Match the approved mockup's restrained header and board-bound foreground. */
body.pet-redesign #sound-toggle{font-size:0!important;white-space:nowrap!important;flex:0 0 44px;width:44px;min-width:44px;max-width:44px;height:44px;line-height:1;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}
body.pet-redesign #sound-toggle:after{content:'♫';font:22px/1 Georgia,serif;display:block}
@media(min-width:901px){
 body.pet-redesign{background-image:linear-gradient(0deg,#08090cf2 0%,#08090c30 46%,transparent 72%),url('./night-botanical.png')}
 body.pet-redesign>.topbar{height:56px;min-height:56px;padding:6px max(24px,4vw);gap:24px}
 body.pet-redesign .brand{font-size:20px}
 body.pet-redesign #navigation{gap:16px}
 body.pet-redesign #navigation a{font-size:18px;line-height:1.2;min-height:44px;display:flex;align-items:center;padding:8px 12px}
 .pet-night{--pet-scene-h:clamp(300px,calc(100svh - 244px),610px);--pet-panel-w:clamp(260px,calc(var(--pet-scene-w)*.56),300px);max-width:1080px;padding-top:8px}
 .pet-night-heading{min-height:68px;margin-bottom:12px}.pet-night-heading h1{font-size:44px}.pet-night .pet-back{top:14px;font-size:16px;min-height:40px}
 .pet-night .room-heading h2{font-size:19px}.pet-night .room-heading{height:22px;margin-bottom:8px}
 .pet-night-layout{grid-template-columns:minmax(0,var(--pet-scene-w)) var(--pet-panel-w);gap:16px}
 .pet-night-scene{position:relative}
 .pet-night .board:after{content:'';position:absolute;left:-152px;bottom:-40px;width:212px;aspect-ratio:1385/1136;background:url('./corner-books.png') center/contain no-repeat;z-index:3;pointer-events:none;filter:brightness(.76) saturate(.72)}
 .pet-night-panel{margin-top:30px;min-height:calc(var(--pet-scene-h) + 12px);display:flex;flex-direction:column;justify-content:space-between;gap:0}
 .pet-night .control-dock{margin-top:auto}
 .pet-night .intro{margin-bottom:12px}
 .pet-night .pet-goal{padding:14px 0}
}
@media(min-width:901px) and (max-height:740px){
 .pet-night{--pet-scene-h:clamp(280px,calc(100svh - 220px),530px)}
 .pet-night-heading{min-height:60px;margin-bottom:8px}.pet-night-heading h1{font-size:38px}
 .pet-night-panel{min-height:calc(var(--pet-scene-h) + 12px);padding:10px 12px}
 .pet-night .pet-goal{padding:8px 0}.pet-night .intro{margin-bottom:8px}
 .pet-night .board:after{width:176px;left:-128px;bottom:-34px}
}

/* October 20: reference composition, measured within one restrained framed page.
   Preserve the 4:5 game world; never force its width from the viewport height. */
body.pet-redesign{background:#050608 url('./night-botanical.png') center/cover fixed;color:#eee8dc}
body.pet-redesign>.grain{opacity:.01}
body.pet-redesign .brand:after{content:'По ту сторону страницы'}
body.pet-redesign #sound-toggle:after{content:'♬';font-size:22px}
.pet-night{--pet-gold:#c7a16a;--pet-line:#b892585e}
.pet-night-heading h1{font-family:var(--serif,Georgia,serif);font-weight:400}
.pet-ornament{font-family:Georgia,serif;font-size:23px;gap:10px}
.pet-ornament:before,.pet-ornament:after{width:92px;background:linear-gradient(90deg,transparent,#c7a16a)}
.pet-night .room-heading{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip-path:inset(50%);margin:0!important}
.pet-night .pet-goal p{font-family:var(--serif,Georgia,serif);font-size:16px;line-height:1.5;color:#e1ddd5}
.pet-night .pet-picker,.pet-night .level-select,.pet-night .pet-goal{position:relative;border:0;border-bottom:1px solid var(--pet-line)}
.pet-night .pet-picker:after,.pet-night .level-select:after,.pet-night .pet-goal:after{content:'✷';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:29px;text-align:center;background:#060708;color:var(--pet-gold);font:23px/1 Georgia,serif}
.pet-night .level-progress{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.pet-night .board{background:#050609;box-shadow:inset 0 0 0 3px #07090e,0 0 0 1px #030406}
.pet-night .board>canvas{aspect-ratio:4/5}
.pet-night .pet,.pet-night .level{background:linear-gradient(145deg,#10141590,#050708);border-color:#83857966;color:#e9e6df}
.pet-night :is(.pet,.level)[aria-pressed=true]{background:linear-gradient(145deg,#1a1710,#080909);border-color:#d5af72;color:#f0e6d0}
.pet-night .direction,.pet-night .pause{border-color:var(--pet-gold);background:linear-gradient(145deg,#13120d,#050708);color:#eed6ad}
.pet-night button:disabled{opacity:.72}
@media(min-width:901px){
 body.pet-redesign{--pet-frame-w:min(1120px,calc(100% - 64px));padding:36px 0;background-image:linear-gradient(#0203053d,#0203053d),url('./night-botanical.png')}
 body.pet-redesign>.topbar{width:var(--pet-frame-w);max-width:none;margin:0 auto;height:74px;min-height:74px;padding:14px 48px;gap:20px;border:1px solid #b8945d;border-bottom:0;background:linear-gradient(#030405f5,#030405ed);box-shadow:none}
 body.pet-redesign .brand{font:20px/1.1 var(--serif,Georgia,serif);margin:0;display:flex;align-items:center;gap:20px;flex-shrink:0}
 body.pet-redesign .brand:before{content:'✷';order:2;color:#d3b17a;font:25px/1 Georgia,serif}
 body.pet-redesign #navigation{flex:1;gap:13px;justify-content:center;align-items:center;min-width:0}
 body.pet-redesign #navigation:before,body.pet-redesign #navigation:after{content:'';height:1px;flex:1;min-width:20px;background:linear-gradient(90deg,#bc965a, #bc965a70)}
 body.pet-redesign #navigation a{font:18px/1.2 var(--serif,Georgia,serif);padding:7px 10px;min-height:36px;white-space:nowrap}
 body.pet-redesign #navigation a[aria-current]:after{content:'◆';position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);width:auto;height:auto;background:none;font:11px/1 Georgia,serif;color:#d9b375}
 body.pet-redesign #sound-toggle{margin:0;flex-basis:28px;min-width:28px;width:28px;max-width:28px}
 body.pet-redesign #view{width:var(--pet-frame-w);margin:0 auto;padding:0;max-width:none;border:1px solid #b8945d;border-top:0;background:linear-gradient(#030405ed,#030405bd),url('./night-botanical.png') center/cover;overflow:visible}
 .pet-night{width:100%;max-width:none;padding:0 7.9% 64px;--pet-scene-w:100%;--pet-panel-w:auto}
 .pet-night-heading{height:106px;min-height:106px;margin:0 0 0;align-items:flex-start;padding-top:0}
 .pet-night-heading h1{font-size:52px;line-height:1.1;letter-spacing:0}
 .pet-night .pet-back{left:0;top:42px;min-height:40px;padding:8px 16px;font-size:16px;background:#070809c9}
 .pet-night-heading .pet-ornament{margin-top:8px}
 .pet-night-layout{grid-template-columns:minmax(0,1fr) minmax(0,.55fr);gap:14px;align-items:stretch}
 .pet-night-scene{position:relative}
 .pet-night .board{padding:7px;max-width:none;width:100%;border:1px solid var(--pet-gold)}
 .pet-night .board:after{left:-17%;bottom:-10%;width:42%;aspect-ratio:1385/1136;filter:brightness(.75) saturate(.7);background:url('./corner-books.png') center/contain no-repeat}
 .pet-night .hud{top:15px;left:15px;right:15px;opacity:.82}
 .pet-night .badge{font-size:8px;padding:2px 4px}
 .pet-night .objective{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .pet-night-panel{margin:0;min-height:0;height:100%;padding:26px 18px 18px;display:flex;flex-direction:column;justify-content:flex-start;gap:0;background:#030405dd}
 .pet-night-panel:before,.pet-night-panel:after{content:'✷';font-size:15px;top:5px}
 .pet-night .pet-picker{margin:0;padding:0 0 20px;gap:9px;flex-shrink:0}
 .pet-night .pet{min-height:68px;padding:8px 4px;gap:5px;font-size:13px}.pet-night .pet small{font-size:10px}.pet-night .pet canvas{width:38px;height:30px}
 .pet-night .level-select{padding:24px 0 22px;margin:0;flex-shrink:0}
 .pet-night .level-row{display:block}.pet-night .level-label{display:block;font:18px/1.3 var(--serif,Georgia,serif);margin:0 0 13px}
 .pet-night .level-picker{display:flex;gap:16px;justify-content:center}.pet-night .level{flex:0 1 64px;min-height:40px;font-size:18px}
 .pet-night .pet-goal{padding:24px 0 22px;flex-shrink:0}.pet-night .pet-goal h3{font:21px/1.2 var(--serif,Georgia,serif);margin:0 0 8px}.pet-night .pet-goal p{font-size:16px;line-height:1.45;margin:0}
 .pet-night .intro{margin:19px 0 0}.pet-night .intro .action{font-size:17px;min-height:38px;padding:7px}
 .pet-night .control-dock{border:0;display:grid;grid-template-columns:1fr;gap:14px;padding:22px 0 0;margin:0;flex:1;align-content:center}
 .pet-night .control-hint{display:block;grid-column:1;grid-row:1;font-size:0;line-height:0;margin:0}.pet-night .control-hint strong{font:20px/1.1 var(--serif,Georgia,serif);margin:0}
 .pet-night .dpad{grid-column:1;grid-row:2;justify-self:center;display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px);gap:7px}
 .pet-night .direction{min-width:44px;min-height:44px;font-size:23px}
 .pet-night .direction[data-dir=up]{grid-column:2;grid-row:1}.pet-night .direction[data-dir=left]{grid-column:1;grid-row:2}.pet-night .direction[data-dir=right]{grid-column:3;grid-row:2}.pet-night .direction[data-dir=down]{grid-column:2;grid-row:3}
 .pet-night .pause{grid-column:1;grid-row:3;justify-self:center;width:180px;min-height:42px;font-size:18px;padding:8px;margin-top:3px}
 .pet-night .toolbar{margin:14px 0 0;text-align:center}.pet-night .state{font-size:10px}.pet-night .notice{text-align:center;font-size:10px;line-height:1.4;min-height:0;margin-top:4px}
 .pet-night .help{display:none}.pet-night .actions{margin-top:24px}
}
@media(min-width:901px) and (max-width:1100px){
 body.pet-redesign{--pet-frame-w:calc(100% - 40px);padding:20px 0}
 body.pet-redesign>.topbar{padding:12px 24px;gap:12px}.pet-night{padding-left:5%;padding-right:5%}
 body.pet-redesign .brand{font-size:18px;gap:10px}body.pet-redesign #navigation{gap:6px}body.pet-redesign #navigation a{font-size:16px;padding:7px}
 .pet-night-heading h1{font-size:46px}.pet-night-panel{padding:23px 14px 16px}.pet-night .pet{font-size:12px}.pet-night .pet canvas{width:32px;height:26px}
 .pet-night .level-select{padding:20px 0}.pet-night .pet-goal{padding:20px 0}.pet-night .level-picker{gap:10px}.pet-night .pet-goal p{font-size:15px}
}
@media(max-width:900px){
 body.pet-redesign{background-image:linear-gradient(#030405cf,#030405cf),url('./night-botanical.png')}
 body.pet-redesign>.topbar{background:transparent;border-bottom:0;padding:10px 20px;height:58px}
 body.pet-redesign .brand{font-size:20px;display:flex;gap:12px;align-items:center;margin:0;flex:1}
 body.pet-redesign .brand:before{content:'✷';order:2;font:21px/1 Georgia,serif;color:#c7a16a}
 body.pet-redesign .brand:after{order:1}
 body.pet-redesign #sound-toggle{margin-left:0}
 .pet-night{padding-top:0;--pet-scene-w:100%;max-width:540px}
 .pet-night-heading h1{font-size:35px}.pet-night-heading{margin-bottom:18px;gap:12px}.pet-night-heading .pet-ornament{font-size:19px;margin-top:6px}
 .pet-night .pet-picker{padding:10px 8px 20px;margin:0 0 17px;border:1px solid var(--pet-gold);border-bottom-color:var(--pet-line);border-radius:8px}.pet-night .pet-picker:after{bottom:-12px}
 .pet-night .level-select{padding:0 0 10px;margin-bottom:10px}.pet-night .level-select:after{display:none}.pet-night .level-label{font-size:16px}.pet-night .level-picker{flex:0 1 168px;margin-left:auto}
 .pet-night .board{width:100%;max-width:none;padding:5px}
 .pet-night-layout{grid-template-areas:'pets' 'levels' 'board' 'goal' 'start' 'controls' 'status' 'notice' 'actions' 'objective'}
 .pet-night .pet-goal{display:block;grid-area:goal;padding:9px 0 0;border:0}.pet-night .pet-goal:after{display:none}.pet-night .pet-goal h3{font-size:19px;margin:0 0 4px}.pet-night .pet-goal p{font:13px/1.4 var(--sans,system-ui,sans-serif);margin:0}
 .pet-night .intro{margin-top:10px}.pet-night .intro .action{min-height:38px;font-size:17px}
 .pet-night .control-dock{padding-top:14px;grid-template-columns:minmax(0,1fr) 144px}
 .pet-night .pause{grid-column:1;grid-row:1;min-width:108px}
 .pet-night .dpad{grid-column:2;grid-row:1;justify-self:end;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px)}
 .pet-night .direction[data-dir=down]{grid-column:2;grid-row:3}
 .pet-night .toolbar{margin-top:10px}.pet-night .objective{display:none}
}
/* The ready button is additional to the concept: reserve its space without
   pushing the reference's cross-pad below the board. Status stays accessible. */
@media(min-width:901px){
 .pet-night-panel{padding-top:24px;padding-bottom:16px}
 .pet-night .pet-picker{padding-bottom:18px}.pet-night .pet{min-height:62px}
 .pet-night .level-select{padding:22px 0 20px}.pet-night .level-label{margin-bottom:10px}
 .pet-night .pet-goal{padding:20px 0}.pet-night .pet-goal h3{font-size:20px;margin-bottom:6px}.pet-night .pet-goal p{font-size:15px}
 .pet-night .control-dock{gap:11px;padding-top:18px}.pet-night .control-hint strong{font-size:19px}
 .pet-night[data-status=ready] .toolbar,.pet-night[data-status=ready] .notice{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}
 .pet-night .notice{font-size:10px;line-height:1.3}
}
@media(max-width:430px){body.pet-redesign .brand{font-size:clamp(16px,4.6vw,20px);gap:8px;white-space:nowrap}body.pet-redesign>.topbar{padding-left:18px;padding-right:18px;gap:8px}body.pet-redesign .brand:before{font-size:18px}}
/* Draw controls as geometry so the editorial typeface cannot produce tofu. */
.pet-night .pause:before{content:'';display:inline-block;box-sizing:border-box;width:9px;height:13px;border-left:3px solid currentColor;border-right:3px solid currentColor;margin-right:8px;vertical-align:-1px}
.pet-night .pause[data-paused=true]:before{width:0;height:0;border-left:10px solid currentColor;border-right:0;border-top:6px solid transparent;border-bottom:6px solid transparent}
@media(min-width:901px){.pet-night .board:after{left:-13%;bottom:-5%;width:40%}}
/* Corrected requirement: the whole game stays inside the screen. Header is
   global, not inside an illustration frame. Height, not width, owns layout. */
body.pet-redesign{padding:0;background:#050608;color:#eee8dc}
body.pet-redesign:before{display:block!important;content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#03040570,#030405b3),url('./night-botanical.png') top center/cover no-repeat;mask-image:linear-gradient(#000 0%,#000 28%,transparent 72%)}
body.pet-redesign>.topbar{width:100%;max-width:none;margin:0;height:56px;min-height:56px;padding:6px 4vw;border:0;border-bottom:1px solid #b8945d40;background:#050608ed}
body.pet-redesign #view{width:100%;max-width:none;margin:0;padding:0;border:0;background:none;min-height:0}
@media(min-width:901px){
 .pet-night{--pet-h:clamp(330px,calc(100svh - 182px),760px);--pet-board-w:calc(var(--pet-h)*.8 + 3.2px);--pet-panel-w:clamp(246px,calc(var(--pet-h)*.48),340px);width:max-content;max-width:calc(100% - 112px);padding:0 0 24px;margin:0 auto}
 .pet-night-heading{height:100px;min-height:100px;padding-top:12px;margin:0;align-items:flex-start}
 .pet-night-heading h1{font-size:42px;line-height:1.05}.pet-night-heading .pet-ornament{font-size:20px;margin-top:7px}.pet-ornament:before,.pet-ornament:after{width:76px}
 .pet-night .pet-back{top:38px;font-size:15px;min-height:36px;padding:7px 13px}
 .pet-night-layout{grid-template-columns:var(--pet-board-w) var(--pet-panel-w);gap:16px;align-items:start}
 .pet-night .board{padding:7px;height:var(--pet-h);width:var(--pet-board-w)}
 .pet-night .board>canvas{height:100%;width:100%;aspect-ratio:4/5}
 .pet-night .board:after{width:170px;left:-100px;bottom:-18px;filter:brightness(.72) saturate(.7)}
 .pet-night-panel{height:var(--pet-h);min-height:0;padding:18px 14px 12px;justify-content:flex-start;background:#050608e8}
 .pet-night .pet-picker{padding-bottom:13px}.pet-night .pet{min-height:48px;padding:5px 2px;font-size:12px;gap:3px}.pet-night .pet small{font-size:9px}.pet-night .pet canvas{width:32px;height:26px}
 .pet-night .level-select{padding:16px 0 14px}.pet-night .level-label{font-size:16px;line-height:1.2;margin-bottom:8px}.pet-night .level-picker{gap:10px}.pet-night .level{min-height:32px;font-size:16px}
 .pet-night .pet-goal{padding:16px 0 14px}.pet-night .pet-goal h3{font-size:18px;margin-bottom:4px}.pet-night .pet-goal p{font-size:13px;line-height:1.3}
 .pet-night .intro{margin:14px 0 0}.pet-night .intro .action{min-height:32px;font-size:15px;padding:5px}
 .pet-night .control-dock{padding-top:12px;gap:8px;align-content:center}.pet-night .control-hint strong{font-size:17px}
 .pet-night .dpad{grid-template-columns:repeat(3,34px);grid-template-rows:repeat(3,34px);gap:5px}.pet-night .direction{min-width:34px;min-height:34px;font-size:20px}
 .pet-night .pause{min-height:34px;width:150px;font-size:16px;padding:5px;margin-top:0}
 .pet-night .toolbar{margin-top:5px}.pet-night .notice{font-size:9px;line-height:1.2;margin-top:3px}.pet-night .state{font-size:9px}
 .pet-night .pet-picker:after,.pet-night .level-select:after,.pet-night .pet-goal:after{font-size:19px;width:24px;bottom:-10px}
}
@media(min-width:901px) and (max-height:760px){
 .pet-night{--pet-h:calc(100svh - 156px);padding-bottom:16px}
 .pet-night-heading{height:84px;min-height:84px;padding-top:8px}.pet-night-heading h1{font-size:36px}.pet-night .pet-back{top:28px}
 .pet-night-panel{padding:16px 12px 10px}
 .pet-night .level-select{padding:13px 0 12px}.pet-night .pet-goal{padding:13px 0 12px}.pet-night .intro{margin-top:12px}
 .pet-night .control-dock{padding-top:10px;gap:6px}
 .pet-night .board:after{width:150px;left:-88px;bottom:-14px}
}
@media(min-width:901px) and (max-height:620px){
 body.pet-redesign>.topbar{height:48px;min-height:48px}
 .pet-night{--pet-h:calc(100svh - 124px);padding-bottom:10px}
 .pet-night-heading{height:66px;min-height:66px;padding-top:5px}.pet-night-heading h1{font-size:30px}.pet-night .pet-back{top:20px;min-height:30px;font-size:13px}.pet-night-heading .pet-ornament{font-size:15px;margin-top:3px}
 .pet-night-panel{padding:12px 10px 8px}.pet-night .pet{min-height:40px}.pet-night .pet-picker{padding-bottom:10px}
 .pet-night .level-select{padding:12px 0 10px}.pet-night .level-row{display:flex}.pet-night .level-label{font-size:13px;white-space:nowrap;margin:0}.pet-night .level{min-width:28px;min-height:28px}.pet-night .level-picker{gap:5px}
 .pet-night .pet-goal{padding:12px 0 10px}.pet-night .pet-goal h3{font-size:16px}.pet-night .pet-goal p{font-size:12px}
 .pet-night .intro{margin-top:10px}.pet-night .intro .action{min-height:28px;font-size:14px}
 .pet-night .control-hint{display:none}.pet-night .control-dock{grid-template-columns:1fr 104px;gap:8px}.pet-night .pause{grid-column:1;grid-row:1;width:120px;font-size:14px}.pet-night .dpad{grid-column:2;grid-row:1;grid-template-columns:repeat(3,30px);grid-template-rows:repeat(3,30px);gap:4px}.pet-night .direction{min-width:30px;min-height:30px}
}
@media(max-width:900px){
 body.pet-redesign>.topbar{height:48px;min-height:48px;padding:5px 18px}
 .pet-night{--mobile-room-h:calc(100svh - 473px - env(safe-area-inset-bottom));width:100%;max-width:480px;padding:0 18px calc(64px + env(safe-area-inset-bottom));margin:auto}
 .pet-night-heading{min-height:66px;height:66px;margin:0 0 8px;padding:0;gap:5px;display:block;position:relative}.pet-night-heading>div{padding-top:1px}.pet-night-heading h1{font-size:29px;line-height:1.05}.pet-night-heading .pet-ornament{font-size:15px;margin-top:3px}.pet-night .pet-back{position:absolute;top:34px;left:0;min-height:28px;padding:4px 9px;font-size:13px}
 .pet-night .pet-picker{padding:5px 6px 10px;margin:0 0 10px;gap:7px}.pet-night .pet{min-height:42px;font-size:11px}.pet-night .pet canvas{width:30px;height:24px}.pet-night .pet small{font-size:9px}.pet-night .pet-picker:after{font-size:17px;bottom:-9px;width:23px}
 .pet-night .level-select{padding:0 0 6px;margin:0 0 6px}.pet-night .level-label{font-size:14px}.pet-night .level{min-height:30px;font-size:16px}.pet-night .level-picker{flex:0 1 150px}
 .pet-night .board{height:var(--mobile-room-h);width:calc((var(--mobile-room-h) - 12px)*.8 + 12px);max-width:100%;padding:5px;justify-self:center}
 .pet-night .board>canvas{height:100%;width:100%;aspect-ratio:4/5}
 .pet-night .hud{top:9px;left:9px;right:9px}.pet-night .badge{font-size:7px;padding:2px 3px}
 .pet-night .pet-goal{padding-top:6px}.pet-night .pet-goal h3{display:none}.pet-night .pet-goal p{text-align:center;font-size:11px;line-height:1.3}
 .pet-night .intro{margin-top:6px}.pet-night .intro .action{min-height:30px;font-size:15px;padding:4px}
 .pet-night .control-dock{padding-top:7px;gap:10px}.pet-night .dpad{grid-template-rows:repeat(2,44px);grid-template-columns:repeat(3,44px);gap:4px}.pet-night .direction[data-dir=down]{grid-row:2;grid-column:2}.pet-night .pause{min-height:44px;font-size:16px;min-width:100px;padding:7px}
 .pet-night .toolbar{margin-top:5px}.pet-night .state{font-size:9px}.pet-night .notice{font-size:9px;line-height:1.2;margin-top:3px}
 .pet-night[data-status=ready] .toolbar,.pet-night[data-status=ready] .notice{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}
 .pet-night .actions{margin-top:6px}.pet-night .action{min-height:34px;font-size:15px;padding:5px}
}
@media(max-width:900px){.pet-night{--mobile-room-h:max(80px,min(calc(100svh - 473px - env(safe-area-inset-bottom)),calc((100vw - 48px)/.8 + 12px),450px))}}
/* Short phone/landscape windows place the room beside the controls instead
   of clipping the board or creating a negative height. */
@media(max-width:900px) and (max-height:600px){
 body.pet-redesign>.topbar{height:40px;min-height:40px;padding:3px 12px}.pet-night{--mobile-room-h:min(calc(100svh - 140px),calc((100vw - 48px)*.45/.8 + 12px));max-width:740px;padding:0 12px 52px}
 .pet-night-heading{height:48px;min-height:48px;margin-bottom:0}.pet-night-heading h1{font-size:24px}.pet-night-heading .pet-ornament{font-size:12px;margin-top:1px}.pet-night .pet-back{top:14px;font-size:11px;padding:3px 6px;min-height:25px}
 .pet-night-layout{grid-template-columns:calc((var(--mobile-room-h) - 12px)*.8 + 12px) minmax(0,1fr);grid-template-areas:'board pets' 'board levels' 'board start' 'board controls' 'board status' 'board notice' 'board actions';column-gap:12px;align-items:start}
 .pet-night .board{align-self:start}.pet-night .pet-goal{display:none}
 .pet-night .pet-picker{padding:0 0 6px;margin:0 0 4px;border:0;gap:4px}.pet-night .pet-picker:after{display:none}.pet-night .pet{min-height:36px;padding:2px;font-size:10px}.pet-night .pet small{display:none}.pet-night .pet canvas{width:26px;height:22px}
 .pet-night .level-select{padding:0;margin:0 0 3px;border:0}.pet-night .level-label{font-size:10px}.pet-night .level-picker{gap:4px;flex-basis:90px}.pet-night .level{min-height:25px;min-width:25px;font-size:14px;padding:2px}
 .pet-night .intro{margin:0}.pet-night .intro .action{min-height:27px;font-size:13px;padding:3px}
 .pet-night .control-dock{display:flex;flex-direction:column-reverse;gap:4px;padding-top:4px;align-items:center}.pet-night .pause{min-height:30px;font-size:13px;padding:4px}.pet-night .dpad{flex:none}
 .pet-night .toolbar{margin-top:3px}.pet-night .notice{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 body.pet-redesign #navigation{height:44px;padding:3px 10px}body.pet-redesign #navigation a{font-size:12px;gap:0}body.pet-redesign #navigation .nav-icon{font-size:18px}
}
/* Keep the live region accessible without adding a scroll pixel below the page. */
body.pet-redesign #announcement.sr-only{position:fixed;top:0;left:0;margin:0}
/* Decorative-only correction: retain approved viewport geometry. Restore the
   right map and foliage; suppress only the duplicate wallpaper book pile. */
body.pet-redesign:before{mask-image:none;background:linear-gradient(90deg,transparent 8%,#03040580 38%,#03040580 62%,transparent 94%),radial-gradient(ellipse 30% 42% at 0 100%,#050608 70%,transparent 100%),url('./night-botanical.png') center/cover no-repeat}
@media(min-width:901px){.pet-night .board:after{width:min(240px,48%);left:-9%;bottom:-8px;filter:brightness(.85) saturate(.8)}}
/* One continuous wallpaper, not a detached cutout. Both layers share the
   exact viewport background; the foreground softly crosses only the frame. */
body.pet-redesign{--pet-wallpaper:linear-gradient(90deg,transparent 8%,#03040580 38%,#03040580 62%,transparent 94%),url('./night-botanical.png') center/cover no-repeat}
body.pet-redesign:before{background:var(--pet-wallpaper);mask-image:none}
@media(min-width:901px){
 .pet-night .board:after{--field-left:calc((100vw - var(--pet-board-w) - var(--pet-panel-w) - 16px)/2);position:fixed;inset:0;width:100vw;height:100svh;aspect-ratio:auto;background:var(--pet-wallpaper);filter:none;mask-image:linear-gradient(90deg,#000 calc(var(--field-left) + 8px),transparent calc(var(--field-left) + 60px)),linear-gradient(0deg,#000 0%,#000 12%,transparent 38%);mask-composite:intersect;pointer-events:none}
}
/* Mobile only: prioritize the playable room, with the start placard inside it. */
@media(max-width:900px){
 body.pet-redesign>.topbar{height:40px;min-height:40px;padding:4px 12px}
 body.pet-redesign .brand{font-size:18px}
 .pet-night{width:100%;max-width:480px;padding:0 12px calc(66px + env(safe-area-inset-bottom));--mobile-room-h:max(80px,min(calc(100dvh - 336px - env(safe-area-inset-bottom)),calc((100vw - 36px)/.8 + 12px)))}
 .pet-night-heading{height:32px;min-height:32px;margin:0 0 4px;padding:0;display:block}
 .pet-night-heading>div{padding:1px 0 0}.pet-night-heading h1{font-size:25px;line-height:30px}
 .pet-night .pet-back,.pet-night-heading .pet-ornament{display:none}
 .pet-night-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:'pets' 'levels' 'board' 'controls' 'actions';gap:0}
 .pet-night .pet-picker{height:44px;min-height:44px;padding:0;margin:0 0 4px;border:0;gap:6px}
 .pet-night .pet{height:44px;min-height:44px;padding:3px 6px;font-size:13px}.pet-night .pet small{display:none}
 .pet-night .pet-picker:after{display:none}.pet-night .pet canvas{width:30px;height:24px}
 .pet-night .level-select{height:44px;padding:0;margin:0 0 4px;border:0}
 .pet-night .level-row{height:44px;align-items:center}.pet-night .level-label{font-size:14px;margin:0}.pet-night .level-picker{flex:0 1 156px;gap:6px}.pet-night .level{min-height:44px;height:44px;font-size:17px}
 .pet-night .level-select:after,.pet-night .level-progress,.pet-night .pet-goal,.pet-night .objective,.pet-night .room-heading{display:none}
 .pet-night .board{height:var(--mobile-room-h);width:calc((var(--mobile-room-h) - 12px)*.8 + 12px);max-width:100%;padding:5px;justify-self:center;align-self:start}
 .pet-night .board .intro{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:5;margin:0;padding:12px;background:#02030738}
 .pet-night .board .intro[hidden]{display:none}
 .pet-night .board .intro .action{min-height:66px;height:auto;padding:12px 8px;border:1px solid #d1ad73;background:#08090bf2;color:#e5c897;box-shadow:0 5px 18px #0009;font:20px/1.2 var(--serif,Georgia,serif)}
 .pet-night .board .intro .action:after{content:'Забери лакомство и вернись на коврик';display:block;margin-top:7px;font:11px/1.35 var(--sans,system-ui);color:#d3cec2}
 .pet-night .control-dock{display:grid;grid-template-columns:1fr 140px;grid-template-rows:92px;align-items:center;padding:6px 0 0;margin:0;gap:8px}
 .pet-night .control-hint{display:none}.pet-night .pause{grid-column:1;grid-row:1;min-height:44px;min-width:100px;max-width:150px;width:auto;padding:8px;font-size:16px}
 .pet-night .dpad{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:4px}
 .pet-night .direction{min-width:44px;min-height:44px;font-size:23px}.pet-night .direction[data-dir=down]{grid-column:2;grid-row:2}
 .pet-night .toolbar,.pet-night .notice{position:fixed;top:0;left:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}
 .pet-night .actions{height:98px;max-height:98px;margin:0;padding-top:6px;gap:4px}.pet-night .actions .action{min-height:44px;padding:4px;font-size:15px}
 .pet-night[data-status=won] .control-dock,.pet-night[data-status=caught] .control-dock{display:none}
}
/* Mobile follows three progressively unlocked rooms; reclaim the selector row. */
@media(max-width:900px){
 .pet-night .level-select{display:none}
 .pet-night-layout{grid-template-areas:'pets' 'board' 'controls'}
 .pet-night .board .intro .action:after{content:'3 уровня: каждый сложнее предыдущего.\A Забери лакомство и вернись на коврик.';white-space:pre-line}
 .pet-night .board .actions{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:auto;max-height:none;margin:0;padding:14px;background:#05070bea}
 .pet-night .board .actions[hidden]{display:none}
 .pet-night .board .actions:before{content:attr(data-result);font:21px/1.2 var(--serif,Georgia,serif);color:#e5c897;text-align:center;margin-bottom:8px}
 .pet-night .board .actions .action,.pet-night .board .actions .action[data-action=next]{flex:0 0 auto;width:100%;min-height:44px;padding:8px;font-size:17px}
}