#host-app{width:100%;max-width:1280px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:24px;min-height:100vh}.host-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000004d}.host-nav-brand{display:flex;align-items:center;gap:16px}.host-badge{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--accent-cyan);background-color:#06b6d41f;border:1px solid rgba(6,182,212,.3);padding:4px 10px;border-radius:9999px;text-transform:uppercase}.host-nav-title{font-size:20px;font-weight:800;color:#fff;letter-spacing:-.5px}.host-nav-actions{display:flex;align-items:center;gap:16px}.host-switch-link{font-size:13px;color:var(--text-muted);text-decoration:none;background-color:#ffffff0d;padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--card-border);transition:all .2s}.host-switch-link:hover{color:#fff;border-color:var(--accent-cyan);background-color:#06b6d41a}.host-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 900px){.host-grid{grid-template-columns:1fr}}.host-room-panel{display:flex;flex-direction:column;gap:20px}.create-room-box{display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center;padding:40px 24px}.create-room-icon{font-size:48px}.create-room-title{font-size:22px;font-weight:800;color:#fff}.create-room-desc{font-size:14px;color:var(--text-muted);max-width:420px}.btn-create-huge{font-size:18px;padding:16px 36px;border-radius:var(--radius-md);background:linear-gradient(135deg,#0284c7,#06b6d4);color:#fff;font-weight:800;box-shadow:0 4px 20px #06b6d466;cursor:pointer;border:none;transition:transform .15s,box-shadow .15s}.btn-create-huge:hover{transform:translateY(-2px);box-shadow:0 6px 24px #06b6d480}.btn-create-huge:active{transform:scale(.98)}.room-active-box{display:flex;flex-direction:column;gap:20px}.huge-code-card{background:linear-gradient(180deg,#182030,#111520);border:2px solid rgba(6,182,212,.4);box-shadow:0 8px 32px #06b6d426;border-radius:var(--radius-lg);padding:32px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;overflow:hidden}.huge-code-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#06b6d4,#10b981,#06b6d4)}.code-title{font-size:13px;font-weight:800;letter-spacing:2px;color:var(--accent-cyan);text-transform:uppercase}.huge-room-code{font-size:clamp(56px,8vw,84px);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:900;letter-spacing:.25em;color:#38bdf8;text-shadow:0 0 24px rgba(56,189,248,.5),0 0 60px rgba(6,182,212,.3);margin:4px 0;user-select:all}.code-meta{font-size:12px;color:var(--text-dim)}.lan-instructions-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:14px}.lan-title-row{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#fff}.lan-url-display{background-color:#0b0d13;border:1px solid rgba(6,182,212,.3);border-radius:var(--radius-md);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.lan-url-text{font-family:monospace;font-size:16px;color:#38bdf8;font-weight:700;word-break:break-all}.btn-copy{background-color:#06b6d426;color:var(--accent-cyan);border:1px solid rgba(6,182,212,.3);padding:6px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s}.btn-copy:hover{background-color:#06b6d440}.lan-ip-config{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-muted)}.lan-ip-input{background-color:#0d0f14;border:1px solid var(--card-border);border-radius:var(--radius-sm);color:#fff;font-size:13px;padding:6px 10px;width:160px;outline:none}.lan-ip-input:focus{border-color:var(--accent-cyan)}.lan-steps-list{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-muted);line-height:1.5;background-color:#0003;padding:12px 14px;border-radius:var(--radius-sm)}.lan-steps-list li{margin-left:18px}.lan-steps-list strong{color:#fff}.host-players-panel{display:flex;flex-direction:column;gap:16px}.panel-header-row{display:flex;align-items:center;justify-content:space-between}.panel-title{font-size:17px;font-weight:700;display:flex;align-items:center;gap:8px;color:#fff}.players-container{display:flex;flex-direction:column;gap:12px;min-height:200px}.player-item-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 12px #0003;transition:border-color .2s}.player-item-card:hover{border-color:#06b6d466}.player-card-header{display:flex;align-items:center;justify-content:space-between}.player-info-left{display:flex;align-items:center;gap:10px}.player-avatar{font-size:20px}.player-title-name{font-size:16px;font-weight:700;color:#fff}.player-char-name{font-size:12px;color:var(--accent-cyan);background-color:#06b6d41f;padding:2px 8px;border-radius:9999px}.player-id-badge{font-size:11px;font-family:monospace;color:var(--text-dim)}.player-card-body{display:flex;flex-direction:column;gap:8px;background-color:#0b0d13;padding:10px 12px;border-radius:var(--radius-sm);font-size:12px}.player-items-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.player-items-label{color:var(--text-dim);font-size:12px}.held-item-tag{background-color:#f59e0b26;color:var(--accent-amber);border:1px solid rgba(245,158,11,.3);padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.player-grant-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:4px}.select-item{background-color:#141720;border:1px solid var(--card-border);color:#fff;padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;outline:none;cursor:pointer;flex:1;min-width:180px}.select-item:focus{border-color:var(--accent-cyan)}.btn-grant{background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;border-radius:var(--radius-sm);padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:opacity .15s,transform .1s}.btn-grant:hover{opacity:.95}.btn-grant:active{transform:scale(.97)}.btn-grant-quick{background-color:#06b6d426;color:#38bdf8;border:1px solid rgba(6,182,212,.35);border-radius:var(--radius-sm);padding:8px 14px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .15s}.btn-grant-quick:hover{background-color:#06b6d440;border-color:#38bdf8}.grant-feedback-msg{font-size:12px;padding:6px 10px;border-radius:var(--radius-sm)}.grant-feedback-msg.success{background-color:#10b9811f;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.grant-feedback-msg.error{background-color:#ef44441f;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.host-terminal-logs-panel{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:12px}.logs-scroll-area{background-color:#090b0f;border:1px solid #1a1e29;border-radius:var(--radius-md);padding:14px;max-height:220px;overflow-y:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;display:flex;flex-direction:column;gap:6px}.log-entry{display:flex;gap:10px;line-height:1.4}.log-time{color:var(--text-dim);white-space:nowrap}.log-text{color:var(--text-main);word-break:break-all}.log-entry.event-join .log-text{color:#38bdf8}.log-entry.event-grant .log-text{color:#4ade80}.log-entry.event-narration .log-text{color:#fbbf24}.log-entry.event-error .log-text{color:#f87171}