*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--mint: #4de8c3;--cyan: #a9f0ff;--gold: #ffd36a;--red: #e05050;--surface: rgba(255, 255, 255, .82);--surface-dark: rgba(20, 20, 20, .72);--border: rgba(0, 0, 0, .1);--text: #1a1a1a;--text-muted: #666;--radius: 10px;--shadow: 0 4px 20px rgba(0, 0, 0, .14);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overflow:hidden;background:#ebe4d7;color:var(--text)}.app-root{position:fixed;inset:0}.canvas-wrapper{position:absolute;inset:0}.hud-overlay{position:absolute;inset:0;pointer-events:none}.hud-top-left{position:absolute;top:16px;left:16px;display:flex;flex-direction:column;gap:8px;pointer-events:auto}.hud-top-right{position:absolute;top:16px;right:16px;pointer-events:auto;max-width:280px}.hud-bottom{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:100%;max-width:560px;padding:0 16px;pointer-events:auto}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border)}.badge-idle{background:var(--surface);color:#555}.badge-busy,.badge-grace{background:#ffd36ad9;color:#7a5800}.badge-ready{background:#4de8c3d9;color:#0a4f3a}.badge-cooldown{background:#a9f0ffd9;color:#075070}.badge-error{background:#e05050d9;color:#fff}.conn-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);background:var(--surface);cursor:default}.conn-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.conn-local .conn-dot{background:#aaa}.conn-busy .conn-dot{background:var(--gold)}.conn-live .conn-dot{background:var(--mint)}.conn-offline .conn-dot{background:#bbb}.conn-error .conn-dot{background:var(--red)}.player-list{display:flex;flex-wrap:wrap;gap:6px}.player-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:20px;font-size:12px;background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.player-chip-local{border-color:var(--mint)}.player-dot{width:6px;height:6px;border-radius:50%;background:var(--mint);flex-shrink:0}.player-name{color:var(--text);font-weight:500}.generation-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px}.generation-card-header{display:flex;align-items:center;gap:8px}.generation-card-category{font-size:12px;color:var(--text-muted);text-transform:capitalize}.generation-card-message{font-size:13px;color:var(--text-muted);line-height:1.45}.generation-card-hint{font-size:12px;color:var(--text-muted);font-style:italic;line-height:1.4}.action-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.btn-action{padding:6px 12px;border-radius:7px;border:1.5px solid var(--border);background:#ffffffe6;color:var(--text);font-weight:600;font-size:12px;cursor:pointer;transition:background .12s,border-color .12s}.btn-action:hover{background:#fff;border-color:#bbb}.btn-danger{padding:8px 14px;border-radius:8px;border:1.5px solid rgba(224,80,80,.4);background:#e050501f;color:var(--red);font-weight:700;font-size:13px;cursor:pointer;transition:background .12s}.btn-danger:hover{background:var(--red);color:#fff}.btn-delete{align-self:flex-start}.confirm-actions{display:flex;gap:8px;margin-top:4px}.confirm-actions .btn-action,.confirm-actions .btn-danger{flex:1;text-align:center}.btn-release{padding:8px 14px;border-radius:8px;border:none;background:var(--mint);color:#0a4f3a;font-weight:700;font-size:13px;cursor:pointer;transition:opacity .12s}.btn-release:hover{opacity:.85}.prompt-form{display:flex;gap:8px;align-items:baseline;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.prompt-input{flex:1;background:transparent;border:none;outline:none;resize:none;font-size:14px;font-family:inherit;color:var(--text);line-height:1.5;max-height:120px}.prompt-input::placeholder{color:var(--text-muted)}.prompt-input:disabled{opacity:.5}.prompt-submit{flex-shrink:0;padding:7px 14px;border-radius:7px;border:none;background:#1a1a1a;color:#fff;font-weight:600;font-size:13px;cursor:pointer;transition:opacity .12s}.prompt-submit:disabled{opacity:.4;cursor:not-allowed}.prompt-submit:not(:disabled):hover{opacity:.8}.modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100;pointer-events:auto}.modal-card{background:#fff;border-radius:16px;padding:28px 28px 24px;max-width:420px;width:100%;box-shadow:0 20px 60px #00000038;display:flex;flex-direction:column;gap:12px}.modal-title{font-size:18px;font-weight:700}.modal-description{font-size:14px;color:var(--text-muted);line-height:1.5}.modal-input{width:100%;padding:10px 12px;border:1.5px solid #ddd;border-radius:8px;font-size:14px;outline:none;transition:border-color .12s}.modal-input:focus{border-color:var(--mint)}.modal-error{font-size:13px;color:var(--red)}.modal-submit{width:100%;padding:11px;border:none;border-radius:8px;background:#1a1a1a;color:#fff;font-size:14px;font-weight:600;cursor:pointer;margin-top:2px;transition:opacity .12s}.modal-submit:hover{opacity:.85}.modal-hint{font-size:12px;color:var(--text-muted);text-align:center}.modal-hint a{color:var(--text)}.modal-dismiss{width:100%;margin-top:8px;padding:8px;background:none;border:none;font-size:13px;color:var(--text-muted);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.modal-dismiss:hover{color:var(--text)}.viewer-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px}.viewer-card-message{font-size:13px;color:var(--text-muted);line-height:1.45}.viewer-card-cta{padding:7px 12px;border-radius:7px;border:none;background:#1a1a1a;color:#fff;font-weight:600;font-size:13px;cursor:pointer;transition:opacity .12s;align-self:flex-start}.viewer-card-cta:hover{opacity:.8}.context-msg{font-size:12px;color:var(--red);background:#ffffffd9;border-radius:6px;padding:5px 8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:220px}.chat-panel{width:240px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);overflow:hidden}.chat-panel-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:7px 10px;background:none;border:none;font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted);cursor:pointer}.chat-panel-caret{font-size:10px}.chat-log{display:flex;flex-direction:column;gap:6px;max-height:38vh;overflow-y:auto;padding:0 10px 10px}.chat-message{display:grid;gap:2px;padding:7px 9px;border:1px solid var(--border);border-radius:8px;background:#fff9}.chat-message strong{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em}.chat-message p{margin:0;font-size:13px;line-height:1.4;color:var(--text);overflow-wrap:anywhere}.chat-message time{font-size:11px;color:var(--text-muted)}.chat-message--player{border-color:#2f8fa152}.chat-message--system{border-color:#2f71454d}.chat-message[data-status=error]{border-color:#e0505073;background:#fce6e2b3}