*{box-sizing:border-box}body{margin:0;background:#113e49;color:#173f43;font-family:system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer;border:2px solid #674827;border-radius:12px;background:#fff4d4;padding:12px 20px;color:#4c3524;font-weight:800}button:hover{background:#ffdf80}button:focus-visible,input:focus-visible{outline:4px solid #efab35;outline-offset:3px}.screen{position:fixed;inset:0;display:grid;place-items:center;background:#113e49} .hidden{display:none!important}#cover{width:min(100vw,177.77vh);aspect-ratio:16/9;position:relative;background:url('../assets/img_001.webp') center/contain no-repeat}#start{position:absolute;left:34.5%;top:76%;width:31%;height:16%;padding:0;border:0;border-radius:999px;background:transparent;color:transparent;font-size:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .08s,background-color .08s}#start:hover{background:#ffffff1f}#start:active{background:#5a2a0033;transform:scale(.96)}#start:focus-visible{outline:4px solid #fff3b0;outline-offset:2px} .card{background:#fff9e9;border:4px solid #59816d;border-radius:22px;padding:30px;width:min(520px,94vw);box-shadow:0 15px 0 #123f4655}h1,h2{margin-top:0}input{width:100%;padding:14px;border:2px solid #abc5ae;border-radius:10px;margin:12px 0}header{height:74px;background:#fff9e9;display:flex;align-items:center;justify-content:space-between;padding:10px 24px;gap:12px}header small{display:block;color:#647e72}#world{display:block;width:100%;height:calc(100vh - 126px);image-rendering:pixelated;background:#5acdd2}footer{height:52px;background:#fff9e9;padding:14px;text-align:center;font-size:14px}dialog{border:0;border-radius:20px;background:#fff9e9;color:#173f43;max-width:1000px;width:92vw;max-height:90vh;padding:26px}dialog::backdrop{background:#092d3bd9}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.place{padding:12px;border:2px solid #c6d6b9;border-radius:12px;background:#f1f4dc}.place b{display:block}.place small{display:block;margin-top:6px;color:#52665d}.top{display:flex;justify-content:space-between;align-items:center;gap:14px}.note{color:#52665d;line-height:1.7}#toast{position:fixed;bottom:70px;left:50%;transform:translateX(-50%);background:#fff9e9;padding:12px 22px;border-radius:12px;pointer-events:none}#inside{background:linear-gradient(#d1e7d8,#f8e7c2)}#room{width:min(750px,94vw)} .room-art{font-size:80px;text-align:center;background:#dfecdc;border-radius:15px;padding:24px;margin-bottom:20px}