*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:#111e22;color:#edf1e9;font:15px/1.65 system-ui,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible{outline:2px solid #e6c481}#world{position:fixed;width:100%;height:100%;inset:0;display:block}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(9,18,23,.9),rgba(9,18,23,.58) 34%,transparent 75%);z-index:1}body.exploring:before{background:linear-gradient(0deg,rgba(9,18,23,.72),transparent 30%)}body>header{position:fixed;top:0;left:0;right:0;height:89px;padding:22px 4%;display:flex;align-items:center;gap:25px;border-bottom:1px solid #d9e9e21c;z-index:3;background:linear-gradient(#0b191dd4,transparent)}.brand{font:bold 32px Georgia,serif;letter-spacing:1px;color:#ebd7a1;text-decoration:none}.brand span{font:11px system-ui;letter-spacing:3px;display:block;text-align:center;margin-top:0}.build{font-size:10px;letter-spacing:2px;color:#bbc6bf}i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#cdb77b;vertical-align:middle;margin:0 8px}.quiet{margin-left:auto;background:transparent;color:#eee4c9;border:1px solid #d9d3b64d;padding:8px 17px;border-radius:3px;font-size:12px}.panel{position:absolute;top:115px;bottom:58px;width:370px;left:7%;z-index:2;overflow-y:auto;scrollbar-width:thin;padding:0 9px 10px 0}.eyebrow{font-size:10px;letter-spacing:3px;color:#dbc18b;margin:0 0 14px}h1{font-family:Georgia,system-ui,serif;font-size:44px;line-height:1.22;margin:0 0 18px;font-weight:500;letter-spacing:-1px}h1 em{font-style:normal;color:#f5e9cc}.intro{color:#bec9c6;font-size:13px;margin-bottom:24px}.tabs{display:flex;border-bottom:1px solid #ffffff25;margin-bottom:17px}.tabs button{background:none;border:0;color:#a6b5b2;padding:8px 0 12px;margin-right:28px;font-size:13px}.tabs .active{color:#f2dbac;border-bottom:2px solid #dfc28a}label{font-size:12px;color:#c2d0cb;display:block;margin:12px 0 6px}input,select{width:100%;height:41px;border:1px solid #b0beb538;border-radius:3px;color:white;background:#112429c4;padding:6px 12px}input:focus{border-color:#d5bb7e}.note{font-size:10px;color:#a1b3ad;margin:10px 0 16px;line-height:1.6}.primary{border:1px solid #e3c890;border-radius:3px;background:linear-gradient(115deg,#e1cc9b,#c6aa70);color:#182629;width:100%;padding:10px 14px;font-weight:650;display:flex;align-items:center;justify-content:space-between;margin-top:16px}.primary:hover:enabled{filter:brightness(1.1)}.connection-note{font-size:11px;color:#a2b8b2;line-height:1.6;margin:10px 0}.divider{height:1px;background:#d5dfda25;margin:18px 0}.preview{border:0;background:none;color:#f0dcaf;padding:0;display:flex;width:100%;justify-content:space-between;font-size:14px}#message{font-size:12px;color:#efc998;margin:10px 0;line-height:1.6}#sceneLabel{position:absolute;bottom:88px;left:4%;z-index:2}h2{font-size:31px;font-weight:400;margin:0 0 10px}#sceneLabel p{font-size:12px;color:#d1ded6;margin:0 0 8px}#sceneLabel .eyebrow{color:#ebce8e;font-size:10px;margin-bottom:11px}#sceneLabel small{font-size:9px;letter-spacing:1px;color:#c3cec8}footer{position:fixed;bottom:0;left:0;right:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:14px 4%;font-size:10px;color:#aebfb7;border-top:1px solid #d9e9e21c;background:#102025b3;letter-spacing:.5px}#loading{position:fixed;inset:0;display:grid;place-items:center;z-index:5;background:#0d1c20ec;transition:opacity .35s}#loading.done{opacity:0;pointer-events:none}#loading>div{width:300px;text-align:center}#loadTitle{font:28px Georgia,serif;letter-spacing:3px;color:#ead7aa}#loadText{font-size:12px;color:#c6d4ca}progress{width:100%;height:3px;accent-color:#d9be83}body.exploring .panel{display:none}body:not(.exploring) #world{pointer-events:none}[hidden]{display:none!important}@media(max-height:800px){h1{font-size:34px}.intro{margin-bottom:16px}.panel{top:105px}.eyebrow{margin-bottom:7px}.divider{margin:13px 0}}@media(max-width:650px){body>header{padding:15px 6%;height:75px}.build{display:none}.panel{left:7%;width:86%;max-width:370px;top:100px}h1{font-size:34px}body:before{background:#102025b0}footer span:last-child{display:none}.quiet{font-size:11px;padding:6px 9px}}
@media(orientation:landscape) and (max-height:500px) and (pointer:coarse){body:not(.exploring)>header{height:52px;padding:6px 4%}body:not(.exploring) .brand{font-size:22px}body:not(.exploring) .brand span{display:none}.panel{top:60px;bottom:44px;width:min(400px,58vw)}#lobby>.eyebrow,#lobby>h1,#lobby>.intro{display:none}#lobby .tabs{margin-top:0}body:not(.exploring) #lobby{display:flex;flex-direction:column}#lobby>#characters,#lobby>#message{order:-1}#lobby>#message:empty{margin:0}#lobby .tabs{margin-bottom:8px}#lobby .tabs button{padding:4px 0 6px}#lobby label{margin:6px 0 3px}#lobby input,#lobby select{height:36px}#lobby form .note{margin:4px 0 6px}#lobby .primary{margin-top:8px;padding:7px 14px}}