:root{--ui-bg:#0a0e129e;--ui-fg:#e9f3e6;--ui-dim:#9fb3a6;--ui-accent:#86f4ff;--btn-bg:#141e1c80;--btn-bg-down:#86f4ff59;--btn-border:#e9f3e659;--font:ui-monospace, "Cascadia Mono", Consolas, "D2Coding", "Malgun Gothic", "Apple SD Gothic Neo", "Noto Sans KR", monospace}*{box-sizing:border-box}html,body{width:100%;height:100%;color:var(--ui-fg);font-family:var(--font);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#07080c;margin:0;overflow:hidden}#game{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#hud{pointer-events:none;width:100%;height:100%;font-size:12px;line-height:1.25;position:fixed;top:0;left:0}#hud-left{flex-direction:column;align-items:flex-start;gap:3px;display:flex;position:absolute;top:6px;left:6px}#hud-right{text-align:right;flex-direction:column;align-items:flex-end;gap:2px;display:flex;position:absolute;top:6px;right:6px}.chip,#fps,#res{background:var(--ui-bg);color:var(--ui-fg);font:inherit;white-space:nowrap;border:0;border-radius:3px;padding:2px 6px}.chip{pointer-events:auto;cursor:pointer}.chip:active{background:#86f4ff40}kbd{border:1px solid var(--ui-dim);min-width:1.4em;color:var(--ui-accent);font:inherit;text-align:center;border-radius:2px;margin-right:4px;padding:0 3px;display:inline-block}#hud-menu.on{background:#86f4ff40}#devmenu{pointer-events:auto;flex-direction:column;align-items:flex-start;gap:3px;margin-top:2px;display:flex}#devmenu[hidden]{display:none}.dm-items{flex-direction:column;align-items:flex-start;gap:3px;display:flex}a.dm-item{text-decoration:none}.dm-note{background:var(--ui-bg);color:var(--ui-dim);border-radius:3px;padding:1px 6px;font-size:10px}#tuning,#camera{pointer-events:auto;touch-action:pan-y;background:#0a0e12d6;border-radius:4px;width:260px;max-height:calc(100% - 52px);padding:6px 8px 8px;font-size:11px;position:absolute;top:44px;right:6px;overflow-y:auto}#tuning[hidden],#camera[hidden]{display:none}.tn-toggle{margin-top:4px}.tn-toggle.changed{color:#ffd27a}.tn-row.off{opacity:.45}.tn-head{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.tn-head b{color:var(--ui-accent);flex:1 0 100%}.tn-msg{color:#b9f6a0;min-height:1.2em;margin-top:2px;font-size:10px}.tn-group{color:var(--ui-accent);border-top:1px solid #e9f3e626;margin-top:6px;padding-top:4px}.tn-row{grid-template-columns:1fr auto;align-items:center;gap:0 6px;margin-top:4px;display:grid}.tn-row input{grid-column:1/-1;width:100%;margin:2px 0 0}.tn-val{color:var(--ui-fg);white-space:nowrap}.tn-row.changed .tn-val{color:#ffd27a}.tn-note{color:var(--ui-dim);font-size:10px}#fps{color:#b9f6a0;font-weight:700}#fps.low{color:#ffb86b}#res{color:var(--ui-dim);font-size:11px}#touch{padding:0 max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:flex-end;display:none;position:fixed;bottom:0;left:0;right:0}body.touch #touch{display:flex}.pad{pointer-events:auto;gap:12px;display:flex}#touch button{border:2px solid var(--btn-border);background:var(--btn-bg);width:72px;height:72px;color:var(--ui-fg);font:bold 20px var(--font);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:14px}#touch button[data-action=jump]{border-radius:48px;width:96px;font-size:18px}#touch button.down{background:var(--btn-bg-down);border-color:var(--ui-accent)}@media (max-height:420px){#touch button{width:60px;height:60px}#touch button[data-action=jump]{width:84px}}#error{color:#ffd9d9;max-height:45%;font:12px/1.4 var(--font);white-space:pre-wrap;z-index:10;-webkit-user-select:text;user-select:text;background:#3c080ceb;border-radius:4px;padding:8px 10px;position:fixed;bottom:8px;left:8px;right:8px;overflow:auto}@media (max-width:700px),(max-height:420px){#hud{font-size:10px}.chip,#fps,#res{padding:1px 4px}#res{font-size:9px}}#editor-badge{color:#ffe2a6;pointer-events:none;white-space:nowrap;background:#3a3220d9;border:1px solid #e2b24f;border-radius:10px;padding:2px 10px;font-size:12px;position:absolute;top:6px;left:50%;transform:translate(-50%)}#creature-info{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}#creature-info .ci-box{color:#e8edf2;white-space:pre;text-align:center;background:#0a0c10c7;border:1px solid #fff3;border-radius:4px;padding:1px 5px;font-size:11px;line-height:1.3;position:absolute;transform:translate(-50%,calc(-100% - 6px))}#creature-info .ci-ring{border:1px dashed #ffffff38;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}#creature-info .ci-hit{background:#ff463c2e;border:2px solid #ff463cf2;position:absolute}#creature-info [data-state=eat]{border-color:#62d6c6bf}#creature-info [data-state=alert]{border-color:#f2d64ed9}#creature-info [data-state=attack]{border-color:#ff6050e6}#creature-info [data-state=flee]{border-color:#be8cffd9}