@font-face{font-family:PixeloidSans;src:url('/assets/user/PixeloidSans.ttf') format('truetype');font-display:swap}
:root{font-family:PixeloidSans,monospace;color:#4b3029;background:#b9d65a;font-synthesis:none}
*{box-sizing:border-box}html,body,.app{margin:0;width:100%;height:100%;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #f8d96e;outline-offset:3px}
#world{display:block;width:100%;height:100%;background:#b9d65a;image-rendering:pixelated;touch-action:none;cursor:crosshair}
.app:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 130px #29362d44}
.topbar{position:absolute;z-index:4;top:20px;left:25px;right:25px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;pointer-events:none}.topbar>*{pointer-events:auto}
.brand,.top-actions{background:#6e4430;border:4px solid #3c2a28;box-shadow:0 0 0 3px #b78450,0 6px 0 3px #3a292861,0 12px 22px #2a35274d;color:#ffecbb;min-height:48px}
.brand{display:flex;align-items:center;gap:11px;padding:6px 13px;font-size:18px;white-space:nowrap;text-shadow:2px 2px #493025}.brand strong{color:#ffcd75;font-weight:400}.brand-mark{font-size:24px;color:#f4c26e}.alpha{font-size:10px;color:#e8c996;border-left:2px solid #aa7651;padding-left:11px;margin-left:3px;letter-spacing:.07em}
.top-actions{display:flex;align-items:center;gap:3px;padding:4px}.icon-button{width:34px;height:32px;background:#a66e45;border:2px solid #4c342d;color:#fff2c2;font:24px PixeloidSans,monospace;line-height:20px;box-shadow:inset 2px 2px #d79d61}.icon-button:hover{background:#c48550}.zoom-label{width:42px;text-align:center;color:#ffe5ae;font-size:12px}.edit-button{margin-left:7px;padding:8px 11px;background:#e8bd79;border:3px solid #4a3027;color:#4a3027;box-shadow:inset 2px 2px #fff0b7;font-size:13px;white-space:nowrap}.edit-button:hover,.save-button:hover{background:#f9d58b}.edit-button span{font-size:17px;margin-right:4px}
.world-panel{position:absolute;z-index:3;left:25px;top:99px;width:270px;max-height:calc(100% - 168px);overflow:auto;background:#f2dba4;border:5px solid #563928;box-shadow:0 0 0 4px #b8804b,0 8px 0 4px #4b322b,0 17px 30px #28402d66;padding:17px 16px 16px;scrollbar-width:thin}.world-panel:before{content:"";position:absolute;inset:4px;border:2px solid #d5a769;pointer-events:none}.panel-eyebrow{font-size:11px;letter-spacing:.13em;color:#7b5638;display:flex;align-items:center;gap:7px}.live-dot{width:8px;height:8px;background:#78a752;border:2px solid #487145;display:inline-block}.world-panel h1{margin:14px 0 10px;font-size:27px;line-height:1.02;font-weight:400;color:#5a3829}.world-panel h1 em{font-style:normal;color:#a5533b}.world-panel p{font-size:13px;line-height:1.35;margin:0;color:#73513a}.panel-divider{height:2px;margin:17px 0;background:#d3ae77;box-shadow:0 1px #fff2c5}.player-line{display:flex;align-items:center;gap:10px}.player-mini{width:34px;height:34px;display:grid;place-items:center;background:#b77454;border:3px solid #5a4030;color:#ffe9aa;font-size:17px}.player-line div{min-width:0;display:flex;flex-direction:column;gap:3px}.player-line strong{font-size:14px;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-line small{color:#795940;font-size:11px}.you-pill{margin-left:auto;background:#8b5b3e;color:#fff0bd;padding:4px 5px;font-size:9px}.panel-section-title{font-size:11px!important;letter-spacing:.08em;color:#6e4d37!important;margin-bottom:8px!important}.place-list{display:grid;gap:4px}.place-item{display:flex;align-items:center;gap:9px;text-align:left;width:100%;background:#f9e6b9;border:2px solid #c69c64;color:#593b2d;padding:5px 7px;font-size:12px;min-height:32px}.place-item:hover,.place-item:focus-visible{background:#ffe9aa;border-color:#8e6344}.place-icon{display:grid;place-items:center;width:20px;height:20px;background:#a97754;color:#fff1c2;font-size:13px}.place-item span:last-child{margin-left:auto;color:#9a6b49}.panel-footer{margin-top:13px;padding:10px;background:#e4c693;border:2px solid #c49d69;color:#6a4934;font-size:11px;line-height:1.3}
.map-hint,.interact-button,.toast{position:absolute;z-index:3;background:#6d4430;border:3px solid #3b2927;box-shadow:0 0 0 3px #b7824f,0 7px 0 3px #46322a66;color:#fff0bf}.map-hint{left:25px;bottom:23px;display:flex;align-items:center;gap:10px;padding:9px 12px;font-size:12px}.map-hint i{height:17px;border-left:2px solid #b38052}.keycaps{color:#ffd27a}.interact-button{z-index:5;left:50%;bottom:66px;transform:translateX(-50%);padding:9px 15px;font-size:14px}.interact-button span{margin-left:10px;color:#ffd27a}.toast{z-index:8;top:91px;left:50%;transform:translate(-50%,-8px);padding:10px 15px;max-width:min(460px,calc(100% - 35px));text-align:center;font-size:13px;line-height:1.25;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}.toast.show{opacity:1;transform:translate(-50%,0)}
.mobile-controls{position:absolute;z-index:3;bottom:20px;right:20px;display:none;flex-direction:column;align-items:center;gap:4px}.mobile-controls>div{display:flex;gap:4px}.mobile-controls button{width:48px;height:48px;border:3px solid #3b2927;background:#a87348;color:#fff1c0;box-shadow:inset 2px 2px #deb181;touch-action:none;user-select:none}.mobile-controls button:active{background:#e6bd79;color:#4d342b}
.character-dialog{width:min(380px,calc(100% - 30px));padding:21px;background:#f2dba4;border:5px solid #543828;color:#51372c;box-shadow:0 0 0 4px #b8804b,0 25px 0 8px #211c1b5e}.character-dialog::backdrop{background:#151b1bc7}.dialog-top{display:flex;justify-content:space-between;align-items:flex-start}.dialog-top h2{font-size:26px;font-weight:400;margin:8px 0 0}.close-button{border:2px solid #62402c;background:#bd8153;color:#ffedb4;font-size:25px;line-height:22px;width:30px;height:30px}.avatar-preview{height:151px;display:grid;place-items:center;margin:20px 0;background:#9ec977;border:4px solid #7d9e5b;box-shadow:inset 0 0 0 4px #b5d589}.avatar-preview canvas{image-rendering:pixelated}.character-dialog label,.character-dialog legend{display:block;font-size:13px;margin:14px 0 7px}.character-dialog input{width:100%;padding:10px 11px;border:3px solid #8a6241;border-radius:0;background:#fff2c8;color:#543a2f}.character-dialog fieldset{padding:0;border:0;margin:17px 0 20px}.colour-choices{display:flex;gap:10px}.colour-choice{width:31px;height:31px;border:3px solid #5b453b}.colour-choice[aria-checked="true"]{outline:3px solid #e7ab4f;outline-offset:2px}.save-button{width:100%;padding:11px;background:#e5b877;border:3px solid #583a2d;box-shadow:inset 3px 3px #ffe5ad;color:#52372c;font-size:15px}
@media(max-width:700px){.topbar{top:12px;left:12px;right:12px}.brand{font-size:15px;min-height:43px;padding:5px 8px}.brand-mark{font-size:18px}.alpha,.zoom-label,.top-actions>.icon-button{display:none}.top-actions{min-height:43px;padding:3px}.edit-button{margin:0;font-size:12px;padding:7px}.world-panel{top:72px;left:12px;width:175px;max-height:100px;padding:10px;border-width:4px}.world-panel h1,.world-panel>p,.world-panel .panel-divider,.world-panel .panel-section-title,.world-panel .place-list,.world-panel .panel-footer{display:none}.player-line{margin-top:9px}.player-mini{width:27px;height:27px;font-size:13px}.player-line strong{font-size:12px}.player-line small{font-size:10px}.you-pill{font-size:8px}.map-hint{left:12px;bottom:13px;max-width:186px;line-height:1.2;font-size:11px}.map-hint i,.map-hint i+span{display:none}.mobile-controls{display:flex;right:12px;bottom:12px}.interact-button{bottom:130px}.toast{top:74px}}
@media(min-width:701px){.brand{font-size:22px}.alpha{font-size:13px}.edit-button{font-size:17px}.zoom-label{font-size:16px}.world-panel{width:292px}.panel-eyebrow{font-size:14px}.world-panel h1{font-size:32px}.world-panel p{font-size:16px}.player-line strong{font-size:18px}.player-line small{font-size:14px}.you-pill{font-size:12px}.panel-section-title{font-size:14px!important}.place-item{font-size:15px;min-height:37px}.panel-footer{font-size:14px}.map-hint,.interact-button{font-size:16px}.toast{font-size:16px}}
@media(max-width:700px){.brand{font-size:17px}.edit-button{font-size:14px}.panel-eyebrow{font-size:13px}.player-line strong{font-size:14px}.player-line small{font-size:12px}.map-hint{font-size:13px}.interact-button{font-size:16px}.toast{font-size:15px}}
.character-dialog{width:min(430px,calc(100% - 30px));max-height:calc(100vh - 36px);overflow:auto}
.avatar-preview{height:122px;margin:14px 0;background:#b9d65a;border-color:#759a4b}
.sprite-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.sprite-choice{height:62px;display:grid;place-items:center;background:#cbdc91;border:3px solid #7c7048;padding:0}
.sprite-choice:hover{background:#e6e9ab}
.sprite-choice[aria-checked="true"]{background:#fff0b2;border-color:#a65b41;box-shadow:0 0 0 2px #f5bd66}
.sprite-choice canvas{image-rendering:pixelated;width:52px;height:54px}
@media(min-width:1000px){
  .app{background:#789d52}
  #world{position:absolute;left:318px;top:0;width:calc(100% - 318px);height:100%}
  .topbar{left:17px;right:20px}
  .brand{width:286px;justify-content:center;padding:6px 7px}
  .world-panel{left:13px;top:99px;width:294px;max-height:calc(100% - 186px)}
  .map-hint{left:20px;bottom:19px;width:280px;max-width:280px;flex-wrap:wrap;line-height:1.25}
}
.agent-card{display:flex;align-items:center;gap:9px;min-width:0;padding:9px;background:#dce5ae;border:2px solid #8aab65}
.agent-card canvas{flex:none;width:48px;height:48px;image-rendering:pixelated;background:#bbd67a;border:2px solid #789854}
.agent-card>div{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.agent-card strong{font-size:15px;font-weight:400;color:#405b4d}
.agent-card small,.agent-card span{display:block;font-size:10px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#654d37}
.agent-card button,.agent-quick-button{background:#6b9572;color:#fff6cb;border:3px solid #3d5a4c;box-shadow:inset 2px 2px #9ac19a;padding:6px;font-size:11px}
.agent-card button:hover,.agent-quick-button:hover{background:#7dae82}
.agent-quick-button{display:none;position:absolute;z-index:4;right:12px;bottom:143px;padding:9px 11px}
.agent-chat{position:absolute;z-index:7;right:22px;bottom:22px;width:min(390px,calc(100% - 30px));height:min(520px,calc(100% - 112px));display:flex;flex-direction:column;background:#f2dba4;border:5px solid #543828;box-shadow:0 0 0 4px #b8804b,0 17px 30px #28402d77;color:#51372c}
.agent-chat[hidden]{display:none}
.chat-header{display:flex;justify-content:space-between;align-items:flex-start;padding:15px 16px 11px;border-bottom:3px solid #c99e67}
.chat-header h2{font-size:25px;line-height:1;margin:8px 0 3px;font-weight:400}
.chat-header small{font-size:11px;color:#6d7953}
.chat-messages{flex:1;min-height:0;overflow:auto;padding:15px;display:flex;flex-direction:column;gap:11px;scrollbar-width:thin}
.chat-bubble{font-size:13px;line-height:1.42;max-width:93%;padding:10px 11px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;border:2px solid #b59467;background:#fff0c6;align-self:flex-start}
.chat-bubble.user{align-self:flex-end;background:#cfdfa3;border-color:#829d61}
.chat-bubble.error{background:#f6d3bc;border-color:#c57d62}
.chat-form{padding:11px 13px 9px;border-top:3px solid #c99e67;display:grid;grid-template-columns:1fr auto;gap:7px}
.chat-form label{grid-column:1/-1;font-size:11px}
.chat-form textarea{font:12px PixeloidSans,monospace;resize:none;width:100%;min-height:53px;padding:8px;background:#fff6d8;border:3px solid #8a6241;color:#51372c}
.chat-form button{align-self:stretch;background:#6b9572;color:#fff6cb;border:3px solid #3d5a4c;padding:0 12px;font-size:12px}
.chat-form button:disabled,.chat-form textarea:disabled{opacity:.6;cursor:wait}
.chat-model{padding:0 13px 10px;font-size:10px;color:#806345;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:700px){.world-panel .agent-card{display:none}.agent-quick-button{display:block}.agent-chat{left:9px;right:9px;top:76px;bottom:130px;width:auto;height:auto}.chat-bubble{font-size:12px}}