*{box-sizing:border-box}body{margin:0;background:#dae9ed;color:#233745;font:14px/1.5 system-ui,-apple-system,sans-serif}button,input{font:inherit}button{cursor:pointer;border:1px solid #bfd2cf;border-radius:9px;background:#fff9eb;color:#233745;padding:7px 11px}button:hover{background:#e2f1dd}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible{outline:3px solid #258491;outline-offset:2px}#game{width:100vw;height:100dvh;min-height:540px;overflow:hidden;position:relative}#scene{position:absolute;top:0;right:310px;bottom:0;left:0;background:linear-gradient(#a6cee4,#e5ecd7)}#scene canvas{width:100%;height:100%;display:block}header{position:absolute;left:22px;right:332px;top:16px;display:flex;justify-content:space-between;align-items:start;pointer-events:none}h1{font-size:23px;margin:2px 0;text-shadow:0 1px 3px white}.eyebrow{font-size:11px;letter-spacing:2px}#connection{font-size:12px;background:#fffc;border-radius:14px;padding:5px 12px}#vitals{position:absolute;left:22px;top:94px;display:flex;gap:8px;pointer-events:none}.vital{width:155px;background:#fffffff0;border-radius:12px;padding:9px 12px;box-shadow:0 2px 10px #334b5720}.vital strong{font-size:14px}.vital p{margin:3px 0;font-size:12px}.vital progress{width:100%;height:7px;accent-color:#519e68}aside{position:absolute;right:0;top:0;bottom:0;width:310px;background:#f8f5eaf5;border-left:1px solid #bdcfc5;overflow-y:auto;padding:18px}.tabs{display:flex;border-bottom:1px solid #cfdbd1;gap:5px;padding-bottom:12px}.tabs button{border:0;background:transparent}.tabs .active{background:#dbe9d8;font-weight:700}h2{font-size:14px;margin:17px 0 6px;color:#50655e}.actions{display:flex;gap:7px}.quest,.entry{padding:10px 0;border-bottom:1px solid #dce3d5}.quest strong{font-size:13px}.quest p,.entry p{font-size:12px;margin:4px 0;color:#64726c}.quest small{display:block;font-size:11px;color:#7f8b77}#npcs button,#bag button{display:block;width:100%;margin:6px 0;text-align:left}details{font-size:12px;margin:24px 0 12px;padding-top:14px;border-top:1px solid #cfdbd1}summary{cursor:pointer}details code{display:block;word-break:break-all;background:#e6eddf;padding:9px;margin:7px 0}#chat{position:absolute;left:22px;bottom:50px;width:min(420px,calc(100vw - 355px));border-radius:13px;overflow:hidden;background:#f9fff0eb;box-shadow:0 2px 12px #2a405020}#messages{max-height:148px;overflow-y:auto;padding:10px 13px;font-size:12px}#messages p{margin:3px 0}#chat-form{display:flex;border-top:1px solid #d3dfce}#message{width:100%;min-width:0;padding:10px 12px;border:0;background:#fffdf5;outline-offset:-3px}#chat-form button{border:0;border-radius:0;background:#d2e6cc}footer{position:absolute;left:22px;right:332px;bottom:15px;display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#344b52;text-shadow:0 0 4px white}#toast{position:absolute;left:50%;top:23%;transform:translate(-50%);background:#233745ee;color:#fff;padding:12px 20px;border-radius:12px;max-width:80%;z-index:5}#touch-controls{display:none}#journal time{font-size:10px;color:#899084}#party-status{font-size:12px;color:#64726c}@media (max-width:850px){#scene{right:245px}aside{width:245px;padding:12px}header{right:260px;left:12px}#vitals{left:12px;top:90px;flex-direction:column}.vital{width:130px}#chat{left:12px;width:calc(100vw - 270px);bottom:92px}footer{left:12px;right:255px;bottom:5px;font-size:10px;display:block}#touch-controls{position:absolute;display:flex;gap:5px;left:12px;bottom:40px;right:255px;flex-wrap:wrap}#touch-controls button{touch-action:none;-webkit-user-select:none;user-select:none;padding:8px}#messages{max-height:88px}h1{font-size:18px}}@media (max-width:560px){aside{width:190px}#scene{right:190px}header{right:200px}header #connection{position:absolute;top:48px;left:0;padding:2px 6px}#chat{width:calc(100vw - 210px)}footer,#touch-controls{right:200px}.vital{width:118px;font-size:11px}aside h2{margin-top:12px}}