*{box-sizing:border-box}html,body{margin:0;background:#070a10;color:#fff;font-family:Arial,sans-serif}body{min-height:100vh;display:flex;justify-content:center}#app{width:min(900px,100%);padding:8px}.game{position:relative;width:100%;overflow:hidden;border-radius:18px;box-shadow:0 15px 50px #000}.game img{display:block;width:100%;height:auto}.spot{position:absolute;border:0;background:transparent;cursor:pointer;z-index:2;border-radius:20px}.spot:active{background:#fff2}.painting{left:11%;top:33%;width:12%;height:17%}.safe{left:22%;top:52%;width:14%;height:17%}.shelf{left:38%;top:27%;width:17%;height:40%}.clock{left:54%;top:27%;width:12%;height:16%}.note{left:58%;top:47%;width:12%;height:12%}.desk{left:4%;top:60%;width:27%;height:23%}.door{left:70%;top:30%;width:23%;height:43%}.book{left:43%;top:69%;width:18%;height:18%}.bar{display:flex;justify-content:space-around;gap:8px;margin-top:8px;background:#111827;border:1px solid #29364b;border-radius:15px;padding:11px;font-size:16px}.inventory{margin-top:8px;background:#111827;border-radius:15px;padding:11px}.inventory strong{display:block;margin-bottom:8px}.inventory #items{display:flex;gap:8px;flex-wrap:wrap}.item{background:#202d43;color:#fff;border:1px solid #3a4a64;border-radius:12px;padding:9px 12px;font-weight:bold;cursor:pointer}.empty{color:#77849a}.hidden{display:none!important}#modal{position:fixed;inset:0;background:#000b;display:flex;align-items:center;justify-content:center;padding:18px;z-index:10}.box{position:relative;background:#121b2b;border:1px solid #3b4b66;border-radius:22px;padding:24px;width:min(430px,100%);text-align:center;box-shadow:0 20px 70px #000}.box h2{margin:5px 0 10px}.box p{color:#c2cbd8;line-height:1.7}.box .action{display:block;width:100%;margin-top:10px;padding:13px;border:0;border-radius:12px;background:#6575ff;color:white;font-weight:bold}.box input{font-size:28px;width:170px;text-align:center;padding:8px;border-radius:10px;border:0}.close{position:absolute;top:6px;left:10px;background:none;border:0;color:#fff;font-size:28px}#toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);background:#fff;color:#111;padding:11px 17px;border-radius:12px;opacity:0;transition:.2s;z-index:20}#toast.show{opacity:1;transform:translate(-50%,0)}