.game-log{padding:var(--space-md,16px);max-height:400px;margin-bottom:var(--space-lg,24px);border-left:3px solid var(--color-brass-dim,#a08850);font-size:.95rem;font-family:var(--font-ui,sans-serif);background:#0000004d;border-radius:6px;overflow-y:auto}.game-log::-webkit-scrollbar{width:8px}.game-log::-webkit-scrollbar-track{background:#0003;border-radius:4px}.game-log::-webkit-scrollbar-thumb{background:#4a546780;border-radius:4px}.game-log::-webkit-scrollbar-thumb:hover{background:#4a5467b3}.log-empty{text-align:center;color:var(--color-slate-light,#5f6a7f);padding:var(--space-lg,24px);font-style:italic}.log-show-earlier{width:100%;margin-bottom:var(--space-sm,8px);color:var(--color-slate-light,#5f6a7f);cursor:pointer;text-align:center;background:#4a546740;border:1px dashed #4a546766;border-radius:4px;padding:6px 0;font-size:.8rem;display:block}.log-show-earlier:hover{color:var(--color-cream,#f0e6d2);background:#4a546766}.log-entry{align-items:flex-start;gap:var(--space-md,16px);padding:var(--space-md,16px);margin-bottom:var(--space-sm,8px);background:#25253080;border-radius:4px;line-height:1.6;animation:.3s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.log-entry-narrative{font-family:var(--font-narrative,Georgia, serif);background:#8b5cb61f;border-left:2px solid #a78bfa80}.log-entry-encounter{border-left:2px solid var(--color-crimson,#a84448);background:#a844481f;font-weight:500}.log-entry-card{border-left:2px solid var(--color-green,#6b8e5f);background:#6b8e5f1f}.log-entry-system{border-left:2px solid var(--color-slate,#4a5467);color:var(--color-slate-light,#5f6a7f);background:#4a54671a;font-size:.85rem}.log-entry-debug{color:#969696e6;background:#64646414;border-left:2px solid #96969666;font-family:Courier New,Courier,monospace;font-size:.8rem}.log-entry-spotlight-in-progress{border-left:2px solid var(--color-brass-dim,#a08850);background:#c9a96126}.log-entry-card-selection{border-left:2px solid var(--color-green,#6b8e5f);background:#6b8e5f1a}.log-entry-waiting-in-progress{border-left:2px solid var(--color-brass-dim,#a08850);background:#a088501f}.log-entry-ai-loading{background:#8b5cb61f;border-left:2px solid #8b5cb680}.log-ai-progress-bar{width:100%;height:6px;margin-top:var(--space-sm,8px);background:#0000004d;border-radius:3px;overflow:hidden}.log-ai-progress-fill{background:var(--color-brass-dim,#a08850);height:100%;transition:width .3s}.log-entry-placeholder{border-left:2px solid var(--color-brass-dim,#a08850);color:var(--color-off-white-dim,#d4d3cf);background:#a0885026;font-style:italic;animation:2s ease-in-out infinite gentle-pulse}@keyframes gentle-pulse{0%,to{opacity:.7}50%{opacity:1}}.log-entry-streaming{animation:2s ease-in-out infinite streamPulse;box-shadow:0 0 12px #c9a9614d;border-left-color:var(--color-brass-dim,#a08850)!important;background:#c9a96126!important}@keyframes streamPulse{0%,to{box-shadow:0 0 12px #c9a9614d}50%{box-shadow:0 0 20px #c9a96180}}.streaming-cursor{background:var(--color-brass,#c9a961);vertical-align:text-bottom;border-radius:1px;width:8px;height:16px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.log-entry-stream-complete{animation:.5s ease-out forwards streamComplete}@keyframes streamComplete{0%{box-shadow:0 0 20px #6b8e5f80}to{box-shadow:none}}.log-icon{flex-shrink:0;font-size:1.2rem;line-height:1}.log-text{color:var(--color-off-white,#f5f4f0);flex:1}.log-rich{width:100%;display:block}.log-rich-title{color:#cbd5e1;margin-bottom:8px;font-weight:700}.log-rich-instruction{color:#cbd5e1;margin-bottom:10px;font-size:.85rem}.inline-reveal-btn{border-radius:8px;width:100%;min-height:44px;margin-top:8px}.inline-dismiss-waiting-btn[disabled]{opacity:.6}.inline-cards-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.inline-play-card{color:#e5e7eb;text-align:left;background:linear-gradient(135deg,#3f4b5e 0%,#253042 100%);border:2px solid #667eea;border-radius:10px;flex-direction:column;align-items:flex-start;gap:6px;min-height:122px;padding:10px;display:flex}.inline-play-card.is-selected{border-color:#3b82f6;box-shadow:0 0 16px #3b82f666}.inline-play-card.is-faded{opacity:.35}.inline-play-card[disabled]{opacity:.5}.inline-play-card-type{text-transform:uppercase;color:#cbd5e1;font-size:.68rem}.inline-play-card-name{color:#fde047;font-size:.9rem;font-weight:700}.inline-play-card-tags{color:#9ca3af;font-size:.7rem}.log-time{color:#666;flex-shrink:0;align-self:flex-end;font-size:.75rem}.log-entry-npc-dialogue{background:#3b82f614;border-left:3px solid #3b82f6;flex-direction:row;align-items:flex-start;padding:12px}.log-entry-npc-dialogue[data-alignment=right] .npc-dialogue-container{flex-direction:row-reverse}.log-entry-npc-dialogue[data-alignment=right] .npc-dialogue-content{align-items:flex-end}.log-entry-npc-dialogue[data-alignment=right] .npc-dialogue-bubble{background:#22c55e26;border-color:#22c55e}.npc-dialogue-container{flex:1;align-items:flex-start;gap:12px;display:flex}.npc-portrait{flex-shrink:0;font-size:2.5rem;line-height:1}.npc-dialogue-content{flex-direction:column;gap:6px;max-width:80%;display:flex}.npc-name{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.npc-dialogue-bubble{color:#e0e0e0;background:#3b82f626;border:2px solid #3b82f64d;border-radius:12px;padding:12px 16px;line-height:1.5;box-shadow:0 2px 8px #0003}.log-entry-inn-choices{background:0 0;border-left:none;padding:8px 0}.inn-choices-container{flex-direction:column;gap:10px;width:100%;display:flex}.inn-choice-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:2px solid #8b5cf6;border-radius:10px;min-height:50px;padding:12px 20px;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #667eea4d}.inn-choice-btn:hover{background:linear-gradient(135deg,#7c8ef7 0%,#8b5ab2 100%);transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.inn-choice-btn:active{transform:translateY(0);box-shadow:0 2px 8px #667eea4d}.log-entry-placeholder{opacity:.7;background:#4a546714;border-left:2px solid #6b8e5f4d}.log-text-placeholder{color:var(--color-slate-light,#5f6a7f);font-style:italic}.loading-dots{font-weight:700;animation:1.5s infinite loadingDots;display:inline-block}.loading-dots span{animation:1.5s infinite loadingDotsFade}.loading-dots span:first-child{animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes loadingDotsFade{0%,60%,to{opacity:.3}30%{opacity:1}}.streaming-cursor{background:var(--color-brass-dim,#a08850);width:2px;height:1em;margin-left:2px;animation:1s infinite cursorBlink;display:inline-block}@keyframes cursorBlink{0%,49%{opacity:1}50%,to{opacity:0}}@media (width<=768px){.game-log{max-height:300px;padding:12px;font-size:.9rem}.log-entry{margin-bottom:6px;padding:8px}.log-icon{font-size:1rem}.log-time{display:none}}.card{background:var(--color-charcoal-light);border:1px solid var(--color-slate);padding:var(--space-md);cursor:pointer;transition:all var(--transition-normal);border-radius:6px;position:relative;overflow:hidden;box-shadow:0 2px 4px #0003}.card:hover:not(.card-disabled){box-shadow:0 6px 16px var(--color-shadow-warm);border-color:var(--color-brass-dim);transform:translateY(-3px)}.card:active:not(.card-disabled){transform:translateY(-1px)}.card-disabled{opacity:.4;cursor:not-allowed;border-color:#4a54674d}.card-earned{border-color:#c5a33e;box-shadow:0 2px 8px #c5a33e40}.card-earned:hover:not(.card-disabled){border-color:#dab94e;box-shadow:0 4px 12px #c5a33e59}.card-type-ability{border-color:#8b7fc6}.card-type-ability:hover:not(.card-disabled){border-color:#a89dd4}.card-type-item{border-color:#6b8e5f}.card-type-item:hover:not(.card-disabled){border-color:#7fa572}.card-type-badge{text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm);color:var(--color-off-white-dim);background:#4a54674d;border-radius:3px;padding:3px 8px;font-size:.65rem;font-weight:500;display:inline-block}.card-name{color:var(--color-brass);margin-bottom:var(--space-sm);font-size:.95rem;font-weight:600;line-height:1.3}.card-level{color:var(--color-green);margin-left:4px;font-size:.85rem}.card-description{color:var(--color-off-white-dim);font-size:.85rem;line-height:1.5}.card-expanded .card-description{font-family:var(--font-narrative,Georgia, serif);color:#d1d9e0;font-size:.9rem;font-style:normal;font-weight:400;line-height:1.65}.card-tags{color:var(--color-slate-light);margin-top:var(--space-sm);font-size:.7rem;font-style:italic}.card-appeal-badge{cursor:help;z-index:1;opacity:.8;font-size:1.1rem;position:absolute;top:8px;right:8px}.card-intent-icon{opacity:.7;z-index:1;cursor:help;font-size:.9rem;position:absolute;top:8px;left:8px}.card-selected{border-color:var(--color-brass);transform:translateY(-2px);box-shadow:0 0 16px #c9a96166}.card-locked-in{border-color:var(--color-brass);animation:.4s ease-out forwards seal-lock}@keyframes seal-lock{0%{opacity:1;transform:scale(1)}30%{opacity:.8;transform:scale(.95)}to{opacity:1;box-shadow:0 0 20px var(--color-spotlight-glow), 0 4px 12px var(--color-shadow-warm);transform:scale(1)}}.card-committed{animation:.3s ease-out slide-commit}@keyframes slide-commit{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.card-suit-excellent{border-color:#22c55e;box-shadow:0 0 8px #22c55e59}.card-suit-good{border-color:#60a5fa;box-shadow:0 0 6px #60a5fa40}.card-suit-poor{opacity:.7}.sheet-card{min-height:86px;transition:all var(--transition-fast);background:#0f172a99;border:1px solid #94a3b84d;border-radius:6px;padding:8px}.sheet-card-face-up{border-color:#22c55e80}.sheet-card-face-up:hover{background:#0f172abf;border-color:#22c55eb3}.sheet-card-face-down{background:#1e293ba6;border-color:#64748b99}.sheet-card-name{color:#fde047;margin-bottom:4px;font-size:.82rem;font-weight:700}.sheet-card-type{color:#cbd5e1;text-transform:uppercase;margin-bottom:4px;font-size:.65rem}.sheet-card-tags{color:#94a3b8;font-size:.65rem}.card-exhausted{filter:grayscale(.8)brightness(.6);border-color:#4a546766!important}.card-exhausted-overlay{color:#ef4444;letter-spacing:.15em;text-transform:uppercase;z-index:10;pointer-events:none;background:#0000008c;border-radius:6px;justify-content:center;align-items:center;font-size:.6rem;font-weight:800;display:flex;position:absolute;inset:0}.card-on-cooldown{filter:brightness(.7)saturate(.6);border-color:#60a5fa66!important}.card-cooldown-overlay{color:#93c5fd;letter-spacing:.05em;z-index:10;pointer-events:none;background:#1e40af59;border-radius:6px;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;animation:1.2s ease-in-out infinite cooldown-pulse;display:flex;position:absolute;inset:0}@keyframes cooldown-pulse{0%,to{opacity:.9}50%{opacity:.6}}.card-use-pips{gap:4px;margin-bottom:4px;display:flex}.use-pip{border-radius:50%;width:8px;height:8px;transition:background .3s;display:inline-block}.pip-fresh{background:var(--color-brass);box-shadow:0 0 4px #c9a96180}.pip-used{background:#4a546780;border:1px solid #4a5467b3}.card-armed{animation:.9s ease-in-out infinite card-armed-pulse;box-shadow:0 0 18px #f59e0b99,inset 0 0 6px #f59e0b4d;border-color:#f59e0b!important}@keyframes card-armed-pulse{0%,to{box-shadow:0 0 18px #f59e0b99}50%{box-shadow:0 0 28px #f59e0be6,inset 0 0 8px #f59e0b66}}.card-lantern{background:radial-gradient(ellipse at 50% 30%, #fbbf2426, var(--color-charcoal-light) 70%);border-color:#fbbf2466}.card-lantern:hover:not(.card-disabled){border-color:#fbbf2499;box-shadow:0 4px 16px #fbbf2433}.card-lantern .card-name{color:#fbbf24}.card-lantern-icon{margin-right:.3em}.card-collapsed{padding:var(--space-sm) var(--space-md)}.card-collapsed .card-name{margin-bottom:0}.card-expanded{animation:.15s ease-out card-expand}@keyframes card-expand{0%{opacity:.9}to{opacity:1}}@media (width<=768px){.card{padding:var(--space-sm)}.card-name{font-size:.9rem}.card-description{font-size:.8rem}.sheet-card{min-height:76px;padding:6px}.sheet-card-name{font-size:.75rem}}.cards-section{margin-bottom:var(--space-lg)}.cards-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.cards-header h2{color:var(--color-brass);font-family:var(--font-accent);letter-spacing:.03em;text-transform:uppercase;font-size:.9rem;font-weight:600}.cards-count{color:var(--color-off-white-dim);font-size:.85rem}.cards-grid{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:370px;padding:5px;display:grid;overflow:auto}.cards-empty{text-align:center;padding:var(--space-lg);color:var(--color-slate-light);font-style:italic}@media (width<=768px){.cards-grid{gap:var(--space-sm);-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none;min-height:120px;max-height:none;padding:5px 2px;display:flex;overflow:auto hidden}.cards-grid::-webkit-scrollbar{display:none}.cards-grid>*{scroll-snap-align:start;flex:0 0 140px}.sheet-cards-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.cards-header h2{font-size:.85rem}.cards-count{font-size:.75rem}}.character-info{padding:var(--space-md,16px);background:#0003;border:1px solid #4a54674d;border-radius:6px;display:block;position:relative}.character-info.has-spotlight{border:2px solid #ffd70099;animation:2s ease-in-out infinite spotlight-glow;box-shadow:0 0 20px #ffd70066}@keyframes spotlight-glow{0%,to{box-shadow:0 0 20px #ffd70066}50%{box-shadow:0 0 30px #ffd700b3}}.character-readonly-indicator{text-align:center;color:#ffc107;background:#ffc10733;border:1px solid #ffc10780;border-radius:6px;margin-bottom:15px;padding:8px 12px;font-size:.85rem}.character-readonly-indicator-icon{margin-right:6px}.character-spotlight-badge{text-align:center;color:gold;background:linear-gradient(135deg,#ffd70033 0%,#ffa50033 100%);border:1px solid #ffd70080;border-radius:6px;margin-bottom:15px;padding:8px 12px;font-size:.85rem;font-weight:600}.character-fields{gap:12px;display:grid}.character-field{flex-direction:column;gap:5px;display:flex}.character-field-label{color:#aaa;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.character-field-value{color:#e0e0e0;line-height:1.5}.character-field-name{color:gold;font-size:1.3rem;font-weight:700}.character-attachments{border-top:1px solid #ffffff1a;margin-top:15px;padding-top:15px}.character-attachments-label{color:#aaa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.85rem}.character-attachments-list{flex-wrap:wrap;gap:8px;display:flex}.attachment-chip{cursor:help;border-radius:20px;align-items:center;gap:6px;min-height:44px;padding:6px 12px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.attachment-icon{font-size:1.1rem}.attachment-name{flex:1}.attachment-modifier{background:#0000004d;border-radius:10px;padding:2px 6px;font-size:.8rem;font-weight:700}.attachment-success{color:#4ade80;background:#22c55e33;border:1px solid #22c55e80}.attachment-success:hover{background:#22c55e4d}.attachment-danger{color:#f87171;background:#ef444433;border:1px solid #ef444480}.attachment-danger:hover{background:#ef44444d}.attachment-warning{color:#fbbf24;background:#fbbf2433;border:1px solid #fbbf2480}.attachment-warning:hover{background:#fbbf244d}.attachment-info{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f680}.attachment-info:hover{background:#3b82f64d}.character-hand-info{border-top:1px solid #ffffff1a;margin-top:15px;padding-top:15px}.character-hand-header{color:gold;margin-bottom:8px;font-size:.9rem;font-weight:600}.character-hand-empty{color:#94a3b8;padding:var(--space-md,16px);text-align:center;font-size:.8rem}.sheet-cards-grid{margin-top:var(--space-md,16px);gap:var(--space-sm,8px);grid-template-columns:repeat(auto-fill,minmax(112px,1fr));display:grid}@media (width<=640px){.character-info{padding:12px}.character-field-name{font-size:1.1rem}.sheet-cards-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.attachment-chip{padding:5px 10px;font-size:.75rem}}.debug-panel{color:#0f0;z-index:10000;background:#000000e6;border:2px solid #0f0;border-radius:8px;min-width:280px;font-family:Courier New,monospace;font-size:12px;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 12px #00ff004d}.debug-panel-header{cursor:move;-webkit-user-select:none;user-select:none;background:#00ff001a;border-bottom:1px solid #0f0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.debug-panel-title{text-transform:uppercase;letter-spacing:1px;font-weight:700}.debug-panel-toggle{color:#0f0;cursor:pointer;background:0 0;border:1px solid #0f0;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:16px;line-height:1;display:flex}.debug-panel-toggle:hover{background:#0f03}.debug-panel-toggle:active{background:#00ff004d}.debug-panel-content{max-height:400px;padding:12px;overflow-y:auto}.debug-row{border-bottom:1px solid #0f03;justify-content:space-between;padding:6px 0;display:flex}.debug-row:last-child{border-bottom:none}.debug-label{color:#0a0;margin-right:12px;font-weight:700}.debug-value{color:#0f0;text-align:right;word-break:break-all;max-width:150px}@media (width<=768px){.debug-panel{min-width:240px;font-size:11px;bottom:10px;left:auto;right:10px}.debug-panel-header{padding:6px 10px}.debug-panel-content{max-height:300px;padding:10px}.debug-row{padding:4px 0}.debug-label{font-size:10px}.debug-value{max-width:120px;font-size:10px}}@media (width<=480px){.debug-panel{min-width:200px;font-size:10px;bottom:80px;right:5px}.debug-value{max-width:100px}}@supports (padding:env(safe-area-inset-bottom)){.debug-panel{bottom:calc(20px + env(safe-area-inset-bottom));right:calc(20px + env(safe-area-inset-right))}@media (width<=480px){.debug-panel{bottom:calc(80px + env(safe-area-inset-bottom));right:calc(5px + env(safe-area-inset-right))}}}.context-inspector{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#1e1e28fa;border:2px solid #6478c866;border-radius:12px 12px 0 0;flex-direction:column;width:100%;max-width:100vw;max-height:90vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:none;position:fixed;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(100%);box-shadow:0 8px 32px #00000080}.context-inspector-inline{border-radius:12px!important;width:100%!important;max-width:none!important;max-height:none!important;display:flex!important;position:static!important;inset:auto!important;overflow:visible!important;transform:none!important}.context-inspector-inline .close-btn{display:none}.context-inspector.open{display:flex;transform:translateY(0)}@media (width>=768px){.context-inspector{border-bottom-right-radius:12px;border-bottom-left-radius:12px;width:380px;max-width:400px;inset:20px 20px 20px auto;transform:translate(120%)}.context-inspector.open{transform:translate(0)}}.context-inspector .panel-header{background:#14141e99;border-bottom:1px solid #6478c84d;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.context-inspector .panel-header h3{color:#e0e0ff;text-shadow:0 0 10px #6478c880;margin:0;font-size:1.4em}.context-inspector .close-btn{color:#f99;cursor:pointer;background:#c8505033;border:1px solid #c8505066;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1.8em;line-height:1;transition:all .2s;display:flex}.context-inspector .close-btn:hover{background:#c8505066;transform:scale(1.1)}.context-inspector .panel-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.context-inspector .context-tabs{background:#14141e66;border-bottom:1px solid #6478c833;gap:4px;padding:12px;display:flex;overflow-x:auto}.context-inspector .tab{color:#b0b0d0;cursor:pointer;background:#28283c80;border:1px solid #5064b44d;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:70px;padding:10px 8px;font-size:.9em;transition:all .2s;display:flex}.context-inspector .tab:hover{background:#3c3c6499;border-color:#6478c880}.context-inspector .tab.active{color:#e0e0ff;background:#5064b466;border-color:#788cdc99;box-shadow:0 0 15px #6478c84d}.context-inspector .tab-label{font-size:.85em}.context-inspector .context-list{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.context-inspector .context-list::-webkit-scrollbar{width:8px}.context-inspector .context-list::-webkit-scrollbar-track{background:#14141e4d;border-radius:4px}.context-inspector .context-list::-webkit-scrollbar-thumb{background:#6478c866;border-radius:4px}.context-inspector .context-list::-webkit-scrollbar-thumb:hover{background:#788cdc99}.context-item{background:#28283c99;border:1px solid #5064b44d;border-radius:10px;padding:14px;transition:all .2s;animation:.2s ease-out slideIn}.context-item:hover{background:#323250b3;border-color:#6478c880;box-shadow:0 4px 12px #6478c833}.context-item.visited{border-left:3px solid #64c87899}.context-item.unvisited{border-left:3px solid #b4b4c866}.context-item .item-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.context-item h4{color:#e0e0ff;flex:1;margin:0;font-size:1.1em}.context-item .item-badge{color:#c0c0e0;text-transform:capitalize;white-space:nowrap;background:#6478c84d;border:1px solid #788cdc66;border-radius:12px;padding:4px 10px;font-size:.75em}.context-item .item-badge.owned{color:#d0ffd0;background:#64c8784d;border-color:#78dc8c66}.context-item .item-description{color:#b0b0d0;margin:8px 0;font-size:.9em;line-height:1.4}.context-item .item-meta{color:#8080a0;margin-top:8px;font-size:.8em;display:block}.relationship-container{margin:10px 0}.relationship-bar{background:#3c3c5080;border:1px solid #5064b44d;border-radius:8px;height:16px;margin-bottom:6px;overflow:hidden}.relationship-fill{border-radius:7px;height:100%;transition:width .3s,background-color .3s}.relationship-label{text-align:center;color:#c0c0e0;font-size:.85em;font-weight:500;display:block}.context-item.quest-active{border-left-color:#6496fa99}.context-item.quest-complete{opacity:.8;border-left-color:#64c87899}.context-item.quest-failed{opacity:.7;border-left-color:#c8646499}.objectives-list{margin:10px 0;padding:0;list-style:none}.objectives-list li{color:#b0b0d0;padding:6px 0;font-size:.9em}.objectives-list li.complete{color:#90d090;text-decoration:line-through}.objectives-list li.incomplete{color:#c0c0e0}.empty-state p{margin-bottom:8px;font-size:1.1em}.empty-state small{color:#707090;font-size:.9em}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media (width<=767px){.context-inspector{max-height:70vh}.context-inspector .tab-label{display:none}.context-inspector .tab{min-width:50px;padding:12px 8px;font-size:1.2em}}@media (hover:none){.context-inspector .tab{min-height:44px;padding:14px 10px}.context-inspector .close-btn{width:44px;height:44px}}.settings-tab{max-height:100%;padding:20px;overflow-y:auto}.dev-mode-banner{text-align:center;color:#eab308;background:#eab30833;border:2px solid #eab30880;border-radius:8px;margin-bottom:20px;padding:12px;font-weight:600}.settings-section{background:#0003;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:16px;padding:16px}.settings-section h3{color:var(--color-brass,#d4af37);margin:0 0 16px;font-size:1.1rem;font-weight:600}.model-selector{flex-direction:column;display:flex}.settings-select{color:#fff;cursor:pointer;background:#0000004d;border:1px solid #fff3;border-radius:6px;padding:10px 12px;font-size:.95rem;transition:all .2s}.settings-select:hover{background:#0006;border-color:#ffffff4d}.settings-select:focus{border-color:#60a5fa99;outline:none;box-shadow:0 0 0 3px #60a5fa1a}.settings-toggles{flex-direction:column;gap:12px;display:flex}.settings-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.settings-toggle input[type=checkbox]{cursor:pointer;accent-color:#60a5fa;width:20px;height:20px}.settings-toggle span{color:#ffffffe6;font-size:.95rem}.settings-sliders{flex-direction:column;gap:20px;display:flex}.settings-slider{flex-direction:column;gap:8px;display:flex}.slider-label{color:#fffc;font-size:.9rem;font-weight:500}.settings-slider input[type=range]{cursor:pointer;-webkit-appearance:none;background:#ffffff1a;border-radius:3px;outline:none;width:100%;height:6px}.settings-slider input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#60a5fa;border-radius:50%;width:18px;height:18px;transition:all .2s}.settings-slider input[type=range]::-webkit-slider-thumb:hover{background:#60a5facc;transform:scale(1.1)}.settings-slider input[type=range]::-moz-range-thumb{cursor:pointer;background:#60a5fa;border:none;border-radius:50%;width:18px;height:18px;transition:all .2s}.settings-slider input[type=range]::-moz-range-thumb:hover{background:#60a5facc;transform:scale(1.1)}.slider-value{color:#60a5fa;text-align:right;font-size:.9rem;font-weight:600}@media (width<=640px){.settings-tab{padding:16px}.settings-section{padding:12px}.settings-section h3{font-size:1rem}}.player-list{flex-direction:column;gap:.75rem;width:100%;display:flex}.player-list-empty{text-align:center;color:var(--text-secondary,#a0a0a0);padding:2rem;font-style:italic}.player-list-item{background:#1e1e1e99;border:2px solid #6464644d;border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;transition:all .2s;display:flex}.player-list-item--local{background:#60a5fa1a;border-color:#60a5fa4d}.player-list-item:hover{background:#282828b3}.player-list-item--local:hover{background:#60a5fa26}.player-info{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.connection-status{flex-shrink:0;font-size:.75rem;line-height:1}.player-name{color:var(--text-primary,#e0e0e0);flex:1;align-items:center;gap:.5rem;font-size:1rem;font-weight:500;display:flex}.you-badge{color:var(--primary-color,#60a5fa);font-size:.75rem;font-style:italic;font-weight:400}.ready-status{white-space:nowrap;border-radius:12px;padding:.25rem .75rem;font-size:.85rem;font-weight:500}.ready-status.ready{color:var(--success-color,#10b981);background:#10b98133}.ready-status.not-ready{color:var(--warning-color,#fbbf24);background:#fbbf2433}.status-text{white-space:nowrap;border-radius:12px;padding:.25rem .75rem;font-size:.85rem;font-weight:500}.status-text.status-connecting{color:var(--warning-color,#fbbf24);background:#fbbf2433}.status-text.status-creating-character{color:var(--info-color,#60a5fa);background:#60a5fa33}.status-text.status-ready{color:var(--success-color,#10b981);background:#10b98133}.status-text.status-booted{color:var(--error-color,#ef4444);background:#ef444433}.boot-button{color:var(--error-color,#ef4444);cursor:pointer;white-space:nowrap;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;flex-shrink:0;min-width:32px;padding:.25rem .5rem;font-size:.85rem;transition:all .2s}.boot-button:hover{background:#ef444433;border-color:#ef444480}.boot-button--confirm{background:#ef44444d;border-color:#ef444499;animation:.5s ease-in-out infinite pulse-confirm}@keyframes pulse-confirm{0%,to{opacity:1}50%{opacity:.7}}@media (width<=768px){.player-list-item{padding:.65rem .85rem}.player-name{font-size:.9rem}.ready-status,.status-text{padding:.2rem .6rem;font-size:.75rem}.you-badge{font-size:.7rem}}.spotlight-indicator{border:2px solid var(--border-color,#334155);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e293bf2;border-radius:12px;margin:1rem 0;padding:1rem 1.5rem;transition:all .3s;box-shadow:0 4px 12px #0000004d}.spotlight-indicator.has-spotlight{border-color:var(--highlight-color,#fbbf24);background:linear-gradient(135deg,#fbbf2433 0%,#f59e0b1a 100%);animation:2s ease-in-out infinite pulseGlow;box-shadow:0 4px 20px #fbbf2466,0 0 30px #fbbf2433}@keyframes pulseGlow{0%,to{box-shadow:0 4px 20px #fbbf2466,0 0 30px #fbbf2433}50%{box-shadow:0 4px 24px #fbbf2499,0 0 40px #fbbf244d}}.spotlight-indicator.other-player{border-color:var(--primary-color,#60a5fa);background:#1e293be6}.spotlight-content{align-items:center;gap:1rem;display:flex}.spotlight-icon{filter:drop-shadow(0 2px 4px #0000004d);font-size:2rem}.spotlight-indicator.has-spotlight .spotlight-icon{animation:2s ease-in-out infinite iconPulse}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.spotlight-info{flex-direction:column;flex:1;gap:.25rem;display:flex}.spotlight-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted,#94a3b8);font-size:.75rem;font-weight:600}.spotlight-indicator.has-spotlight .spotlight-label{color:var(--highlight-color,#fbbf24);font-weight:700}.spotlight-name{color:var(--text-color,#e2e8f0);font-size:1.1rem;font-weight:700}.spotlight-indicator.has-spotlight .spotlight-name{color:var(--highlight-color,#fbbf24)}.spotlight-badge{font-size:1.5rem;animation:1s ease-in-out infinite badgeBounce}@keyframes badgeBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (width<=768px){.spotlight-indicator{margin:.75rem 0;padding:.75rem 1rem}.spotlight-icon{font-size:1.5rem}.spotlight-label{font-size:.7rem}.spotlight-name{font-size:1rem}.spotlight-badge{font-size:1.2rem}}@media (prefers-reduced-motion:reduce){.spotlight-indicator.has-spotlight,.spotlight-indicator.has-spotlight .spotlight-icon,.spotlight-badge{animation:none}}:root{--highlight-color:#fbbf24;--border-color:#334155;--primary-color:#60a5fa;--text-color:#e2e8f0;--text-muted:#94a3b8}.players-tab{max-height:100%;padding:20px;overflow-y:auto}.player-list-panel{margin-bottom:20px;overflow:hidden}.panel-title{color:#fffc;z-index:1;margin:0 0 12px;padding-left:4px;font-size:1rem;font-weight:600;line-height:1.4;position:relative}.adventure-panel{background:#0003;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:20px;padding:16px}.adventure-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.adventure-title{color:var(--color-brass,#d4af37);font-size:1.1rem;font-weight:600}.adventure-edit-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;padding:6px 12px;font-size:.9rem;transition:all .2s}.adventure-edit-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.adventure-description{color:#ffffffe6;font-size:.95rem;line-height:1.6}.spotlight-status-container{margin-bottom:20px}.character-section-title{color:#fffc;margin:0 0 12px;padding-left:4px;font-size:1rem;font-weight:600}.character-sheet-container{margin-bottom:16px}.remote-characters-container{margin-top:24px}.player-list-legend{border-top:1px solid #ffffff1a;flex-wrap:wrap;gap:8px 16px;margin-top:12px;padding-top:8px;display:flex}.legend-item{color:#fff9;white-space:nowrap;align-items:center;gap:6px;font-size:.8rem;display:flex}.legend-icon{line-height:1;display:inline-block}.legend-text{line-height:1}.empty-state{text-align:center;color:#fff9;padding:40px 20px}.empty-state p{margin:0;font-style:italic}@media (width<=640px){.players-tab{padding:16px}.adventure-panel{padding:12px}.adventure-header{flex-direction:column;align-items:flex-start;gap:8px}.adventure-edit-btn{align-self:flex-end}}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:12px;max-width:400px;display:flex;position:fixed;top:20px;right:20px}@media (width<=768px){.toast-container{max-width:none;inset:auto 20px 20px;bottom:max(20px, env(safe-area-inset-bottom));left:max(20px, env(safe-area-inset-left));right:max(20px, env(safe-area-inset-right))}}.toast{pointer-events:auto;background:#fff;border-radius:8px;align-items:center;gap:12px;min-width:280px;max-width:100%;padding:16px;animation:.3s ease-out toast-slide-in;display:flex;box-shadow:0 4px 12px #00000026}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (width<=768px){@keyframes toast-slide-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}.toast__icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:18px;font-weight:700;display:flex}.toast__message{color:#1a1a1a;flex:1;font-size:14px;line-height:1.4}.toast__close{color:#666;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:18px;font-weight:700;transition:background-color .2s;display:flex}.toast__close:hover{background-color:#0000000d}.toast__close:active{background-color:#0000001a}.toast--success{border-left:4px solid #22c55e}.toast--success .toast__icon{color:#22c55e;background-color:#dcfce7}.toast--error{border-left:4px solid #ef4444}.toast--error .toast__icon{color:#ef4444;background-color:#fee2e2}.toast--warning{border-left:4px solid #f59e0b}.toast--warning .toast__icon{color:#f59e0b;background-color:#fef3c7}.toast--info{border-left:4px solid #3b82f6}.toast--info .toast__icon{color:#3b82f6;background-color:#dbeafe}.room-code-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.room-code-modal{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:2px solid #0f3460;border-radius:16px;width:100%;max-width:500px;animation:.3s ease-out slideUp;overflow:hidden;box-shadow:0 20px 60px #0006}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.room-code-header{background:#0f34604d;border-bottom:1px solid #444;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.room-code-header h2{color:#e94560;margin:0;font-size:1.5rem}.room-code-close{color:#aaa;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:2rem;transition:all .2s;display:flex}.room-code-close:hover{color:#e94560;background:#e945601a}.room-code-body{padding:2rem 1.5rem}.room-code-instructions{color:#ccc;text-align:center;margin:0 0 1.5rem;font-size:.95rem}.room-code-create{text-align:center}.room-code-display{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.room-code-value{color:#fff;letter-spacing:.2em;text-align:center;background:#0f3460;border:2px solid #1a5490;border-radius:8px;flex:1;padding:1rem;font-family:Courier New,monospace;font-size:2.5rem;font-weight:700}.room-code-copy{color:#fff;cursor:pointer;background:#e94560;border:none;border-radius:8px;flex-shrink:0;width:48px;height:48px;font-size:1.5rem;transition:all .2s}.room-code-copy:hover{background:#ff6b6b;transform:scale(1.05)}.room-code-copy:active{transform:scale(.95)}.room-code-status{color:#aaa;background:#0f34604d;border-radius:8px;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;font-size:.9rem;display:flex}.room-code-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:2rem;display:flex}.room-code-loading p{color:#aaa;margin:0;font-size:.9rem}.room-code-spinner{border:2px solid #e945604d;border-top-color:#e94560;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.room-code-join{text-align:center}.room-code-input-wrapper{margin-bottom:.75rem}.room-code-input{color:#fff;letter-spacing:.2em;text-align:center;background:#0f3460;border:2px solid #1a5490;border-radius:8px;width:100%;padding:1rem;font-family:Courier New,monospace;font-size:2.5rem;font-weight:700;transition:border-color .2s}.room-code-input:focus{border-color:#e94560;outline:none}.room-code-input::placeholder{color:#555;letter-spacing:.1em}.room-code-hint{color:#888;margin:0 0 1.5rem;font-size:.85rem}.room-code-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:8px;width:100%;padding:1rem 1.5rem;font-size:1.1rem;font-weight:600;transition:all .2s}.room-code-btn-primary{color:#fff;background:linear-gradient(135deg,#e94560 0%,#d63447 100%);box-shadow:0 4px 12px #e945604d}.room-code-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #e9456066}.room-code-btn-primary:active:not(:disabled){transform:translateY(0)}.room-code-btn-secondary{color:#fff;background:#444}.room-code-btn-secondary:hover{background:#555}.room-code-btn:disabled{opacity:.5;cursor:not-allowed}.room-code-footer{background:#0f346033;border-top:1px solid #0f3460;padding:1rem 1.5rem}.room-code-fallback{color:#aaa;cursor:pointer;background:0 0;border:1px solid #0f3460;border-radius:8px;width:100%;padding:.75rem;font-size:.9rem;transition:all .2s}.room-code-fallback:hover{color:#fff;background:#0f34604d;border-color:#1a5490}.room-code-inline{width:100%;padding:1rem}.room-code-card{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:2px solid #0f3460;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000004d}.room-code-card h3{color:#e94560;text-align:center;margin:0 0 1.5rem;font-size:1.5rem}.room-code-fallback-inline{width:100%;margin-top:1rem}@media (width<=768px){.room-code-card{padding:1.5rem}.room-code-card h3{font-size:1.25rem}}@media (width<=600px){.room-code-modal{border-radius:0;max-width:100%;margin:0}.room-code-value,.room-code-input{font-size:2rem}.room-code-header h2{font-size:1.25rem}}.connection-status{z-index:1000;border:2px solid var(--border-color,#334155);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e293bf2;border-radius:8px;padding:.75rem 1rem;transition:all .3s;position:fixed;top:1rem;left:1rem;box-shadow:0 4px 12px #0000004d}.connection-status.status-connected{border-color:var(--success-color,#10b981)}.connection-status.status-connecting{border-color:var(--warning-color,#fbbf24)}.connection-status.status-disconnected{border-color:var(--danger-color,#ef4444)}.connection-indicator{align-items:center;gap:.75rem;display:flex}.connection-icon{filter:drop-shadow(0 2px 4px #0000004d);font-size:1.2rem}.connection-info{flex-direction:column;gap:.15rem;display:flex}.connection-text{color:var(--text-color,#e2e8f0);font-size:.9rem;font-weight:600}.connection-role{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted,#94a3b8);font-size:.75rem;font-weight:500}.connection-players{border-top:1px solid #ffffff1a;margin-top:.5rem;padding-top:.5rem}.players-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted,#94a3b8);margin-bottom:.35rem;font-size:.75rem;font-weight:600}.players-list{flex-direction:column;gap:.25rem;display:flex}.player-name{color:var(--text-color,#e2e8f0);border-left:3px solid var(--primary-color,#60a5fa);background:#60a5fa1a;border-radius:4px;padding:.25rem .5rem;font-size:.85rem}.connection-status.status-connecting .connection-icon{animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (width<=768px){.connection-status{padding:.6rem .8rem;top:.5rem;left:.5rem}.connection-icon{font-size:1rem}.connection-text{font-size:.85rem}.connection-role,.players-label{font-size:.7rem}.player-name{font-size:.8rem}}@media (prefers-reduced-motion:reduce){.connection-status.status-connecting .connection-icon{animation:none}}:root{--success-color:#10b981;--warning-color:#fbbf24;--danger-color:#ef4444;--primary-color:#60a5fa;--border-color:#334155;--text-color:#e2e8f0;--text-muted:#94a3b8}.multiplayer-tab{max-height:100%;padding:20px;overflow-y:auto}.multiplayer-header{margin-bottom:24px}.multiplayer-header h2{color:var(--color-brass,#d4af37);margin:0 0 8px;font-size:1.5rem;font-weight:600}.multiplayer-subtitle{color:#ffffffb3;margin:0;font-size:.95rem}.connection-status-container,.qr-multiplayer-container,.room-code-container{margin-bottom:20px}.multiplayer-instructions{background:#0003;border:1px solid #ffffff1a;border-radius:8px;padding:20px}.instruction-section{margin-bottom:24px}.instruction-section:last-of-type{margin-bottom:20px}.instruction-section h3{color:#60a5fa;margin:0 0 12px;font-size:1.1rem;font-weight:600}.instruction-section ol{color:#ffffffe6;margin:0;padding-left:24px}.instruction-section li{margin-bottom:8px;line-height:1.5}.feature-notes{background:#60a5fa1a;border:1px solid #60a5fa4d;border-radius:6px;padding:16px}.feature-notes h4{color:#60a5fa;margin:0 0 10px;font-size:1rem;font-weight:600}.feature-notes ul{color:#ffffffe6;margin:0;padding-left:24px}.feature-notes li{margin-bottom:6px}@media (width<=640px){.multiplayer-tab,.multiplayer-instructions{padding:16px}.instruction-section h3{font-size:1rem}}.console-log-tab{color:#d4d4d4;background-color:#1e1e1e;flex-direction:column;height:100%;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;display:flex}.console-log-controls{background-color:#252526;border-bottom:1px solid #3e3e42;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.console-btn{color:#ccc;cursor:pointer;background-color:#2d2d30;border:1px solid #3e3e42;border-radius:3px;padding:4px 12px;font-size:12px;transition:all .15s}.console-btn:hover{background-color:#3e3e42}.console-btn:active{background-color:#4e4e52}.console-btn-primary{color:#fff;background-color:#0e639c;border-color:#0e639c}.console-btn-primary:hover{background-color:#17b}.console-btn-primary:active{background-color:#18c}.console-autoscroll{cursor:pointer;-webkit-user-select:none;user-select:none;color:#ccc;align-items:center;gap:6px;font-size:12px;display:flex}.console-autoscroll input[type=checkbox]{cursor:pointer}.console-log-count{color:#858585;margin-left:auto;font-size:11px}.console-log-container{background-color:#1e1e1e;flex:1;padding:4px;overflow:hidden auto}.console-log-empty{text-align:center;color:#858585;padding:20px;font-style:italic}.console-log-entry{border-bottom:1px solid #2d2d30;grid-template-columns:80px 60px 1fr;align-items:start;gap:8px;padding:4px 8px;display:grid}.console-log-entry:hover{background-color:#2a2d2e}.console-log-time{color:#858585;white-space:nowrap;font-size:11px}.console-log-type{white-space:nowrap;font-size:11px;font-weight:700}.console-log-message{white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:inherit;margin:0}.console-log-stack{color:#d4d4d4;white-space:pre-wrap;word-break:break-word;background-color:#2d2d30;border-left:3px solid #ff6b6b;grid-column:3;margin:4px 0 0;padding:8px;font-size:11px;overflow-x:auto}.console-log-log .console-log-type{color:#4fc3f7}.console-log-warn .console-log-type,.console-log-warn .console-log-message{color:#ffca28}.console-log-error .console-log-type,.console-log-error .console-log-message{color:#ff6b6b}.console-log-info .console-log-type,.console-log-info .console-log-message{color:#66bb6a}.console-log-debug .console-log-type,.console-log-debug .console-log-message{color:#ba68c8}@media (width<=768px){.console-log-entry{grid-template-columns:70px 50px 1fr;gap:6px;font-size:12px}.console-log-time,.console-log-type{font-size:10px}.console-log-controls{flex-wrap:wrap;gap:6px}.console-btn{padding:4px 10px;font-size:11px}}.console-log-container::-webkit-scrollbar{width:10px}.console-log-container::-webkit-scrollbar-track{background:#1e1e1e}.console-log-container::-webkit-scrollbar-thumb{background:#424242;border-radius:5px}.console-log-container::-webkit-scrollbar-thumb:hover{background:#4e4e4e}.journal-display{max-width:900px;margin:0 auto;padding:1rem}.journal-display.empty{justify-content:center;align-items:center;min-height:400px;display:flex}.empty-state{text-align:center;padding:2rem}.empty-state h2{color:var(--text-primary,#fff);margin-bottom:1rem}.empty-state p{color:var(--text-secondary,#aaa);font-size:.9375rem}.journal-header{border-bottom:2px solid var(--border-color,#333);margin-bottom:1.5rem;padding-bottom:1rem}.journal-header h2{color:var(--text-primary,#fff);margin:0 0 .5rem}.journal-subtitle{color:var(--text-secondary,#aaa);margin:0;font-size:.875rem;font-style:italic}.journal-entries{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.journal-entry{background:var(--bg-surface,#1a1a1a);border:1px solid var(--border-color,#333);border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0003}.journal-entry.entry-scene{border-left:4px solid #4a9eff}.journal-entry.entry-npc{border-left:4px solid #ff9f00}.journal-entry.entry-object{border-left:4px solid #0f8}.journal-entry.entry-secret{border-left:4px solid gold}.journal-entry.entry-quest{border-left:4px solid #f44}.entry-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.entry-icon{font-size:1.5rem}.entry-name{color:var(--text-primary,#fff);flex:1;font-size:1.125rem;font-weight:600}.entry-type{text-transform:uppercase;letter-spacing:.5px;background:var(--bg-tertiary,#2a2a2a);color:var(--text-secondary,#aaa);border-radius:4px;padding:.25rem .5rem;font-size:.75rem}.entry-description{color:var(--text-secondary,#ccc);margin:0 0 .75rem;font-size:.9375rem;line-height:1.6}.entry-meta{color:var(--text-tertiary,#888);gap:1rem;margin-bottom:.75rem;font-size:.8125rem;display:flex}.entry-discovered,.entry-discoverer{align-items:center;gap:.25rem;display:flex}.entry-secrets{border-top:1px solid var(--border-color,#333);margin-top:1rem;padding-top:1rem}.secrets-heading{color:var(--text-primary,#fff);margin:0 0 .75rem;font-size:.9375rem;font-weight:600}.secrets-list{flex-direction:column;gap:.75rem;display:flex}.secret-item{background:var(--bg-secondary,#252525);border:1px solid var(--border-color,#333);border-radius:6px;padding:.75rem}.secret-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.secret-revealed,.secret-hidden{border-radius:4px;padding:.25rem .5rem;font-size:.8125rem;font-weight:600}.secret-revealed{color:#0f8;background:#00ff881a;border:1px solid #00ff884d}.secret-hidden{color:#888;background:#ffffff0d;border:1px solid #ffffff1a}.secret-category{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary,#aaa);font-size:.75rem}.secret-content{color:var(--text-primary,#eee);background:var(--bg-tertiary,#2a2a2a);border-radius:4px;margin:0;padding:.5rem;font-size:.875rem;line-height:1.5}.entry-related{border-top:1px solid var(--border-color,#333);margin-top:1rem;padding-top:1rem}.related-heading{color:var(--text-primary,#fff);margin:0 0 .5rem;font-size:.875rem;font-weight:600}.related-list{flex-wrap:wrap;gap:.5rem;display:flex}.related-tag{background:var(--bg-tertiary,#2a2a2a);border:1px solid var(--border-color,#333);color:var(--text-secondary,#aaa);border-radius:12px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.8125rem;display:flex}.journal-stats{background:var(--bg-tertiary,#2a2a2a);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;padding:1rem;display:grid}.stat{flex-direction:column;gap:.25rem;display:flex}.stat-label{color:var(--text-secondary,#aaa);font-size:.8125rem}.stat-value{color:var(--text-primary,#fff);font-size:1.5rem;font-weight:700}@media (width<=768px){.journal-display{padding:.75rem}.journal-header{margin-bottom:1rem}.entry-header{flex-wrap:wrap}.entry-type{order:-1;width:100%;margin-bottom:.5rem}.secrets-list{gap:.5rem}.related-list{gap:.375rem}.journal-stats{grid-template-columns:repeat(2,1fr)}}.lore-journal{font-family:var(--font-ui,sans-serif);padding:.75rem}.lore-journal__title{color:#f6e05e;margin:0 0 .6rem;font-size:1rem}.lore-journal__filters{flex-wrap:wrap;gap:.3rem;margin-bottom:.75rem;display:flex}.lore-journal__filter{color:#fff5c8a6;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #fff5c840;border-radius:99px;padding:.2rem .5rem;font-size:.72rem;transition:background .15s,color .15s}.lore-journal__filter.active,.lore-journal__filter:hover{color:#f6e05e;background:#f6e05e2e;border-color:#f6e05e66}.lore-journal__empty{color:#fff5c873;font-size:.8rem;font-style:italic}.lore-journal__list{flex-direction:column;gap:.45rem;max-height:320px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.lore-journal__entry{color:#fff5c8d9;background:#fff5c80d;border-left:3px solid #0000;border-radius:6px;align-items:flex-start;gap:.45rem;padding:.35rem .5rem;font-size:.82rem;line-height:1.45;display:flex}.lore-journal__entry--discovery{border-left-color:#63b3ed}.lore-journal__entry--secret{border-left-color:#fc8181}.lore-journal__entry--relationship{border-left-color:#68d391}.lore-journal__entry--world{border-left-color:#a0aec0}.lore-journal__entry--legend{border-left-color:#f6e05e}.lore-journal__entry--rumor{border-left-color:#d69e2e}.lore-journal__entry--outcome{border-left-color:#e9d8fd}.lore-journal__icon{flex-shrink:0;font-size:1rem;line-height:1.4}.lore-journal__text{flex:1}.lore-journal__list::-webkit-scrollbar{width:3px}.lore-journal__list::-webkit-scrollbar-thumb{background:#fff5c833;border-radius:2px}.game-layout{z-index:9000;color:#fff;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%);flex-direction:column;animation:.2s ease-in fadeIn;display:flex;position:fixed;inset:0;overflow:hidden}.game-header{background:#0000004d;border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.game-header-left{align-items:center;gap:16px;display:flex}.game-title{color:var(--color-brass,#d4af37);margin:0;font-size:1.5rem;font-weight:700}.character-name-badge{background:#667eea4d;border-radius:6px;padding:6px 12px;font-size:.9rem;font-weight:500}.game-header-right{gap:8px;display:flex}.icon-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .2s;display:flex}.icon-btn:hover{background:#fff3;transform:translateY(-2px)}.icon-btn:active{transform:translateY(0)}.tab-nav{background:#0003;border-bottom:1px solid #ffffff1a;flex-shrink:0;padding:0;display:flex;overflow:auto hidden}.tab-nav-btn{color:#fff9;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;min-width:100px;padding:12px 16px;font-size:.95rem;font-weight:500;transition:all .2s}.tab-nav-btn:hover{color:#ffffffe6;background:#ffffff0d}.tab-nav-btn.active{color:var(--color-brass,#d4af37);border-bottom-color:var(--color-brass,#d4af37);background:#d4af371a}.game-main,.tab-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.tab-panel{flex:1;overflow:hidden auto}.card-hand-panel{background:#0000004d;border-top:1px solid #ffffff1a;flex-shrink:0;max-height:200px;padding:16px;overflow-y:auto}.no-cards-message{text-align:center;color:#fff6;padding:40px;font-style:italic}.debug-panel-container{z-index:100;position:fixed;bottom:20px;right:20px}@media (width<=1024px){.tab-nav{overflow-x:auto}.tab-nav-btn{flex:none;min-width:90px;padding:10px 12px;font-size:.9rem}}@media (width<=640px){.game-header{padding:8px 12px}.game-title{font-size:1.2rem}.character-name-badge{padding:4px 8px;font-size:.8rem}.icon-btn{width:36px;height:36px;font-size:1rem}.tab-nav-btn{min-width:80px;padding:10px 8px;font-size:.85rem}.card-hand-panel{max-height:180px;padding:12px}}.tab-panel::-webkit-scrollbar{width:8px}.card-hand-panel::-webkit-scrollbar{width:8px}.tab-panel::-webkit-scrollbar-track{background:#0003;border-radius:4px}.card-hand-panel::-webkit-scrollbar-track{background:#0003;border-radius:4px}.tab-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.card-hand-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.tab-panel::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.card-hand-panel::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.streaming-text{font-family:var(--font-narrative,"Literata", "Georgia", serif);max-width:65ch;color:var(--color-off-white,#e8e0d4);margin:0 auto;font-size:17px;line-height:1.75}.streaming-word{opacity:0;animation:.15s ease-out forwards streaming-reveal}.streaming-done .streaming-word{opacity:1;animation:none}@keyframes streaming-reveal{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.streaming-fantasy .streaming-word{animation-name:streaming-quill}@keyframes streaming-quill{0%{opacity:0;color:var(--color-brass,#c9a961)}40%{opacity:.7;color:var(--color-brass,#c9a961)}to{opacity:1;color:var(--color-off-white,#e8e0d4)}}.streaming-noir .streaming-word{animation-name:streaming-typewriter;animation-timing-function:step-end}@keyframes streaming-typewriter{0%{opacity:0}to{opacity:1}}.streaming-regency .streaming-word{animation-name:streaming-copperplate;animation-duration:.3s}@keyframes streaming-copperplate{0%{opacity:0;font-style:italic;transform:translate(-3px)}60%{opacity:.8;font-style:italic;transform:translate(0)}to{opacity:1;font-style:normal;transform:translate(0)}}.streaming-haunted .streaming-word{animation-name:streaming-scratched}@keyframes streaming-scratched{0%{opacity:0}30%{opacity:.4}50%{opacity:.2}to{opacity:1}}.streaming-space .streaming-word{animation-name:streaming-terminal;animation-timing-function:step-end}@keyframes streaming-terminal{0%{opacity:0;color:#4aff82}50%{opacity:1;color:#4aff82}to{opacity:1;color:var(--color-off-white,#e8e0d4)}}.streaming-default .streaming-word{animation-name:streaming-reveal}.inline-choices{max-width:65ch;margin:1.5rem auto}.inline-choices--fading{opacity:0;pointer-events:none;height:0;transition:opacity .4s ease-out;overflow:hidden}.inline-choices__prompt{font-family:var(--font-narrative,"Literata", "Georgia", serif);color:var(--color-off-white,#e8e0d4);text-align:center;margin-bottom:1rem;font-size:1.1rem;font-style:italic}.inline-choices__options--inline{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.inline-choices__options--grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;display:grid}.inline-choices__options--stack{flex-direction:column;gap:.5rem;display:flex}.inline-choice{font-family:var(--font-narrative,"Literata", "Georgia", serif);color:var(--color-off-white,#e8e0d4);cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #c9a96133;border-radius:6px;flex-direction:column;gap:.25rem;min-height:44px;padding:.75rem 1rem;font-size:.95rem;line-height:1.5;transition:border-color .2s,background .2s,transform .1s;display:flex}.inline-choice:hover,.inline-choice:focus-visible{border-color:var(--color-brass,#c9a961);background:#c9a96114;outline:none}.inline-choice:active{transform:scale(.98)}.inline-choice--selected{border-color:var(--color-brass,#c9a961);box-shadow:0 0 0 1px var(--color-brass,#c9a961);background:#c9a9611f}.inline-choice--disabled{opacity:.4;cursor:not-allowed}.inline-choice__icon{margin-bottom:.15rem;font-size:1.1rem}.inline-choice__label{color:var(--color-brass,#c9a961);font-weight:600}.inline-choice__sublabel{color:var(--color-off-white-dim,#b0a898);font-size:.8rem;font-style:italic}.inline-choice__description{color:var(--color-off-white-dim,#b0a898);font-size:.85rem;line-height:1.5}.inline-choices__options--inline .inline-choice{text-align:center;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.2rem}.dramatis-personae{font-family:var(--font-narrative,"Literata", "Georgia", serif);z-index:10;background:var(--color-background,#1a1a1a);max-width:65ch;margin:1.5rem auto;padding:0;position:sticky;top:0}.dramatis-personae__toggle{font-variant:small-caps;letter-spacing:.12em;text-align:center;width:100%;color:var(--color-off-white-dim,#b0a898);cursor:pointer;background:0 0;border:none;min-height:44px;padding:.5rem 0;font-family:inherit;font-size:.8rem;transition:color .15s;display:block}.dramatis-personae__toggle:hover,.dramatis-personae__toggle:focus-visible{color:var(--color-off-white,#e8e0d4);outline:none}.dramatis-personae__toggle:before{content:"— ";color:#c9a96159}.dramatis-personae__toggle:after{content:" —";color:#c9a96159}.dramatis-personae__list{text-align:center;margin:.5rem 0 0;padding:0 1rem;list-style:none}.dramatis-personae__entry{color:var(--color-off-white,#e8e0d4);font-size:.9rem;line-height:2}.dramatis-personae__name{letter-spacing:.02em;font-weight:600}.dramatis-personae__name--targetable{font-family:inherit;font-size:inherit;letter-spacing:.02em;color:var(--color-brass,#c9a961);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;min-height:44px;margin:-2px -8px;padding:2px 8px;font-weight:600;-webkit-text-decoration:underline #c9a96173;text-decoration:underline #c9a96173;transition:color .15s,text-decoration-color .15s,background .15s;display:inline-flex}.dramatis-personae__name--targetable:hover,.dramatis-personae__name--targetable:focus-visible{color:#e6c97a;background:#c9a96114;outline:none;text-decoration-color:#e6c97ab3}.dramatis-personae__descriptor{color:var(--color-off-white-dim,#b0a898);font-size:.85em;font-style:italic;font-weight:400}.dramatis-personae__rule{border:none;border-top:1px solid #c9a96126;max-width:12ch;margin-top:.75rem;margin-left:auto;margin-right:auto}.the-scroll{color:#e8e0d4;-webkit-overflow-scrolling:touch;background:#0a0a0a;font-family:Literata,Georgia,serif;font-size:1.15rem;line-height:1.75;position:fixed;inset:0;overflow:hidden auto}.the-scroll__content{max-width:38rem;margin:0 auto;padding:20vh 1.5rem 40vh}.scroll-instruction{text-align:center;color:#b8a88a;letter-spacing:.04em;opacity:1;margin-bottom:2rem;font-size:.95rem;font-style:italic;transition:opacity .6s}.scroll-instruction--faded{opacity:.35}.scroll-instruction__text{display:inline}.scroll-narrative{margin-bottom:2.5rem}.scroll-narrative--prompt{margin-bottom:1.5rem}.scroll-scene-header{text-align:center;font-variant:small-caps;letter-spacing:.12em;color:var(--color-off-white-dim,#b0a898);margin:2.5rem 0 2rem;padding:.75rem 0;font-size:.85rem;position:relative}.scroll-scene-header:before,.scroll-scene-header:after{content:"";border-top:1px solid #c9a96140;width:6ch;margin:0 auto .75rem;display:block}.scroll-scene-header:after{margin:.75rem auto 0}.scroll-pass{text-align:center;margin:2rem 0;padding:3rem 1rem}.scroll-pass__text{color:#b8a88a;margin-bottom:1.5rem;font-size:1.1rem;font-style:italic}.scroll-pass__button{color:#c9a95e;cursor:pointer;background:0 0;border:1px solid #c9a95e;border-radius:4px;min-width:44px;min-height:44px;padding:.75rem 2.5rem;font-family:Literata,Georgia,serif;font-size:1rem;transition:background .2s,color .2s;display:inline-block}.scroll-pass__button:hover,.scroll-pass__button:active{color:#0a0a0a;background:#c9a95e}.scroll-inline-confirm{text-align:center;margin-top:1rem;padding:1.5rem 0}.scroll-confirm-button{color:#c9a95e;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#0a0a0a;border:1px solid #c9a95e;border-radius:4px;max-width:90vw;min-height:44px;padding:.75rem 2rem;font-family:Literata,Georgia,serif;font-size:.95rem;transition:background .2s,color .2s,opacity .3s;overflow:hidden}.scroll-confirm-button:hover:not(.scroll-confirm-button--disabled),.scroll-confirm-button:active:not(.scroll-confirm-button--disabled){color:#0a0a0a;background:#c9a95e}.scroll-confirm-button--disabled{opacity:.35;cursor:default;color:#5a5a5a;border-color:#5a5a5a}@media (width<=480px){.the-scroll{font-size:1.05rem}.the-scroll__content{padding:15vh 1rem 45vh}}.scroll-name-input{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem 0;display:flex}.scroll-name-input__field{color:#e8e0d4;text-align:center;background:0 0;border:1px solid #c9a95e;border-radius:4px;outline:none;width:100%;max-width:20rem;min-height:44px;padding:.75rem 1rem;font-family:Literata,Georgia,serif;font-size:1.15rem;transition:border-color .2s}.scroll-name-input__field::placeholder{color:#5a5a5a;font-style:italic}.scroll-name-input__field:focus{border-color:#e8e0d4}.privacy-page{background:var(--color-bg,#1a1a2e);min-height:100vh;color:var(--color-text,#fff5c8);font-family:var(--font-ui,Inter, system-ui, sans-serif);padding:2rem;overflow-y:auto}.privacy-content{max-width:640px;margin:0 auto;line-height:1.6}.privacy-back-btn{color:var(--color-text,#fff5c8);cursor:pointer;background:0 0;border:1px solid #fff5c84d;border-radius:4px;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.9rem}.privacy-back-btn:hover{background:#fff5c81a}.privacy-content h1{margin-bottom:.25rem;font-size:1.75rem}.privacy-updated{opacity:.6;margin-bottom:2rem;font-size:.85rem}.privacy-content h2{color:var(--color-brass,#c9a86c);margin-top:2rem;margin-bottom:.5rem;font-size:1.2rem}.privacy-content p{opacity:.9;margin-bottom:.75rem}.privacy-content ul{opacity:.9;margin:.5rem 0 1rem 1.5rem}.privacy-content li{margin-bottom:.35rem}.privacy-content section{margin-bottom:1rem}.feedback-badge{bottom:env(safe-area-inset-bottom,12px);z-index:900;font-family:var(--font-ui,Inter, system-ui, sans-serif);background:#1a1a2eeb;border:1px solid #c9a86c66;border-radius:6px;align-items:center;gap:4px;padding:.4rem .7rem;animation:.5s ease-out fadeInUp;display:flex;position:fixed;right:12px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.feedback-badge__link{color:var(--color-brass,#c9a86c);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:.78rem;text-decoration:underline}.feedback-badge__link:hover{color:var(--color-accent,#e5c07b)}.feedback-badge__dismiss{color:#fff5c866;cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:.75rem;line-height:1}.feedback-badge__dismiss:hover{color:#fff5c8cc}.title-card{z-index:9000;background:var(--color-charcoal);cursor:pointer;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0}.title-card--enter{animation:.8s ease-out forwards title-card-enter}.title-card--hold{opacity:1}.title-card--exit{animation:.6s ease-in forwards title-card-exit}@keyframes title-card-enter{0%{opacity:0}to{opacity:1}}@keyframes title-card-exit{0%{opacity:1}to{opacity:0}}.title-card__content{text-align:center;max-width:80vw;padding:2rem}.title-card__location{font-family:var(--font-narrative);color:var(--genre-text-heading,#fbbf24);letter-spacing:.04em;margin-bottom:.75rem;font-size:clamp(1.8rem,5vw,3rem);font-weight:600;animation:1s ease-out .2s both title-text-rise}.title-card__flavor{font-family:var(--font-narrative);color:var(--color-off-white-dim);max-width:45ch;margin:0 auto;font-size:clamp(.9rem,2.5vw,1.1rem);font-style:italic;line-height:1.6;animation:1s ease-out .5s both title-text-rise}@keyframes title-text-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.error-boundary{background:var(--color-bg,#1a1a2e);min-height:100vh;color:var(--color-text,#fff5c8);font-family:var(--font-narrative,Georgia, "Times New Roman", serif);justify-content:center;align-items:center;padding:2rem;display:flex}.error-boundary__content{text-align:center;max-width:420px;animation:.6s ease-out fadeIn}.error-boundary__icon{margin-bottom:1rem;font-size:3rem}.error-boundary__title{margin-bottom:.75rem;font-size:1.5rem}.error-boundary__message{opacity:.85;margin-bottom:1.5rem;font-size:1rem;line-height:1.5}.error-boundary__btn{background:var(--color-brass,#c9a86c);color:var(--color-bg,#1a1a2e);cursor:pointer;border:none;border-radius:6px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:background .2s;display:inline-block}.error-boundary__btn:hover{background:var(--color-accent,#e5c07b)}.error-boundary__details{text-align:left;opacity:.6;margin-top:1.5rem;font-size:.8rem}.error-boundary__details pre{white-space:pre-wrap;word-break:break-word;margin-top:.5rem}:root{--color-charcoal:#1a1a1f;--color-charcoal-light:#252530;--color-off-white:#f5f4f0;--color-off-white-dim:#d4d3cf;--color-brass:#c9a961;--color-brass-dim:#a08850;--color-slate:#4a5467;--color-slate-light:#5f6a7f;--color-crimson:#a84448;--color-green:#6b8e5f;--color-spotlight-glow:#c9a96126;--color-spotlight-border:#c9a96166;--color-shadow-warm:#0000004d;--genre-accent:#c9a961;--genre-accent-dim:#a08850;--genre-bg-subtle:#c9a9610f;--genre-border:#c9a96140;--genre-text-heading:#fbbf24;--genre-font-card:var(--font-ui);--font-ui:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-narrative:"Literata", "Georgia", "Lora", "Spectral", serif;--font-accent:"Inter", sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none}body{font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-charcoal);color:var(--color-off-white);touch-action:manipulation}#root,.app{flex-direction:column;min-height:100vh;display:flex}.app-header{text-align:center;background-color:#2a2a2a;border-bottom:2px solid #3a3a3a;padding:1rem}.app-header h1{margin-bottom:.5rem}.app-header p{color:#888;font-size:.9rem}.app-header button{color:#fff;cursor:pointer;background-color:#444;border:none;border-radius:4px;margin-top:.5rem;padding:.5rem 1rem}.app-header button:hover{background-color:#555}.app-main{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.lobby-placeholder,.game-placeholder{text-align:center;background-color:#2a2a2a;border-radius:8px;min-width:300px;padding:3rem}.lobby-placeholder h2,.game-placeholder h2{color:#f0f0f0;margin-bottom:1rem}.lobby-placeholder button,.game-placeholder button{color:#fff;cursor:pointer;background-color:#4a9eff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;transition:background-color .2s}.lobby-placeholder button:hover,.game-placeholder button:hover{background-color:#3a8eef}.app-footer{text-align:center;color:#888;background-color:#2a2a2a;border-top:2px solid #3a3a3a;padding:1rem;font-size:.85rem}.loading-screen{color:#f0f0f0;background-color:#1a1a1a;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-screen h1{margin-bottom:1rem;font-size:2.5rem}.loading-screen p{color:#888}@media (width<=768px){.app-header h1{font-size:1.5rem}.app-main{padding:1rem}.lobby-placeholder,.game-placeholder{min-width:100%;padding:2rem}}.gear-icon-toggle{z-index:10000;background-color:var(--color-charcoal-light);border:2px solid var(--color-brass);width:48px;height:48px;color:var(--color-brass);cursor:pointer;transition:all var(--transition-normal);box-shadow:0 2px 8px var(--color-shadow-warm);border-radius:50%;justify-content:center;align-items:center;font-size:24px;display:flex;position:fixed;top:16px;right:16px}.gear-icon-toggle:hover{background-color:var(--color-brass);color:var(--color-charcoal);box-shadow:0 4px 12px var(--color-shadow-warm);transform:rotate(90deg)}.gear-icon-toggle:active{transform:rotate(90deg)scale(.95)}@media (width<=768px){.gear-icon-toggle{width:56px;height:56px;font-size:28px;top:12px;right:12px}}@supports (padding:env(safe-area-inset-top)){.gear-icon-toggle{top:calc(16px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right))}@media (width<=768px){.gear-icon-toggle{top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right))}}}[data-genre=fantasy]{--genre-accent:#c9a961;--genre-accent-dim:#a08850;--genre-bg-subtle:#c9a9610f;--genre-border:#c9a96140;--genre-text-heading:#fbbf24}[data-genre=mystery]{--genre-accent:#94a3b8;--genre-accent-dim:#64748b;--genre-bg-subtle:#94a3b80f;--genre-border:#94a3b840;--genre-text-heading:#cbd5e1}[data-genre=gothic]{--genre-accent:#b91c1c;--genre-accent-dim:#991b1b;--genre-bg-subtle:#b91c1c0f;--genre-border:#b91c1c40;--genre-text-heading:#fca5a5}[data-genre=space]{--genre-accent:#3b82f6;--genre-accent-dim:#2563eb;--genre-bg-subtle:#3b82f60f;--genre-border:#3b82f640;--genre-text-heading:#93c5fd}[data-genre=western],[data-genre=weird-west]{--genre-accent:#d97706;--genre-accent-dim:#b45309;--genre-bg-subtle:#d977060f;--genre-border:#d9770640;--genre-text-heading:#fcd34d}