*{box-sizing:border-box}body{margin:0;overflow:hidden;font-family:Arial,sans-serif;color:#203934;background:#eae8df}#world{position:fixed;width:100%;height:100%;touch-action:none}header{position:fixed;top:28px;left:34px;right:34px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{font-family:Georgia,serif;font-size:38px;letter-spacing:5px}.brand span{display:block;font-family:Arial;font-size:9px;letter-spacing:2px;margin-top:6px}.pill{background:#fffef4e8;border:1px solid #d6d9cb;border-radius:40px;padding:12px 18px;font-size:12px}.overlay{position:fixed;inset:110px 0 0;display:flex;align-items:center;padding:0 8vw;gap:10vw;background:linear-gradient(90deg,#eae8dfef,transparent)}.card{width:430px;max-height:calc(100dvh - 125px);overflow:auto;background:#fffdf5ed;border:1px solid white;border-radius:6px;padding:34px;box-shadow:0 20px 100px #20393418}.eyebrow{font-size:10px;letter-spacing:2px;color:#728278}h1{font-family:Georgia,serif;font-size:44px;font-weight:400;line-height:1.1;margin:22px 0}p{font-size:14px;line-height:1.7;color:#68736b}label{font-size:12px;display:block;margin-top:16px}input{display:block;width:100%;padding:12px;border:1px solid #d5d9d0;background:#fffef9;border-radius:4px;font:inherit;color:#203934;margin-top:7px}input[type=color]{height:42px;padding:4px;width:65px}.row{display:flex;gap:16px}.row label:first-child{flex:1}button{border:0;background:#285d50;color:white;padding:13px 18px;border-radius:4px;cursor:pointer;font:inherit}button:hover{background:#387561}button:disabled{opacity:.5}.card button{width:100%;margin-top:24px}small{display:block;text-align:center;font-size:10px;line-height:1.7;color:#748078;margin-top:16px}aside{color:#285d50;text-shadow:0 2px 12px white}aside span{font-size:11px;letter-spacing:3px}aside h2{font:44px Georgia,serif}.room-label{position:fixed;top:128px;left:34px;background:#fffdf4df;padding:18px;border-radius:5px}.room-label span{display:block;font-size:9px;letter-spacing:2px;color:#788278}.room-label b{display:block;margin:8px 0;font-size:17px}.room-label button{font-size:11px;padding:9px}.chat{position:fixed;bottom:26px;right:26px;width:300px;background:#fffef6ec;border:1px solid white;border-radius:6px;overflow:hidden}.chat-head{font-size:12px;padding:10px 14px;border-bottom:1px solid #d9ded3;display:flex;justify-content:space-between;align-items:center}.chat-head button{padding:0 8px}.chat form{display:flex;padding:10px;gap:6px}.chat input{margin:0;font-size:12px;min-width:0}.chat form button{font-size:12px;padding:10px}#messages{height:140px;overflow:auto;padding:12px;font-size:12px;line-height:1.6;overflow-wrap:anywhere}#messages div{margin-bottom:7px}#hint{position:fixed;bottom:28px;left:30px;font-size:12px;background:#fffdf5dc;padding:14px;border-radius:4px}#near{position:fixed;bottom:95px;left:50%;transform:translateX(-50%);background:#203934e0;color:white;padding:12px 20px;border-radius:30px;font-size:12px}#near:empty{display:none}dialog{border:0;border-radius:8px;background:#fffdf6;max-width:650px;width:90vw;padding:24px;color:#203934}dialog::backdrop{background:#102a24b8;backdrop-filter:blur(6px)}dialog img{width:100%;max-height:60vh;object-fit:contain;margin-bottom:20px}dialog h2{font:30px Georgia;margin:12px 0}#closeArt{position:absolute;right:12px;top:12px;border-radius:50%;font-size:20px;padding:5px 12px}#error{color:#a43b2d;font-size:12px}#pad{display:none;position:fixed;bottom:28px;left:20px;text-align:center;touch-action:none}#pad button{width:46px;height:46px;margin:2px;padding:0;background:#285d50c9;touch-action:none}@media(max-width:750px){header{top:20px;left:20px;right:20px}.brand{font-size:28px}.brand span{font-size:7px}.pill{font-size:10px;padding:10px}.overlay{padding:0 20px;inset:100px 0 0;justify-content:center}.card{padding:24px}h1{font-size:36px}aside{display:none}.room-label{left:20px;top:105px;padding:12px}.chat{right:12px;bottom:20px;width:200px}#messages{height:105px}#hint{display:none}#pad{display:block}#near{bottom:225px;white-space:nowrap}}