@import"https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700&display=swap";:root{font-family:Kanit,system-ui,sans-serif;color:#f7f5e8;background:#263d35;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #c0aa80;border-radius:8px;background:#f7e8c7;color:#514a39;padding:.5rem .8rem;box-shadow:0 2px #796c52}button:hover{background:#fff6df}button:active{transform:translateY(1px)}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none}.start{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 70% 25%,#d7dfae,#8db8a1 48%,#3b7067)}.start-card{width:min(480px,100%);padding:38px;background:#263f38eb;border:1px solid #d7d5a0;border-radius:18px;box-shadow:0 18px 60px #203e3866}.eyebrow{font-size:.7rem;letter-spacing:.25em;color:#e5cf93}.start h1{font-size:3.4rem;margin:.2em 0 0;color:#fff1c4}.start p{color:#d7eadb}.creation{border-top:1px solid #ffffff30;margin-top:24px;padding-top:12px;display:grid;gap:10px}.creation input,.creation select{width:100%;padding:10px;border-radius:8px;border:0}.creation label{display:grid;gap:5px}.start small{display:block;margin-top:20px;color:#c1d3c5}.hud{position:fixed;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;pointer-events:none}.identity,.clock,#target{background:#243b35dd;border:1px solid #d4c598;border-radius:10px;padding:9px 12px;box-shadow:0 3px 12px #1c302844}.identity{width:240px}.identity b,.identity span,.identity small{display:block}.identity span,.identity small{font-size:.72rem;color:#dbe6cf}.bar{height:8px;border-radius:10px;background:#16251e;margin:4px 0;overflow:hidden}.bar i{height:100%;display:block}.hp i{background:#e87e72}.mp i{background:#80bce2}.clock{height:max-content;font-size:.8rem}.menu{position:fixed;top:98px;right:12px;display:flex;gap:5px;flex-wrap:wrap;justify-content:end;max-width:420px}.menu button{font-size:.75rem;padding:.35rem .55rem}#target{position:fixed;top:115px;left:12px;font-size:.8rem}#target:empty{display:none}#notice{position:fixed;top:20%;left:50%;transform:translate(-50%,-10px);background:#263d35ed;border:1px solid #e2d29d;padding:8px 18px;border-radius:9px;opacity:0;transition:.2s;pointer-events:none;z-index:5;text-align:center}#notice.show{opacity:1;transform:translate(-50%)}.bottom{position:fixed;bottom:16px;left:16px;right:16px;display:flex;align-items:end;justify-content:space-between;pointer-events:none}.action{margin:auto;display:flex;flex-direction:column;align-items:center;gap:7px;pointer-events:auto}#hotbar{display:flex;gap:5px}.slot{position:relative;width:75px;height:56px;padding:7px 3px;background:#29443de8;border:1px solid #e5d5ab;color:#fff4d2;font-size:.69rem;line-height:1.15}.slot small{position:absolute;top:2px;left:5px;color:#dbc591}.slot span{display:block;margin-top:8px}#interact{background:#f1d399}#stick{display:none;width:112px;height:112px;border-radius:50%;border:2px solid #fff9;background:#ffffff30;pointer-events:auto;touch-action:none;place-items:center}#stick div{width:42px;height:42px;border-radius:50%;background:#fff9}.panel-card{position:fixed;z-index:4;top:50%;left:50%;transform:translate(-50%,-50%);width:min(480px,calc(100vw - 26px));max-height:min(70vh,650px);background:#f9f0d9;color:#403f34;border:3px solid #9b8864;border-radius:13px;box-shadow:0 15px 50px #152c25a0;display:flex;flex-direction:column}.panel-card header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #d3c5a3}.panel-card h2{font-size:1.15rem;margin:0}.panel-card header button{padding:3px 11px;font-size:1.1rem}.panel-body{padding:12px 16px;overflow:auto}.panel-body p{margin:.4rem 0 1rem}.panel-body h3{margin-bottom:.3rem}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #dfd4bb}.row span{flex:1}.row small,.quest small{display:block;color:#736c5d;font-size:.75rem}.row button,.quest button{font-size:.75rem;padding:.3rem .6rem}.quest{padding:8px 0;border-bottom:1px solid #dfd4bb}.quest button{margin-top:5px}@media(max-width:700px){.identity{width:180px}.clock{font-size:.65rem;max-width:150px}.menu{top:90px;max-width:240px}.menu button{font-size:.65rem}.bottom{bottom:10px;left:10px;right:10px}#stick{display:grid;width:95px;height:95px;flex-shrink:0}.action{margin:0 0 0 auto}.slot{width:48px;height:49px;font-size:.56rem}.slot small{font-size:.6rem}.panel-card{max-height:65vh}.panel-body{font-size:.9rem}#target{top:120px;font-size:.7rem}}.version{position:fixed;right:10px;bottom:4px;font-size:10px;color:#fff;background:#243b35aa;padding:1px 5px;border-radius:4px;pointer-events:none}