:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f7fb;background:#223326;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overscroll-behavior:none;touch-action:none;overflow:hidden}button,input{font:inherit}input{touch-action:manipulation;min-width:0}#app{background-color:#223326;background-image:linear-gradient(#fff4c90d 1px,#0000 1px),linear-gradient(90deg,#fff4c90d 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:40px 40px,40px 40px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;padding:46px 248px 10px 10px;display:grid;position:relative}#game{aspect-ratio:16/9;width:min(100vw - 270px,1280px);max-height:calc(100dvh - 58px)}#game canvas{width:100%;height:100%;display:block}#hud{color:#f5f7fb;background:#0d1117c2;border:1px solid #ffffff26;border-radius:6px;align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:8px 10px;font-size:13px;display:flex;position:fixed;top:12px;left:12px}.panel-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.panel-toggle{color:#f5d27a;background:#f5d27a24;border-radius:6px;width:24px;height:24px;padding:0;line-height:1}#status{color:#a7b1c2}#world-notice{z-index:12;color:#f5d27a;background:#0d1117db;border:1px solid #f5d27a47;border-radius:8px;max-width:min(520px,100vw - 24px);padding:8px 12px;font-size:13px;position:fixed;top:58px;left:50%;transform:translate(-50%)}#world-notice.is-hidden{display:none}#player-panel{z-index:10;background:#0d1117a8;border:1px solid #ffffff24;border-radius:8px;gap:6px;width:200px;max-height:220px;padding:8px 10px;font-size:13px;display:grid;position:fixed;top:12px;right:12px;overflow-y:auto}#player-panel.is-collapsed{width:128px}#player-panel.is-collapsed #player-list{display:none}#player-panel strong{color:#d8dee9;font-size:12px}#player-list{gap:4px;display:grid}.player-row{overflow-wrap:anywhere;color:#d8dee9;align-items:center;gap:6px;display:flex}.player-swatch{border:1px solid #ffffff4d;border-radius:50%;flex:none;width:10px;height:10px}.player-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.player-tag{color:#cfe0ff;background:#4797ff52;border-radius:4px;flex:none;padding:1px 5px;font-size:11px}#self-name{color:#f5f7fb}#entry{z-index:20;background:#0b0f13e0;place-items:center;padding:18px;display:grid;position:fixed;inset:0}#entry.is-hidden{display:none}#join-form{background:#1a231ff7;border:1px solid #ffffff2e;border-radius:8px;width:min(420px,100%);padding:18px}#join-form h1{margin:0 0 14px;font-size:26px;font-weight:700}#join-form label{color:#a7b1c2;margin-bottom:6px;font-size:13px;display:block}.join-row{grid-template-columns:minmax(0,1fr) 76px;gap:8px;display:grid}.avatar-field{border:0;min-width:0;margin:14px 0 0;padding:0}.avatar-field legend{color:#a7b1c2;margin-bottom:8px;font-size:13px}.avatar-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.avatar-option{color:#d8dee9;cursor:pointer;background:#080b0e9e;border:1px solid #ffffff29;border-radius:6px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:6px;min-height:38px;padding:7px;font-size:12px;display:grid;position:relative}.avatar-option input{opacity:0;pointer-events:none;position:absolute}.avatar-option:has(input:checked){color:#f5f7fb;background:#4c6342b8;border-color:#f5d27ad1}.avatar-swatch{width:18px;height:24px;image-rendering:pixelated;position:relative}.avatar-swatch:before,.avatar-swatch:after{content:"";position:absolute}.avatar-swatch:before{background:linear-gradient(var(--avatar-hair), var(--avatar-hair)) 0 0 / 100% 4px no-repeat, var(--avatar-secondary);width:10px;height:10px;top:0;left:4px}.avatar-swatch:after{background:var(--avatar-primary);width:12px;height:14px;top:10px;left:3px;box-shadow:-2px 10px #23272f,8px 10px #23272f}.customizer-field{border:0;min-width:0;margin:14px 0 0;padding:0}.customizer-field legend{color:#a7b1c2;margin-bottom:8px;font-size:13px}.customizer-options{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:8px;display:grid}.customizer-option{color:#d8dee9;cursor:pointer;background:#080b0e9e;border:1px solid #ffffff29;border-radius:6px;justify-items:center;gap:6px;padding:7px;font-size:11px;display:grid}.customizer-option input[type=color]{cursor:pointer;background:0 0;border:1px solid #ffffff3d;border-radius:4px;width:30px;height:24px;padding:0}.customizer-option select{color:#f5f7fb;cursor:pointer;background:#080b0ee6;border:1px solid #ffffff3d;border-radius:4px;width:100%;max-width:92px;height:24px;padding:0 2px;font-size:11px}#name-input,#chat-input{color:#f5f7fb;background:#080b0ee6;border:1px solid #fff3;border-radius:6px;outline:none;width:100%}#name-input{height:42px;padding:0 11px}#name-input:focus,#chat-input:focus{border-color:#4d96ffe6}button{color:#f5f7fb;background:#3668b3f0;border:1px solid #ffffff38;border-radius:6px}#join-error{color:#ff8fa3;min-height:18px;margin:10px 0 0;font-size:13px}#chat-panel{z-index:10;background:#0d1117a8;border:1px solid #ffffff24;border-radius:8px;grid-template-rows:auto minmax(0,1fr);gap:8px;width:250px;height:min(300px,100dvh - 86px);padding:8px;display:grid;position:fixed;bottom:12px;right:12px}#chat-panel.is-collapsed{width:128px;height:auto}#chat-panel.is-collapsed .panel-body{display:none}.panel-body{grid-template-rows:minmax(0,1fr) auto;gap:8px;min-height:0;display:grid}#chat-log{flex-direction:column;gap:6px;min-height:0;padding-right:3px;font-size:13px;display:flex;overflow-y:auto}.chat-line{overflow-wrap:anywhere;color:#d8dee9}.chat-line strong{color:#f5f7fb}.chat-line.system{color:#a7b1c2}#chat-form{grid-template-columns:minmax(0,1fr) 70px;gap:6px;display:grid}#chat-input{height:38px;padding:0 9px}#chat-form button,#join-form button{height:42px}#interaction-panel{z-index:11;background:#0d1117d1;border:1px solid #f5d27a3d;border-radius:8px;padding:6px;position:fixed;top:58px;left:12px}#interaction-panel.is-hidden,#radio-panel.is-hidden{display:none}#interact-button{background:#3a856bf0;min-width:118px;height:36px;padding:0 10px}#radio-panel{z-index:11;background:#0c151cd1;border:1px solid #59d0ff75;border-radius:8px;gap:7px;width:250px;padding:9px;font-size:12px;display:grid;position:fixed;bottom:132px;left:12px;box-shadow:0 10px 28px #00000038}#debug-panel{z-index:13;color:#d8dee9;pointer-events:none;background:#0d1117b3;border:1px solid #f5d27a3d;border-radius:6px;min-width:150px;padding:7px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.45;position:fixed;bottom:12px;left:12px}#debug-panel.is-hidden{display:none}.radio-title{color:#f5d27a;font-size:13px;font-weight:700}#radio-now{color:#d8dee9;overflow-wrap:anywhere;min-height:28px}.radio-controls{grid-template-columns:58px auto minmax(0,1fr);align-items:center;gap:8px;display:grid}#radio-play{height:34px}#radio-volume{accent-color:#59d0ff;width:100%}#touch-controls{-webkit-user-select:none;user-select:none;touch-action:none;grid-template-rows:54px 54px;justify-items:center;gap:8px;display:none;position:fixed;bottom:16px;left:16px}.touch-row{grid-template-columns:repeat(3,54px);gap:8px;display:grid}.touch-button{color:#f5f7fb;touch-action:none;background:#131a22d1;border:1px solid #ffffff38;border-radius:8px;width:54px;height:54px;font-size:24px;line-height:1}.touch-button:active,.touch-button.is-active{background:#4797ffe0;border-color:#ffffff8a}@media (pointer:coarse),(width<=760px){#touch-controls{display:grid}body.is-typing #touch-controls{opacity:.18;pointer-events:none}}@media (width<=760px){#app{align-content:start;padding:100px 6px 156px}#game{width:100%;max-height:calc(100dvh - 184px)}#hud{justify-content:space-between;right:12px}#world-notice{font-size:12px;top:98px}#player-panel{width:min(38vw,160px);max-height:88px;font-size:11px;top:54px;right:8px}#player-panel strong{font-size:10px}#chat-panel{width:min(52vw,242px);height:136px;bottom:8px;left:auto;right:8px}#chat-panel.is-collapsed,#player-panel.is-collapsed{width:112px}#interaction-panel{top:146px;left:8px}#interact-button{min-width:112px;height:34px;font-size:12px}#radio-panel{gap:5px;width:min(48vw,190px);padding:7px;font-size:11px;top:184px;bottom:auto;left:8px}.radio-controls{grid-template-columns:50px min-content minmax(0,1fr);gap:5px}#radio-play{height:32px;font-size:11px}#chat-log{font-size:12px}#chat-form{grid-template-columns:minmax(0,1fr) 58px}#chat-form button{height:36px;font-size:12px}#chat-input{height:36px}#touch-controls{grid-template-rows:44px 44px;bottom:8px;left:8px}.touch-row{grid-template-columns:repeat(3,44px)}.touch-button{width:44px;height:44px;font-size:22px}#debug-panel{font-size:10px;bottom:108px;left:8px}}