:root{color:#f7f1e6;font-family:Segoe UI,system-ui,sans-serif}html,body{margin:0;height:100%;background:#1c241c}#guide-banner{position:absolute;top:1rem;left:50%;transform:translate(-50%);max-width:min(36rem,calc(100vw - 36rem));padding:.45rem .8rem;background:#1c1814d1;border-radius:.75rem;margin:0;text-align:center;font-size:.9rem;z-index:2}#game{display:block;width:100%;height:100%}#hud{position:absolute;top:1rem;left:1rem;width:min(22rem,calc(100vw - 2rem));padding:1rem 1.1rem;background:#1c1814c7;border-radius:.75rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}h1{margin:0 0 .25rem;font-size:1.25rem}p{margin:0 0 .75rem;color:#d9d0c2}dl{display:grid;gap:.4rem;margin:0 0 .75rem}div{display:grid;grid-template-columns:5.5rem 1fr;gap:.4rem}dt{font-weight:600;color:#d5e0c4}dd{margin:0}input,select{width:100%;border:0;border-radius:.35rem;padding:.2rem .35rem;background:#3a342c;color:#f7f1e6}.legend{margin:0;font-size:.9rem}#auth-panel{display:flex;flex-direction:column;gap:.35rem;margin:0 0 .75rem}#auth-panel p{margin:0;font-size:.85rem}#auth-form,#auth-panel .auth-actions{display:flex;flex-wrap:wrap;gap:.35rem;grid-template-columns:none}#auth-form{flex-direction:column}#auth-panel label{display:flex;flex-direction:column;gap:.15rem;font-size:.8rem;color:#b7c4a4}#auth-panel button{border:0;border-radius:.35rem;padding:.3rem .55rem;background:#3a342c;color:#f7f1e6;cursor:pointer}#auth-error{color:#e7b8a4;min-height:1rem}#auth-panel [hidden]{display:none!important}#emote-bar{position:absolute;left:50%;bottom:1.1rem;transform:translate(-50%);display:flex;gap:.4rem;padding:.4rem;background:#1c1814c7;border-radius:.75rem}#emote-bar button{border:0;border-radius:.45rem;padding:.4rem .7rem;background:#3a342c;color:#f7f1e6;cursor:pointer}#emote-bar button:hover,#emote-bar button:focus-visible{background:#5a4e3e}#plaza-btn{background:#e6c98a;color:#1c1814;font-weight:700}#plaza-btn[data-away=true]{background:#f4e2b0;outline:2px solid #f7f1e6}#meetup-note{margin:.35rem 0 0;font-size:.8rem}#shop-panel{position:absolute;left:1rem;bottom:4.5rem;width:14rem;max-height:16rem;overflow:auto;padding:.7rem .8rem;background:#1c1814d1;border-radius:.75rem;color:#f7f1e6}#shop-panel h2,#shop-panel p{margin:0 0 .4rem;font-size:.85rem}#shop-panel button{display:block;width:100%;margin:.25rem 0;text-align:left}#map-panel{position:absolute;right:18rem;bottom:4.5rem;width:12rem;padding:.7rem .8rem;background:#1c1814d1;border-radius:.75rem}#map-panel h2,#map-panel h3,#map-panel ul,#map-panel ol{margin:.2rem 0;font-size:.85rem}#friends-panel{position:absolute;top:1rem;right:1rem;width:16rem;max-height:28rem;overflow:auto;padding:.7rem .8rem;background:#1c1814d1;border-radius:.75rem;display:flex;flex-direction:column;gap:.35rem}#friends-panel h2,#friends-panel h3{margin:0;font-size:.85rem}#friends-panel label,#friend-actions{display:flex;gap:.35rem;align-items:center}#friends-panel ol{margin:0;padding:0;list-style:none;font-size:.8rem}#online-list li{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center;margin-bottom:.3rem}#online-list .row-actions{display:inline-flex;gap:.2rem}#party-status{margin:0;font-size:.8rem}#party-code{width:100%;box-sizing:border-box}#party-actions{display:flex;gap:.35rem}#friend-actions button,#friends-panel button{border:0;border-radius:.35rem;padding:.25rem .45rem;background:#3a342c;color:#f7f1e6;cursor:pointer}#metrics{position:absolute;top:24rem;right:1rem;width:16rem;padding:.8rem 1rem;background:#0c100cc7;border-radius:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}#metrics[hidden]{display:none}#metrics h2{margin:0 0 .4rem;font-size:.85rem}#metrics pre{margin:0;white-space:pre-wrap}#chat-panel{position:absolute;left:1rem;bottom:1.1rem;width:min(22rem,calc(100vw - 2rem));max-height:14rem;padding:.7rem .8rem;background:#1c1814d1;border-radius:.75rem;display:flex;flex-direction:column;gap:.4rem}#chat-panel h2{margin:0;font-size:.85rem}#chat-log{margin:0;padding:0;list-style:none;overflow:auto;max-height:7rem;font-size:.85rem}#chat-log li{display:block}#chat-form,#mod-bar{display:flex;gap:.35rem}#chat-form input{flex:1}#mod-bar button,#chat-form button{border:0;border-radius:.35rem;padding:.25rem .5rem;background:#3a342c;color:#f7f1e6;cursor:pointer}#speech-layer{position:absolute;inset:0;pointer-events:none}.speech-bubble{position:absolute;display:block;transform:translate(-50%,-120%);background:#f7f1e6eb;color:#1c1814;padding:.2rem .45rem;border-radius:.45rem;font-size:.78rem;white-space:nowrap;max-width:14rem;overflow:hidden;text-overflow:ellipsis}.skip-link{position:absolute;left:1rem;top:-4rem;z-index:5;padding:.4rem .7rem;background:#1c1814;color:#f7f1e6;border-radius:.4rem}.skip-link:focus{top:.5rem}#captions{position:absolute;left:1rem;bottom:.4rem;max-width:28rem;margin:0;font-size:.85rem;color:#f7f1e6}#hud:focus{outline:2px solid #d5e0c4}html[data-motion=reduce] *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){html:not([data-motion=full]) *{animation:none!important;transition:none!important}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#activity-panel{position:absolute;right:1rem;bottom:4.2rem;width:14rem;padding:.7rem .8rem;background:#1c1814d9;border-radius:.75rem;display:flex;flex-direction:column;gap:.4rem}#activity-panel[hidden]{display:none}#activity-panel h2,#activity-status,#activity-expiry{margin:0;font-size:.85rem}#grid-board{display:grid;grid-template-columns:repeat(3,2.2rem);gap:.25rem;justify-content:center}#grid-board button{width:2.2rem;height:2.2rem;border:0;border-radius:.3rem;background:#3a342c;color:#f7f1e6;cursor:pointer}#activity-actions{display:flex;gap:.35rem}#activity-actions button{border:0;border-radius:.35rem;padding:.25rem .5rem;background:#3a342c;color:#f7f1e6;cursor:pointer}#event-board{position:absolute;top:4.2rem;left:50%;transform:translate(-50%);width:min(22rem,calc(100vw - 28rem));padding:.55rem .7rem;background:#1c1814d1;border-radius:.75rem;z-index:2}#event-board h2,#event-board p{margin:0 0 .25rem;font-size:.85rem}#event-roles{display:flex;flex-wrap:wrap;gap:.3rem;margin:.35rem 0}#event-roles button,#event-board button{border:0;border-radius:.35rem;padding:.25rem .45rem;background:#3a342c;color:#f7f1e6;cursor:pointer}#npc-list{margin:0;padding-left:1rem;font-size:.8rem;color:#d9d0c2}