:root{color-scheme:dark;font-family:Inter,"Microsoft JhengHei",sans-serif;color:#f1f4ed;background:#101c21}*{box-sizing:border-box}body{margin:0;overflow:hidden}#stage{position:fixed;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}header{position:fixed;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:linear-gradient(#101c21cc,transparent);pointer-events:none}.brand{display:flex;gap:12px;align-items:center;font-size:23px;font-weight:750;letter-spacing:3px}.brand>span{border:1px solid #dfc78b;color:#dfc78b;padding:7px 10px;font:italic 29px Georgia}.brand small{display:block;letter-spacing:2px;font-size:10px;color:#c0c6bc;font-weight:400;margin-top:5px}.status{font-size:11px;letter-spacing:1px;color:#d8e7d9}.status:before{content:"";display:inline-block;background:#98ceac;width:6px;height:6px;border-radius:50%;margin-right:8px}.scene-title{position:fixed;top:107px;left:32px;pointer-events:none}.scene-title p{font-size:10px;letter-spacing:2px;color:#d2c297}.scene-title h1{font:500 40px "Microsoft JhengHei",sans-serif;margin:10px 0 12px;letter-spacing:7px;text-shadow:0 2px 8px #142027}.scene-title #loading{font-size:11px;color:#cfddd7;max-width:270px;line-height:1.8}.performance{position:fixed;right:30px;top:105px;width:190px;padding:20px;background:#122326d9;border:1px solid #b8c2ac30;backdrop-filter:blur(10px)}.performance>strong{display:block;font:45px ui-monospace,monospace;color:#c8e0b8}.performance>span{font-size:10px;letter-spacing:1px;color:#b6c9c2}dl{font-size:11px;display:grid;grid-template-columns:1fr auto;gap:11px;margin-top:22px}dd{margin:0;font-family:ui-monospace,monospace}dt{color:#a4b9b3}.performance small{font-size:9px;line-height:1.6;display:block;color:#a9bbb0;overflow-wrap:anywhere}#position{position:fixed;left:32px;bottom:156px;font:11px ui-monospace,monospace;color:#ecede1;background:#142b2bcc;padding:9px 12px}nav{position:fixed;bottom:150px;left:50%;transform:translateX(-50%);display:flex;gap:4px;background:#142728ed;padding:5px;border:1px solid #c6d8c333}button{font:12px inherit;font-size:12px;background:transparent;border:0;color:#cdd7c9;padding:12px 19px;cursor:pointer;white-space:nowrap}button:hover,button:focus-visible{background:#55716b66}button.selected{background:#c8d7b9;color:#20332c}footer{position:fixed;bottom:0;width:100%;padding:23px 32px;background:linear-gradient(transparent,#0c1b22ee);text-align:center;font-size:11px;line-height:1.8;color:#becdc4}footer b{color:#e0e4cf;font-weight:500}footer p{margin:8px 0 0;font-size:10px;color:#a7b7b1}output{display:block;color:#e0d7b4}#failure{position:fixed;inset:25%;padding:28px;background:#243331;border:1px solid #e3b784;color:#f1d0af;white-space:pre-wrap}@media(max-width:700px){header{padding:16px}.brand{font-size:17px}.status{font-size:9px}.scene-title{left:16px;top:85px}.scene-title h1{font-size:27px}.performance{right:12px;top:90px;width:150px;padding:12px}.performance>strong{font-size:31px}nav{bottom:140px}button{padding:11px 9px;font-size:11px}#position{left:16px;bottom:195px}footer{padding:16px;font-size:10px}}

#entry-screen{position:fixed;inset:0;background:transparent}body[data-in-world="true"] #entry-screen{display:none}body:not([data-in-world="true"]) :is(header,.scene-title,.performance,#position,nav,footer){visibility:hidden}