.toy-box-dialog{width:min(760px,100vw);max-width:100vw;max-height:94dvh;padding:0;border:0;border-radius:24px;background:#f9f2e7;color:#244b4c;box-shadow:0 24px 90px #132c3650;overflow:auto}.toy-box-dialog::backdrop,.toy-box-pickup::backdrop{background:#213c4566;backdrop-filter:blur(5px)}.toy-box-header{display:flex;align-items:center;gap:20px;padding:20px 24px}.toy-box-header h2{min-width:0;overflow-wrap:anywhere;font:500 clamp(30px,6vw,48px)/1.1 Georgia,serif;margin:0 auto 0 0}.toy-box-header button{flex:0 0 44px;font-size:30px;border:0;background:transparent;color:inherit;width:44px;height:44px}.toy-box-hero{height:clamp(200px,40vw,380px);background:#e6d4b7 url('toybox-art/hero.webp') center/cover}.toy-box-body{padding:18px 22px 24px}.toy-box-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;gap:12px}.toy-box-tile{position:relative;display:grid;align-items:end;box-sizing:border-box;width:100%;max-width:100%;min-width:0;white-space:normal;overflow:hidden;min-height:155px;aspect-ratio:1.7;border:1px solid #ffffff99;border-radius:17px;background:#6c6a54 var(--toy-image) center/cover;box-shadow:0 4px 7px #573e2520;text-align:left;color:white;padding:0}.toy-box-tile span{position:relative;display:block;min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere;white-space:normal;padding:32px 14px 14px;background:linear-gradient(transparent,#152e30d9);font:500 clamp(18px,3vw,28px)/1.1 Georgia,serif}.toy-box-wide{grid-column:1/-1;aspect-ratio:3.6}.toy-box-new{position:absolute;right:10px;top:10px;font:700 11px system-ui;letter-spacing:.08em;background:#fff6ce;color:#435c50;padding:6px 10px;border-radius:30px}.toy-box-back{width:100%;border:0;border-radius:40px;background:#3e6a67;color:#fff9ef;font:500 24px Georgia,serif;padding:16px;margin-top:20px}.toy-box-pickup{width:min(390px,90vw);padding:25px;text-align:center;border:1px solid #e7cfa5;border-radius:26px;background:radial-gradient(ellipse at 50% 30%,#fff8cb,#fcf6e9 65%);color:#244b4c;box-shadow:0 12px 70px #3335}.toy-box-pickup img{display:block;width:180px;height:180px;object-fit:contain;margin:auto;filter:drop-shadow(0 12px 10px #5c3b1725)}.toy-box-pickup h2{font:32px Georgia,serif}.toy-box-pickup p{line-height:1.5}.toy-box-pickup button{padding:12px 30px;background:#43716e;color:white;border:0;border-radius:30px}.toy-box-unlocked{padding:15px;border:1px solid #dcc395;border-radius:14px;background:#fff8db}.toy-box-pickup-sparkles{font-size:30px;color:#b58d3e}.room-picker-header-art{position:relative}.toy-box-couch{position:absolute!important;left:46%!important;top:36%!important;width:42%!important;height:60%!important;min-width:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:18px!important;cursor:pointer;z-index:2}.toy-box-couch:focus-visible{outline:3px solid #4c827b!important;outline-offset:0}.toy-box-object{position:absolute;border:0;background:transparent;padding:0;z-index:5;cursor:pointer;min-width:44px;min-height:44px}.toy-box-object img{width:100%;height:100%;object-fit:contain;pointer-events:none}.toy-box-object-rock{left:50%;bottom:9%;width:7%;height:12%;display:grid;place-items:center}.toy-box-object-rock img{display:block;width:55%;height:55%;filter:brightness(.55) sepia(.65) saturate(.65) drop-shadow(1px 2px 1px #130b0670)}.toy-box-object-scissors{left:56%;bottom:8%;width:11%;height:12%;transform:rotate(-12deg);filter:drop-shadow(1px 2px 1px #34240f40)}.toy-box-object-paper{right:7%;top:35%;width:11%;height:34%}.toy-box-object:focus-visible{outline:3px solid #fff1bc;outline-offset:2px;border-radius:15px}.toy-box-tile:focus-visible,.toy-box-back:focus-visible{outline:3px solid #c68e37;outline-offset:3px}@media(max-width:480px){.toy-box-dialog{border-radius:18px;max-height:96dvh}.toy-box-body{padding:12px}.toy-box-tile{min-height:115px}.toy-box-header{padding:16px}.toy-box-grid{gap:9px}}@media(prefers-reduced-motion:reduce){.toy-box-dialog *{animation:none!important;transition:none!important}}
.live-dialog[data-mode="rooms"] .room-picker-header-art>.toy-box-couch{pointer-events:auto}
@media(forced-colors:active){.toy-box-couch:focus-visible,.toy-box-object:focus-visible{outline:3px solid Highlight!important}.toy-box-tile,.toy-box-back,.toy-box-pickup button{border:2px solid ButtonText}.toy-box-tile span{background:Canvas;color:CanvasText}}

/* Keep labels in flow so large text can grow a card instead of clipping. */
@media(max-width:300px){.toy-box-grid{grid-template-columns:minmax(0,1fr)}.toy-box-wide{aspect-ratio:1.7}}