:root{color-scheme:dark;--app-height:100dvh;--safe-top:0px;--safe-bottom:0px;font:16px system-ui,sans-serif;background:var(--bg,#171612);color:var(--text,#f0eddf)}*{box-sizing:border-box}body{margin:0;min-height:var(--app-height)}[hidden]{display:none!important}header{display:flex;align-items:center;justify-content:space-between;padding:calc(12px + var(--safe-top)) 18px 12px;border-bottom:1px solid var(--border,#454032)}header a{color:var(--brand,#f1c668);text-decoration:none;font-size:23px}header span{font-size:13px}main{max-width:880px;margin:auto;padding:22px 18px 100px}h1{font-size:32px;margin:0 0 18px}h2{font-size:22px;margin:24px 0 12px}p{line-height:1.5;color:var(--muted,#c9c4b4)}button,.button,input,select{font:inherit;border-radius:9px;min-height:44px}button,.button{cursor:pointer;border:1px solid var(--border,#67614e);color:inherit;background:var(--panel,#302d25);padding:10px 16px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}button:disabled{opacity:.5;cursor:default}button.primary,.primary{background:#f1c668;color:#211b0f;border-color:var(--brand,#f1c668)}input,select{background:var(--panel,#24221c);color:inherit;border:1px solid var(--border,#67614e);padding:10px;max-width:100%;width:100%}label{display:block;margin:14px 0 6px}form{max-width:540px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9dcfff;outline-offset:3px}.row{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.bar{padding:18px 0;border-bottom:1px solid var(--border,#454032)}.bar h2{margin:0}.bar p{margin:8px 0}.muted{color:var(--muted,#bbb5a4);font-size:14px}#tabs{position:fixed;bottom:0;left:0;right:0;display:flex;gap:6px;padding:10px 12px calc(10px + var(--safe-bottom));background:var(--bg,#171612);border-top:1px solid var(--border,#454032)}#tabs button{flex:1;padding:8px;font-size:14px}#tabs button[aria-current=page]{background:#f1c668;color:#211b0f}#status{margin:0;padding:8px 18px;position:fixed;bottom:calc(66px + var(--safe-bottom));left:0;right:0;background:var(--panel,#24221c);min-height:0}#status:empty{display:none}#status.error{color:#ffb1a5}canvas.portrait{width:128px;height:144px;image-rendering:pixelated}.visit{padding:0;height:calc(var(--app-height) - 70px - var(--safe-top));max-width:none;display:flex;flex-direction:column}.visit-head{padding:8px 12px;display:flex;align-items:center;gap:10px}.visit-head h1{font-size:19px;margin:0;flex:1}#world{flex:1;position:relative;min-height:60%;overflow:hidden}#world canvas{display:block;width:100%;height:100%;touch-action:none}.visit-controls{padding:8px 12px calc(8px + var(--safe-bottom));background:var(--panel,#24221c)}.visit-controls .row{margin:4px 0}.visit-controls details{margin:4px 0}.visit-controls details[open]{max-height:28vh;overflow:auto}.visit-controls summary{padding:12px;cursor:pointer}body.in-visit #tabs,body.in-visit #status,body.in-visit header{display:none}body.in-visit main{height:var(--app-height)}.editor-frame{position:fixed;inset:0;z-index:2;background:var(--bg,#171612)}iframe{width:100%;height:100%;border:0}.live-status{padding:6px 12px;font-size:13px}.movement button{min-width:48px}.help{padding:16px;border:1px solid var(--border,#67614e)}.players{display:flex;gap:10px;flex-wrap:wrap}.players span{font-size:13px}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

input[type=checkbox]{width:20px;min-height:20px;vertical-align:middle;margin:0 6px 0 0}
body.in-visit{overflow:hidden}.visit:has(details[open]) #world{min-height:38%}.visit-head h1{min-width:0;overflow:hidden;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}h2,p{overflow-wrap:anywhere}#account{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}