/* A tangible play room, with real games in the foreground. */
#panel-playable,#panel-playable:has(.landscape){background:#f7f5ee;border-color:#deded4}
#panel-playable .playable-intro .eyebrow{color:#6a705b}
#panel-playable .playable-intro h3,#panel-playable:has(.landscape) .playable-intro h3{color:#242820}
#panel-playable .playable-intro h3>span{color:#667443}
#panel-playable .playroom-intro-note>p{color:#63685b}
#panel-playable .playroom-intro-note .text-button{color:#323d22;border-color:#d6d9cb}
#panel-playable .playroom-theatre{background:#f1eee5;border-color:#d7d7cb}
#panel-playable .playroom-theatre .phone-demo-stage:not(:fullscreen){background:#ece8de}
#panel-playable .playroom-theatre .phone-demo-stage:not(:fullscreen):before{background:linear-gradient(180deg,#f7f4ed40,transparent 35%,#f3eee7eb 93%)}
#panel-playable .playroom-backdrop{inset:0;width:100%;height:100%;object-fit:cover;object-position:28% center;filter:none;opacity:1}
#panel-playable .playroom-stage-top{color:#424936;text-shadow:0 1px 8px #fff}
#panel-playable .playroom-stage-top>span:last-child{color:#626955}
#panel-playable .playroom-stage-top i{background:#8cbc1a;box-shadow:0 0 0 4px #c5e99145}
#panel-playable .playroom-theatre .phone-demo-stage:not(:fullscreen) .playable-phone{background:linear-gradient(135deg,#afb0a7,#464841 18%,#232620 80%,#91948b);border-color:#71776a;box-shadow:0 27px 47px #353c2947,0 3px 0 #22261c,0 0 0 1px #42493b}
#panel-playable .playroom-theatre .phone-demo-stage:not(:fullscreen) .phone-demo-controls strong{color:#2b3421}
#panel-playable .playroom-theatre .phone-demo-stage:not(:fullscreen) .phone-demo-controls>p{color:#535c47}
#panel-playable .playroom-theatre .phone-demo-stage:not(:fullscreen) .phone-demo-controls button{background:#f7f5eeee;border-color:#afb4a2;color:#36412a;backdrop-filter:blur(8px)}
#panel-playable .playroom-theatre .phone-demo-stage:not(:fullscreen) .phone-demo-controls #phoneExpand{background:#c1ff18;border-color:#9bbd48;color:#263511}
#panel-playable .playroom-theatre .phone-demo-stage:not(:fullscreen) .phone-demo-controls button:hover{background:#25311c;border-color:#25311c;color:#f6faeb}
#panel-playable .playroom-theatre .playable-selector,#panel-playable:has(.landscape) .playroom-theatre .playable-selector{background:#f7f6f0;border-color:#d7d7cb}
#panel-playable .playroom-shelf-heading .eyebrow{color:#717762}
#panel-playable .playroom-shelf-heading h4{color:#303c22}
#panel-playable .playroom-theatre .phone-game-list{scrollbar-color:#b7c39d transparent}
#panel-playable .playroom-theatre .phone-game-list button{background:#fffef8;border-color:#e1e1d5}
#panel-playable .playroom-theatre .phone-game-list button:hover{background:#edefe3;border-color:#c0cca6}
#panel-playable .playroom-theatre .phone-game-list button[aria-pressed=true]{background:#e6f1c8;border-color:#a9bd75;box-shadow:0 0 0 2px #d6e5b34d}
#panel-playable .playroom-theatre .phone-game-list b{color:#3d4c2d}
#panel-playable .playroom-theatre .phone-game-list small{color:#7b836f}
#panel-playable .playroom-theatre .phone-game-list em{color:#6e8254}
#panel-playable .playroom-theatre .demo-note{color:#7b826c}
#panel-playable .playroom-theatre .demo-note>span{color:#a0b281}
@media(max-width:760px){#panel-playable .playroom-backdrop{object-position:23% center}}