/* The playroom frames the game; a quiet felt tray keeps the stack legible. */
:root{--room-art:url('ui/playroom.webp')}
html{background:#f4e8df}
body{background-color:#f4e8df;background-image:var(--room-art);background-size:cover;background-position:center;background-attachment:fixed}
.app{background:linear-gradient(#fff9f3ed,#f7e9f0ed);box-shadow:inset 2px 2px 4px #fffdf8,inset -2px -3px 6px #cfb3bf42,0 4px 0 #cfb3c2,0 16px 40px #88657924}
.game-shell{background:linear-gradient(180deg,#fff9f0ed,#fffaf4e8 65%,#f4e7eadb) padding-box,var(--foam-grain) padding-box,var(--wax-grain) border-box;background-size:auto,160px 160px,100px 100px}
.game-shell:after{content:"";position:absolute;inset:12px;z-index:0;pointer-events:none;border:1px dashed #cfb4bb66;border-radius:16px}
.start-card,.gameover{background:linear-gradient(#fffaf2e6,#fff8f3e6),var(--room-art) center/cover}
.touch-preview{background:radial-gradient(ellipse at 50% 25%,#fffdf5e8,#f7edf4e8),var(--foam-grain)}
@media(max-width:600px){
  body{background-position:61% center;background-size:auto 100%;background-attachment:fixed}
  .app{background:linear-gradient(#fff9f3e8,#f7e9f0e8);border-radius:24px;box-shadow:0 6px 22px #88657916}
}