:root{--sage:#5f8f7b;--teal:#1f706b;--rose:#d98575;--cream:#fff8df;--wood:#b98b5f;--shadow:#31524b33}.status-panel p{min-height:38px;margin-bottom:8px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:7px}.stats span{padding:6px 8px;border-radius:8px;background:#f5f8f1;color:#526966;font-size:12px}.stats b{color:#1f706b}.rules ul{display:grid;gap:6px;margin:0;padding:0;list-style:none}.rules li{position:relative;padding:6px 8px 6px 27px;border:1px solid #e5ddd0;border-radius:8px;background:#fffaf0;color:#607370;font-size:11px;line-height:1.28}.rules li:before{content:"";position:absolute;left:9px;top:9px;width:9px;height:9px;border:2px solid #c9b98e;border-radius:50%;background:#fff}.rules li.done{border-color:#94c8ac;background:#eef8ed;color:#315b50}.rules li.done:before{border-color:#2f8d69;background:#2f8d69;box-shadow:inset 0 0 0 2px #eef8ed}.howto p,.note{font-size:11px;line-height:1.35;color:#607370;margin:0}.note{margin-top:10px;color:#84918d}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.actions button{min-height:34px;background:#fff}.play-area{display:grid;place-items:center;min-height:0;padding:16px;background:linear-gradient(145deg,#e8f1df,#c2ded4 46%,#f6ddb0)}.room-stage{position:relative;width:min(94%,calc((100svh - 86px)*1.08));aspect-ratio:1.08;display:grid;place-items:center;overflow:hidden;border-radius:24px;background:linear-gradient(#fff6de 0 62%,#d9b88e 62% 100%);box-shadow:inset 0 -18px 0 #c99f72,0 18px 42px var(--shadow)}.room-stage:before{content:"";position:absolute;inset:auto 0 34%;height:15%;background:linear-gradient(90deg,#0000,#ffffff7a,#0000);opacity:.55}.sun{position:absolute;left:8%;top:7%;width:13%;aspect-ratio:1;border-radius:50%;background:#f5c76b;box-shadow:0 0 0 12px #f5c76b24,0 0 45px #f5c76b77}.shelf-wrap{position:relative;width:69%;max-width:690px;z-index:2}.shelf-label{display:flex;justify-content:space-between;align-items:center;margin:0 auto 10px;padding:7px 12px;border-radius:999px;background:#fffdf8d9;color:#536862;font-size:13px;font-weight:800;box-shadow:0 4px 12px #6f553022}.shelf-label b{color:#1f706b}.shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:2.4%;padding:3.2%;aspect-ratio:1;border:12px solid #8a6448;border-radius:16px;background:linear-gradient(90deg,#a87b55 0 3%,#0000 3% 97%,#a87b55 97%),linear-gradient(#c79a6d 0 3%,#0000 3% 31%,#c79a6d 31% 37%,#0000 37% 62%,#c79a6d 62% 68%,#0000 68% 97%,#c79a6d 97%),#bd8e62;box-shadow:0 16px 0 #6d4d38,0 23px 32px #6343294f}.slot{position:relative;display:grid;place-items:center;min-width:0;min-height:0;border:0;border-radius:8px;background:linear-gradient(#f9e7c5,#f2d3a6);box-shadow:inset 0 0 0 2px #d2a77a,inset 0 -8px 0 #dfbd90;cursor:pointer}.slot:focus-visible{outline:4px solid #1f706b;outline-offset:2px}.slot.selected{box-shadow:inset 0 0 0 4px #1f706b,inset 0 -8px 0 #dfbd90,0 0 0 4px #fff8df}.item{position:relative;width:58%;aspect-ratio:1;display:block}.item.plant:before{content:"";position:absolute;left:38%;bottom:10%;width:24%;height:43%;border-radius:5px 5px 10px 10px;background:#c96f52}.item.plant:after{content:"";position:absolute;left:13%;top:8%;width:74%;height:49%;border-radius:60% 40% 55% 45%;background:radial-gradient(circle at 32% 35%,#91c77d 0 18%,#0000 19%),linear-gradient(135deg,#4f9e71,#7fb665);transform:rotate(-8deg)}.item.book{width:62%;height:60%;aspect-ratio:auto;border-radius:4px;background:linear-gradient(90deg,#426b8f 0 26%,#f7d879 26% 33%,#7e5ca9 33% 65%,#f7d879 65% 72%,#d86f63 72%);box-shadow:0 6px 0 #6e5139}.item.lamp:before{content:"";position:absolute;left:30%;top:7%;width:40%;height:31%;border-radius:50% 50% 6px 6px;background:#f2be5f;box-shadow:0 0 18px #f2be5faa}.item.lamp:after{content:"";position:absolute;left:44%;top:38%;width:12%;height:46%;background:linear-gradient(#486a66 0 72%,#875c45 72%);box-shadow:-14px 28px 0 2px #875c45,14px 28px 0 2px #875c45}.item.mug{width:54%;height:48%;aspect-ratio:auto;border-radius:0 0 12px 12px;background:#d98575;box-shadow:inset 0 8px 0 #f2b1a3,0 6px 0 #9d655a}.item.mug:after{content:"";position:absolute;right:-24%;top:18%;width:28%;height:38%;border:5px solid #d98575;border-left:0;border-radius:0 14px 14px 0}.legend{position:absolute;left:50%;bottom:4.5%;transform:translateX(-50%);display:flex;gap:12px;flex-wrap:wrap;justify-content:center;padding:7px 10px;border-radius:999px;background:#fffdf8d9;color:#536862;font-size:11px;font-weight:800}.legend span{display:flex;align-items:center;gap:5px}.mini{display:inline-block;width:13px;height:13px;border-radius:3px}.mini.plant{background:#5a9b70}.mini.book{background:#426b8f}.mini.lamp{background:#f2be5f}.mini.mug{background:#d98575}dialog{border:0;border-radius:16px;max-width:340px;box-shadow:0 14px 48px #1237}dialog::backdrop{background:#16313b77}@media(min-width:901px){.game-sidebar h1{font-size:39px}.game-sidebar .intro{font-size:13px}.status-panel p{min-height:31px}.play-area{padding:9px}.room-stage{width:min(96%,calc((100svh - 76px)*1.08))}.rules li{font-size:10px;padding-block:5px}.howto p,.note{font-size:10px}}@media(max-width:900px){.play-area{min-height:620px}.room-stage{width:min(96%,650px)}}@media(max-width:560px){.play-area{min-height:430px;padding:12px}.room-stage{width:100%;border-radius:16px}.shelf-wrap{width:82%}.shelf{border-width:8px}.legend{bottom:2%;width:88%;border-radius:12px}.actions{grid-template-columns:1fr}.stats{grid-template-columns:1fr}}