*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#1a1a2e;color:#eee;min-height:100vh}#app{display:flex;flex-direction:column;height:100vh;max-width:1200px;margin:0 auto;padding:1rem;gap:1rem}header{text-align:center}header h1{font-size:1.5rem;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}header p{font-size:.875rem;color:#888}.game-container{display:flex;gap:1rem;flex:1;min-height:0}.left-column{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.canvas-wrapper{flex-shrink:0}#game-canvas{border:3px solid #4a4a6a;border-radius:8px;background:#2d5a27}.chat-panel{flex:1;min-width:300px;display:flex;flex-direction:column;background:#16213e;border-radius:8px;border:1px solid #4a4a6a;overflow:hidden}#chat-log{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.message{padding:.5rem .75rem;border-radius:6px;max-width:90%;line-height:1.4}.message-player{background:#0f3460;align-self:flex-end;color:#7ec8e3}.message-gm{background:#2a2a4a;align-self:flex-start;color:#ddd;border-left:3px solid #ffd700}.message-system{background:transparent;align-self:center;color:#888;font-size:.875rem;font-style:italic}.message-tool{background:#1a3a1a;align-self:flex-start;color:#6a6;font-family:monospace;font-size:.75rem;opacity:.8}#input-form{display:flex;gap:.5rem;padding:.75rem;border-top:1px solid #4a4a6a;background:#1a1a2e}#player-input{flex:1;padding:.75rem;border:1px solid #4a4a6a;border-radius:6px;background:#16213e;color:#eee;font-size:1rem}#player-input:focus{outline:none;border-color:gold}#player-input:disabled{opacity:.5}button[type=submit]{padding:.75rem 1.5rem;background:gold;color:#1a1a2e;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:background .2s}button[type=submit]:hover{background:#ffed4a}#loading-overlay{position:fixed;inset:0;background:#1a1a2ef2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:100}#loading-overlay h2{color:gold}.loading-bar{width:300px;height:8px;background:#4a4a6a;border-radius:4px;overflow:hidden}#loading-progress{height:100%;background:gold;width:0%;transition:width .3s}#loading-text{color:#888;font-size:.875rem}.help-panel{width:220px;flex-shrink:0;background:#16213e;border-radius:8px;border:1px solid #4a4a6a;padding:1rem;font-size:.8rem;overflow-y:auto}.help-panel h3{color:gold;margin-bottom:.75rem;font-size:1rem}.help-section{margin-bottom:1rem}.help-section h4{color:#8b949e;font-size:.75rem;text-transform:uppercase;margin-bottom:.4rem;letter-spacing:.5px}.help-section ul{list-style:none;color:#c9d1d9}.help-section li{margin-bottom:.3rem;line-height:1.4}.help-section kbd{background:#30363d;border:1px solid #484f58;border-radius:3px;padding:.1rem .3rem;font-family:monospace;font-size:.7rem;margin-right:.1rem}.entity-list li{display:flex;align-items:center;gap:.4rem}.entity-list .emoji{font-size:1rem;width:1.2rem;text-align:center}.powered-by{margin-top:1.5rem;padding-top:.75rem;border-top:1px solid #30363d}.powered-by p{color:#6e7681;font-size:.7rem;line-height:1.4}#debug-panel{background:#0d1117;border:1px solid #30363d;border-radius:6px;padding:.5rem;font-family:monospace;font-size:.7rem;max-height:250px;overflow:hidden;width:480px;max-width:480px}#debug-panel summary{cursor:pointer;color:#8b949e;padding:.25rem}#debug-log{max-height:160px;overflow-y:auto;padding:.5rem}.debug-entry{margin-bottom:.5rem;padding:.5rem;background:#161b22;border-radius:4px;border-left:3px solid #30363d}.debug-entry.prompt{border-left-color:#58a6ff}.debug-entry.response{border-left-color:#3fb950}.debug-label{color:#8b949e;font-size:.65rem;text-transform:uppercase;margin-bottom:.25rem}.debug-content{color:#c9d1d9;white-space:pre-wrap;word-break:break-all;overflow-wrap:break-word;max-width:100%}@media(max-width:768px){.game-container{flex-direction:column}.canvas-wrapper{display:flex;justify-content:center}#game-canvas{max-width:100%;height:auto}}