@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #1a1a2e;--bg-panel: #16213e;--bg-input: #0f3460;--accent: #e94560;--accent-dim: #c73652;--text-primary: #eaeaea;--text-dim: #8892a4;--border: #2a2a4a;--dm-bubble: #1e3a5f;--player-bubble: #1e5f3a;--ooc-bubble: #3a3a1e;--ready-color: #4caf50;--not-ready-color: #f44336;--font-body: "Segoe UI", system-ui, sans-serif;--font-mono: "Consolas", "Courier New", monospace;--nav-height: 52px}html,body{height:100%;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:15px;line-height:1.6;-webkit-text-size-adjust:100%;text-size-adjust:100%}h1,h2,h3,h4{font-weight:600;margin-bottom:.5rem}h1{font-size:1.8rem}h2{font-size:1.4rem}h3{font-size:1.1rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:1.5rem}@media (max-width: 640px){.container{padding:1rem}}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:1.25rem}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.25rem;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-family:inherit;transition:background .15s,opacity .15s}.btn:disabled{opacity:.45;cursor:not-allowed}@media (max-width: 640px){.btn{min-height:44px}}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-dim)}.btn-secondary{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--accent)}.btn-danger{background:#7f1d1d;color:#fff}.btn-danger:hover:not(:disabled){background:#991b1b}.form-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.form-field label{font-size:.85rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.form-field input,.form-field textarea,.form-field select{background:var(--bg-input);border:1px solid var(--border);border-radius:6px;padding:.55rem .75rem;color:var(--text-primary);font-family:inherit;font-size:.95rem;outline:none}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--accent)}.form-field input::placeholder,.form-field textarea::placeholder,.form-field select::placeholder{color:var(--text-dim)}@media (max-width: 640px){.form-field input,.form-field textarea,.form-field select{font-size:16px}}.form-field textarea{resize:vertical;min-height:80px}.badge{display:inline-block;padding:.15rem .6rem;border-radius:99px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-ready{background:#14532d;color:#86efac}.badge-pending{background:#422006;color:#fdba74}.badge-active{background:#1e3a8a;color:#93c5fd}.badge-ended{background:#1f1f1f;color:#6b7280}.error-msg{color:#f87171;font-size:.85rem;margin-top:.5rem}.success-msg{color:#86efac;font-size:.85rem;margin-top:.5rem}.bubble{padding:.75rem 1rem;border-radius:8px;margin-bottom:.75rem;line-height:1.65;white-space:pre-wrap;word-break:break-word}.bubble-dm{background:var(--dm-bubble);border-left:3px solid var(--accent);white-space:normal}.bubble-player{background:var(--player-bubble);border-left:3px solid #4caf50}.bubble-ooc{background:var(--ooc-bubble);font-style:italic;color:var(--text-dim)}.bubble-system{background:transparent;color:var(--text-dim);font-size:.85rem;text-align:center;border:1px dashed var(--border)}.typing-indicator{display:flex;gap:4px;align-items:center;padding:.5rem}.typing-indicator span{width:6px;height:6px;background:var(--text-dim);border-radius:50%;animation:typing-bounce 1.2s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}