:root{font-family:Microsoft YaHei,PingFang SC,sans-serif;color:#21443e;background:#1c4542;font-synthesis:none;--paper:#f5f1e4;--ink:#244b42;--line:#d9dfcd;--gold:#e4c78e}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #bf874a;outline-offset:3px}button{border:1px solid #476e6080;border-radius:8px;color:var(--ink);background:#f3f0e4;padding:11px 16px;transition:background .15s,transform .15s}button:hover{background:#e9e7d7}button:active{transform:translateY(1px)}input,textarea{width:100%;border:1px solid #a3b19f;border-radius:7px;padding:12px 13px;background:#fffdf5;color:#233d35;min-width:0}label{display:block;font-size:14px;margin:15px 0 8px}h1,h2,p{margin:0}h2{font-family:"Noto Serif SC",Songti SC,SimSun,serif;font-size:28px;font-weight:600}p{line-height:1.8;margin:12px 0}.muted{color:#627565}.small{font-size:13px}.primary{background:#285a49;color:#f8f1dd;border-color:#285a49}.primary:hover{background:#34705a}.wide{width:100%}.stack{display:grid;gap:12px}.stack label{margin:0}.link-button{background:transparent;border-color:transparent;color:#527062}kbd{font-size:11px;padding:2px 4px;border:1px solid #71908066;border-radius:3px;margin-left:5px}[hidden]{display:none!important}#game{position:fixed;top:0;right:0;bottom:0;left:0}#game canvas{display:block;touch-action:none}.arrival{position:fixed;top:0;right:0;bottom:0;left:0;background:#4c6d66 url(/assets/arrival.png) center/cover;display:flex;align-items:center;justify-content:space-between;padding:8vh 9vw;gap:50px;overflow:auto}.arrival-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#102e2de8,#183c3890 39%,#183a3545);pointer-events:none}.arrival-brand{position:relative;color:#f7efdc;padding-bottom:30px}.eyebrow{font-size:14px;letter-spacing:.3em;color:#d7dec7}.arrival-brand h1{font-family:"Noto Serif SC",SimSun,serif;font-size:94px;letter-spacing:.11em;font-weight:500;line-height:1.4;margin:25px 0 12px;text-shadow:0 6px 24px #09272377}.arrival-brand h1 span{display:inline-block;color:#eed5a4}.arrival-brand p{font-family:serif;font-size:21px;letter-spacing:.18em}.brand-rule{width:50px;height:2px;background:#e8cf92;margin:36px 0 22px}.brand-bottom{letter-spacing:.25em;font-size:13px;color:#dae0cf}.arrival-card{position:relative;width:385px;flex-shrink:0;padding:32px;background:#f7f4e9f5;border:1px solid #e8e5d5;border-radius:12px;box-shadow:0 20px 80px #0c2e3355}.small-title{color:#6b8067;letter-spacing:.13em;font-size:12px;margin-bottom:12px}.arrival-card h2{font-size:31px}.arrival-card>.muted{font-size:14px;margin-top:9px}.avatars{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:23px}.avatar-choice{padding:7px 3px;font-size:12px;background:#eaeada;border:1px solid transparent;display:flex;flex-direction:column;align-items:center;gap:3px}.avatar-choice[aria-pressed=true]{border-color:#427059;background:#dce6d2;box-shadow:inset 0 0 0 1px #427059}.avatar-image{display:block;width:45px;height:60px;background-image:url(/assets/characters.png);background-size:800% 600%;background-repeat:no-repeat;image-rendering:pixelated}.arrival-card .primary{display:flex;justify-content:space-between;font-size:16px;padding:14px 17px}.arrival-footer{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #d9dfcf;padding-top:16px;font-size:11px;color:#7b8976}.arrival-credit{position:absolute;bottom:24px;left:9vw;color:#dbe3cf88;font-size:11px;letter-spacing:.15em}.topbar{position:fixed;top:22px;left:26px;right:26px;display:flex;justify-content:space-between;gap:16px;align-items:flex-start;pointer-events:none}.town-brand{display:flex;gap:11px;align-items:center;background:#183e38e8;border:1px solid #97b08a55;border-radius:9px;padding:10px 17px;color:#f1e9d1;box-shadow:0 4px 18px #1c3c3633;pointer-events:auto}.seal{font-family:serif;display:grid;place-items:center;width:35px;height:41px;border:1px solid #d6bc83;color:#e6cf9e;font-size:24px}.town-brand strong{display:block;font-family:serif;font-size:21px;letter-spacing:.15em}.town-brand #location{display:block;font-size:12px;margin-top:4px;color:#bcd0b6}.top-actions{display:flex;align-items:center;gap:9px;pointer-events:auto}.top-actions button{background:#f2eddae8;font-size:14px;box-shadow:0 3px 12px #1b3b3433}.online{font-size:12px;color:#fff3d4;background:#244c40dd;padding:9px 12px;border-radius:30px;white-space:nowrap}.bottom-left{position:fixed;bottom:42px;left:26px;width:320px;max-width:calc(100vw - 36px)}.chat-toggle{width:100%;display:flex;gap:8px;align-items:center;background:#1d433ce8;color:#e5e8cf;border:1px solid #78967a77;border-radius:9px 9px 0 0;font-size:13px;padding:10px 14px}.chat-toggle>span:last-child{margin-left:auto}.chat-panel{background:#f0eddfeb;border:1px solid #59796288;border-top:0;border-radius:0 0 9px 9px;overflow:hidden}.chat-log{height:133px;overflow-y:auto;padding:9px 12px;font-size:13px;line-height:1.65;overflow-wrap:anywhere}.chat-line{margin:3px 0}.chat-line strong{font-weight:500;color:#376750}.chat-line span{color:#3b5046}.chat-panel form{display:flex;align-items:center;gap:0;border-top:1px solid #afb9a499}.chat-panel input{background:transparent;border:0;border-radius:0;font-size:14px;padding:12px;outline-offset:-3px}.chat-panel button{background:transparent;border:0;padding:10px 13px;white-space:nowrap;font-size:13px}.bottom-actions{position:fixed;bottom:42px;right:26px;display:flex;align-items:center;gap:13px}.emotes{display:flex;gap:4px;padding:5px;border:1px solid #a3b69766;background:#21473ed9;border-radius:10px}.emotes button{background:transparent;border:0;padding:8px 10px;color:#f2dfbd;font-size:21px}.interact{background:#eee7ce;border:1px solid #d8c498;color:#365548;padding:16px 23px;font-size:15px}.interaction-hint{position:fixed;bottom:58px;left:50%;transform:translate(-50%);color:#fff4d0;background:#183d35e8;border-radius:7px;padding:9px 15px;font-size:13px;pointer-events:none;white-space:nowrap}.interaction-hint:empty{display:none}.keyboard-tip{position:fixed;left:27px;bottom:15px;font-size:11px;color:#ecedd399;text-shadow:0 1px 3px #152f25}.toast,.connection{position:fixed;top:110px;left:50%;transform:translate(-50%);max-width:90vw;padding:12px 20px;border-radius:9px;background:#f5ebd4;color:#334a3f;box-shadow:0 8px 30px #122c2f33;text-align:center;font-size:14px;z-index:10}.connection{background:#9a6438;color:#fff3d7}.navigation{position:fixed;top:101px;left:26px;max-width:calc(100vw - 52px);background:#1e4c40df;color:#efddb0;padding:8px 13px;font-size:13px;border-radius:6px;cursor:pointer}.joystick{display:none;position:fixed;bottom:35px;left:30px;width:116px;height:116px;border:1px solid #efecc255;border-radius:50%;background:#173f3a55;touch-action:none;-webkit-user-select:none;user-select:none}#stick{position:absolute;top:35px;left:35px;width:46px;height:46px;background:#eee6c9bb;border:1px solid #fff4c9cc;border-radius:50%;pointer-events:none}dialog{border:1px solid #ccd5be;border-radius:13px;background:var(--paper);color:var(--ink);width:min(460px,calc(100vw - 28px));max-height:calc(100dvh - 40px);padding:24px;box-shadow:0 25px 100px #102b3280}dialog::backdrop{background:#0a252b99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.modal-head h2{font-size:24px}.modal-head button{background:transparent;border:0;font-size:26px;padding:2px 9px}.error{color:#a34630;font-size:14px;margin:0;min-height:16px}.ownership-badge{display:inline-block;padding:6px 10px;border:1px solid #8ca08577;border-radius:5px;font-size:13px;background:#e7ead9}.property-art{width:200px;height:190px;margin:12px auto;background-image:url(/assets/buildings.png);background-size:400% 400%;background-repeat:no-repeat;image-rendering:pixelated}.property-row{display:block;width:100%;text-align:left;margin:9px 0}.stack details{margin-top:12px;padding:12px 0;border-top:1px solid var(--line)}summary{cursor:pointer;font-size:14px;color:#6c7c68}details form{margin-top:15px}blockquote{margin:15px 0;padding:12px 16px;border-left:3px solid #87a07a;background:#e9ecdd;white-space:pre-wrap;overflow-wrap:anywhere}#town-map{width:100%;height:auto;border-radius:8px;image-rendering:auto}.map-dialog{width:min(620px,calc(100vw - 28px))}.map-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.map-list button{font-size:13px;padding:10px;text-align:left}@media(pointer:coarse){.joystick{display:block}.keyboard-tip,kbd{display:none}.bottom-left{bottom:174px;width:280px}.chat-log{height:100px}.bottom-actions{bottom:53px}.interaction-hint{bottom:184px;left:auto;right:16px;transform:none;max-width:200px;white-space:normal}.emotes button{min-width:44px;min-height:44px}}@media(max-width:700px){.arrival{padding:35px 20px;gap:25px;flex-direction:column;justify-content:center}.arrival-brand{padding:0;text-align:center}.arrival-brand h1{font-size:53px;margin:7px 0;line-height:1.3}.eyebrow{font-size:11px}.arrival-brand p,.brand-rule,.brand-bottom,.arrival-credit{display:none}.arrival-card{width:min(360px,100%);padding:23px}.arrival-card h2{font-size:26px}.arrival-card .muted{margin:7px 0;font-size:13px}.avatars{margin-bottom:16px}.avatar-image{height:49px;width:37px}.avatar-choice{font-size:11px}.arrival-footer{font-size:10px}.small-title{margin-bottom:8px}.topbar{top:max(12px,env(safe-area-inset-top));left:12px;right:12px;gap:7px}.town-brand{padding:9px;gap:7px}.town-brand strong{font-size:17px}.seal{width:27px;height:33px;font-size:19px}.top-actions{gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:61%}.top-actions button{padding:9px 8px;font-size:12px}.online{padding:5px 7px;font-size:10px}.bottom-left{left:12px;width:250px}.bottom-actions{right:12px;gap:8px;flex-direction:column;align-items:flex-end}.interact{padding:15px 20px}.interaction-hint{bottom:200px;right:12px;font-size:12px;max-width:155px}.chat-log{font-size:12px}.chat-panel input{font-size:16px}.chat-toggle{padding:8px 11px}.emotes{padding:2px}.emotes button{padding:6px 8px}.keyboard-tip{display:none}.navigation{left:12px;top:94px;font-size:12px}.toast,.connection{top:140px}dialog{padding:19px}.map-list{grid-template-columns:1fr}.joystick{left:22px;bottom:max(27px,env(safe-area-inset-bottom))}}@media(max-height:650px)and (max-width:700px){.arrival{justify-content:flex-start;padding:20px}.arrival-brand h1{font-size:37px}.eyebrow{display:none}.arrival-card{padding:18px}.arrival{gap:12px}.small-title{display:none}.arrival-card h2{font-size:23px}.avatar-image{height:39px;width:30px}.arrival-footer{display:none}.chat-log{height:65px}.bottom-left{bottom:145px}.bottom-actions{bottom:23px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.world-labels{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.world-label,.player-label{position:absolute;top:0;left:0;white-space:pre-line;text-align:center;background:#183e38d9;color:#f2ecd7;padding:5px 8px;border-radius:5px;font-size:12px;line-height:1.4;pointer-events:none;will-change:transform}.player-label{font-size:13px;padding:3px 7px;z-index:2}.player-label.self{color:#ffe1a0;border-bottom:2px solid #d4af69}.speech-bubble{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translate(-50%);min-width:90px;max-width:210px;width:max-content;white-space:normal;overflow-wrap:anywhere;padding:9px 12px;background:#f7f0da;color:#294b41;border-radius:8px;font-size:14px;box-shadow:0 5px 16px #152a2429}.camera-controls{position:fixed;top:93px;right:26px;display:flex;align-items:center;gap:4px;background:#f1e9d4e6;border:1px solid #6c877a66;border-radius:8px;color:#3f604e;font-size:12px}.camera-controls button{border:0;background:transparent;font-size:23px;padding:5px 12px}.navigation{top:143px}@media(max-width:700px){.camera-controls{right:12px;top:96px}.camera-controls button{padding:4px 10px}.world-label{font-size:10px}.player-label{font-size:12px}.navigation{top:143px;max-width:230px}}.invite-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line)}.invite-row strong,.invite-row span{display:block}.invite-row strong{font-size:14px;font-weight:500;margin-bottom:4px}.invite-row button{flex-shrink:0;font-size:13px}.invite-result textarea{font-family:ui-monospace,monospace;letter-spacing:.06em;font-size:16px}#registration-code{text-transform:uppercase;letter-spacing:.04em}.invite-pages{display:flex;align-items:center;justify-content:space-between;gap:8px}.invite-pages button{padding:8px 10px;font-size:13px}.invite-pages span{text-align:center}.invite-reusable{display:flex;align-items:center;gap:9px}.invite-reusable input{width:18px;height:18px;padding:0;margin:0}