/* Audio controls added for the self-contained test build. */
.lobby-top{flex-wrap:wrap}
.paw.brand-logo{width:86px;height:86px;padding:0;overflow:hidden;border-radius:24px;background:#7351d8;box-shadow:0 12px 28px rgba(92,54,165,.28)}
.paw.brand-logo img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:430px){.top-actions{gap:3px}.top-actions .top-btn{min-width:33px;padding:4px}.room-chip strong{font-size:.68rem}.play-nav .top-btn:first-child{display:none}}

/* Volume 3.1 clarity, laser guide, and private skin-admin additions. */
:root{--skin-image:none;--skin-position:center;--skin-size:cover}
html,body{background-image:linear-gradient(rgba(255,248,239,.78),rgba(239,216,200,.78)),var(--skin-image);background-position:center,var(--skin-position);background-size:cover,var(--skin-size);background-attachment:fixed}
.play-screen,.lobby-screen{position:relative;isolation:isolate}
.play-screen:before,.lobby-screen:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,248,239,.72),rgba(239,216,200,.72)),var(--skin-image);background-position:center,var(--skin-position);background-size:cover,var(--skin-size);pointer-events:none}
.skin-admin-note{margin:0 0 14px;color:var(--muted);font-size:.82rem;line-height:1.45}
.skin-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.skin-admin-grid label{display:grid;gap:6px;color:var(--muted);font-size:.78rem;font-weight:850}
.skin-admin-grid input,.skin-admin-grid select{min-height:44px;border:1px solid var(--line);border-radius:13px;padding:8px;background:white;color:var(--ink)}
.skin-preview{height:170px;margin:14px 0;border:2px dashed var(--line);border-radius:18px;background-image:linear-gradient(rgba(255,255,255,.22),rgba(255,255,255,.22)),var(--skin-image);background-position:center,var(--skin-position);background-size:cover,var(--skin-size);display:grid;place-items:center;color:var(--muted);font-weight:850;text-align:center;padding:12px}
.skin-status{min-height:20px;color:var(--muted);font-size:.78rem}
.private-admin-badge{display:inline-block;margin-bottom:8px;padding:6px 9px;border-radius:999px;background:#f2e7dc;color:#6c4c3e;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.playtest-admin{margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.62)}
.playtest-admin.first-tool{margin-top:0;background:linear-gradient(135deg,#fff7ed,#fff)}
.playtest-admin h3{margin:0 0 6px;font-size:1.05rem}
.skin-admin-title{margin:16px 0 8px;font-size:1.05rem}
.playtest-code-label{display:grid;gap:6px;margin:10px 0;color:var(--muted);font-size:.78rem;font-weight:850}
.playtest-code-label input{min-height:44px;border:1px solid var(--line);border-radius:13px;padding:8px 10px;background:white;color:var(--ink);font:inherit;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.playtest-actions{margin-top:8px}
@media(max-width:600px){.skin-admin-grid{grid-template-columns:1fr}.skin-preview{height:125px}.playtest-actions{flex-direction:column}.playtest-actions .primary-btn,.playtest-actions .secondary-btn{width:100%;min-width:0}}

/* Short-screen landscape mode for iPhone and Android phones. */
@media (max-height:520px) and (min-width:761px) and (max-width:1000px){
  .play-screen{grid-template-rows:42px 62px minmax(0,1fr);gap:6px;padding:5px}
  .play-topbar{height:42px}.top-btn{min-height:38px;padding:5px 9px}.runway{height:62px}
  .game-stage{grid-template-columns:minmax(0,1fr) minmax(390px,44vw);gap:6px}
  .board-panel,.control-panel{border-radius:18px}.board-panel{padding:5px}.canvas-wrap{height:100%;padding:4px}
  #game{height:100%;max-height:100%;width:auto}
  .control-panel{padding:6px;gap:4px;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"next trait" "stats stats" "goal goal" "laser drop" "controls controls"}
  .next-card{grid-area:next;min-height:62px;padding:4px}.trait-card{grid-area:trait;min-height:62px;padding:4px}
  #nextCanvas{width:86px;height:54px}.next-copy strong,.trait-card strong{font-size:.8rem}.next-copy span,.next-copy small,.trait-card span,.trait-card p{font-size:.54rem}
  .trait-icon{width:37px;height:37px;flex-basis:37px;font-size:19px}
  .compact-stats{grid-area:stats;gap:4px}.compact-stats div{padding:3px}.compact-stats span{font-size:.48rem}.compact-stats strong{font-size:.74rem}
  .goal-track{grid-area:goal;height:5px}.power-btn{grid-area:laser;min-height:34px;padding:4px 8px;font-size:.7rem}.drop-btn{grid-area:drop;min-height:34px;font-size:.8rem}
  .thumb-controls{grid-area:controls;gap:4px}.thumb-controls button{min-height:32px;font-size:.95rem}.thumb-controls button span{font-size:.46rem}.keyboard-help{display:none}
}

/* Volume 3.2 phone-first game shell, inspired by the approved interface studies. */
:root{
  --ui-cream:#fff9f4;
  --ui-lilac:#c9b6ff;
  --ui-purple:#7351d8;
  --ui-red:#d73b45;
  --ui-shadow:0 14px 34px rgba(86,49,99,.16);
  --ui-inset:inset 0 1px rgba(255,255,255,.9);
}
button,.top-btn,.small-btn{-webkit-tap-highlight-color:transparent;user-select:none}
button:focus-visible,.top-btn:focus-visible,.small-btn:focus-visible{outline:3px solid rgba(115,81,216,.38);outline-offset:2px}
.play-screen{width:min(1220px,100%);margin-inline:auto}
.play-topbar{height:52px;padding:5px 7px;border:1px solid rgba(126,82,105,.14);border-radius:18px;background:rgba(255,249,244,.94);box-shadow:var(--ui-shadow),var(--ui-inset);backdrop-filter:blur(18px)}
.top-btn{border-color:rgba(103,68,130,.13);background:linear-gradient(180deg,#fff,#fff8f2);box-shadow:0 5px 14px rgba(87,54,113,.11),var(--ui-inset)}
.top-btn:active,.small-btn:active,.thumb-controls button:active,.power-btn:active,.drop-btn:active{transform:translateY(1px) scale(.985)}
.room-chip strong{color:#3b2947;font-size:.92rem;letter-spacing:-.015em}.room-chip span{color:#866d91;font-weight:800}
.runway{border:2px solid rgba(115,81,216,.16);background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.95) 0 7px,transparent 8px),radial-gradient(circle at 68% 20%,rgba(255,255,255,.88) 0 10px,transparent 11px),linear-gradient(180deg,#ddceff,#c4b0f0);box-shadow:0 10px 24px rgba(93,68,149,.18),var(--ui-inset)}
.runway:before{height:5px;bottom:12px;background:rgba(87,60,139,.18);box-shadow:0 7px rgba(255,255,255,.24)}
.runway-title{padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.58);color:#604982;letter-spacing:.08em}
.hatch{border:2px solid rgba(255,255,255,.24);box-shadow:0 3px rgba(255,255,255,.3),inset 0 5px 9px rgba(0,0,0,.42),0 0 18px rgba(76,46,119,.18)}
.game-stage{width:100%;margin-inline:auto}
.board-panel,.control-panel{border:1px solid rgba(135,88,111,.15);background:rgba(255,249,244,.94);box-shadow:var(--ui-shadow),var(--ui-inset)}
.board-panel{background:linear-gradient(145deg,rgba(255,243,239,.96),rgba(239,226,255,.93));padding:10px}
.canvas-wrap{border:2px solid rgba(132,87,180,.17);background:linear-gradient(180deg,#eadcff,#d9c6f7);box-shadow:inset 0 1px rgba(255,255,255,.9),0 8px 22px rgba(90,55,119,.12)}
#game{box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 8px 20px rgba(35,25,55,.2)}
.control-panel{background:linear-gradient(180deg,rgba(255,251,247,.98),rgba(255,242,236,.96))}
.next-card,.trait-card,.compact-stats div{border-color:rgba(133,86,109,.13);background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,247,241,.9));box-shadow:0 6px 16px rgba(91,55,91,.08),var(--ui-inset)}
.trait-card[data-trait="stubborn"]{background:linear-gradient(135deg,#fff3f7,#ffe6ee)}.trait-card[data-trait="chonky"]{background:linear-gradient(135deg,#fff7df,#ffebc9)}.trait-card[data-trait="calm"]{background:linear-gradient(135deg,#f2fffa,#e3f7ef)}.trait-card[data-trait="helper"]{background:linear-gradient(135deg,#effff7,#d7f8e8);box-shadow:0 0 0 2px rgba(79,154,108,.14),0 8px 18px rgba(64,125,91,.12)}
.next-copy strong,.trait-card strong{color:#422d4b}.compact-stats strong{color:#3c2b55}
.goal-track{background:rgba(105,74,142,.12);box-shadow:inset 0 1px 3px rgba(74,45,92,.12)}.goal-track span{background:linear-gradient(90deg,#9b75ed,#6d4bd3)}
.power-btn{background:linear-gradient(180deg,#ea4b54,#c92d3b);border:1px solid rgba(147,17,32,.26);box-shadow:0 7px 16px rgba(186,39,54,.22),inset 0 1px rgba(255,255,255,.34)}
.drop-btn{background:linear-gradient(135deg,var(--ui-purple),#8b61e7);box-shadow:0 8px 18px rgba(103,70,201,.28),inset 0 1px rgba(255,255,255,.3)}
.power-btn:disabled{filter:grayscale(.4);opacity:.55}
.thumb-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.thumb-controls i{display:none}
.thumb-controls button{border-color:rgba(116,76,143,.15);background:linear-gradient(180deg,#fff,#fff7f3);color:#6546c4;box-shadow:0 6px 14px rgba(81,50,104,.1),var(--ui-inset);transition:transform .12s ease,box-shadow .12s ease}.thumb-controls button span{color:#6f5b79;font-weight:850}

@media (max-width:760px){
  html,body{background-attachment:scroll}
  .play-screen{grid-template-rows:50px 68px minmax(0,1fr);gap:7px;padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}
  .play-topbar{height:50px;border-radius:16px;padding:4px}.top-btn{min-height:40px;border-radius:12px;padding:6px 9px}
  .runway{height:68px;border-radius:17px}.runway-title{right:9px;top:7px;font-size:.49rem}.hatch{right:19px;bottom:6px;width:57px;height:17px}.walker{bottom:14px;transform-origin:center bottom}
  .game-stage{grid-template-rows:minmax(0,1fr) auto;gap:7px}.board-panel{padding:5px;border-radius:20px}.canvas-wrap{padding:5px;border-radius:17px}
  .control-panel{position:relative;z-index:4;padding:8px;gap:6px;border-radius:20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"next trait" "stats stats" "goal goal" "laser laser" "drop drop" "controls controls";box-shadow:0 -8px 28px rgba(78,50,96,.13),var(--ui-inset)}
  .next-card{grid-area:next;min-height:58px;padding:5px 7px}.trait-card{grid-area:trait;min-height:58px;padding:6px 8px}.next-card canvas{max-width:76px;max-height:50px}
  .next-copy strong,.trait-card strong{font-size:.82rem}.next-copy span,.next-copy small,.trait-card span,.trait-card p{font-size:.56rem}.trait-icon{width:40px;height:40px;flex-basis:40px;font-size:20px}
  .compact-stats{grid-area:stats;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.compact-stats div{padding:5px 3px;border-radius:11px}.compact-stats span{font-size:.49rem}.compact-stats strong{font-size:.83rem}
  .goal-track{grid-area:goal;height:6px}.power-btn{grid-area:laser;min-height:42px;border-radius:13px;padding:7px 12px}.drop-btn{grid-area:drop;min-height:48px;border-radius:14px;font-size:1rem}
  .thumb-controls{grid-area:controls;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.thumb-controls button{min-height:52px;border-radius:13px;font-size:1.25rem;padding:4px}.thumb-controls button span{font-size:.55rem;margin-top:1px}.keyboard-help{display:none}
}
@media (max-width:430px){
  .play-screen{grid-template-rows:46px 60px minmax(0,1fr);gap:5px;padding:max(5px,env(safe-area-inset-top)) max(5px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left))}.play-topbar{height:46px}
  .play-nav .top-btn:first-child{display:none}.play-nav .top-btn{min-width:42px;font-size:.72rem}.top-actions{gap:3px}.top-actions .top-btn{min-width:34px;padding:4px 6px;font-size:.72rem}.room-chip strong{font-size:.73rem}.room-chip span{font-size:.55rem}
  .runway{height:60px;border-radius:14px}.runway-title{display:none}.hatch{right:14px;width:50px}.walker{bottom:12px;scale:.88}
  .control-panel{padding:6px;gap:4px;border-radius:17px}.next-card,.trait-card{min-height:52px;padding:4px 5px;border-radius:13px}.next-card canvas{max-width:60px;max-height:44px}.next-copy{display:block;min-width:0}
  .next-copy strong,.trait-card strong{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.next-copy span,.next-copy small,.trait-card span{font-size:.48rem}.trait-card p{display:none}.trait-icon{width:34px;height:34px;flex-basis:34px;font-size:18px}
  .compact-stats{gap:3px}.compact-stats div{padding:3px 2px}.compact-stats span{font-size:.43rem}.compact-stats strong{font-size:.72rem}.power-btn{min-height:38px;padding:5px 9px;font-size:.72rem}.drop-btn{min-height:43px;font-size:.9rem}.thumb-controls{gap:4px}.thumb-controls button{min-height:46px;font-size:1.08rem}.thumb-controls button span{font-size:.48rem}
}
@media (max-width:760px) and (max-height:720px){
  .play-screen{grid-template-rows:42px 52px minmax(0,1fr)}.play-topbar{height:42px}.top-btn{min-height:34px}.runway{height:52px}.walker{bottom:9px;scale:.78}
  .control-panel{padding:5px;gap:3px}.next-card,.trait-card{min-height:45px}.next-card canvas{max-height:38px}.trait-icon{width:30px;height:30px;flex-basis:30px;font-size:16px}.compact-stats div{padding:2px}.goal-track{height:4px}.power-btn{min-height:34px}.drop-btn{min-height:37px}.thumb-controls button{min-height:40px}
}
@media (max-height:520px) and (min-width:761px) and (max-width:1000px){
  .play-screen{grid-template-rows:42px 58px minmax(0,1fr)}.runway{height:58px}.control-panel{grid-template-columns:1fr 1fr;grid-template-areas:"next trait" "stats stats" "goal goal" "laser drop" "controls controls"}.thumb-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.thumb-controls button{min-height:34px}
}

/* Volume 3.3: calmer header, board-side information rail, and bottom play dock. */
.compact-nav{min-width:44px;font-size:1.25rem;line-height:1}
.info-rail,.action-dock{display:contents}
.trait-icon{display:none}
.walker{width:94px;height:58px;bottom:7px}
.walker img{display:block;width:100%;height:100%;object-fit:contain;transform:scaleX(-1);transform-origin:center;filter:drop-shadow(0 4px 4px rgba(55,38,64,.2));pointer-events:none}
.trait-portrait{width:96px;height:82px;flex:0 0 96px;display:grid;place-items:center}
.personality-cat{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 7px rgba(66,42,68,.16));transition:opacity .16s ease}.personality-cat[data-ready="0"]{opacity:.35;filter:grayscale(.4) drop-shadow(0 7px 7px rgba(66,42,68,.12))}

@media (max-width:760px){
  .play-screen{grid-template-rows:48px 64px minmax(0,1fr);gap:6px}.play-topbar{height:48px;grid-template-columns:auto minmax(78px,1fr) auto;padding:4px 5px}.play-nav,.top-actions{gap:4px}.compact-nav{min-width:38px;width:38px;padding:4px}.help-btn{display:none}.top-actions .top-btn{min-width:38px;padding:5px 7px}.top-actions #pauseBtn{min-width:54px}.room-chip strong{font-size:.76rem}.room-chip span{font-size:.58rem}
  .runway{height:64px}
  .game-stage{display:grid;grid-template-columns:minmax(0,1fr) clamp(116px,32vw,138px);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"board info" "actions actions";gap:6px}
  .board-panel{grid-area:board;min-width:0}.control-panel{display:contents}
  .info-rail{grid-area:info;min-width:0;display:flex;flex-direction:column;gap:6px;padding:6px;border:1px solid rgba(255,255,255,.82);border-radius:18px;background:linear-gradient(180deg,rgba(255,251,247,.98),rgba(255,242,236,.96));box-shadow:0 10px 25px rgba(78,50,96,.11),var(--ui-inset);overflow:hidden}
  .action-dock{grid-area:actions;display:grid;grid-template-columns:1fr;grid-template-areas:"laser" "drop" "controls";gap:6px;padding:7px;border:1px solid rgba(255,255,255,.82);border-radius:18px;background:linear-gradient(180deg,rgba(255,251,247,.98),rgba(255,242,236,.96));box-shadow:0 -7px 24px rgba(78,50,96,.11),var(--ui-inset)}
  .next-card{min-height:0;flex:0 0 auto;display:flex;flex-direction:column;justify-content:flex-start;gap:2px;padding:6px 4px}.next-card canvas{width:100%;max-width:108px;max-height:68px}.next-copy{text-align:center;width:100%}.next-copy span{font-size:.5rem}.next-copy strong{font-size:.78rem}.next-copy small{font-size:.48rem;white-space:normal;line-height:1.15}
  .trait-card{min-height:0;flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:7px 4px;text-align:center}.trait-portrait{width:100%;max-width:126px;height:clamp(100px,17svh,148px);flex:0 1 auto}.trait-copy{min-width:0;width:100%}.trait-card span{font-size:.48rem}.trait-card strong{font-size:.8rem}.trait-card p{display:block;margin:2px 0 0;font-size:.49rem;line-height:1.2}
  .compact-stats{display:grid;grid-template-columns:1fr 1fr;gap:4px}.compact-stats div{padding:6px 2px}.compact-stats span{font-size:.45rem}.compact-stats strong{font-size:.76rem}.goal-track{height:6px;flex:0 0 6px}
  .power-btn{grid-area:laser;min-height:40px}.drop-btn{grid-area:drop;min-height:44px}.thumb-controls{grid-area:controls;grid-template-columns:repeat(4,minmax(0,1fr))}.thumb-controls button{min-height:48px}.keyboard-help{display:none}
}
@media (max-width:430px){
  .play-nav .top-btn:first-child{display:grid}.play-topbar{grid-template-columns:auto minmax(72px,1fr) auto}.compact-nav{min-width:34px;width:34px}.top-actions .top-btn{min-width:34px;padding:4px 5px}.top-actions #pauseBtn{min-width:48px}.room-chip strong{font-size:.68rem}.room-chip span{font-size:.52rem}
  .game-stage{grid-template-columns:minmax(0,1fr) clamp(112px,31.5vw,128px)}.info-rail{padding:5px;gap:5px}.next-card{padding:4px 3px}.next-card canvas{max-height:58px}.trait-card{padding:5px 3px}.trait-portrait{max-width:112px}.compact-stats{gap:3px}.compact-stats div{padding:5px 1px}.action-dock{padding:6px;gap:5px}.power-btn{min-height:38px}.drop-btn{min-height:42px}.thumb-controls button{min-height:46px}
}
@media (max-width:760px) and (max-height:720px){
  .play-screen{grid-template-rows:42px 52px minmax(0,1fr)}.play-topbar{height:42px}.runway{height:52px}.action-dock{padding:5px;gap:4px}.power-btn{min-height:34px}.drop-btn{min-height:37px}.thumb-controls button{min-height:40px}.info-rail{padding:4px;gap:4px}.next-card canvas{max-height:46px}.trait-portrait{height:82px}.trait-card p{display:none}.compact-stats div{padding:3px 1px}
}

/* Volume 3.4: larger Next Cat, smaller portrait card, and paired primary actions. */
.play-screen:before{background-image:radial-gradient(circle at 8% 9%,rgba(255,241,213,.7),transparent 29%),radial-gradient(circle at 92% 12%,rgba(220,199,255,.58),transparent 31%),linear-gradient(155deg,rgba(255,250,244,.82),rgba(239,218,251,.78)),var(--skin-image);background-position:left top,right top,center,var(--skin-position);background-size:auto,auto,cover,var(--skin-size)}
@media (max-width:760px){
  .next-card{flex:0 0 clamp(178px,24svh,205px);justify-content:center}.next-card canvas{max-width:116px;max-height:96px}.next-copy strong{font-size:.84rem}.next-copy small{font-size:.52rem}
  .trait-card{flex:1 1 auto;max-height:290px;justify-content:center}.trait-portrait{height:clamp(74px,12svh,104px);max-width:106px}.trait-card p{font-size:.5rem}
  .action-dock{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"laser drop" "controls controls"}.power-btn,.drop-btn{min-height:46px}.power-btn{padding:7px 10px}.power-btn span{white-space:nowrap}.drop-btn{font-size:.92rem}.thumb-controls{grid-column:1/-1}
}
@media (max-width:430px){
  .next-card{flex-basis:190px}.next-card canvas{max-height:94px}.trait-card{max-height:284px}.trait-portrait{height:82px;max-width:96px}.power-btn,.drop-btn{min-height:42px}.power-btn{font-size:.65rem;padding:5px 7px}.drop-btn{font-size:.82rem}
}
@media (max-width:760px) and (max-height:720px){
  .next-card{flex-basis:132px}.next-card canvas{max-height:68px}.trait-card{max-height:220px}.trait-portrait{height:62px}.power-btn,.drop-btn{min-height:38px}
}

/* Volume 3.5: themed rooms, progress stars, and final-room Zoomie feedback. */
body[data-room="personality"]{--room-a:#ffe2bd;--room-b:#cdbaff;--room-accent:#7351d8}
body[data-room="scratchpost"]{--room-a:#f8d3e7;--room-b:#bdebea;--room-accent:#c04f86}
body[data-room="cafe"]{--room-a:#f6c98e;--room-b:#d8b38a;--room-accent:#9b5c35}
body[data-room="zoomies"]{--room-a:#7771c8;--room-b:#282955;--room-accent:#725ee8}
body[data-room="laundry"]{--room-a:#d7ecff;--room-b:#f7d6e8;--room-accent:#5b86c7}
body[data-room="sunbeam"]{--room-a:#ffe79f;--room-b:#bfead2;--room-accent:#d3912d}
body[data-room="kitchen"]{--room-a:#d8f0df;--room-b:#ffd7b2;--room-accent:#4f9a6c}
body[data-room="rainy"]{--room-a:#9fb7e9;--room-b:#4b557f;--room-accent:#4f67c8}
body[data-room="finale"]{--room-a:#ffd86b;--room-b:#6d3d9a;--room-accent:#d43f68}
body[data-screen="play"] .play-screen:before{background-image:radial-gradient(circle at 8% 9%,color-mix(in srgb,var(--room-a,#fff1d5) 72%,transparent),transparent 29%),radial-gradient(circle at 92% 12%,color-mix(in srgb,var(--room-b,#dcc7ff) 60%,transparent),transparent 31%),linear-gradient(155deg,rgba(255,250,244,.82),rgba(239,218,251,.78)),var(--skin-image)}
body[data-room="scratchpost"] .runway{background:linear-gradient(180deg,#f6d2ea,#c9ece8)}
body[data-room="cafe"] .runway{background:linear-gradient(180deg,#f5d4a9,#d7b694)}
body[data-room="zoomies"] .runway{background:radial-gradient(circle at 16% 18%,#fff7b7 0 4px,transparent 5px),radial-gradient(circle at 67% 23%,#fff7b7 0 3px,transparent 4px),linear-gradient(180deg,#6966b4,#34345f)}
body[data-room="laundry"] .runway{background:linear-gradient(180deg,#d7ecff,#f5d2e6)}
body[data-room="sunbeam"] .runway{background:radial-gradient(circle at 22% 18%,#fff8ba 0 9px,transparent 10px),linear-gradient(180deg,#ffe49b,#bfead2)}
body[data-room="kitchen"] .runway{background:linear-gradient(180deg,#d8f0df,#ffd6ad)}
body[data-room="rainy"] .runway{background:radial-gradient(circle at 15% 17%,#eaf2ff 0 3px,transparent 4px),radial-gradient(circle at 70% 25%,#eaf2ff 0 4px,transparent 5px),linear-gradient(180deg,#8ca4df,#4b557f)}
body[data-room="zoomies"] .runway-title{color:#fff;background:rgba(32,29,76,.5)}
body[data-room="rainy"] .runway-title{color:#fff;background:rgba(36,43,82,.52)}
.trait-card[data-trait="zoomie"]{background:linear-gradient(135deg,#eeecff,#d9d2ff);box-shadow:0 0 0 2px rgba(114,94,232,.16),0 8px 18px rgba(85,68,177,.14)}
.room-chip{gap:1px}
.level-path{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:1px}
.level-path i{width:14px;height:14px;border-radius:50%;display:grid;place-items:center;background:#eadff0;color:#8d7697;font:900 .48rem/1 system-ui;font-style:normal;box-shadow:inset 0 1px rgba(255,255,255,.85)}
.level-path i.active{background:var(--room-accent,#7351d8);color:#fff;box-shadow:0 0 0 2px color-mix(in srgb,var(--room-accent,#7351d8) 20%,transparent)}
.level-path i.complete{background:#f2ad3d;color:#fff}
.overlay-stars{min-height:30px;margin:2px 0 7px;color:#ffc145;font-size:1.6rem;letter-spacing:.08em;filter:drop-shadow(0 2px 1px rgba(111,61,19,.22))}

@media (max-width:430px){
  .level-path{gap:3px}.level-path i{width:11px;height:11px;font-size:.39rem}
  .room-chip{line-height:1}.room-chip strong{max-width:100%}
}
@media (max-width:380px){
  .compact-nav{min-width:31px;width:31px}.top-actions .top-btn{min-width:31px}.top-actions #pauseBtn{min-width:43px;padding-inline:3px}
  .play-nav,.top-actions{gap:2px}.room-chip strong{font-size:.62rem}.room-chip span{font-size:.48rem}
}

/* Volume 3.6: one polished cozy-room wrapper around the unchanged game board. */
.board-panel{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#f3e7ff 0 70%,#efc8b0 70% 100%)}
.cozy-room-scene{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 18% 16%,rgba(255,255,255,.72) 0 4px,transparent 5px),radial-gradient(circle at 78% 24%,rgba(255,255,255,.55) 0 3px,transparent 4px),linear-gradient(180deg,rgba(239,221,255,.94),rgba(250,229,244,.9) 70%,rgba(231,177,143,.95) 70%)}
.cozy-room-scene:before{content:"";position:absolute;inset:0 0 30%;opacity:.46;background-image:radial-gradient(circle,rgba(138,96,178,.25) 0 2px,transparent 2.5px);background-size:34px 34px}
.cozy-wall-sparkles i{position:absolute;width:10px;height:10px;background:#fff8d2;clip-path:polygon(50% 0,62% 36%,100% 50%,62% 64%,50% 100%,38% 64%,0 50%,38% 36%);filter:drop-shadow(0 2px 2px rgba(92,59,121,.12))}.cozy-wall-sparkles i:nth-child(1){left:6%;top:5%}.cozy-wall-sparkles i:nth-child(2){right:8%;top:7%;scale:.7}.cozy-wall-sparkles i:nth-child(3){left:12%;top:45%;scale:.55}.cozy-wall-sparkles i:nth-child(4){right:10%;top:43%;scale:.8}.cozy-wall-sparkles i:nth-child(5){left:4%;top:66%;scale:.65}
.cozy-picture{position:absolute;left:clamp(9px,2.4vw,30px);top:12%;width:clamp(58px,9vw,105px);aspect-ratio:.82;padding:7px 6px 6px;border:5px solid #d89668;border-radius:7px;background:linear-gradient(145deg,#fff9eb,#f8d7db);box-shadow:0 6px 0 #b86d4d,0 11px 18px rgba(98,54,88,.18),inset 0 0 0 2px rgba(255,255,255,.8);transform:rotate(-2deg)}
.cozy-picture:before{content:"";position:absolute;left:50%;top:-20px;width:34px;height:25px;border-left:2px solid #a97462;border-top:2px solid #a97462;transform:translateX(-50%) rotate(45deg);transform-origin:center}
.cozy-picture-pin{position:absolute;left:50%;top:-7px;width:7px;height:7px;border-radius:50%;background:#f2af58;box-shadow:0 1px 2px rgba(84,51,34,.3);transform:translateX(-50%)}
.cozy-picture img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(72,47,73,.17))}
.cozy-plant{position:absolute;right:clamp(10px,2.8vw,34px);top:10%;width:clamp(62px,9vw,108px);height:clamp(95px,15vw,164px)}
.cozy-plant span{position:absolute;left:25%;right:12%;bottom:0;height:38%;border-radius:8px 8px 18px 18px;background:linear-gradient(90deg,#7c4fbd,#9c6cdb 45%,#7242ad);box-shadow:0 7px 13px rgba(70,42,89,.2),inset 0 2px rgba(255,255,255,.28)}
.cozy-plant span:after{content:"";position:absolute;left:50%;top:55%;width:12%;height:13%;border-radius:50%;background:#dfb3f2;box-shadow:-8px -7px 0 -2px #dfb3f2,-3px -10px 0 -2px #dfb3f2,3px -10px 0 -2px #dfb3f2,8px -7px 0 -2px #dfb3f2;transform:translate(-50%,-50%)}
.cozy-plant i{position:absolute;left:46%;bottom:32%;width:30%;height:48%;border-radius:100% 0 100% 0;background:linear-gradient(135deg,#8fbc62,#477842);transform-origin:bottom left;box-shadow:inset 2px 2px rgba(255,255,255,.2)}
.cozy-plant i:nth-of-type(1){transform:rotate(-43deg)}.cozy-plant i:nth-of-type(2){transform:rotate(-11deg) scale(.93)}.cozy-plant i:nth-of-type(3){transform:rotate(24deg) scale(.86)}.cozy-plant i:nth-of-type(4){transform:rotate(54deg) scale(.72)}
.cozy-plant b{position:absolute;left:50%;bottom:31%;width:3px;height:52%;border-radius:3px;background:#63864d;transform:rotate(-4deg)}
.cozy-floor{position:absolute;left:0;right:0;bottom:0;height:30%;background:repeating-linear-gradient(97deg,rgba(117,69,48,.08) 0 2px,transparent 2px 54px),linear-gradient(180deg,#efc3a7,#dc9f79);border-top:5px solid rgba(255,250,240,.74);box-shadow:inset 0 6px 13px rgba(125,70,55,.09)}
.cozy-rug{position:absolute;left:50%;bottom:-6%;width:64%;height:23%;border-radius:50%;background:radial-gradient(ellipse,#cfb4f4 0 48%,#a981df 49% 65%,#8e68c8 66% 70%,transparent 71%);transform:translateX(-50%);opacity:.8}
.cozy-yarn{position:absolute;left:clamp(7px,2vw,26px);bottom:3%;width:clamp(58px,9vw,112px);height:clamp(50px,8vw,96px);filter:drop-shadow(0 7px 5px rgba(90,51,79,.18))}
.cozy-yarn i{position:absolute;bottom:0;border-radius:50%;background:repeating-radial-gradient(ellipse at 42% 48%,transparent 0 4px,rgba(127,41,93,.32) 5px 6px),linear-gradient(135deg,#ff8cbd,#df4f90)}
.cozy-yarn i:nth-child(1){left:0;width:62%;height:72%}.cozy-yarn i:nth-child(2){right:0;width:48%;height:58%;background:repeating-radial-gradient(ellipse at 42% 48%,transparent 0 4px,rgba(68,40,136,.3) 5px 6px),linear-gradient(135deg,#aa82f0,#7351c8)}.cozy-yarn i:nth-child(3){left:46%;bottom:2%;width:27%;height:34%;background:linear-gradient(135deg,#ffd66d,#e9a638)}
.cozy-yarn span{position:absolute;left:21%;bottom:-5px;width:125%;height:24%;border:3px solid #d94e8e;border-top:0;border-left-color:transparent;border-radius:0 0 50% 50%;transform:rotate(-4deg)}
.cozy-cat-box{position:absolute;right:clamp(8px,2.2vw,28px);bottom:2%;width:clamp(72px,11vw,136px);height:clamp(58px,9vw,112px);filter:drop-shadow(0 8px 6px rgba(92,54,46,.2))}
.cozy-cat-box:before{content:"";position:absolute;left:5%;right:4%;bottom:0;height:62%;border-radius:5px 5px 10px 10px;background:linear-gradient(145deg,#d89354,#b96b3f);box-shadow:inset 0 3px rgba(255,255,255,.18)}
.cozy-cat-box:after{content:"";position:absolute;left:0;right:0;bottom:50%;height:27%;background:linear-gradient(155deg,#efb46e 0 48%,transparent 49%),linear-gradient(205deg,#ce8048 0 48%,transparent 49%);clip-path:polygon(0 0,48% 24%,100% 0,91% 100%,51% 69%,9% 100%)}
.cozy-cat-box img{position:absolute;z-index:1;left:20%;bottom:42%;width:65%;height:65%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 2px 2px rgba(70,41,53,.18))}
.cozy-cat-box span{position:absolute;z-index:2;left:0;right:0;bottom:10%;text-align:center;color:#81492f;font-size:clamp(10px,1.6vw,18px)}
.canvas-wrap{z-index:2;border:5px solid #f9e8f3;background:linear-gradient(180deg,#d7c1ff,#c3a6ec);box-shadow:0 0 0 3px #b995e7,0 12px 27px rgba(74,45,108,.25),inset 0 1px rgba(255,255,255,.95)}
.cat-frame-crown{position:absolute;z-index:4;left:8px;right:8px;top:-15px;height:28px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}
.cat-frame-crown i{width:30px;height:27px;background:linear-gradient(145deg,#fce7f2 0 55%,#f29bbd 56% 73%,#c49ae9 74%);clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 -2px 1px rgba(99,64,130,.18))}.cat-frame-crown i:last-child{transform:scaleX(-1)}
.cat-frame-crown span{align-self:flex-start;margin-top:9px;padding:1px 9px 3px;border-radius:0 0 12px 12px;background:#f9e8f3;color:#8d5b8e;font-size:clamp(.55rem,1.2vw,.75rem);font-weight:900;letter-spacing:.08em;white-space:nowrap}

@media (max-width:760px){
  .board-panel{background:linear-gradient(180deg,#f1e4ff 0 72%,#edc3a9 72%)}
  .cozy-room-scene:before{bottom:28%;background-size:24px 24px}.cozy-picture{left:5px;top:9%;width:44px;padding:4px;border-width:3px;box-shadow:0 4px 0 #b86d4d,0 7px 11px rgba(98,54,88,.16)}.cozy-picture:before{top:-12px;width:22px;height:15px}.cozy-picture-pin{top:-5px;width:5px;height:5px}
  .cozy-plant{right:4px;top:8%;width:45px;height:73px}.cozy-floor{height:28%}.cozy-rug{width:92%;height:18%;bottom:-3%}.cozy-yarn{left:2px;bottom:2%;width:51px;height:46px}.cozy-yarn span{border-width:2px}.cozy-cat-box{right:1px;bottom:1%;width:61px;height:52px}
  .canvas-wrap{border-width:4px;box-shadow:0 0 0 2px #b995e7,0 8px 18px rgba(74,45,108,.22),inset 0 1px rgba(255,255,255,.95)}
  .cat-frame-crown{left:5px;right:5px;top:-11px;height:21px}.cat-frame-crown i{width:20px;height:19px}.cat-frame-crown span{margin-top:6px;padding:0 6px 2px;font-size:.48rem}
}
@media (max-width:430px){
  .cozy-picture{width:38px;opacity:.9}.cozy-plant{width:39px;height:64px}.cozy-yarn{width:43px;height:40px}.cozy-cat-box{width:53px;height:46px}.cozy-wall-sparkles i:nth-child(3),.cozy-wall-sparkles i:nth-child(4){display:none}
  .cat-frame-crown{top:-9px}.cat-frame-crown i{width:17px;height:16px}.cat-frame-crown span{font-size:.42rem;margin-top:5px}
}

/* Boss rooms. The controls retain their approved phone positions; boss
   information floats over the board frame. */
.level-picker{margin:20px 0 14px;padding:16px;border:1px solid rgba(115,81,216,.18);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(246,239,255,.88));box-shadow:0 12px 30px rgba(64,39,102,.1)}
.level-picker-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px;text-align:left}.level-picker-heading .eyebrow{margin:0 0 3px}.level-picker-heading h2{margin:0;font-size:1.28rem}.level-picker-heading>span{max-width:220px;color:#756d8c;font-size:.7rem;font-weight:750;text-align:right}
.level-picker-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.level-picker-grid button{position:relative;min-width:0;min-height:112px;padding:12px 8px 9px;border:1px solid rgba(92,66,154,.16);border-radius:16px;background:linear-gradient(155deg,#fff,#f0e8ff);color:#36294d;box-shadow:0 7px 16px rgba(67,43,101,.08),inset 0 1px rgba(255,255,255,.9);cursor:pointer}.level-picker-grid button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px rgba(67,43,101,.14)}.level-picker-grid button b{position:absolute;left:7px;top:7px;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#7351d8;color:#fff;font-size:.65rem}.level-picker-grid button>span{display:block;margin:2px 0 5px;font-size:1.55rem}.level-picker-grid button strong{display:block;min-height:2.35em;font-size:.72rem;line-height:1.16}.level-picker-grid button small{display:block;margin-top:6px;color:#6a52bb;font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.level-picker-grid button.complete small{color:#a56816}.level-picker-grid button:disabled{cursor:not-allowed;filter:grayscale(.55);opacity:.62}.level-picker-grid button:disabled b{background:#958d9f}.level-picker-grid button:disabled small{color:#746d7b}.level-picker-grid button:nth-child(5),.level-picker-grid button:last-child{background:linear-gradient(145deg,#3b2453,#7a3c9d);color:#fff5cf;border-color:#e7bb61}.level-picker-grid button:nth-child(5) b,.level-picker-grid button:last-child b{background:#e44667}.level-picker-grid button:nth-child(5) small,.level-picker-grid button:last-child small{color:#ffe18e}.level-picker-grid button:nth-child(5):disabled,.level-picker-grid button:last-child:disabled{background:linear-gradient(145deg,#62566c,#867b8e);color:#f3eef4;border-color:#9c91a2}
@media(max-width:760px){.level-picker{padding:12px;margin-top:14px}.level-picker-heading{align-items:start}.level-picker-heading>span{max-width:150px;font-size:.61rem}.level-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.level-picker-grid button{min-height:92px;padding:10px 7px 7px}.level-picker-grid button:last-child{grid-column:1/-1;min-height:80px}.level-picker-grid button strong{min-height:auto}.level-picker-grid button b{width:19px;height:19px}.level-picker-grid button>span{font-size:1.35rem;margin:0 0 3px}}
.boss-hud{position:absolute;z-index:7;left:clamp(70px,22%,280px);right:clamp(80px,18%,230px);top:6px;min-height:54px;display:grid;grid-template-columns:44px minmax(80px,1fr) auto minmax(90px,auto);align-items:center;gap:8px;padding:7px 10px;border:2px solid rgba(255,214,105,.82);border-radius:16px;background:linear-gradient(135deg,rgba(39,25,58,.95),rgba(87,42,105,.94));box-shadow:0 8px 24px rgba(11,5,22,.42),inset 0 1px rgba(255,255,255,.18);color:#fff;pointer-events:none;transition:.2s ease}
.boss-hud.hidden{display:none}
.boss-vacuum{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 36% 28%,#ffeb9e,#d86179 42%,#5b245f 70%);box-shadow:0 0 0 3px rgba(255,224,111,.24),0 0 18px rgba(255,76,112,.38);font-size:24px}
.boss-copy,.boss-warning{display:grid;gap:2px}.boss-copy span{color:#ffd977;font-size:.58rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.boss-copy strong{font-size:.76rem}.boss-warning{text-align:right}.boss-warning span{color:#e6d5ff;font-size:.58rem;font-weight:850}.boss-warning strong{color:#fff0ad;font-size:.67rem;white-space:nowrap}
.boss-shields{display:flex;gap:4px}.boss-shields i{width:15px;height:20px;background:linear-gradient(#fff2a6,#ffb84f);clip-path:polygon(50% 0,94% 20%,85% 76%,50% 100%,15% 76%,6% 20%);filter:drop-shadow(0 0 5px rgba(255,211,82,.65));transition:.25s ease}.boss-shields i.broken{opacity:.22;filter:grayscale(1);transform:scale(.72) rotate(12deg)}
.boss-hud.danger{border-color:#ff6579;box-shadow:0 0 0 3px rgba(255,69,93,.18),0 8px 24px rgba(11,5,22,.46);animation:boss-warning-pulse .7s ease-in-out infinite alternate}.boss-hud.danger .boss-warning strong{color:#ff9bac}.boss-hud.stunned{border-color:#77e9ff;box-shadow:0 0 0 3px rgba(83,216,255,.18),0 8px 24px rgba(11,5,22,.46)}
.boss-hud.hit{animation:boss-shield-hit .52s ease-out}.boss-shields i.active{animation:boss-shield-glow .72s ease-in-out infinite alternate}
@keyframes boss-warning-pulse{to{transform:scale(1.012);filter:brightness(1.12)}}
@keyframes boss-shield-hit{0%{transform:scale(1)}35%{transform:scale(1.045);filter:brightness(1.65)}100%{transform:scale(1);filter:none}}
@keyframes boss-shield-glow{to{filter:drop-shadow(0 0 9px rgba(255,229,112,.95));transform:scale(1.08)}}
@keyframes vacuum-board-shake{20%{transform:translateX(-3px)}40%{transform:translateX(3px)}60%{transform:translateX(-2px)}80%{transform:translateX(2px)}}
body.vacuum-suction .canvas-wrap{animation:vacuum-board-shake .52s ease-out}body.vacuum-suction-warning .canvas-wrap{box-shadow:0 0 0 5px rgba(255,77,103,.26),0 0 38px rgba(255,67,99,.5),0 12px 27px rgba(32,13,52,.45)!important}
.boss-event{position:absolute;z-index:9;left:50%;top:38%;width:min(84%,300px);padding:14px 16px;border:3px solid #ffdc74;border-radius:18px;background:linear-gradient(145deg,rgba(46,24,67,.97),rgba(117,49,111,.97));box-shadow:0 15px 40px rgba(9,2,18,.5),0 0 28px rgba(236,100,255,.32);color:#fff;text-align:center;transform:translate(-50%,-50%);pointer-events:none;animation:boss-event-in .22s ease-out}.boss-event strong,.boss-event span{display:block}.boss-event strong{color:#ffe887;font-size:1.05rem;text-transform:uppercase;letter-spacing:.06em}.boss-event span{margin-top:4px;font-size:.72rem;line-height:1.3}.boss-event.suction{border-color:#ff6579;background:linear-gradient(145deg,rgba(54,17,45,.98),rgba(159,38,72,.97))}.boss-event.success{border-color:#75eeff;background:linear-gradient(145deg,rgba(22,38,73,.98),rgba(54,105,139,.97))}@keyframes boss-event-in{from{opacity:0;transform:translate(-50%,-44%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.boss-briefing-card{width:min(760px,100%);border:3px solid #f2c75e;background:radial-gradient(circle at 90% 0,rgba(209,142,255,.25),transparent 34%),linear-gradient(145deg,#fffaf1,#f4e7ff);box-shadow:0 32px 90px rgba(23,8,39,.48)}.boss-briefing-title{display:flex;align-items:center;gap:14px;margin-bottom:18px}.boss-briefing-title>span{width:70px;height:70px;display:grid;place-items:center;flex:0 0 70px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#ffe899,#e15f82 45%,#63306f 72%);font-size:39px;box-shadow:0 0 0 5px rgba(240,191,88,.22)}.boss-briefing-title h2{margin:0 0 3px}.boss-briefing-title p{margin:0;color:#756d8c}.boss-rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.boss-rule-grid article{position:relative;display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center;min-height:100px;padding:13px 13px 13px 48px;border:1px solid rgba(91,57,128,.17);border-radius:17px;background:rgba(255,255,255,.8)}.boss-rule-grid article>b{position:absolute;left:10px;top:10px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#6d3d9a;color:#fff;font-size:.7rem}.boss-rule-grid article>span{font-size:29px}.boss-rule-grid strong{display:block;color:#3d2952}.boss-rule-grid p{margin:3px 0 0;color:#756d8c;font-size:.78rem;line-height:1.35}.boss-rule-grid em{color:#9e3556;font-style:normal;font-weight:900}.boss-win-condition{display:flex;align-items:center;justify-content:center;gap:9px;margin:14px 0;padding:11px;border-radius:14px;background:#39254f;color:#fff3ba;text-align:center}.boss-win-condition span{font-size:23px}.boss-briefing-card>.primary-btn{width:100%;background:linear-gradient(135deg,#6d3d9a,#d43f68);box-shadow:0 12px 28px rgba(91,41,117,.26)}
body[data-room="vacuum"] .board-panel,body[data-room="finale"] .board-panel{background:radial-gradient(circle at 50% 24%,rgba(220,122,255,.36),transparent 34%),linear-gradient(180deg,#39234e 0 67%,#1e172d 67%)}
body[data-room="vacuum"] .cozy-room-scene,body[data-room="finale"] .cozy-room-scene{filter:saturate(.7) brightness(.58) hue-rotate(22deg)}
body[data-room="vacuum"] .canvas-wrap,body[data-room="finale"] .canvas-wrap{border-color:#f7d36e;background:linear-gradient(180deg,#6c3c85,#3a2354);box-shadow:0 0 0 3px #9f5fc4,0 0 30px rgba(231,92,255,.28),0 12px 27px rgba(32,13,52,.45)}
body[data-room="vacuum"] .cat-frame-crown span,body[data-room="finale"] .cat-frame-crown span{background:#3d2554;color:#ffe588}
body[data-room="vacuum"] .runway,body[data-room="finale"] .runway{background:radial-gradient(circle at 88% 75%,#f05b8a 0 3%,transparent 4%),linear-gradient(180deg,#42285f,#7f51a3)}
body[data-room="vacuum"] .runway-title,body[data-room="finale"] .runway-title{display:none}

@media(max-width:760px){
  .boss-hud{left:58px;right:66px;top:5px;min-height:43px;grid-template-columns:33px minmax(65px,1fr) auto minmax(70px,auto);gap:5px;padding:5px 7px;border-radius:12px}.boss-vacuum{width:31px;height:31px;font-size:18px}.boss-copy span{font-size:.43rem}.boss-copy strong{font-size:.57rem}.boss-warning span{font-size:.43rem}.boss-warning strong{font-size:.5rem}.boss-shields{gap:2px}.boss-shields i{width:10px;height:14px}
}
@media(max-width:430px){
  .boss-hud{left:48px;right:55px;grid-template-columns:30px minmax(58px,1fr) auto;top:4px}.boss-vacuum{width:28px;height:28px;font-size:16px}.boss-warning{grid-column:2/4;display:flex;justify-content:space-between;margin-top:-2px}.boss-copy strong{font-size:.53rem}.boss-shields i{width:9px;height:12px}
  .boss-event{top:42%;padding:11px 10px}.boss-event strong{font-size:.82rem}.boss-event span{font-size:.61rem}.boss-briefing-card{padding:18px 14px}.boss-briefing-title{align-items:flex-start;gap:10px;margin-bottom:12px}.boss-briefing-title>span{width:52px;height:52px;flex-basis:52px;font-size:29px}.boss-briefing-title h2{font-size:1.42rem}.boss-briefing-title p{font-size:.75rem}.boss-rule-grid{grid-template-columns:1fr;gap:7px}.boss-rule-grid article{min-height:0;padding:9px 9px 9px 43px;grid-template-columns:30px 1fr}.boss-rule-grid article>b{left:8px;top:8px;width:22px;height:22px}.boss-rule-grid article>span{font-size:23px}.boss-rule-grid p{font-size:.7rem}.boss-win-condition{margin:10px 0;padding:8px;font-size:.76rem}
}