:root{--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-secondary: #64748b;--color-success: #22c55e;--color-background: #0f172a;--color-surface: #1e293b;--color-surface-hover: #334155;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-border: #334155;--radius: 8px;--shadow: 0 4px 6px -1px rgb(0 0 0 / .3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--color-background);color:var(--color-text);line-height:1.6;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:20px}.header{text-align:center;margin-bottom:30px;padding:20px}.header h1{font-size:2rem;margin-bottom:8px}.header p{color:var(--color-text-muted)}.card{background-color:var(--color-surface);border-radius:var(--radius);padding:24px;margin-bottom:20px;box-shadow:var(--shadow)}.card h2{margin-bottom:20px;font-size:1.25rem}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:var(--color-text-muted)}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius);background-color:var(--color-background);color:var(--color-text);font-size:1rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f133}.mode-fields{padding:16px;background-color:var(--color-background);border-radius:var(--radius);margin-bottom:20px}.mode-fields .info{color:var(--color-text-muted);font-size:.9rem}.form-group .hint{color:var(--color-text-muted);font-size:.8rem;margin-top:4px}.btn-primary{width:100%;padding:12px 24px;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{padding:8px 16px;background-color:var(--color-secondary);color:#fff;border:none;border-radius:var(--radius);font-size:.9rem;cursor:pointer;transition:background-color .2s}.btn-secondary:hover{background-color:var(--color-surface-hover)}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.session-info{background-color:var(--color-background);padding:12px 16px;border-radius:var(--radius);margin-bottom:16px;font-size:.875rem}.session-info p{margin:4px 0}.session-info strong{color:var(--color-text-muted)}.iframe-wrapper{position:relative;width:100%;padding-bottom:56.25%;border-radius:var(--radius);overflow:hidden;background-color:var(--color-background)}.iframe-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.footer{text-align:center;padding:20px;color:var(--color-text-muted);font-size:.875rem}.config-info{margin-top:8px}.config-info code{background-color:var(--color-surface);padding:2px 8px;border-radius:4px;font-size:.8rem}@media (max-width: 600px){.container{padding:10px}.header h1{font-size:1.5rem}.card{padding:16px}}