*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0a0a0a;color:#fff;min-height:100vh}h1,h2,h3,h4,h5,h6,button,.btn-primary,.btn-action,.btn-submit,.btn-attack,.stat-btn,.login-btn{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{min-height:100vh}.app-container{min-height:100vh;display:flex;flex-direction:column}:root{--primary-gold: #D4AF37;--secondary-bronze: #606060;--accent-crimson: #C63333;--warm-brown: #404040;--dark-bg: #1a1a1a;--card-bg: rgba(42, 42, 42, .9);--border-glow: rgba(212, 175, 55, .4);--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--parchment: #505050;--leather-dark: #2a2a2a;--gold-light: #F4D03F}.setup-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);position:relative}.setup-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(212,175,55,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(80,80,80,.1) 0%,transparent 50%);pointer-events:none}.setup-card{background:linear-gradient(135deg,#1a1a1af2 0% 100%);border:1px solid var(--border-glow);border-radius:8px;padding:3rem;max-width:650px;width:100%;box-shadow:0 20px 60px #000000e6,0 0 40px #d4af371a;position:relative;z-index:1}.setup-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary-gold),transparent)}.setup-card h1{color:var(--primary-gold);font-size:2.5rem;text-align:center;margin-bottom:.5rem;font-weight:600;letter-spacing:1px;text-shadow:0 0 20px rgba(212,175,55,.5);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.setup-card p{text-align:center;margin-bottom:2rem;color:var(--text-secondary);font-size:1rem;line-height:1.6}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:var(--primary-gold);font-weight:600;margin-bottom:.5rem;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group textarea{width:100%;padding:.875rem;background:#1a1a1a99;border:1px solid rgba(212,175,55,.3);border-radius:6px;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.95rem;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-gold);background:#1a1a1acc;box-shadow:0 0 0 3px #d4af371a}.form-group textarea{min-height:100px;resize:vertical;line-height:1.5}.btn-primary{background:linear-gradient(135deg,var(--primary-gold) 0%,var(--accent-crimson) 100%);color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;border-radius:8px;cursor:pointer;width:100%;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 20px #d4af3766,0 0 40px #d4af3733}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #d4af3799,0 0 60px #d4af374d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:linear-gradient(135deg,#404040cc,#2a2a2ae6);color:var(--primary-gold);border:1px solid rgba(80,80,80,.4);padding:.8rem 1.5rem;font-size:.95rem;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000004d}.btn-secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #d4af3766;border-color:var(--primary-gold);background:linear-gradient(135deg,#505050e6,#2a2a2a)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed;transform:none}.game-screen{display:grid;grid-template-columns:320px 1fr;grid-template-rows:1fr;height:100vh;background:#0a0a0a;gap:0;overflow:hidden}.quest-sidebar{grid-column:1;grid-row:1;background:#0a0a0a;border-right:1px solid rgba(212,175,55,.2);display:flex;flex-direction:column;overflow-y:auto;box-shadow:4px 0 30px #000000b3}.sidebar-section{border-bottom:1px solid rgba(212,175,55,.1);padding:1.25rem}.sidebar-section h3{color:var(--primary-gold);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(212,175,55,.2);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.character-portrait{display:flex;align-items:center;gap:1rem;padding:1rem;background:#d4af371a;border-radius:8px;border:1px solid rgba(212,175,55,.3)}.portrait-image{width:80px;height:80px;border-radius:50%;border:2px solid var(--primary-gold);background:#1a1a1acc;object-fit:cover;box-shadow:0 0 20px #d4af3766}.portrait-info{flex:1}.character-name{color:var(--primary-gold);font-weight:600;font-size:1.1rem;margin-bottom:.25rem}.character-class{color:var(--primary-gold);font-size:.85rem}.character-level{color:var(--text-secondary);font-size:.8rem}.quest-item{background:#d4af370d;padding:.875rem;border-radius:6px;border-left:3px solid #606060;margin-bottom:.75rem;transition:all .2s ease;cursor:pointer}.quest-item:hover{background:#d4af3726;border-left-color:var(--primary-gold);transform:translate(4px)}.quest-item.active{border-left-color:var(--accent-crimson);background:#c633331a}.quest-title{color:var(--primary-gold);font-weight:600;margin-bottom:.5rem;font-size:.95rem}.quest-objective{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.stats-compact{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.stat-mini{background:#1a1a1a99;padding:.5rem;border-radius:6px;border:1px solid rgba(212,175,55,.2);text-align:center}.stat-mini-label{color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.stat-mini-value{color:var(--primary-gold);font-size:1.1rem;font-weight:600}.stat-bar{background:#1a1a1a99;height:8px;border-radius:4px;overflow:hidden;margin-top:.5rem;border:1px solid rgba(212,175,55,.3)}.stat-bar-fill{height:100%;transition:width .3s ease;position:relative}.stat-bar-fill.hp{background:linear-gradient(90deg,#c63333,#ef4444);box-shadow:0 0 10px #ef444480}.stat-bar-fill.mana,.stat-bar-fill.xp{background:linear-gradient(90deg,#4fc3f7 0% 100%);box-shadow:0 0 10px #4fc3f780}.main-game-content{grid-column:2;grid-row:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.story-panel{flex:1;background:#0a0a0a;padding:2rem;display:flex;flex-direction:column;position:relative;overflow:hidden}.story-content{flex:1;overflow-y:auto;margin-bottom:1.5rem;padding-right:1rem}.story-message{background:#2a2a2a99;padding:1rem 1.25rem;border-radius:8px;margin-bottom:.875rem;border-left:3px solid var(--primary-gold);line-height:1.7;font-size:.95rem;box-shadow:0 4px 12px #0000004d}.story-message.system{border-left-color:var(--primary-gold);background:#1a1a1a66;color:var(--primary-gold)}.story-message.action{border-left-color:var(--warm-brown);color:#a0a0a0}.story-message.combat{border-left-color:var(--accent-crimson);background:#2a2a2a99}.combat-roll{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:#d4af3733;border-radius:4px;border:1px solid var(--primary-gold);font-weight:600;color:var(--primary-gold)}.dice-result{background:var(--primary-gold);color:#fff;padding:.125rem .5rem;border-radius:3px;font-size:.9rem}.critical-hit{color:#f4d03f;text-shadow:0 0 10px rgba(212,175,55,.8)}.critical-miss{color:#ef4444}.action-panel{background:#0a0a0a;border-radius:0;padding:.75rem 1.5rem;border-top:1px solid rgba(212,175,55,.3);box-shadow:none}.action-buttons{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;margin-bottom:1rem}.btn-action{background:linear-gradient(135deg,#d4af3733,#50505033);color:var(--primary-gold);border:1px solid rgba(212,175,55,.4);padding:.75rem .5rem;border-radius:6px;cursor:pointer;transition:all .2s ease;font-weight:500;font-size:.85rem;box-shadow:0 2px 8px #0000004d;min-height:44px}.btn-action:hover{background:linear-gradient(135deg,#d4af3766,#50505066);border-color:var(--primary-gold);color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #d4af3766}.btn-action:disabled{opacity:.3;cursor:not-allowed;transform:none}.action-input-group{display:flex;gap:.75rem}.action-input{flex:1;padding:.875rem 1rem;background:#1a1a1a99;border:1px solid rgba(212,175,55,.3);border-radius:6px;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.95rem;transition:all .2s ease}.action-input:focus{outline:none;border-color:var(--primary-gold);background:#1a1a1acc;box-shadow:0 0 0 3px #d4af371a}.btn-submit{background:linear-gradient(135deg,var(--primary-gold) 0%,var(--warm-brown) 100%);color:#fff;border:none;padding:.875rem 2rem;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease;font-size:.95rem;box-shadow:0 4px 16px #d4af3766}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 24px #d4af3799}.btn-submit:disabled{opacity:.3;cursor:not-allowed;transform:none}.inventory-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.inventory-item{background:#1a1a1a99;padding:.75rem;border-radius:6px;border:1px solid rgba(212,175,55,.3);cursor:pointer;transition:all .15s ease;position:relative;display:flex;align-items:center;gap:.75rem}.item-image{width:50px;height:50px;border-radius:6px;background:#1a1a1acc;border:1px solid rgba(212,175,55,.4);object-fit:cover}.inventory-item:hover{border-color:var(--primary-gold);background:#2a2a2acc;transform:translateY(-2px);box-shadow:0 4px 16px #d4af374d}.item-name{color:var(--primary-gold);font-weight:600;margin-bottom:.25rem;font-size:.9rem}.item-type{color:var(--text-secondary);font-size:.8rem}.item-rarity-common{border-left:3px solid #a0a0a0}.item-rarity-uncommon{border-left:3px solid #4FC3F7}.item-rarity-rare,.item-rarity-epic{border-left:3px solid #D4AF37}.item-rarity-legendary{border-left:3px solid #F4D03F}.spellbook-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.spell-card{background:#2a2a2a99;padding:1rem;border-radius:8px;border:1px solid rgba(212,175,55,.3);transition:all .2s ease}.spell-card:hover{border-color:var(--primary-gold);background:#2a2a2acc;box-shadow:0 4px 20px #d4af374d}.spell-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.spell-name{color:var(--primary-gold);font-weight:600;font-size:1rem}.spell-level{background:#d4af374d;color:var(--primary-gold);padding:.25rem .75rem;border-radius:12px;font-size:.8rem}.spell-school{color:var(--primary-gold);font-size:.85rem;margin-bottom:.5rem}.spell-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.character-creation-layout{display:flex;flex-direction:column;gap:2rem}.char-section{background:#2a2a2a66;border:1px solid rgba(212,175,55,.3);border-radius:8px;padding:1.5rem}.char-section h3{color:var(--primary-gold);margin-bottom:1rem;font-size:1.2rem;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(212,175,55,.2);padding-bottom:.75rem}.selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.selection-card{background:#1a1a1a99;border:2px solid rgba(212,175,55,.3);border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s ease}.selection-card:hover{border-color:var(--primary-gold);background:#2a2a2acc;transform:translateY(-2px);box-shadow:0 8px 24px #d4af374d}.selection-card.selected{border-color:#4caf50;background:#2a2a2ae6;box-shadow:0 0 30px #4caf5099}.selection-name{color:var(--primary-gold);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.selection-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:.75rem}.selection-traits{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.trait-badge{background:#d4af3733;color:var(--primary-gold);padding:.25rem .625rem;border-radius:12px;font-size:.8rem;border:1px solid rgba(212,175,55,.4)}.stat-badge{background:#d4af3733;border:1px solid rgba(212,175,55,.4);color:var(--primary-gold);padding:.25rem .625rem;border-radius:12px;font-size:.8rem;font-weight:500}.stats-grid-creation{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.stat-control{background:#1a1a1a99;border:1px solid rgba(212,175,55,.3);border-radius:8px;padding:1rem}.stat-label-cap{text-align:center;color:var(--primary-gold);font-weight:600;font-size:.85rem;letter-spacing:.5px;margin-bottom:.75rem}.stat-controls{display:flex;align-items:center;justify-content:center;gap:1rem}.stat-btn{background:linear-gradient(135deg,#d4af374d,#5050504d);color:var(--primary-gold);border:1px solid rgba(212,175,55,.4);width:44px;height:44px;border-radius:6px;cursor:pointer;font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.stat-btn:hover:not(:disabled){background:linear-gradient(135deg,#d4af3780,#50505080);border-color:var(--primary-gold);transform:translateY(-1px);box-shadow:0 4px 12px #d4af3766}.stat-btn:disabled{opacity:.3;cursor:not-allowed}.stat-display{text-align:center;min-width:60px}.stat-value-large{color:var(--primary-gold);font-size:1.8rem;font-weight:600;line-height:1;text-shadow:0 0 10px rgba(212,175,55,.5)}.stat-modifier{color:var(--primary-gold);font-size:.9rem;margin-top:.25rem}.points-display{text-align:center;font-size:1.2rem;margin-bottom:1.5rem;padding:1rem;background:#2a2a2a99;border:1px solid rgba(212,175,55,.3);border-radius:8px;color:var(--text-secondary)}.points-display span{color:var(--primary-gold);font-weight:600;font-size:1.4rem;text-shadow:0 0 15px rgba(212,175,55,.5)}.points-display span.complete{color:var(--primary-gold);text-shadow:0 0 15px rgba(80,80,80,.5)}.loading{text-align:center;color:var(--primary-gold);padding:1rem;font-size:.9rem}.empty-state{text-align:center;color:var(--text-secondary);padding:2rem 1rem;font-size:.9rem}*{scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}*::-webkit-scrollbar{width:0;height:0;display:none}*::-webkit-scrollbar-track{display:none}*::-webkit-scrollbar-thumb{display:none}*::-webkit-scrollbar-thumb:hover{display:none}.story-content-1080{scrollbar-width:thin;scrollbar-color:rgba(212,175,55,.4) rgba(26,26,26,.3)}.story-content-1080::-webkit-scrollbar{width:6px;display:block}.story-content-1080::-webkit-scrollbar-track{background:#1a1a1a4d;border-radius:3px;display:block}.story-content-1080::-webkit-scrollbar-thumb{background:#d4af3766;border-radius:3px;display:block}.story-content-1080::-webkit-scrollbar-thumb:hover{background:#d4af3799;display:block}html,body{scroll-behavior:smooth}@media (max-width: 1200px){.game-screen{grid-template-columns:1fr;grid-template-rows:auto 1fr}.quest-sidebar{max-height:40vh;border-right:none;border-bottom:1px solid rgba(212,175,55,.2)}}@media (max-width: 900px){.form-row{grid-template-columns:1fr}.stats-grid-creation{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.selection-grid,.stats-grid-creation{grid-template-columns:1fr}.action-buttons{grid-template-columns:repeat(3,1fr)}}.tab-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem}.tab-btn{background:#1a1a1a99;color:var(--text-secondary);border:1px solid rgba(212,175,55,.2);padding:.75rem;font-size:.8rem;border-radius:4px;cursor:pointer;transition:all .2s ease;min-height:44px}.tab-btn:hover{border-color:var(--primary-gold);background:#2a2a2acc}.tab-btn.active{background:linear-gradient(135deg,#d4af374d,#5050504d);color:var(--primary-gold);border-color:var(--primary-gold)}.quest-list{display:flex;flex-direction:column;gap:.75rem}.spell-creator{margin-bottom:1rem;padding:1rem;background:#2a2a2a99;border-radius:8px;border:1px solid rgba(212,175,55,.3)}.spell-concept-input{width:100%;padding:.75rem;background:#1a1a1a99;border:1px solid rgba(212,175,55,.3);border-radius:6px;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;resize:vertical}.spell-concept-input:focus{outline:none;border-color:var(--primary-gold);box-shadow:0 0 0 3px #d4af371a}.spellbook-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.skill-training{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.skill-select,.attack-type-select{width:100%;padding:.75rem;background:#1a1a1a99;border:1px solid rgba(212,175,55,.3);border-radius:6px;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem}.skill-select:focus,.attack-type-select:focus{outline:none;border-color:var(--primary-gold)}.training-method-input{width:100%;padding:.75rem;background:#1a1a1a99;border:1px solid rgba(212,175,55,.3);border-radius:6px;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;resize:vertical}.training-method-input:focus{outline:none;border-color:var(--primary-gold);box-shadow:0 0 0 3px #d4af371a}.skills-list{display:flex;flex-direction:column;gap:.5rem;scrollbar-width:none;-ms-overflow-style:none}.skills-list::-webkit-scrollbar{display:none}.skills-scroll-container{scrollbar-width:none;-ms-overflow-style:none}.skills-scroll-container::-webkit-scrollbar{display:none;width:0;height:0}.skill-item{display:flex;justify-content:space-between;align-items:center;background:#1a1a1a99;padding:.5rem .75rem;border-radius:6px;border:1px solid rgba(212,175,55,.2)}.skill-name{color:var(--primary-gold);font-size:.9rem}.skill-level{color:var(--primary-gold);font-weight:600;font-size:.95rem}.load-game-btn{position:fixed;top:20px;right:20px;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary-gold) 0%,var(--warm-brown) 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;transition:all .2s ease;z-index:100}.load-game-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #d4af3799}.save-load-modal{max-width:600px;max-height:80vh;overflow-y:auto}.save-load-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid rgba(212,175,55,.3)}.save-load-tabs .tab-btn{flex:1;padding:.75rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;margin-bottom:-2px}.save-load-tabs .tab-btn.active{border-bottom-color:var(--primary-gold);color:var(--primary-gold)}.save-panel,.load-panel{padding:1rem 0}.current-game-info{background:#2a2a2a99;padding:1rem;border-radius:8px;margin-bottom:1.5rem;border:1px solid rgba(212,175,55,.3)}.current-game-info h3{margin-bottom:.5rem;color:var(--primary-gold)}.current-game-info p{margin:.25rem 0;color:var(--text-primary)}.save-input-group{display:flex;gap:.75rem}.save-name-input{flex:1;padding:.875rem 1rem;background:#1a1a1a99;border:1px solid rgba(212,175,55,.3);border-radius:6px;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.95rem;transition:all .2s ease}.save-name-input:focus{outline:none;border-color:var(--primary-gold);background:#1a1a1acc;box-shadow:0 0 0 3px #d4af371a}.no-saves{text-align:center;padding:2rem;color:var(--text-secondary)}.saves-list{display:flex;flex-direction:column;gap:.75rem}.save-item{display:flex;justify-content:space-between;align-items:center;background:#1a1a1a99;padding:1rem;border-radius:8px;border:1px solid rgba(212,175,55,.2);transition:all .2s ease}.save-item:hover{border-color:var(--primary-gold);background:#2a2a2a99}.save-info{flex:1}.save-info h3{margin:0 0 .5rem;color:var(--primary-gold);font-size:1.1rem}.save-details{margin:.25rem 0;color:var(--text-primary);font-size:.9rem}.save-date{margin:.25rem 0;color:var(--text-secondary);font-size:.85rem}.save-actions{display:flex;gap:.5rem}.save-actions button{padding:.2rem 1rem;font-size:.9rem}.combat-panel{padding:1rem;background:#2a2a2a99;border-radius:8px;border:1px solid rgba(198,51,51,.3)}.enemy-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.enemy-card{background:#2a2a2a99;padding:.75rem;border-radius:6px;border:1px solid rgba(198,51,51,.3);cursor:pointer;transition:all .2s ease}.enemy-card:hover{border-color:var(--accent-crimson);background:#2a2a2acc}.enemy-card.selected{border-color:var(--accent-crimson);background:#404040e6;box-shadow:0 0 20px #c633334d}.enemy-name{color:var(--accent-crimson);font-weight:600;margin-bottom:.5rem}.enemy-hp,.enemy-ac{color:var(--text-secondary);font-size:.9rem}.attack-options{display:flex;gap:.75rem;align-items:center}.btn-attack{background:linear-gradient(135deg,var(--accent-crimson) 0%,var(--primary-gold) 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease;box-shadow:0 4px 16px #c6333366}.btn-attack:hover{transform:translateY(-2px);box-shadow:0 6px 24px #c6333399}.login-screen-dos2{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);position:relative;overflow:hidden}.login-screen-dos2:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(212,175,55,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(80,80,80,.08) 0%,transparent 50%);pointer-events:none}.table-surface{position:relative;width:100%;max-width:900px;padding:2rem}.dm-dossier{background:linear-gradient(135deg,#404040 0% 100%);border:4px solid #606060;border-radius:12px;padding:3rem 2.5rem;box-shadow:0 20px 60px #000c,inset 0 0 50px #d4af371a,0 0 30px #d4af374d;position:relative}.dm-dossier:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,transparent,var(--primary-gold),transparent)}.dossier-header{text-align:center;margin-bottom:2rem;border-bottom:3px double #606060;padding-bottom:1.5rem}.header-emblem{position:relative;margin-bottom:.5rem;height:60px}.emblem-bg{font-size:2.5rem;opacity:.15;color:var(--primary-gold);letter-spacing:.5rem;animation:subtle-pulse 4s ease-in-out infinite;filter:blur(1px)}@keyframes subtle-pulse{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.25;transform:scale(1.05)}}.dossier-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:3.5rem;font-weight:700;color:var(--leather-dark);margin-bottom:.5rem;text-shadow:2px 2px 0px rgba(212,175,55,.3),0 0 20px rgba(212,175,55,.2);letter-spacing:4px;line-height:1.2}.login-subtitle{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:2rem;font-weight:400;color:var(--primary-gold);margin-bottom:1rem;text-shadow:0 0 20px rgba(80,80,80,.6);letter-spacing:2px}.login-tagline{font-size:1.5rem;color:var(--primary-gold);margin-bottom:3rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;letter-spacing:2px;text-shadow:0 0 20px rgba(80,80,80,.6)}.login-btn{background:linear-gradient(135deg,var(--primary-gold) 0%,var(--accent-crimson) 100%);color:#fff;border:none;padding:1.25rem 3rem;font-size:1.3rem;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;box-shadow:0 8px 30px #d4af3780,0 0 60px #d4af374d}.login-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 40px #d4af37b3,0 0 80px #d4af3780}.setup-card{max-height:90vh;overflow-y:auto}.campaign-presets{margin-bottom:2rem}.preset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.preset-card{background:#2a2a2a99;border:2px solid rgba(212,175,55,.3);border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s ease;text-align:left}.preset-card:hover{border-color:var(--primary-gold);background:#2a2a2acc;transform:translateY(-2px);box-shadow:0 8px 24px #d4af374d}.preset-name{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--primary-gold);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.preset-description{color:var(--text-secondary);font-size:.9rem;line-height:1.4}.preset-label{color:var(--primary-gold);font-weight:600;margin-bottom:.75rem;font-size:1rem;text-transform:uppercase;letter-spacing:.5px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.codex-modal{max-width:800px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.codex-subtitle{color:var(--text-secondary);font-size:.95rem;margin-top:-.5rem;margin-bottom:1.5rem}.codex-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(212,175,55,.3)}.codex-category-btn{background:#1a1a1a99;border:1px solid rgba(212,175,55,.3);border-radius:6px;padding:.75rem .5rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:.85rem}.codex-category-btn:hover{background:#2a2a2a99;border-color:var(--primary-gold);color:var(--text-primary)}.codex-category-btn.active{background:#d4af3733;border-color:var(--primary-gold);color:var(--primary-gold)}.category-count{background:var(--primary-gold);color:#fff;border-radius:12px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.codex-content{flex:1;overflow-y:auto;margin-bottom:1rem}.no-entries{text-align:center;padding:3rem 2rem;color:var(--text-secondary)}.no-entries p{margin:.5rem 0}.hint{font-size:.9rem;color:var(--primary-gold)}.codex-entries{display:flex;flex-direction:column;gap:1rem}.codex-entry{background:#1a1a1a99;border:1px solid rgba(212,175,55,.2);border-radius:8px;padding:1rem;transition:all .2s ease}.codex-entry:hover{border-color:var(--primary-gold);background:#2a2a2a99}.codex-entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.codex-entry-header h4{margin:0;color:var(--primary-gold);font-size:1.1rem}.discovery-badge{background:#50505033;color:var(--primary-gold);padding:.25rem .75rem;border-radius:12px;font-size:.75rem}.codex-entry-description{margin:.5rem 0;color:var(--text-primary);line-height:1.5}.codex-entry-details{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(212,175,55,.2)}.detail-item{display:flex;gap:.5rem;margin:.25rem 0;font-size:.9rem}.detail-label{color:var(--primary-gold);font-weight:600;min-width:100px}.detail-value{color:var(--text-primary)}.related-events{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(212,175,55,.2)}.related-label{color:var(--primary-gold);font-weight:600;margin-bottom:.5rem;font-size:.9rem}.related-event{margin:.25rem 0;color:var(--text-secondary);font-size:.85rem;padding-left:.5rem}.codex-stats{padding-top:1rem;border-top:2px solid rgba(212,175,55,.3);text-align:center;color:var(--primary-gold);font-weight:600}.recap-modal{max-width:700px;max-height:85vh;overflow-y:auto}.recap-subtitle{color:var(--primary-gold);font-size:1rem;margin-top:-.5rem;margin-bottom:1.5rem;text-align:center}.recap-loading{text-align:center;padding:3rem 2rem}.loading-spinner{border:3px solid rgba(212,175,55,.3);border-top:3px solid var(--primary-gold);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.recap-content{background:#1a1a1a99;border:1px solid rgba(212,175,55,.3);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.recap-text{color:var(--text-primary);line-height:1.8;font-size:1rem;white-space:pre-line}.legendary-moments{background:linear-gradient(135deg,#d4af3733,#50505033);border:2px solid rgba(212,175,55,.4);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.legendary-moments h3{margin:0 0 1rem;color:var(--primary-gold);text-align:center}.legendary-moment{display:flex;align-items:center;gap:.75rem;padding:.75rem;margin:.5rem 0;background:#2a2a2a99;border-radius:6px;color:var(--text-primary)}.moment-icon{font-size:1.5rem;color:#f4d03f}.recap-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.recap-stat{background:#1a1a1a99;border:1px solid rgba(212,175,55,.3);border-radius:8px;padding:1rem;text-align:center}.recap-stat .stat-label{display:block;color:var(--text-secondary);font-size:.85rem;margin-bottom:.5rem}.recap-stat .stat-value{display:block;color:var(--primary-gold);font-size:1.5rem;font-weight:700;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.recap-actions{text-align:center}.new-campaign-btn{width:100%;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary-gold),#606060);border:none;font-size:1.1rem;padding:1rem}.voice-narrator{display:inline-block;margin-left:.5rem}.narrator-btn{background:#d4af3733;border:1px solid var(--primary-gold);color:var(--text-primary);padding:.25rem .75rem;border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.25rem}.narrator-btn:hover:not(:disabled){background:#d4af374d;transform:translateY(-1px)}.narrator-btn:disabled{opacity:.5;cursor:not-allowed}.narrator-btn.stop{background:#ef444433;border-color:#ef4444}.narrator-btn.stop:hover{background:#ef44444d}.story-message-with-narrator{display:flex;justify-content:space-between;align-items:flex-start}.story-message-text{flex:1}.voice-settings{margin-bottom:1rem;padding:.75rem;background:#1a1a1a99;border:1px solid rgba(212,175,55,.3);border-radius:6px}.voice-settings label{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.voice-settings select{background:#1a1a1acc;border:1px solid rgba(212,175,55,.3);color:var(--text-primary);padding:.25rem .5rem;border-radius:4px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.location-display{background:#1a1a1acc;border:2px solid rgba(212,175,55,.4);border-radius:8px;padding:1rem;margin-bottom:1rem}.location-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.location-header h3{margin:0;color:var(--primary-gold);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.location-change-btn{font-size:.85rem;padding:.2rem 1rem}.location-image-container{width:100%;border-radius:6px;overflow:hidden;border:2px solid rgba(80,80,80,.4);box-shadow:0 4px 12px #d4af374d}.location-image{width:100%;height:auto;display:block;transition:transform .3s ease}.location-image:hover{transform:scale(1.02)}.location-loading{text-align:center;padding:2rem;color:var(--text-secondary)}.location-loading .loading-spinner{margin:0 auto 1rem}.dm-modal{max-width:800px;max-height:90vh;overflow-y:auto}.dm-subtitle{color:var(--text-secondary);text-align:center;margin-top:-.5rem;margin-bottom:1.5rem}.dm-sections{display:flex;flex-direction:column;gap:1.5rem}.dm-section{background:#1a1a1a99;border:1px solid rgba(212,175,55,.3);border-radius:8px;padding:1rem}.dm-section h3{margin:0 0 1rem;color:var(--primary-gold);font-size:1.1rem}.dm-textarea{width:100%;background:#1a1a1acc;border:1px solid rgba(212,175,55,.3);border-radius:4px;color:var(--text-primary);padding:.75rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;margin-bottom:.75rem;resize:vertical}.dm-textarea-small{width:100%;background:#1a1a1acc;border:1px solid rgba(212,175,55,.3);border-radius:4px;color:var(--text-primary);padding:.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;margin:.5rem 0;resize:vertical}.dm-stat-controls,.dm-entity-controls{display:flex;flex-direction:column;gap:.75rem}.dm-stat-controls select,.dm-entity-controls select,.dm-stat-controls input,.dm-entity-controls input{background:#1a1a1acc;border:1px solid rgba(212,175,55,.3);border-radius:4px;color:var(--text-primary);padding:.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dm-player-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.dm-player-stats p{margin:0;padding:.5rem;background:#1a1a1a99;border-radius:4px;color:var(--text-secondary)}.dm-toggle-btn{position:fixed;bottom:2rem;right:2rem;background:linear-gradient(135deg,#8b5cf6,#c63333);border:2px solid rgba(198,51,51,.5);color:#fff;padding:.75rem 1.5rem;border-radius:50px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px #c6333366;transition:all .3s ease;z-index:100}.dm-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c6333399}.legends-section{background:#1a1a1a99;border:2px solid rgba(212,175,55,.3);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.legends-section h3{margin:0 0 .5rem;color:var(--primary-gold)}.legends-intro{color:var(--text-secondary);margin:0 0 1rem}.legends-list{display:flex;flex-direction:column;gap:1rem}.legend-item{background:#1a1a1a99;border-left:3px solid #606060;padding:1rem;border-radius:4px}.legend-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--primary-gold);font-size:1.1rem;margin-bottom:.5rem}.legend-description{color:var(--text-secondary);line-height:1.5}.complete-campaign-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(212,175,55,.2)}.legend-hint{color:var(--text-secondary);margin-bottom:1rem}.btn-legend{width:100%;background:linear-gradient(135deg,#f4d03f,#f4d03f);border:2px solid rgba(212,175,55,.5);color:#0a0a0a;padding:.75rem 1.5rem;border-radius:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;cursor:pointer;transition:all .3s ease}.btn-legend:hover{background:linear-gradient(135deg,#f4d03f,#d4af37);box-shadow:0 4px 12px #d4af3766;transform:translateY(-2px)}.multiplayer-modal{max-width:700px;max-height:90vh;overflow-y:auto}.mp-subtitle{color:var(--text-secondary);text-align:center;margin-top:-.5rem;margin-bottom:1.5rem}.mp-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.mp-section{background:#1a1a1a99;border:1px solid rgba(212,175,55,.3);border-radius:8px;padding:1.5rem}.mp-section h3{margin:0 0 1rem;color:var(--primary-gold)}.mp-input{width:100%;background:#1a1a1acc;border:1px solid rgba(212,175,55,.3);border-radius:4px;color:var(--text-primary);padding:.75rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;margin-bottom:1rem}.mp-hint{margin-top:1rem;color:var(--text-secondary);font-size:.9rem}.no-parties{text-align:center;padding:2rem;color:var(--text-secondary)}.parties-list{display:flex;flex-direction:column;gap:1rem}.party-card{display:flex;justify-content:space-between;align-items:center;background:#1a1a1a99;border:1px solid rgba(212,175,55,.2);border-radius:6px;padding:1rem}.party-info{flex:1}.party-name{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--primary-gold);font-size:1.1rem;margin-bottom:.25rem}.party-details{color:var(--text-secondary);font-size:.9rem;margin-bottom:.25rem}.party-world{color:var(--primary-gold);font-size:.85rem}.party-status{background:#1a1a1a99;border-radius:6px;padding:1rem;margin-bottom:1.5rem}.status-item{padding:.5rem 0;border-bottom:1px solid rgba(212,175,55,.1);color:var(--text-secondary)}.status-item:last-child{border-bottom:none}.status-item strong{color:var(--primary-gold)}.party-members-section{margin:1.5rem 0}.party-members-section h4{color:var(--primary-gold);margin-bottom:1rem}.member-card{display:flex;justify-content:space-between;background:#1a1a1a66;border-radius:4px;padding:.75rem 1rem;margin-bottom:.5rem;color:var(--text-secondary)}.host-card{border:1px solid rgba(212,175,55,.3);color:var(--text-primary)}.turn-control{background:#1a1a1a99;border-radius:6px;padding:1rem;margin-bottom:1rem;text-align:center}.turn-control p{color:var(--primary-gold);margin-bottom:.75rem;font-weight:700}.game-screen-1080{display:flex;flex-direction:column;height:100vh;max-width:1920px;margin:0 auto;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);overflow:hidden}.game-header-1080{display:flex;align-items:center;justify-content:space-between;padding:.2rem 1rem;background:#0a0a0a;border-bottom:1px solid rgba(212,175,55,.2);box-shadow:none;min-height:20px}.character-display{display:flex;align-items:center;gap:1.25rem}.character-image-container{width:90px;height:90px;border-radius:50%;border:3px solid var(--primary-gold);box-shadow:0 0 25px #d4af3780;overflow:hidden;background:#1a1a1acc;display:flex;align-items:center;justify-content:center}.character-avatar{width:100%;height:100%;object-fit:cover}.character-avatar-placeholder{font-size:48px;color:var(--primary-gold)}.character-info{display:flex;flex-direction:column;gap:.375rem}.character-name-display{color:var(--primary-gold);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:.5px;text-shadow:0 2px 10px rgba(212,175,55,.6)}.character-details{color:var(--primary-gold);font-size:1rem;letter-spacing:.3px}.character-level-display{color:var(--text-secondary);font-size:.9rem}.utility-icons{display:flex;gap:2.5rem;align-items:center}.utility-icon{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:transparent;border:none;cursor:pointer;padding:.75rem 1rem;border-radius:8px;transition:all .3s ease}.utility-icon:hover{background:#d4af3726;transform:translateY(-2px)}.utility-icon .icon{font-size:2rem;filter:drop-shadow(0 0 10px rgba(212,175,55,.6))}.utility-icon .icon-label{color:var(--text-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.dm-mode-btn{background:linear-gradient(135deg,var(--warm-brown) 0%,var(--primary-gold) 100%);color:#fff;border:none;padding:.875rem 1.75rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #50505066}.dm-mode-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #50505099}.game-layout-1080{display:grid;grid-template-columns:1.3fr .7fr;gap:0;flex:1;overflow:hidden}.story-area-1080{display:flex;flex-direction:column;background:linear-gradient(135deg,#1a1a1a99 0% 100%);border-right:1px solid rgba(212,175,55,.2);overflow:hidden}.combat-section{padding:1.25rem 1.5rem;background:#c6333314;border-bottom:2px solid rgba(198,51,51,.3)}.combat-title{color:var(--accent-crimson);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.2rem;margin-bottom:1rem;text-shadow:0 0 15px rgba(198,51,51,.6)}.enemy-card-1080{display:flex;align-items:center;justify-content:space-between;background:#1a1a1a99;border:1px solid rgba(198,51,51,.3);border-radius:8px;padding:1rem 1.25rem;margin-bottom:.75rem}.enemy-info{flex:1}.enemy-name-1080{color:var(--accent-crimson);font-weight:700;font-size:1.1rem;margin-bottom:.5rem}.enemy-stats{color:var(--text-secondary);font-size:.9rem}.btn-attack-1080{background:linear-gradient(135deg,#ef4444,#c63333);color:#fff;border:none;padding:.75rem 1.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-attack-1080:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444480}.story-panel-1080{display:flex;flex-direction:column;flex:1;overflow:hidden}.story-content-1080{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.story-message-1080{font-size:1.15rem;line-height:1.7;padding:1.25rem;border-radius:8px;background:#1a1a1a66;border-left:3px solid transparent}.story-message-1080.story{border-left-color:var(--primary-gold);color:var(--text-primary)}.story-message-1080.combat{border-left-color:var(--accent-crimson);background:#c6333314;color:var(--text-primary)}.story-message-1080.system{border-left-color:var(--primary-gold);background:#50505014;color:var(--primary-gold)}.story-message-1080.npc{border-left-color:var(--warm-brown);background:#50505014;color:var(--text-primary)}.highlight-player{color:var(--primary-gold);font-weight:700;text-shadow:0 0 10px rgba(212,175,55,.6)}.loading-1080{color:var(--primary-gold);text-align:center;padding:1.5rem;animation:pulse 1.5s ease-in-out infinite}.action-panel-1080{padding:1.5rem;background:#0a0a0a;border-top:2px solid rgba(212,175,55,.3);box-shadow:none}.action-buttons-1080{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.btn-action-main{flex:1;min-width:150px;background:linear-gradient(135deg,var(--primary-gold) 0%,var(--warm-brown) 100%);color:#fff;border:none;padding:.875rem 1.25rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-action-main:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #d4af3780}.btn-action-main:disabled{opacity:.5;cursor:not-allowed}.action-input-group-1080{display:flex;gap:.75rem}.action-input-1080{flex:1;padding:.875rem 1.25rem;background:#1a1a1a99;border:1px solid rgba(212,175,55,.3);border-radius:6px;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;transition:all .2s ease}.action-input-1080:focus{outline:none;border-color:var(--primary-gold);background:#1a1a1acc;box-shadow:0 0 0 3px #d4af371a}.btn-submit-1080{background:linear-gradient(135deg,#606060 0%,var(--warm-brown) 100%);color:#fff;border:none;padding:.875rem 1.75rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .3s ease}.btn-submit-1080:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #50505080}.btn-submit-1080:disabled{opacity:.5;cursor:not-allowed}.panel-area-1080{display:flex;flex-direction:column;background:linear-gradient(180deg,#1a1a1af2 0% 100%);overflow:hidden}.tab-navigation-1080{display:flex;background:#1a1a1acc;border-bottom:2px solid rgba(212,175,55,.3)}.tab-btn-1080{flex:1;background:transparent;border:none;color:var(--text-secondary);padding:1rem 1.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent}.tab-btn-1080:hover{background:#d4af371a;color:var(--primary-gold)}.tab-btn-1080.active{color:var(--primary-gold);border-bottom-color:var(--primary-gold);background:#d4af3726}.stats-panel-1080{display:flex;flex-direction:column;gap:.5rem}.stat-row-1080{display:grid;grid-template-columns:60px 1fr 2fr;align-items:center;gap:.5rem;padding:.4rem 0;border-bottom:1px solid rgba(212,175,55,.15)}.stat-label-1080{color:var(--primary-gold);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase}.stat-value-1080{color:var(--text-primary);font-size:.85rem;font-weight:600}.stat-bar-1080{background:#1a1a1a99;border:1px solid rgba(212,175,55,.2);border-radius:4px;height:16px;overflow:hidden}.ability-scores-1080{margin-top:.75rem;padding-top:.75rem;border-top:2px solid rgba(212,175,55,.2)}.ability-scores-1080 h4{color:var(--primary-gold);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin-bottom:.5rem;font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.abilities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.ability-score{background:#1a1a1a99;border:1px solid rgba(212,175,55,.3);border-radius:6px;padding:.5rem;text-align:center;transition:all .3s ease}.ability-score:hover{border-color:var(--primary-gold);background:#d4af371a;transform:translateY(-2px)}.ability-name{color:var(--primary-gold);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.ability-value{color:var(--text-primary);font-size:1.1rem;font-weight:700}.tab-content-1080{flex:1;overflow-y:auto;padding:1rem;scrollbar-width:none;-ms-overflow-style:none}.tab-content-1080::-webkit-scrollbar{display:none;width:0;height:0}.stat-fill-1080{height:100%;transition:width .5s ease;box-shadow:0 0 10px currentColor}.stat-fill-1080.hp{background:linear-gradient(90deg,#ef4444 0% 100%)}.stat-fill-1080.mana{background:linear-gradient(90deg,#404040,#606060)}.stat-fill-1080.xp{background:linear-gradient(90deg,#d4af37,#c084fc)}.inventory-panel-1080{display:flex;flex-direction:column;gap:1.5rem}.btn-action-1080{background:linear-gradient(135deg,#606060 0%,var(--warm-brown) 100%);color:#fff;border:none;padding:.875rem 1.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-action-1080:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #50505080}.inventory-grid-1080{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.inventory-item-1080{background:#1a1a1a99;border:1px solid rgba(212,175,55,.3);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.75rem;transition:all .3s ease;cursor:pointer}.inventory-item-1080:hover{transform:translateY(-4px);border-color:var(--primary-gold);box-shadow:0 8px 25px #d4af374d}.inventory-item-1080.rarity-legendary{border-color:#f4d03f;background:#f4d03f14}.inventory-item-1080.rarity-rare{border-color:#404040;background:#50505014}.inventory-item-1080.rarity-uncommon{border-color:#4fc3f7;background:#4fc3f714}.item-img-1080{width:100%;height:120px;object-fit:cover;border-radius:6px;background:#1a1a1acc}.item-details-1080{display:flex;flex-direction:column;gap:.375rem}.item-name-1080{color:var(--primary-gold);font-weight:600;font-size:1rem}.item-type-1080{color:var(--text-secondary);font-size:.85rem}.quests-panel-1080,.quest-list-1080{display:flex;flex-direction:column;gap:1rem}.quest-card-1080{background:#1a1a1a99;border:1px solid rgba(212,175,55,.3);border-left:4px solid #606060;border-radius:8px;padding:1.25rem;transition:all .3s ease;cursor:pointer}.quest-card-1080:hover{border-left-color:var(--primary-gold);background:#d4af371a;transform:translate(4px)}.quest-title-1080{color:var(--primary-gold);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.quest-desc-1080{color:var(--text-secondary);line-height:1.5;font-size:.95rem}.no-quests{color:var(--text-secondary);text-align:center;padding:2rem}.portrait-selection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1rem}.portrait-option{aspect-ratio:1;border-radius:8px;overflow:hidden;border:3px solid rgba(212,175,55,.3);cursor:pointer;transition:all .3s ease;background:#1a1a1acc}.portrait-option:hover{border-color:var(--primary-gold);transform:translateY(-4px);box-shadow:0 8px 25px #d4af3766}.portrait-option.selected{border-color:var(--primary-gold);box-shadow:0 0 30px #50505099}.portrait-option img{width:100%;height:100%;object-fit:cover}.portrait-loading{color:var(--primary-gold);text-align:center;padding:2rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.portrait-gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem;margin-top:1rem;max-height:400px;overflow-y:auto;padding:.5rem;background:#0000004d;border-radius:8px}.portrait-loading{text-align:center;padding:2rem;color:var(--text-secondary)}.no-items{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.location-display-inline{background:#1a1a1a99;border:1px solid rgba(212,175,55,.3);border-radius:8px;padding:1rem;margin:1rem 0}.location-content{margin-top:.75rem}.location-image-inline{width:100%;max-width:600px;height:auto;border-radius:6px;border:2px solid rgba(80,80,80,.3);display:block;margin:0 auto}.location-lore{margin-top:1rem;padding:1rem;background:#1a1a1a80;border-left:3px solid #606060;border-radius:4px;color:var(--text-secondary);line-height:1.6}.location-lore p{margin:0}.dossier-subtitle{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.3rem;color:var(--primary-gold);letter-spacing:2px}.dossier-content{margin:2rem 0}.parchment-section{background:#2a2a2a1a;border-left:3px solid #606060;padding:1.5rem;margin-bottom:2rem;border-radius:4px}.parchment-text{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.1rem;line-height:1.8;color:var(--leather-dark);margin-bottom:1rem}.parchment-text:last-child{margin-bottom:0}.scroll-decoration{text-align:center;font-size:1.5rem;color:var(--primary-gold);margin:2rem 0;opacity:.7}.begin-adventure-btn{display:block;width:100%;max-width:400px;margin:2rem auto 0;padding:1.25rem 2.5rem;background:linear-gradient(135deg,#606060 0%,var(--primary-gold) 100%);color:var(--leather-dark);border:3px solid var(--primary-gold);border-radius:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #d4af3766,inset 0 -2px 10px #2a2a2a4d}.begin-adventure-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 30px #d4af3799,inset 0 -2px 10px #2a2a2a4d;background:linear-gradient(135deg,var(--primary-gold) 0%,var(--gold-light) 100%)}.begin-adventure-btn:disabled{opacity:.7;cursor:not-allowed}.dossier-footer{margin-top:2rem;padding-top:1.5rem;border-top:3px double #606060;text-align:center}.ornate-line{height:2px;background:linear-gradient(90deg,transparent,#606060,transparent);margin-bottom:1rem}.footer-text{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.95rem;color:var(--primary-gold)}.table-items{position:absolute;inset:0;pointer-events:none;z-index:0}.dice-scatter{position:absolute;top:15%;right:10%;font-size:2.5rem;opacity:.3;transform:rotate(25deg);filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.map-corner{position:absolute;bottom:15%;left:8%;font-size:3rem;opacity:.25;transform:rotate(-15deg);filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.candle-glow{position:absolute;top:20%;left:12%;font-size:2rem;opacity:.4;filter:drop-shadow(0 0 20px rgba(244,208,63,.6));animation:flicker 3s ease-in-out infinite}@keyframes flicker{0%,to{opacity:.4}50%{opacity:.6}}.location-compact{margin:.75rem 0}.location-info-bar{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#1a1a1af2 0% 100%);border:1px solid rgba(212,175,55,.2);border-radius:6px;padding:.5rem .75rem}.location-icon{font-size:1.3rem;cursor:pointer;transition:transform .2s ease}.location-icon:hover{transform:scale(1.1)}.location-name{flex:1;color:var(--primary-gold);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;font-size:1rem}.btn-view-location,.btn-travel{background:transparent;border:none;font-size:1.1rem;cursor:pointer;opacity:.7;transition:all .2s ease;padding:.25rem}.btn-view-location:hover,.btn-travel:hover{opacity:1;transform:scale(1.1)}.modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:2px solid #D4AF37;border-radius:12px;padding:2rem;max-width:90vw;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #000000e6,0 0 40px #d4af374d;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.location-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.location-modal{background:linear-gradient(135deg,#404040 0% 100%);border:4px solid #606060;border-radius:12px;padding:2rem;max-width:800px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #000000e6}.modal-close{position:absolute;top:1rem;right:1rem;background:var(--accent-crimson);color:#fff;border:none;width:32px;height:32px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{transform:scale(1.1);box-shadow:0 4px 12px #c6333380}.location-modal h3{color:var(--leather-dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:2rem;margin-bottom:1.5rem;text-align:center;border-bottom:2px solid #606060;padding-bottom:1rem}.location-modal-image{width:100%;max-height:500px;object-fit:cover;border-radius:8px;border:3px solid #606060;margin-bottom:1.5rem}.location-modal-lore{background:#2a2a2a26;border-left:3px solid var(--primary-gold);padding:1.25rem;border-radius:4px}.location-modal-lore p{color:var(--leather-dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.1rem;line-height:1.8;margin:0}.action-buttons-small{margin-top:.5rem}.btn-action-quick{flex:1;min-width:100px;background:linear-gradient(135deg,#404040cc,#2a2a2ae6);color:var(--primary-gold);border:1px solid rgba(80,80,80,.4);padding:.4rem .8rem;border-radius:6px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.btn-action-quick:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #d4af374d;border-color:var(--primary-gold);background:linear-gradient(135deg,#505050e6,#2a2a2a)}.btn-action-quick:disabled{opacity:.4;cursor:not-allowed}.stat-fill-1080.stamina{background:linear-gradient(90deg,#4fc3f7 0% 100%);box-shadow:0 0 10px #4fc3f780}.equipment-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(80,80,80,.3)}.equipment-section h4,.inventory-items-section h4{color:var(--primary-gold);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.1rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.equipment-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.equipment-slot{background:#2a2a2a80;border:1px solid rgba(80,80,80,.4);border-radius:6px;padding:.75rem}.slot-label{color:var(--primary-gold);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;margin-bottom:.5rem;letter-spacing:.5px}.equipped-item{display:flex;flex-direction:column;gap:.5rem}.equipped-name{color:var(--primary-gold);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;font-weight:600}.empty-slot{color:#50505080;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.85rem}.btn-equip,border: 1px solid rgba(79,195,247,.3); .btn-unequip{background:transparent;color:#4fc3f7;border:none;padding:.2rem .5rem;border-radius:4px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.65rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.btn-equip:hover,.btn-unequip:hover{transform:translateY(-1px);box-shadow:0 4px 12px #d4af3766}.inventory-items-section{margin-top:1rem}.skill-item-with-xp{background:#1a1a1a99;border:1px solid rgba(212,175,55,.2);border-radius:6px;padding:.5rem;margin-bottom:.5rem}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.skill-header .skill-name{color:var(--text-primary);font-weight:600;font-size:.85rem}.skill-header .skill-level{color:var(--primary-gold);font-size:.75rem;font-weight:600}.skill-xp-bar{background:#1a1a1acc;border:1px solid rgba(212,175,55,.3);border-radius:3px;height:12px;overflow:hidden;margin-bottom:.25rem}.skill-xp-fill{background:linear-gradient(90deg,var(--primary-gold) 0%,#606060 100%);height:100%;transition:width .3s ease}.skill-xp-text{color:var(--text-dim);font-size:.7rem;text-align:right}.ac-display{background:#d4af3726;border:2px solid var(--primary-gold);border-radius:8px;padding:.75rem;text-align:center;margin-top:.5rem}.ac-display .ac-label{color:var(--primary-gold);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.7rem;text-transform:uppercase;letter-spacing:1px}.ac-display .ac-value{color:var(--primary-gold);font-size:1.8rem;font-weight:700;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.item-description-1080{font-size:.7rem;color:var(--text-dim);margin-top:.25rem;line-height:1.3}.game-header-main{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:#0a0a0af2;border-bottom:1px solid rgba(212,175,55,.3);min-height:40px}.game-header-title{font-family:Inter,sans-serif;fontSize:"0.9rem";color:#d4af37;font-weight:600;letter-spacing:.5px}.game-header-location-info{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#d4af37;font-family:Inter,sans-serif;flex-wrap:wrap}.game-header-actions{display:flex;gap:.5rem;align-items:center}.header-btn-icon{background:transparent;border:none;color:#d4af37;cursor:pointer;font-size:1.1rem;padding:.25rem .5rem}.header-btn-dm{background:#d4af3733;border:1px solid rgba(212,175,55,.4);color:#d4af37;cursor:pointer;font-size:.75rem;padding:.3rem .6rem;border-radius:4px;font-family:Inter,sans-serif;font-weight:600}.game-layout-bg3{display:grid;grid-template-columns:320px 1fr 280px;gap:1rem;flex:1;overflow:hidden;padding:1rem;max-height:calc(100vh - 70px);transition:grid-template-columns .3s ease}.game-layout-bg3.panel-closed{grid-template-columns:0 1fr 280px}.left-panel-bg3{display:flex;flex-direction:column;background:linear-gradient(135deg,#1a1a1af2 0% 100%);border:1px solid rgba(212,175,55,.2);border-radius:4px;box-shadow:0 10px 30px #000000b3,0 0 20px #d4af370d;overflow:hidden}.panel-tabs-bg3{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#0a0a0a;background:#1a1a1a99;border-bottom:2px solid rgba(212,175,55,.2)}.panel-tab-bg3{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:transparent;border:none;border-radius:0;cursor:pointer;transition:all .2s ease;text-align:left}.panel-tab-bg3:hover{background:#d4af371a}.panel-tab-bg3.active{background:#d4af3733;border-left:3px solid var(--primary-gold)}.panel-tab-bg3 .tab-icon{font-size:1rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#d4af371a;border-radius:4px;flex-shrink:0}.panel-tab-bg3.active .tab-icon{background:#d4af374d}.panel-tab-bg3 .tab-info{flex:1}.panel-tab-bg3 .tab-name{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.8rem;font-weight:600;color:#d4af37}.panel-tab-bg3 .tab-desc{display:none}.panel-content-bg3{flex:1;overflow-y:auto;padding:1rem;scrollbar-width:none;-ms-overflow-style:none}.panel-content-bg3::-webkit-scrollbar{display:none;width:0;height:0}.center-panel-bg3{display:flex;flex-direction:column;background:linear-gradient(135deg,#1a1a1af2 0% 100%);border:1px solid rgba(212,175,55,.2);border-radius:4px;box-shadow:0 10px 30px #000000b3,0 0 20px #d4af370d;overflow-y:auto;min-height:0}.right-panel-bg3{display:flex;flex-direction:column;background:linear-gradient(135deg,#1a1a1af2 0% 100%);border:1px solid rgba(212,175,55,.2);border-radius:4px;box-shadow:0 10px 30px #000000b3,0 0 20px #d4af370d;overflow-y:auto;padding:1.5rem}.character-panel-bg3{display:flex;flex-direction:column;gap:1rem}.character-portrait-large{width:100%;aspect-ratio:1;border:3px solid var(--primary-gold);border-radius:8px;overflow:hidden;background:#1a1a1acc}.portrait-img-large{width:100%;height:100%;object-fit:cover}.portrait-placeholder-large{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:6rem;color:var(--text-dim)}.character-info-large{text-align:center;padding:.75rem;background:#d4af371a;border-radius:6px}.char-name-large{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.4rem;font-weight:700;color:var(--primary-gold);margin-bottom:.35rem}.char-class-large{font-size:.95rem;color:var(--primary-gold);margin-bottom:.25rem}.char-level-large{font-size:.85rem;color:var(--text-dim);font-weight:600}.char-stats-summary{display:flex;flex-direction:column;gap:.75rem;padding-top:.75rem;border-top:2px solid rgba(212,175,55,.2)}.stat-summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.stat-summary-label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.8rem;color:var(--primary-gold);font-weight:600}.stat-summary-value{font-size:.85rem;color:var(--text-primary);font-weight:600}.stat-summary-bar{height:16px;background:#1a1a1acc;border:1px solid rgba(212,175,55,.3);border-radius:4px;overflow:hidden}.stat-summary-bar.hp .stat-summary-fill{background:linear-gradient(90deg,#c63333,#ef4444);height:100%;transition:width .3s ease}.stat-summary-bar.mana .stat-summary-fill{background:linear-gradient(90deg,#404040,#606060);height:100%;transition:width .3s ease}.stat-summary-bar.stamina .stat-summary-fill{background:linear-gradient(90deg,#4fc3f7 0% 100%);height:100%;transition:width .3s ease}.ac-display-large{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#d4af3726;border:2px solid var(--primary-gold);border-radius:6px;margin-top:.5rem}.ac-display-large .ac-icon{font-size:2rem}.ac-label-large{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.75rem;color:var(--primary-gold);text-transform:uppercase;letter-spacing:1px}.ac-value-large{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.8rem;font-weight:700;color:var(--primary-gold)}.gold-display-large{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#d4af3733;border:1px solid rgba(212,175,55,.4);border-radius:6px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.1rem;color:var(--primary-gold);font-weight:600;justify-content:center}.gold-display-large span:first-child{font-size:1.5rem}.game-title-header{display:flex;align-items:center;padding-left:1rem}.simple-stats-panel{display:flex;flex-direction:column;gap:0;padding:1rem;background:#0a0a0a;overflow-y:auto}.simple-sliders{display:flex;flex-direction:column;gap:1.5rem}.slider-item{display:flex;flex-direction:column;gap:.4rem}.slider-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.slider-icon{font-size:1rem;opacity:.8}.slider-label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.75rem;font-weight:700;color:#d4af37;text-transform:uppercase;letter-spacing:.5px;flex:1}.slider-badge{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.75rem;color:#4fc3f7;background:#4fc3f726;padding:.15rem .5rem;border-radius:3px;border:1px solid rgba(79,195,247,.3)}.slider-labels{display:flex;justify-content:space-between;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.7rem;color:#999;margin-bottom:.25rem}.slider-track{position:relative;height:4px;background:#ffffff1a;border-radius:2px;overflow:visible}.slider-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#4fc3f766,#4fc3f7);border-radius:2px;transition:width .3s ease}.slider-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:#4fc3f7;border:2px solid #1a1a1a;border-radius:50%;box-shadow:0 0 10px #4fc3f799;transition:left .3s ease}.party-card{display:flex;flex-direction:column;gap:.75rem;background:#0a0a0a;border:2px solid rgba(212,175,55,.3);border-radius:8px;padding:.75rem;margin:1rem}.party-header{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.75rem;font-weight:700;color:#d4af37;text-transform:uppercase;letter-spacing:1px;text-align:center;padding:.5rem;background:#d4af371a;border-radius:4px;border:1px solid rgba(212,175,55,.3)}.party-member{display:flex;gap:.75rem;align-items:center}.member-portrait{width:80px;height:80px;border-radius:8px;border:2px solid #D4AF37;overflow:hidden;background:#d4af371a;flex-shrink:0}.member-portrait-img{width:100%;height:100%;object-fit:cover}.member-portrait-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#d4af37}.member-info{display:flex;flex-direction:column;gap:.4rem;flex:1}.member-badge{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.75rem;color:#d4af37;background:#d4af3726;padding:.2rem .5rem;border-radius:3px;border:1px solid rgba(212,175,55,.4);align-self:flex-start}.member-stat-row{display:flex;justify-content:space-between;align-items:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.85rem}.member-stat-label{color:#999;font-weight:500}.member-stat-value{color:#fff;font-weight:600}.hp-track{background:#c6333333}.hp-fill{background:linear-gradient(90deg,#c63333,#ef4444)}.mana-track{background:#4fc3f733}.mana-fill{background:linear-gradient(90deg,#4fc3f799,#4fc3f7)}.stamina-track{background:#f4d03f33}.stamina-fill{background:linear-gradient(90deg,#f4d03f99,#f4d03f)}.xp-track{background:#4fc3f733}.xp-fill{background:linear-gradient(90deg,#4fc3f799,#4fc3f7)}.simple-abilities{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(212,175,55,.2)}.ability-grid-simple{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.ability-item-simple{background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:6px;padding:.75rem .5rem;text-align:center}.ability-name-simple{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.7rem;color:#d4af37;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.ability-value-simple{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.2rem;color:#fff;font-weight:700}.btn-simple-action{background:#d4af371a;border:1px solid rgba(212,175,55,.4);color:#d4af37;padding:.4rem .8rem;border-radius:4px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:.5rem}.btn-simple-action:hover{background:#d4af3733;border-color:#d4af37}.btn-simple-action:disabled{opacity:.5;cursor:not-allowed}.panel-header-quest{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.75rem;font-weight:700;color:#d4af37;padding:1rem;border-bottom:1px solid rgba(212,175,55,.2);text-align:center;letter-spacing:1px}.quest-list-minimal{flex:1;overflow-y:auto;padding:.75rem}.quest-item-minimal{background:#d4af370d;border:1px solid rgba(212,175,55,.2);border-radius:4px;padding:.75rem;margin-bottom:.75rem}.quest-title-minimal{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.quest-level{background:#d4af374d;color:#d4af37;padding:.15rem .4rem;border-radius:3px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.65rem;font-weight:700}.quest-name{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.85rem;color:#fff;font-weight:600}.quest-objective-minimal{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.75rem;color:#ffffffb3;line-height:1.4}.no-quests-minimal{text-align:center;color:#fff6;font-size:.85rem;padding:2rem 1rem}.panel-tabs-minimal{display:flex;gap:.25rem;padding:.5rem;border-top:1px solid rgba(212,175,55,.2);background:#0000004d}.tab-btn-minimal{flex:0 0 auto;background:transparent;border:1px solid rgba(212,175,55,.2);color:#d4af37;padding:.4rem .8rem;border-radius:4px;font-size:1rem;cursor:pointer;transition:all .2s;white-space:nowrap}.tab-btn-minimal:hover{background:#d4af371a;border-color:#d4af37}.tab-btn-minimal.active{background:#d4af374d;border-color:#d4af37}.story-panel-conversational{display:flex;flex-direction:column;height:100%;background:#0a0a0a}.conversation-area{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.conversation-message{display:flex;flex-direction:column;gap:.5rem;animation:messageSlideIn .4s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.player-message{align-self:flex-start;max-width:80%}.dm-message{align-self:flex-start;max-width:100%}.npc-message{align-self:flex-start;max-width:90%;background:#d4af3714;padding:.75rem;border-radius:8px;border:1px solid rgba(212,175,55,.2)}.system-message{align-self:center;text-align:center;color:#4fc3f7;font-size:.85rem;padding:.2rem 1rem;background:#4fc3f71a;border-radius:4px}.message-header{display:flex;align-items:center;gap:.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.75rem;color:#d4af37;font-weight:600}.dm-header{color:#4fc3f7}.message-icon{font-size:.9rem}.message-sender{text-transform:uppercase;letter-spacing:.5px}.message-text{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;line-height:1.6;color:#fff;background:#d4af370d;padding:.75rem 1rem;border-left:3px solid rgba(212,175,55,.3);border-radius:4px}.dm-message .message-text{background:#4fc3f70d;border-left-color:#4fc3f74d}.loading-conversational{display:flex;align-items:center;gap:.5rem;color:#4fc3f7;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:1rem;align-self:center}.highlight-npc,.highlight-location{color:#f4d03f;font-weight:600}.highlight-player{color:#d4af37;font-weight:600}.conversation-input-area{border-top:1px solid rgba(212,175,55,.2);padding:1rem;background:#00000080}.conversation-input-form{display:flex;gap:.75rem;align-items:center}.conversation-input{flex:1;background:#d4af371a;border:1px solid rgba(212,175,55,.3);color:#fff;padding:.75rem 1rem;border-radius:4px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;transition:all .2s}.conversation-input:focus{outline:none;border-color:#d4af37;background:#d4af3726}.conversation-input::placeholder{color:#d4af3780}.btn-send{background:#d4af3733;border:1px solid #D4AF37;color:#d4af37;padding:.75rem 1.5rem;border-radius:4px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.btn-send:hover:not(:disabled){background:#d4af374d;transform:translateY(-1px)}.btn-send:disabled{opacity:.5;cursor:not-allowed}.login-screen-dark{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0a0a;padding:2rem}.login-container-dark{max-width:600px;width:100%;background:#d4af370d;border:1px solid rgba(212,175,55,.3);border-radius:8px;padding:3rem}.login-header-dark{text-align:center;margin-bottom:2rem}.header-icon-dark{font-size:3rem;margin-bottom:1rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.login-title-dark{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:2.5rem;color:#d4af37;margin-bottom:.5rem;font-weight:700;letter-spacing:1px}.login-subtitle-dark{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.1rem;color:#d4af37b3}.login-content-dark{text-align:center}.login-text-dark{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.1rem;color:#fffc;line-height:1.8;margin-bottom:1.5rem}.btn-begin-dark{background:#d4af3733;border:2px solid #D4AF37;color:#d4af37;padding:1rem 3rem;border-radius:6px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:1px;margin-top:1rem}.btn-begin-dark:hover:not(:disabled){background:#d4af374d;transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.btn-begin-dark:disabled{opacity:.5;cursor:not-allowed}.btn-rest-campfire{background:linear-gradient(135deg,#d4af3733,#d4af371a);border:1px solid rgba(212,175,55,.4);color:#d4af37;padding:.75rem 1.5rem;border-radius:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;text-transform:uppercase;letter-spacing:.5px}.btn-rest-campfire:hover{background:linear-gradient(135deg,#d4af374d,#d4af3733);border-color:var(--primary-gold);transform:translateY(-2px);box-shadow:0 0 20px #d4af3780}.btn-rest-campfire:active{transform:translateY(0)}@media (max-width: 1024px){.game-screen-1080{height:auto;min-height:100vh}.game-layout-1080{grid-template-columns:1fr;gap:0}.story-area-1080{border-right:none;border-bottom:1px solid rgba(212,175,55,.2)}.setup-card{padding:2rem;max-width:90%}.character-name-display{font-size:1.2rem}.character-details{font-size:.9rem}}@media (max-width: 768px){.setup-screen{padding:1rem}.setup-card{padding:1.5rem;border-radius:6px}.setup-card h1{font-size:1.8rem}.form-group label{font-size:.85rem}.btn-primary{padding:.875rem 1.5rem;font-size:1rem}.game-header-main{flex-direction:column!important;align-items:flex-start!important;gap:.5rem;padding:.75rem 1rem}.game-header-title{font-size:.75rem;width:100%}.game-header-location-info{width:100%;flex-wrap:wrap;font-size:.7rem;gap:.25rem}.game-header-actions{width:100%;justify-content:flex-end;gap:.75rem}.header-time-desktop{display:none!important}.header-time-mobile{display:inline!important}.header-location{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-round{margin-left:0!important}.header-btn-icon,.header-btn-dm{min-height:44px;min-width:44px}.game-layout-bg3{display:flex!important;flex-direction:column;padding:.5rem;gap:.5rem;max-height:none!important}.left-panel-bg3{order:2;max-height:none;min-height:auto;border-right:none;border-radius:4px}.conversation-panel-bg3{order:1;min-height:60vh;border-right:none;border-radius:4px}.right-panel-bg3{order:3;max-height:none;border-left:none;border-radius:4px;padding:1rem}.panel-toggle-btn{display:none!important}.conversation-content-bg3{padding:.75rem}.story-message-bg3{padding:.75rem;font-size:.9rem}.action-area-bg3{padding:.75rem}.action-buttons-bg3{grid-template-columns:repeat(2,1fr);gap:.5rem}.btn-action-bg3{padding:.75rem .5rem;font-size:.8rem}.character-display{gap:.75rem}.character-image-container{width:60px;height:60px;border-width:2px}.character-name-display{font-size:1rem}.character-details{font-size:.8rem}.utility-icons{gap:.5rem;width:100%;justify-content:space-around;order:3}.utility-icon{padding:.5rem}.utility-icon .icon{font-size:1.5rem}.utility-icon .icon-label{font-size:.65rem}.game-layout-1080{display:flex;flex-direction:column}.story-area-1080{order:1;min-height:60vh}.stats-sidebar-1080{order:2;max-height:none;border-right:none;border-top:1px solid rgba(212,175,55,.2)}.center-panel-bg3 .combat-section{order:2}.center-panel-bg3 .story-panel-1080{order:1}.story-content-1080{padding:1rem}.story-message{padding:.875rem 1rem;font-size:.9rem}.action-panel{padding:.75rem}.action-buttons{grid-template-columns:repeat(2,1fr);gap:.5rem}.btn-action{padding:.75rem .5rem;font-size:.8rem}.action-input{padding:.75rem;font-size:.9rem}.btn-submit{padding:.75rem 1.5rem;font-size:.9rem}.inventory-grid{grid-template-columns:1fr}.stats-grid-creation{grid-template-columns:1fr;gap:1rem}.stats-compact{grid-template-columns:repeat(2,1fr)}.combat-section{padding:1rem}.enemy-card-1080{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem}.btn-attack-1080{width:100%;padding:.875rem}.selection-grid{grid-template-columns:1fr}.portrait-gallery{grid-template-columns:repeat(2,1fr);gap:.75rem}.tab-nav{grid-template-columns:repeat(2,1fr);gap:.25rem}.tab-btn{font-size:.75rem;padding:.625rem .5rem}}@media (max-width: 480px){.setup-card{padding:1rem}.setup-card h1{font-size:1.5rem}.setup-card p{font-size:.9rem}.btn-action{padding:.625rem .375rem;font-size:.75rem}.character-name-display{font-size:.9rem}.character-details{font-size:.75rem}.character-image-container{width:50px;height:50px}.action-input-group{flex-direction:column}.btn-submit{width:100%}.stats-compact,.portrait-gallery{grid-template-columns:1fr}}@media (hover: none) and (pointer: coarse){button,.btn-action,.btn-primary,.btn-secondary,.tab-btn,.inventory-item,.quest-item,.spell-card{min-height:44px;min-width:44px}.stat-btn{width:44px;height:44px}}@media (max-width: 896px) and (orientation: landscape){.game-screen-1080{height:auto}.story-area-1080{min-height:50vh}.game-header-1080{flex-direction:row;flex-wrap:nowrap}.utility-icons{width:auto}}