:root{font-family:"Segoe UI",Meiryo,sans-serif;color:#253d31;background:#9ecbd4;font-size:14px}*{box-sizing:border-box}body{margin:0;overflow:hidden}#world{display:block;width:100vw;height:100dvh;touch-action:none}header{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#fffef7f2,#fffef700);pointer-events:none}small{letter-spacing:.08em}header small{font-size:10px;color:#617a63}h1{margin:3px 0;font-size:25px}h1 span{font-size:12px;color:#667c64;margin-left:9px}#wallet{background:#fff9e7e8;border:1px solid #d5bb75;border-radius:18px;padding:12px 18px;box-shadow:0 5px 25px #153b4520}button,.button{border:1px solid #c7cdb9;border-radius:10px;background:#fffef5;color:#29432f;padding:10px 13px;cursor:pointer;font:inherit;font-weight:600;display:inline-block;text-align:center}button:hover{background:#edf2d9}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:#496e42;color:white;border-color:#496e42}#toolbar{position:fixed;top:88px;left:18px;display:flex;gap:7px;flex-wrap:wrap;right:18px;pointer-events:none}#toolbar>*{pointer-events:auto;box-shadow:0 3px 10px #24472e18}#panel{position:fixed;top:146px;right:18px;width:310px;max-height:calc(100dvh - 295px);overflow:auto;background:#fffef7f5;border:1px solid #d7deca;border-radius:18px;box-shadow:0 14px 45px #193d3a30;padding:18px}#panel[hidden]{display:none}.panel-head{display:flex;align-items:center;justify-content:space-between}h2{font-size:18px;margin:0 0 12px}.panel-head button{padding:5px 10px;margin-bottom:10px}#panel-body p{line-height:1.7;margin:9px 0;color:#5e705c}.row{display:flex;gap:8px;margin:9px 0;flex-wrap:wrap}.row button{flex:1}.list-item{display:flex;gap:8px;align-items:center;border-bottom:1px solid #e4e9d9;padding:9px 0}.list-item span{flex:1}.list-item small{display:block;color:#75836c;letter-spacing:0;font-size:11px}.list-item button{font-size:12px;padding:8px}.tag{display:inline-block;background:#e8ecd7;border-radius:8px;padding:4px 8px;margin:2px;font-size:12px}#placement{position:fixed;bottom:145px;left:50%;transform:translateX(-50%);background:#fffef7f5;border-radius:14px;padding:12px;display:flex;gap:8px;align-items:center;max-width:95vw;box-shadow:0 8px 30px #26443330}#placement[hidden]{display:none}#placement span{white-space:nowrap}footer{position:fixed;bottom:env(safe-area-inset-bottom,0px);left:0;right:0;padding:15px 20px;background:linear-gradient(#fffef700,#fffef7ef 40%);pointer-events:none}footer small{font-size:10px;color:#60735d}#cats{display:flex;gap:7px;flex-wrap:wrap;pointer-events:auto}.cat{background:#fffef3d9;border:1px solid #cbd4b9;border-radius:12px;padding:8px 12px;font-size:12px}.cat.active{background:#d3e8b7}#status{margin:9px 0;color:#29472e;font-weight:600;text-shadow:0 1px 2px white}#loading{position:fixed;inset:0;display:grid;place-items:center;background:#f7f4e9;z-index:5;text-align:center}#loading[hidden]{display:none}#loading span{font-size:55px}#loading h2{margin:20px}#loading p{color:#71816a;max-width:90vw}@media(max-width:650px){header{padding:12px}h1{font-size:21px}h1 span{display:none}#wallet{padding:9px;font-size:12px}#toolbar{top:75px;left:10px;right:10px;gap:5px}#toolbar>*{font-size:12px;padding:8px 10px}#panel{top:158px;right:10px;width:min(290px,85vw);max-height:calc(100dvh - 310px);padding:14px}footer{padding:12px}.cat{font-size:11px;padding:7px}#placement{bottom:145px;flex-wrap:wrap;font-size:12px;justify-content:center;width:max-content}#placement span{white-space:normal}}