:root{font-family:Inter,"Noto Sans TC",system-ui,sans-serif;color:#f4f0e7;background:#777d75;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}#viewport{position:fixed;inset:0}#viewport canvas{display:block;touch-action:none;outline:none}.shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#202d31b8,transparent 48%),linear-gradient(0deg,#17232bc9,transparent 25%,transparent 80%,#17232b78)}header{position:absolute;inset:0 0 auto;display:flex;align-items:center;padding:25px 34px;gap:24px}.brand{display:flex;gap:13px;align-items:center;color:inherit;text-decoration:none;font-size:21px;letter-spacing:3px}.brand-mark{font-size:39px;color:#d8c49c}.brand small{display:block;margin-top:5px;font-size:8px;letter-spacing:2.2px;color:#d1d3ca}.room-label{margin-left:auto;font-size:11px;letter-spacing:1px}.room-label i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#d8c49c;margin-right:8px}button{font:inherit;font-size:11px;border:1px solid #fff3;border-radius:4px;background:#243333ab;color:#f0eee4;padding:11px 15px;cursor:pointer;transition:background .15s}button:hover{background:#57615adb;border-color:#d8c49c}button:focus-visible{outline:2px solid #d8c49c;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}.primary{background:#e4d5b6;color:#28352e;border:0;display:flex;justify-content:space-between;font-weight:650}.primary:hover{background:#f5e6c8}#intro{position:absolute;left:34px;top:23%;width:260px;max-height:calc(100vh - 340px);overflow-y:auto;scrollbar-width:thin}.eyebrow{font-size:8px;letter-spacing:2.1px;color:#e3d2ad}h1{font-size:45px;line-height:1.33;font-weight:400;letter-spacing:2px;margin:19px 0}.description{font-size:12px;line-height:2;color:#e0e1d9}.line{width:34px;height:1px;background:#dbc7a0;margin:25px 0 18px}.spec{display:flex;gap:15px;font-size:10px;letter-spacing:1px}.disclosure{font-size:10px;color:#ccd2ca;line-height:1.8;margin:15px 0 24px}#intro button{width:235px;margin-bottom:10px;padding:14px 18px}#navigator{position:absolute;right:30px;bottom:150px;width:208px;border:1px solid #fff3;border-radius:6px;background:#203233ba;backdrop-filter:blur(14px);padding:14px}.map-header{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px;color:#dfd2b6}#map{width:180px;height:207px;display:block;margin:13px 0 8px}.destinations{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.destinations button{font-size:10px;padding:8px 4px}.destinations button.active{border-color:#d8c49c;color:#efdab0}footer{position:absolute;left:34px;right:34px;bottom:42px;display:flex;align-items:center;justify-content:space-between;gap:20px}.mode span{display:block;font-size:8px;letter-spacing:2.3px;color:#d9cfb9}.mode strong{display:block;margin-top:6px;font-weight:400;font-size:22px;letter-spacing:3px}.actions{display:flex;gap:8px}.keyboard-help{position:absolute;left:34px;bottom:14px;color:#c9d2cc;font-size:9px;display:flex;gap:9px}kbd{font:inherit;color:#e5e5da}.walk-controls{position:absolute;left:34px;bottom:124px;display:flex;gap:7px}.walk-controls button{touch-action:none}.walk-controls button:active{background:#e4d5b6;color:#28352e}#reticle{position:absolute;left:50%;top:50%;font-size:26px;pointer-events:none;color:#fff8}#prompt{position:absolute;top:105px;left:50%;transform:translateX(-50%);font-size:11px;padding:10px 18px;border-radius:24px;background:#253838ba;max-width:80%;text-align:center}#prompt:empty{display:none}.walking #intro{display:none}.walking .shade{background:linear-gradient(0deg,#17232b99,transparent 23%,transparent 83%,#17232b66)}dialog{max-height:90vh;width:min(660px,94vw);border:1px solid #fff3;border-radius:9px;background:#293c3b;padding:24px}dialog::backdrop{background:#152321d9;backdrop-filter:blur(6px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head small{font-size:8px;letter-spacing:2px;color:#dacba8}.dialog-head h2{font-size:23px;margin:7px 0 15px}dialog img{display:block;max-height:64vh;max-width:100%;margin:auto;border-radius:3px}dialog p{font-size:11px;line-height:1.8;color:#d0d9d2}@media(max-height:800px){#intro{top:18%}h1{font-size:34px}.line{margin:15px 0}.disclosure{margin:12px 0}#navigator{bottom:135px}}@media(max-width:750px){header{padding:17px;gap:8px}.brand{font-size:17px}.brand small{font-size:6px}.brand-mark{font-size:30px}.room-label{display:none}header>button{margin-left:auto;font-size:10px;padding:9px}#intro{left:20px;top:18%;width:230px;max-height:calc(100vh - 320px)}h1{font-size:34px}#navigator{right:14px;bottom:190px;width:144px;padding:9px}#map{width:124px;height:143px}.map-header{font-size:6px;letter-spacing:.6px}.destinations{grid-template-columns:repeat(2,1fr)}.destinations button{font-size:9px;padding:6px 2px}footer{left:20px;right:20px;bottom:62px;align-items:end}.mode strong{font-size:18px}.actions{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.actions button{font-size:9px;padding:8px}.walk-controls{left:20px;bottom:14px;gap:5px}.walk-controls button{font-size:10px;padding:9px}.keyboard-help{display:none}#prompt{top:83px;font-size:10px;max-width:95%;width:max-content}#reticle{font-size:20px}.description{max-width:210px}.disclosure{max-width:185px}}

.play-controls{position:absolute;left:34px;bottom:184px;display:flex;flex-wrap:wrap;gap:7px;width:310px}.play-controls button{padding:9px 12px}.play-controls span{width:100%;font-size:10px;line-height:1.6;color:#f0e4c9;text-shadow:0 1px 3px #132b26}.play-controls{display:none}.walking .play-controls{display:flex}@media(max-width:750px){.play-controls{left:20px;bottom:143px;width:180px;gap:4px}.play-controls button{font-size:9px;padding:7px}.play-controls span{font-size:9px;max-width:175px}}

[hidden]{display:none!important}#networkHUD{position:absolute;top:155px;left:24px;width:265px;padding:14px;border:1px solid #ffffff35;border-radius:8px;background:#203532e8;font-size:12px;line-height:1.8}#networkHUD p{font-size:10px;line-height:1.6}#networkHUD button{padding:5px 9px;font-size:10px}#roomCode{letter-spacing:3px;font-size:19px;color:#f1d8a2}#networkHUD progress{display:block;width:100%;height:12px;accent-color:#82c791}#networkDialog{width:min(440px,92vw)}#networkDialog label{display:block;margin:15px 0;font-size:13px}#networkDialog input,#networkDialog select{display:block;box-sizing:border-box;width:100%;margin-top:6px;padding:11px;border-radius:5px;border:1px solid #a4baae;background:#172b28;color:#fff;font:inherit}#networkDialog button.primary{width:100%}#netError{color:#ffd29b;min-height:20px}#netDeath{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);padding:25px;border-radius:10px;background:#442d32e8;font-size:22px;pointer-events:none}.net-hit:after{content:'';position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 50px #de5d5666;animation:hitfade .35s forwards}@keyframes hitfade{to{opacity:0}}@media(max-width:750px){#networkHUD{left:14px;top:145px;width:170px;font-size:10px;padding:9px}#roomCode{font-size:16px;letter-spacing:2px}#networkHUD p{font-size:9px}.play-controls{bottom:140px}.keyboard-help{display:none}header{gap:5px}header>button{padding:8px 5px}#networkButton{margin-left:auto}}
#networkDialog{width:min(720px,92vw);max-height:88dvh;overflow-y:auto;box-sizing:border-box}.character-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.character-cards button{min-width:0;padding:5px;background:#29413a;border:2px solid transparent;border-radius:8px}.character-cards button[aria-pressed=true]{border-color:#e8ce9c;background:#476050}.character-cards img{display:block;width:100%;aspect-ratio:1/1.5;object-fit:cover;object-position:left;border-radius:4px}.character-cards span{display:block;font-size:11px;margin:7px 0}.character-gallery figure{margin:12px 0 0}.character-gallery figure img{display:block;width:100%;height:auto;border-radius:8px}.character-gallery figcaption{font-size:12px;line-height:1.7;margin-top:8px}.art-note{opacity:.7;font-size:11px}@media(max-width:500px){.character-cards{gap:4px}.character-cards span{font-size:10px}.character-cards button{padding:2px}#networkDialog{padding:16px}}
.character-cards img{aspect-ratio:1/2}
#reloadProgress{height:5px!important;margin:5px 0;accent-color:#ebc17a!important}.play-controls button:disabled{opacity:.45;cursor:wait}
#reticle{width:7px;height:7px;font-size:0;line-height:0;border-radius:50%;background:#fff;border:1px solid #30413a;box-shadow:0 0 0 1px #0005,0 1px 4px #0008;transform:translate(-50%,-50%)}
.character-gallery details{margin:12px 0}.character-gallery summary{cursor:pointer;font-size:12px;color:#e8ce9c}.character-gallery figure img{max-height:none}
.stance-controls{position:absolute;left:34px;bottom:174px;display:flex;gap:7px}.stance-controls button{touch-action:none;padding:9px 12px}.stance-controls button:active{background:#e4d5b6;color:#28352e}@media(max-width:750px){.stance-controls{left:20px;bottom:103px;gap:5px}.stance-controls button{font-size:10px;padding:8px}.play-controls{bottom:147px}}
.room-picker{margin:16px 0;padding:14px;border:1px solid #8caa9666;border-radius:12px;background:#edf3ed}.room-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.room-picker h3{margin:0;font-size:16px}.room-picker-heading button{padding:8px 12px}.room-picker p{font-size:13px}.room-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;max-height:220px;overflow:auto}.room-list button{text-align:left;font-variant-numeric:tabular-nums;padding:12px;background:#fff;color:#244535;border:1px solid #a7b9ad}.room-list button:hover:enabled{background:#d8eadc}.room-list button:disabled{opacity:.55;cursor:default}@media(max-width:450px){.room-list{grid-template-columns:1fr}}
#networkDialog .room-picker{color:#244535}#networkDialog .room-picker p{color:#466451}.room-picker-heading button{background:#315c45;color:#fff}