@font-face{font-family:NinjaFont;src:url(/assets/ninja/Ninja%20Adventure%20-%20Asset%20Pack/Ui/Font/NormalFont.ttf) format("truetype");font-display:block}:root{--wood-dark:#2a1e17;--wood:#6b4430;--wood-light:#9a6440;--accent:#f26b3a;--accent-light:#ff9a5a;--ink:#fff4e3;--muted:#d7c0a5;--panel-bg:rgba(52,37,29,0.94)}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;overflow:hidden;background:#1d2b1f;color:var(--ink);font-family:NinjaFont,ui-monospace,monospace;font-size:14px;word-spacing:.35em;letter-spacing:.02em;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font-family:inherit;color:inherit}.town{position:fixed;inset:0}.game-host{position:absolute;inset:0;touch-action:none}.game-host canvas{display:block;image-rendering:pixelated}.loading{position:fixed;inset:0;display:grid;place-items:center;font-family:NinjaFont,monospace;color:var(--ink);background:#1d2b1f;font-size:20px}.error-banner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#7a1f1f;padding:16px 20px;border-radius:6px}.panel{position:absolute;background:var(--panel-bg);padding:10px 12px;border:3px solid var(--accent);border-radius:6px;outline:2px solid var(--wood-dark);box-shadow:inset 0 0 0 2px var(--wood-light),0 4px 14px rgba(0,0,0,.35)}.btn{min-width:38px;height:32px;padding:0 10px;border:6px solid transparent;border-image:url(/assets/ninja/Ninja%20Adventure%20-%20Asset%20Pack/Ui/Theme/Theme%20Wood/button_normal.png) 3 fill/6px/0 stretch;background:none;cursor:pointer;font-size:13px;line-height:1;color:var(--ink);text-shadow:0 1px 0 rgba(0,0,0,.5);image-rendering:pixelated}.btn:hover{border-image-source:url(/assets/ninja/Ninja%20Adventure%20-%20Asset%20Pack/Ui/Theme/Theme%20Wood/button_hover.png)}.btn.active,.btn:active{border-image-source:url(/assets/ninja/Ninja%20Adventure%20-%20Asset%20Pack/Ui/Theme/Theme%20Wood/button_pressed.png);color:#fff}.btn.wide{width:100%;margin-top:10px;height:38px}.close{position:absolute;top:-4px;right:-2px;background:none;border:0;font-size:22px;cursor:pointer;padding:2px 6px}.close,.muted{color:var(--muted)}.hud{top:10px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;padding:2px 6px;white-space:nowrap;z-index:10}.hud-clock{display:flex;align-items:baseline;gap:8px}.hud-day{color:var(--accent-light)}.hud-time{font-size:22px;min-width:62px;text-align:center}.hud-phase,.hud-weather{color:var(--muted)}.hud-controls{display:flex;gap:4px}.feed{left:10px;bottom:10px;width:min(380px,calc(100vw - 20px));max-height:34vh;display:flex;flex-direction:column;z-index:5}.feed.collapsed{max-height:none}.feed-title,.roster-toggle{background:none;border:0;text-align:left;padding:0 0 4px;color:var(--accent-light);cursor:pointer;font-size:14px}.feed ul{list-style:none;margin:0;padding:0 4px 0 0;overflow-y:auto;font-size:12px;line-height:1.45;scrollbar-width:thin}.feed li{padding:2px 0;border-bottom:1px solid rgba(255,255,255,.06)}.feed-time{color:var(--muted)}.roster{top:10px;left:10px;width:250px;z-index:6}.roster ul{list-style:none;margin:0;padding:0;max-height:46vh;overflow-y:auto}.roster-item{display:grid;grid-template-columns:24px 1fr;grid-template-rows:auto auto;grid-column-gap:8px;column-gap:8px;width:100%;background:none;border:0;padding:3px 4px;text-align:left;cursor:pointer;border-radius:3px}.roster-item img{grid-row:span 2;image-rendering:pixelated}.roster-item.active,.roster-item:hover{background:rgba(242,107,58,.25)}.roster-name{font-size:13px}.roster-act{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-panel{top:70px;right:10px;width:300px;padding:4px;z-index:8}.vp-head{display:flex;gap:12px;align-items:center}.faceset{image-rendering:pixelated;background:var(--wood);border:2px solid var(--wood-dark);border-radius:4px}.side-panel h2{margin:0;font-size:20px;font-weight:400}.role{color:var(--accent-light);text-transform:capitalize}.vp-facts{display:grid;grid-template-columns:92px 1fr;grid-gap:6px 8px;gap:6px 8px;margin:14px 0 0;font-size:13px}.vp-facts dt{color:var(--muted)}.vp-facts dd{margin:0}.building-popup{top:70px;left:50%;transform:translateX(-50%);min-width:240px;max-width:min(360px,calc(100vw - 20px));z-index:9}.building-popup h3{margin:0 18px 8px 0;font-weight:400;color:var(--accent-light)}.building-popup ul{margin:0;padding-left:16px;font-size:13px}.link{background:none;border:0;padding:0;color:var(--ink);text-decoration:underline;cursor:pointer}@media (max-width:720px){body{font-size:13px}.hud{top:6px;left:6px;right:6px;transform:none;flex-wrap:wrap;justify-content:space-between;gap:6px;white-space:normal}.hud-phase{display:none}.hud-time{font-size:18px}.btn{min-width:34px;height:30px;padding:0 6px}.roster{top:auto;bottom:10px;left:auto;right:6px;width:180px}.feed{left:6px;bottom:10px;width:calc(100vw - 200px);max-height:22vh}.side-panel{top:auto;left:0;right:0;bottom:0;width:100%;max-height:55vh;overflow-y:auto;z-index:20}.building-popup{top:auto;bottom:26vh}}