:root{--bg: #064f35;--panel: #14573f;--frame: #d8cf9b;--text: #f6f2d5}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#032719;font-family:Arial,sans-serif;overflow:hidden}#app{width:100%;height:100%}.game-container{display:flex;flex-direction:column;height:100%}.canvas-container{flex:1;background:var(--bg);display:flex;align-items:center;justify-content:center;position:relative;padding:10px}#game-canvas{display:block;max-width:100%;max-height:100%;border-radius:6px;box-shadow:0 10px 32px #0006}.autopilot-container{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:8px 12px;color:#d2cec4;background:#0c2f20;opacity:0;transition:opacity .18s ease}.autopilot-container input{transform:scale(1.2)}.overlay-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.panel{pointer-events:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,420px);background:linear-gradient(180deg,#14573f,#0f3d2d);border:3px solid var(--frame);border-radius:14px;padding:14px;color:var(--text)}.panel h2{margin:0 0 8px;text-align:center}.form-row{display:flex;gap:8px}input[type=text]{flex:1;min-width:0;height:40px;border-radius:8px;border:2px solid #d7ce98;background:#f6f2dc;color:#173a2c;padding:0 10px;font-size:16px}button{min-height:38px;border-radius:8px;border:2px solid #d8cf9b;background:linear-gradient(180deg,#2a7f59,#1a5e42);color:#f6f2d5;font-weight:700;cursor:pointer}button:disabled{opacity:.6}.button-grid{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.full{grid-column:1 / -1}.error{color:#ffd9d9;font-size:13px;margin-top:8px;min-height:18px}.lb-list{margin:8px 0 0;max-height:260px;overflow:auto;border:1px solid rgba(216,207,155,.45);border-radius:8px;background:#0003}.lb-row{display:grid;grid-template-columns:36px 1fr 96px auto;gap:8px;padding:6px 8px;border-bottom:1px solid rgba(216,207,155,.15);font-size:14px}.lb-head{font-weight:700;background:#d8cf9b1f;border-radius:6px;margin-bottom:6px}.lb-row:last-child{border-bottom:0}.hidden{display:none}