@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Source+Sans+3:wght@400;500;600&display=swap";.auth-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:var(--spacing-md);background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(201,162,39,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(201,162,39,.05) 0%,transparent 40%);pointer-events:none}.auth-card{width:100%;max-width:420px;position:relative;z-index:1}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-header h1{font-size:1.8rem;margin-bottom:var(--spacing-xs);text-shadow:0 0 20px rgba(201,162,39,.3)}.auth-error{background:#8b000033;border:1px solid var(--accent-red);color:var(--accent-red-light);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);font-size:.9rem}.auth-btn{width:100%;padding:var(--spacing-md);font-size:1rem;margin-top:var(--spacing-md)}.auth-footer{text-align:center;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);color:var(--text-secondary)}.auth-decoration{position:absolute;bottom:-50px;right:-50px;width:300px;height:300px;opacity:.1;pointer-events:none}.dragon-silhouette{width:100%;height:100%;background:var(--accent-gold);clip-path:polygon(50% 0%,61% 15%,75% 10%,85% 25%,100% 20%,95% 40%,100% 55%,85% 65%,90% 80%,75% 85%,80% 100%,60% 90%,50% 100%,40% 90%,20% 100%,25% 85%,10% 80%,15% 65%,0% 55%,5% 40%,0% 20%,15% 25%,25% 10%,39% 15%)}@media (max-width: 480px){.auth-header h1{font-size:1.5rem}.auth-card{padding:var(--spacing-md)}}.custom-select{position:relative;width:100%}.custom-select.disabled{opacity:.5;pointer-events:none}.custom-select-label{display:block;margin-bottom:var(--spacing-xs);color:var(--text-secondary);font-weight:600;font-family:var(--font-display);font-size:.9rem}.custom-select-label .required{color:var(--accent-red-light);margin-left:4px}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;min-height:48px}.custom-select-trigger:hover{border-color:var(--accent-gold)}.custom-select-trigger:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 2px #c9a22733}.custom-select.open .custom-select-trigger{border-color:var(--accent-gold);border-bottom-left-radius:0;border-bottom-right-radius:0}.custom-select-value{flex:1;color:var(--text-primary);font-size:1rem}.custom-select-value .placeholder{color:var(--text-muted)}.custom-select-arrow{color:var(--accent-gold);font-size:.7rem;transition:transform .2s ease;margin-left:var(--spacing-sm)}.custom-select.open .custom-select-arrow{transform:rotate(180deg)}.custom-select-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border:2px solid var(--accent-gold);border-top:none;border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);z-index:1000;max-height:300px;overflow-y:auto;animation:dropdownSlide .2s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.custom-select-options{padding:var(--spacing-xs) 0}.custom-select-option{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:all .15s ease;border-left:3px solid transparent}.custom-select-option:hover,.custom-select-option.highlighted{background:var(--bg-tertiary);border-left-color:var(--accent-gold)}.custom-select-option.selected{background:#c9a22726;color:var(--accent-gold);border-left-color:var(--accent-gold)}.custom-select-option.selected:after{content:"✓";float:right;color:var(--accent-gold)}.select-option-with-image{display:flex;align-items:center;gap:var(--spacing-md)}.select-option-image{width:40px;height:40px;border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border-color);background:var(--bg-secondary)}.select-option-image.placeholder-img{display:flex;align-items:center;justify-content:center;font-size:1.2rem}.select-option-content{flex:1}.select-option-name{font-weight:600;color:var(--text-primary)}.select-option-description{font-size:.8rem;color:var(--text-muted);margin-top:2px}.guild-option{display:flex;flex-direction:column}.guild-option-name{font-weight:600}.guild-option-tools{font-size:.8rem;color:var(--accent-purple)}.custom-select-dropdown::-webkit-scrollbar{width:6px}.custom-select-dropdown::-webkit-scrollbar-track{background:var(--bg-secondary)}.custom-select-dropdown::-webkit-scrollbar-thumb{background:var(--accent-gold);border-radius:3px}.adventure-setup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:100;animation:fadeIn .2s ease}.adventure-setup-panel{background:var(--bg-secondary);border:2px solid var(--accent-gold);border-radius:var(--radius-lg);width:90%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg),var(--glow-gold);animation:slideUp .3s ease;overflow:hidden}.setup-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);text-align:center}.setup-header h2{margin:0;font-family:var(--font-display);color:var(--accent-gold);font-size:1.5rem}.character-name{margin:var(--spacing-xs) 0 0;color:var(--text-secondary);font-style:italic}.setup-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.setup-section{margin-bottom:var(--spacing-lg)}.setup-section:last-child{margin-bottom:0}.section-label{display:block;font-family:var(--font-display);font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}.selection-hint{margin-top:var(--spacing-xs);font-size:.85rem;color:var(--text-muted);font-style:italic}.difficulty-option{display:flex;flex-direction:column;gap:2px}.option-name{font-weight:600;color:var(--text-primary)}.option-desc{font-size:.8rem;color:var(--text-muted)}.setting-option{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.option-icon{font-size:1.25rem}.option-text{display:flex;flex-direction:column;gap:2px}.selected-setting{display:flex;align-items:center;gap:var(--spacing-sm)}.multiplayer-section{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);overflow:hidden}.multiplayer-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);cursor:pointer;transition:background .2s ease}.multiplayer-header:hover{background:var(--bg-tertiary)}.multiplayer-header .section-label{flex:1;display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:0}.mp-icon{font-size:1.1rem}.coming-soon-badge{background:var(--accent-purple);color:#fff;font-size:.65rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.expand-icon{color:var(--text-muted);font-size:.8rem;transition:transform .2s ease}.expand-icon.expanded{transform:rotate(180deg)}.multiplayer-content{padding:0 var(--spacing-md) var(--spacing-md);animation:expandIn .2s ease}@keyframes expandIn{0%{opacity:0}to{opacity:1}}.mp-description{font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.invite-input-group{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.invite-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:var(--font-game);font-size:1rem;letter-spacing:.2em;text-transform:uppercase;text-align:center}.invite-input:disabled{opacity:.5;cursor:not-allowed}.mp-note{font-size:.8rem;color:var(--text-muted);font-style:italic;text-align:center}.setup-footer{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--border-color)}.setup-footer .btn{flex:1}@media (max-width: 480px){.adventure-setup-panel{width:100%;height:100%;max-height:100%;border-radius:0}.setup-content{padding:var(--spacing-md)}.setup-footer{flex-direction:column}}.join-game-modal{background:var(--card-bg, #1a1a2e);border-radius:12px;width:100%;max-width:420px;box-shadow:0 20px 60px #00000080;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.join-game-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color, #333)}.join-game-modal .modal-header h2{margin:0;font-size:1.25rem;color:var(--text-primary, #fff)}.join-game-modal .close-btn{background:none;border:none;color:var(--text-secondary, #888);font-size:1.75rem;cursor:pointer;padding:0;line-height:1;transition:color .2s}.join-game-modal .close-btn:hover{color:var(--text-primary, #fff)}.join-game-modal .modal-body{padding:1.5rem}.character-preview{text-align:center;margin-bottom:1.5rem}.character-preview>p{margin:0 0 .5rem;color:var(--text-secondary, #888);font-size:.9rem}.character-badge{display:inline-flex;flex-direction:column;background:var(--bg-secondary, #252540);padding:.75rem 1.25rem;border-radius:8px;border:1px solid var(--border-color, #333)}.character-badge .character-name{font-weight:600;color:var(--accent-color, #8b5cf6);font-size:1.1rem}.character-badge .character-class{color:var(--text-secondary, #888);font-size:.85rem;margin-top:.25rem}.join-game-modal .form-group{margin-bottom:1.5rem}.join-game-modal .form-group label{display:block;margin-bottom:.5rem;color:var(--text-primary, #fff);font-weight:500}.invite-code-input{width:100%;padding:1rem;font-size:1.5rem;text-align:center;letter-spacing:.5rem;font-family:Courier New,monospace;font-weight:700;background:var(--bg-secondary, #252540);border:2px solid var(--border-color, #333);border-radius:8px;color:var(--text-primary, #fff);transition:border-color .2s}.invite-code-input:focus{outline:none;border-color:var(--accent-color, #8b5cf6)}.invite-code-input::placeholder{color:var(--text-secondary, #666);letter-spacing:.5rem}.input-hint{margin:.5rem 0 0;color:var(--text-secondary, #888);font-size:.85rem;text-align:center}.join-game-modal .error-message{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.join-game-modal .modal-actions{display:flex;gap:1rem;justify-content:flex-end}.join-game-modal .modal-actions .btn{padding:.75rem 1.5rem;font-size:1rem}@media (max-width: 480px){.join-game-modal{margin:1rem;max-width:calc(100% - 2rem)}.invite-code-input{font-size:1.25rem;letter-spacing:.3rem}.join-game-modal .modal-actions{flex-direction:column-reverse}.join-game-modal .modal-actions .btn{width:100%}}.loading-spinner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease}.loading-spinner-container{display:flex;justify-content:center;align-items:center;padding:var(--spacing-xl)}.loading-spinner-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.spinner-ring{display:inline-block;position:relative;width:80px;height:80px}.spinner-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:4px solid var(--accent-gold);border-radius:50%;animation:spinner-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--accent-gold) transparent transparent transparent}.spinner-ring div:nth-child(1){animation-delay:-.45s}.spinner-ring div:nth-child(2){animation-delay:-.3s}.spinner-ring div:nth-child(3){animation-delay:-.15s}@keyframes spinner-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{font-family:var(--font-display);font-size:1.1rem;color:var(--accent-gold);text-align:center;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.loading-spinner-container.small .spinner-ring{width:40px;height:40px}.loading-spinner-container.small .spinner-ring div{width:32px;height:32px;margin:4px;border-width:3px}.loading-spinner-container.small .loading-message{font-size:.9rem}.dashboard{min-height:100vh;background:var(--bg-primary)}.dashboard-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;gap:var(--spacing-md)}.dashboard-header{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-bottom:2px solid var(--accent-gold);padding:var(--spacing-md) var(--spacing-lg);position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-content h1{margin:0;font-size:1.5rem}.header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.welcome-text{color:var(--text-secondary)}.dashboard-content{max-width:1200px;margin:0 auto;padding:var(--spacing-xl)}.dashboard-error{background:#8b000033;border:1px solid var(--accent-red);color:var(--accent-red-light);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.dashboard-section{margin-bottom:var(--spacing-xl)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.section-header h2{margin:0}.empty-state{text-align:center;padding:var(--spacing-xl)}.characters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.character-card{display:flex;flex-direction:column;justify-content:space-between;min-height:150px}.character-info h3{color:var(--accent-gold);margin-bottom:var(--spacing-xs)}.character-details{color:var(--text-secondary);font-size:1.1rem}.character-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.character-actions .btn{flex:1;padding:var(--spacing-sm);font-size:.85rem}.games-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.game-card{display:flex;justify-content:space-between;align-items:center}.game-info h3{color:var(--accent-gold);margin-bottom:var(--spacing-xs)}.game-character{font-size:1rem;margin-bottom:var(--spacing-xs)}.game-location,.game-date{font-size:.9rem}.game-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}@media (max-width: 768px){.dashboard-header{padding:var(--spacing-sm) var(--spacing-md)}.header-content{flex-direction:column;gap:var(--spacing-sm);text-align:center}.header-content h1{font-size:1.25rem}.header-actions{width:100%;justify-content:center;flex-wrap:wrap;gap:var(--spacing-sm)}.welcome-text{font-size:.85rem}.dashboard-content{padding:var(--spacing-md)}.section-header{flex-direction:column;gap:var(--spacing-sm);text-align:center}.section-header h2{font-size:1.25rem}.characters-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.character-card{min-height:auto}.character-info h3{font-size:1.1rem}.character-details{font-size:.95rem}.character-actions{flex-direction:column}.character-actions .btn{min-height:44px}.game-card{flex-direction:column;text-align:center;gap:var(--spacing-md)}.game-info h3{font-size:1rem}.game-character,.game-location,.game-date{font-size:.85rem}.game-actions{width:100%;flex-direction:column}.game-actions .btn{flex:none;width:100%;min-height:44px}.empty-state{padding:var(--spacing-lg)}.empty-state p{font-size:.95rem}}@media (max-width: 380px){.dashboard-content{padding:var(--spacing-sm)}.header-content h1{font-size:1.1rem}}.character-create{min-height:100vh;background:var(--bg-primary);display:flex;flex-direction:column}.create-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;gap:var(--spacing-md)}.create-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-secondary);border-bottom:2px solid var(--accent-gold)}.create-header h1{margin:0;font-size:1.5rem}.step-indicator{color:var(--text-secondary);font-family:var(--font-display)}.progress-bar{height:4px;background:var(--bg-tertiary)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-gold) 0%,var(--accent-gold-light) 100%);transition:width .3s ease}.steps-nav{display:flex;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary)}.step-dot{width:12px;height:12px;border-radius:50%;background:var(--border-color);transition:all .2s ease}.step-dot.active{background:var(--accent-gold);transform:scale(1.3)}.step-dot.completed{background:var(--accent-green)}.create-error{background:#8b000033;border:1px solid var(--accent-red);color:var(--accent-red-light);padding:var(--spacing-md);margin:var(--spacing-md);border-radius:var(--radius-md)}.step-container{flex:1;overflow-y:auto;padding:var(--spacing-xl);max-width:1000px;margin:0 auto;width:100%}.step-content h2{margin-bottom:var(--spacing-xs)}.step-description{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.selection-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;transition:all .2s ease}.selection-card:hover{border-color:var(--accent-gold);transform:translateY(-2px)}.selection-card.selected{border-color:var(--accent-gold);background:#c9a2271a;box-shadow:var(--glow-gold)}.selection-card h4{color:var(--accent-gold);margin-bottom:var(--spacing-xs)}.selection-description{font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.selection-traits{font-size:.85rem;color:var(--text-muted)}.spellcaster-badge{display:inline-block;background:var(--accent-purple);color:#fff;padding:2px 6px;border-radius:4px;font-size:.75rem;margin-left:var(--spacing-sm)}.species-grid,.class-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.species-card,.class-card{display:flex;gap:var(--spacing-md);align-items:flex-start}.species-icon,.class-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-md);flex-shrink:0;border:2px solid var(--border-color);transition:all .2s ease}.species-card.selected .species-icon,.class-card.selected .class-icon{background:#c9a22733;border-color:var(--accent-gold)}.species-info,.class-info{flex:1}.species-info h4,.class-info h4{margin-bottom:var(--spacing-xs)}.weapon-option,.clothing-option{display:flex;flex-direction:column;gap:2px}.weapon-name,.clothing-name{font-weight:600}.weapon-stats{font-size:.85rem;color:var(--accent-red-light)}.clothing-desc{font-size:.8rem;color:var(--text-muted)}.appearance-controls{display:grid;gap:var(--spacing-lg)}.slider-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.slider-group input[type=range]{width:100%;height:8px;-webkit-appearance:none;background:var(--bg-tertiary);border-radius:4px;outline:none}.slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:var(--accent-gold);border-radius:50%;cursor:pointer}.ability-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-lg)}.ability-control{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.ability-control label{font-family:var(--font-display);color:var(--accent-gold);font-size:.9rem}.ability-adjuster{display:flex;align-items:center;gap:var(--spacing-sm)}.ability-adjuster button{width:36px;height:36px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-primary);font-size:1.2rem;font-weight:700;border:1px solid var(--border-color)}.ability-adjuster button:hover:not(:disabled){background:var(--accent-gold);color:var(--bg-primary)}.ability-adjuster button:disabled{opacity:.3;cursor:not-allowed}.ability-value{font-size:1.5rem;font-weight:700;width:40px;text-align:center}.ability-modifier{color:var(--text-secondary);font-size:.9rem}.language-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.language-chip{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--spacing-xs)}.language-chip:hover:not(.required){border-color:var(--accent-gold)}.language-chip.selected{background:var(--accent-gold);color:var(--bg-primary);border-color:var(--accent-gold)}.language-chip.required{cursor:default;opacity:.8}.lang-type{font-size:.7rem;padding:2px 4px;background:#0000004d;border-radius:4px}.starting-items-note{margin-top:var(--spacing-lg);background:var(--bg-secondary)}.starting-items-note ul{padding-left:var(--spacing-lg);margin-top:var(--spacing-sm)}.starting-items-note li{margin-bottom:var(--spacing-xs);color:var(--text-secondary)}.spell-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-md)}.spell-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;transition:all .2s ease}.spell-card:hover{border-color:var(--accent-purple)}.spell-card.selected{border-color:var(--accent-purple);background:#6b3fa01a}.spell-card h4{color:var(--accent-purple);margin-bottom:var(--spacing-xs);font-size:1rem}.spell-school{font-size:.8rem;color:var(--text-muted);margin-bottom:var(--spacing-xs)}.spell-desc{font-size:.85rem;color:var(--text-secondary)}.review-card{max-width:600px;margin:0 auto}.review-name{font-size:1.8rem;margin-bottom:var(--spacing-xs)}.review-title{font-size:1.2rem;color:var(--text-secondary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.review-section{margin-bottom:var(--spacing-md)}.review-section h4{color:var(--accent-gold);font-size:.9rem;margin-bottom:var(--spacing-xs)}.review-abilities{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.review-abilities span{background:var(--bg-tertiary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-family:monospace}.create-footer{display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-secondary);border-top:1px solid var(--border-color)}.create-footer .btn{min-width:120px}.guild-selection{background:var(--bg-card);padding:var(--spacing-md);border-radius:var(--radius-md);border:2px solid var(--accent-gold)}.guild-selection label{color:var(--accent-gold);font-family:var(--font-display)}.guild-selection .required{color:var(--accent-red-light)}.guild-selection select{width:100%;padding:var(--spacing-md);font-size:1rem}.guild-info{color:var(--text-secondary);font-size:.9rem;padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.backstory-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.btn-magic{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:linear-gradient(135deg,var(--accent-purple) 0%,#8B5CF6 100%);border:1px solid var(--accent-purple);color:#fff;font-size:.85rem;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.btn-magic:hover:not(:disabled){background:linear-gradient(135deg,#8B5CF6 0%,var(--accent-purple) 100%);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.btn-magic:disabled{opacity:.5;cursor:not-allowed}.magic-wand{font-size:1rem;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-10deg) scale(1.1)}75%{transform:rotate(10deg) scale(1.1)}}.magic-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.create-header{flex-direction:column;gap:var(--spacing-sm);text-align:center;padding:var(--spacing-sm) var(--spacing-md)}.create-header h1{font-size:1.25rem}.step-container{padding:var(--spacing-md)}.step-content h2{font-size:1.25rem}.selection-grid,.species-grid,.class-grid{grid-template-columns:1fr}.selection-card{padding:var(--spacing-sm)}.species-icon,.class-icon{width:50px;height:50px;font-size:2rem}.ability-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.ability-adjuster button{width:44px;height:44px;min-width:44px;min-height:44px}.language-chip{min-height:44px}.spell-grid{grid-template-columns:1fr}.spell-card{min-height:44px}.review-name{font-size:1.4rem}.review-title{font-size:1rem}.create-footer{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.create-footer .btn{min-width:100px;min-height:44px;padding:var(--spacing-sm);font-size:.85rem}.guild-selection select{font-size:16px;min-height:44px}}@media (max-width: 380px){.ability-grid{grid-template-columns:1fr}.create-footer{flex-direction:column}.create-footer .btn{width:100%}}.dice-roller-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:100;animation:fadeIn .3s ease}.dice-roller-modal{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:3px solid var(--accent-gold);border-radius:var(--radius-lg);padding:var(--spacing-xl);min-width:350px;max-width:90vw;text-align:center;position:relative;box-shadow:0 0 40px #c9a2274d}.dice-roller-modal .close-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-md);font-size:2rem}.roll-purpose{margin-bottom:var(--spacing-lg)}.roll-purpose h3{margin-bottom:var(--spacing-xs)}.roll-purpose p{color:var(--text-secondary);font-size:1.1rem}.dc-display{font-family:var(--font-display);color:var(--accent-gold);font-size:1.2rem!important;margin-top:var(--spacing-sm)}.die-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);margin:var(--spacing-xl) 0}.die{width:120px;height:120px;display:flex;justify-content:center;align-items:center;font-family:var(--font-display);font-size:3rem;font-weight:700;color:var(--accent-gold);position:relative;transition:transform .2s ease}.die-triangle{background:linear-gradient(135deg,var(--bg-card) 0%,#2a2a2a 100%);clip-path:polygon(50% 0%,0% 100%,100% 100%);width:100px;height:86px}.die-square{background:linear-gradient(135deg,var(--bg-card) 0%,#2a2a2a 100%);border-radius:10px;border:3px solid var(--border-color)}.die-octagon{background:linear-gradient(135deg,var(--bg-card) 0%,#2a2a2a 100%);clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%)}.die-decagon{background:linear-gradient(135deg,var(--bg-card) 0%,#2a2a2a 100%);clip-path:polygon(50% 0%,80% 10%,100% 35%,100% 70%,80% 90%,50% 100%,20% 90%,0% 70%,0% 35%,20% 10%)}.die-dodecagon{background:linear-gradient(135deg,var(--bg-card) 0%,#2a2a2a 100%);clip-path:polygon(50% 0%,75% 7%,93% 25%,100% 50%,93% 75%,75% 93%,50% 100%,25% 93%,7% 75%,0% 50%,7% 25%,25% 7%)}.die-icosahedron{background:linear-gradient(135deg,var(--bg-card) 0%,#2a2a2a 100%);clip-path:polygon(50% 0%,79% 10%,98% 35%,98% 65%,79% 90%,50% 100%,21% 90%,2% 65%,2% 35%,21% 10%);border:3px solid var(--accent-gold)}.die-sphere{background:radial-gradient(circle at 30% 30%,#3a3a3a 0%,var(--bg-card) 50%,#1a1a1a 100%);border-radius:50%;border:3px solid var(--border-color)}.die-value{text-shadow:2px 2px 4px rgba(0,0,0,.5)}.die-type{font-family:var(--font-display);color:var(--text-muted);font-size:1rem;letter-spacing:.1em}.die-container.rolling .die{animation:dieRoll .5s ease-in-out infinite}@keyframes dieRoll{0%{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}.die-container.landed .die{animation:dieLand .5s ease-out}@keyframes dieLand{0%{transform:scale(1.2)}50%{transform:scale(.9)}to{transform:scale(1)}}.modifier-display{font-family:var(--font-display);color:var(--text-secondary);font-size:1.1rem;margin-bottom:var(--spacing-md)}.roll-result{margin:var(--spacing-lg) 0}.result-breakdown{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);font-size:1.5rem;font-family:var(--font-display)}.result-breakdown .operator{color:var(--text-muted)}.result-breakdown .total{color:var(--accent-gold);font-size:2rem;font-weight:700;text-shadow:0 0 10px rgba(201,162,39,.5)}.success-indicator{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-family:var(--font-display);font-weight:700;font-size:1.3rem;letter-spacing:.1em}.success-indicator.success{background:#228b224d;color:var(--accent-green);border:2px solid var(--accent-green);animation:successPulse .5s ease}.success-indicator.failure{background:#8b00004d;color:var(--accent-red-light);border:2px solid var(--accent-red)}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.roll-actions{margin-top:var(--spacing-lg)}.roll-btn{font-size:1.2rem;padding:var(--spacing-md) var(--spacing-xl)}.roll-btn:hover:not(:disabled){animation:buttonGlow 1s ease-in-out infinite}@keyframes buttonGlow{0%,to{box-shadow:0 0 10px #c9a2274d}50%{box-shadow:0 0 20px #c9a22799}}@media (max-width: 768px){.dice-roller-modal{min-width:auto;width:90%;max-width:350px;padding:var(--spacing-lg)}.die{width:100px;height:100px;font-size:2.5rem}.roll-purpose p{font-size:1rem}.dc-display{font-size:1rem!important}.result-breakdown{font-size:1.25rem}.result-breakdown .total{font-size:1.75rem}.success-indicator{font-size:1.1rem;padding:var(--spacing-sm) var(--spacing-md)}.roll-btn{width:100%;min-height:50px;font-size:1.1rem}}@media (max-width: 380px){.dice-roller-modal{width:95%;padding:var(--spacing-md)}.die{width:80px;height:80px;font-size:2rem}}.journal-panel{min-width:380px}.journal-tabs{display:flex;border-bottom:1px solid var(--border-color)}.journal-tab{flex:1;padding:var(--spacing-sm);background:none;border:none;color:var(--text-secondary);font-family:var(--font-display);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;position:relative;transition:all .2s ease}.journal-tab:hover{color:var(--text-primary)}.journal-tab.active{color:var(--accent-gold)}.journal-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent-gold)}.tab-count{display:inline-block;background:var(--bg-tertiary);color:var(--text-secondary);font-size:.7rem;padding:1px 5px;border-radius:10px;margin-left:4px}.journal-tab.active .tab-count{background:var(--accent-gold);color:var(--bg-primary)}.journal-loading{display:flex;justify-content:center;padding:var(--spacing-xl)}.journal-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.empty-message{text-align:center;color:var(--text-muted);padding:var(--spacing-lg);font-style:italic}.journal-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md)}.journal-item h5{color:var(--accent-gold);margin-bottom:var(--spacing-xs);display:flex;justify-content:space-between;align-items:center}.journal-item p{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--spacing-xs)}.journal-item p:last-child{margin-bottom:0}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.quest-item.active{border-left:3px solid var(--accent-gold)}.quest-item.completed{opacity:.7;border-left:3px solid var(--accent-green)}.quest-item.failed{opacity:.7;border-left:3px solid var(--accent-red)}.quest-status{font-size:.7rem;padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:400}.quest-status.completed{background:var(--accent-green);color:#fff}.quest-status.failed{background:var(--accent-red);color:#fff}.quest-giver{color:var(--text-muted)!important;font-size:.85rem!important;font-style:italic}.quest-objectives{margin-top:var(--spacing-sm);padding-left:var(--spacing-md)}.quest-objectives li{margin-bottom:var(--spacing-xs);font-size:.85rem}.quest-objectives li.completed{text-decoration:line-through;color:var(--text-muted)}.location-type{font-size:.75rem;padding:2px 6px;background:var(--bg-tertiary);border-radius:4px;color:var(--text-muted)}.location-npcs{margin-top:var(--spacing-sm);font-size:.85rem!important}.locations-hierarchy{display:flex;flex-direction:column;gap:var(--spacing-sm)}.region-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.region-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-tertiary);cursor:pointer;transition:background .2s ease}.region-header:hover{background:#ffffff0d}.expand-icon{color:var(--text-muted);font-size:.7rem;transition:transform .2s ease}.expand-icon.expanded{transform:rotate(90deg)}.region-name{flex:1;color:var(--accent-gold);margin:0;font-size:1rem}.region-count{font-size:.75rem;color:var(--text-muted)}.region-content{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}.region-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.settlement-section{margin-top:var(--spacing-sm);margin-left:var(--spacing-md);border-left:2px solid var(--border-color)}.settlement-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background .2s ease}.settlement-header:hover{background:#ffffff08}.settlement-name{flex:1;color:var(--text-primary);margin:0;font-size:.95rem}.settlement-type{font-size:.7rem;padding:2px 6px;background:var(--bg-tertiary);border-radius:4px;color:var(--accent-green)}.settlement-content{padding:var(--spacing-xs) var(--spacing-md) var(--spacing-sm)}.settlement-description{color:var(--text-secondary);font-size:.85rem;margin-bottom:var(--spacing-sm)}.places-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-left:var(--spacing-sm)}.place-item{border-left:2px solid var(--accent-purple)!important;padding:var(--spacing-sm)!important}.place-item h6{color:var(--text-primary);margin:0;font-size:.9rem}.place-appearance{color:var(--text-muted)!important;font-size:.8rem!important;margin-top:var(--spacing-xs)!important}.region-places{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px dashed var(--border-color)}.region-places-header{color:var(--text-muted);font-size:.8rem;margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}.npc-item.friendly{border-left:3px solid var(--accent-green)}.npc-item.hostile{border-left:3px solid var(--accent-red)}.npc-item.neutral{border-left:3px solid var(--text-muted)}.disposition{font-size:.75rem;padding:2px 6px;border-radius:4px}.disposition.friendly{background:#228b2233;color:var(--accent-green)}.disposition.hostile{background:#8b000033;color:var(--accent-red-light)}.disposition.neutral,.disposition.unknown{background:var(--bg-tertiary);color:var(--text-muted)}.npc-race{font-style:italic}.npc-location{font-size:.85rem!important;color:var(--text-muted)!important}.npc-deceased{color:var(--accent-red)!important;font-weight:700}.add-note-btn{width:100%;margin-bottom:var(--spacing-md)}.note-form{background:var(--bg-card);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.note-form input,.note-form textarea{width:100%}.note-item{border-left:3px solid var(--accent-purple)}.note-date{font-size:.75rem!important;color:var(--text-muted)!important;text-align:right}.flora-item{position:relative}.flora-item.common{border-left:3px solid var(--text-muted)}.flora-item.uncommon{border-left:3px solid var(--accent-green)}.flora-item.rare{border-left:3px solid #4169E1}.flora-item.very.rare{border-left:3px solid #9932CC}.flora-item.legendary{border-left:3px solid var(--accent-gold)}.flora-type{font-size:.75rem;padding:2px 6px;background:var(--bg-tertiary);border-radius:4px;color:var(--text-muted)}.flora-type.mushroom{color:peru}.flora-type.herb{color:var(--accent-green)}.flora-type.fruit{color:tomato}.flora-type.flower{color:#ff69b4}.flora-type.root{color:#8b4513}.flora-type.leaf{color:#228b22}.flora-type.moss{color:#556b2f}.flora-rarity{display:inline-block;font-size:.7rem;padding:2px 6px;border-radius:4px;margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.05em}.flora-rarity.common{background:#80808033;color:var(--text-muted)}.flora-rarity.uncommon{background:#228b2233;color:var(--accent-green)}.flora-rarity.rare{background:#4169e133;color:#4169e1}.flora-rarity.very{background:#9932cc33;color:#9932cc}.flora-rarity.legendary{background:#daa52033;color:var(--accent-gold)}.flora-appearance{color:var(--text-muted)!important;margin-bottom:var(--spacing-sm)!important}.flora-habitat{font-size:.85rem!important}.flora-uses{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.flora-uses ul{list-style:none;padding:0;margin:var(--spacing-xs) 0 0 0}.flora-uses li{font-size:.85rem;margin-bottom:var(--spacing-xs);color:var(--text-secondary)}.use-type{font-weight:700;margin-right:4px}.use-type.medicinal{color:#ff6b6b}.use-type.culinary{color:#f4a460}.use-type.recreational{color:#9370db}.use-type.other{color:var(--text-muted)}.flora-effects{margin-top:var(--spacing-sm);font-size:.85rem}.effects-beneficial{color:var(--accent-green)!important}.effects-harmful{color:var(--accent-red-light)!important}.effects-intoxicating{color:#9370db!important;font-style:italic}.flora-discovered{font-size:.75rem!important;color:var(--text-muted)!important;margin-top:var(--spacing-sm)!important;text-align:right}@media (max-width: 768px){.journal-panel{min-width:auto;width:100%}.journal-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.journal-tabs::-webkit-scrollbar{display:none}.journal-tab{flex:0 0 auto;min-width:max-content;padding:var(--spacing-sm) var(--spacing-md);font-size:.7rem;min-height:44px;display:flex;align-items:center;justify-content:center;white-space:nowrap}.tab-count{font-size:.6rem;padding:1px 4px}.journal-item{padding:var(--spacing-sm)}.journal-item h5{font-size:.9rem;flex-wrap:wrap;gap:var(--spacing-xs)}.region-header,.settlement-header{padding:var(--spacing-sm);min-height:44px}.region-name{font-size:.9rem}.settlement-section{margin-left:var(--spacing-sm)}.note-form input,.note-form textarea{font-size:16px}.add-note-btn{min-height:44px}.flora-uses ul{padding-left:var(--spacing-sm)}}.character-panel{min-width:320px}.panel-tabs{display:flex;border-bottom:1px solid var(--border-color)}.panel-tab{flex:1;padding:var(--spacing-sm);background:none;border:none;color:var(--text-secondary);font-family:var(--font-display);font-size:.85rem;position:relative;transition:all .2s ease}.panel-tab:hover{color:var(--text-primary)}.panel-tab.active{color:var(--accent-gold)}.panel-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent-gold)}.stats-view{display:flex;flex-direction:column;gap:var(--spacing-md)}.character-header{text-align:center;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.character-header h4{color:var(--accent-gold);margin-bottom:var(--spacing-xs);font-size:1.3rem}.character-title{color:var(--text-secondary)}.xp-bar{text-align:center}.xp-label{font-size:.9rem;color:var(--text-muted)}.combat-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);text-align:center}.combat-stat{background:var(--bg-card);padding:var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.combat-stat .stat-value{display:block;font-size:1.3rem;font-weight:700;color:var(--accent-gold)}.combat-stat .stat-name{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.ability-scores{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.ability-score{background:var(--bg-card);padding:var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--border-color);text-align:center;display:flex;flex-direction:column;gap:2px}.ability-name{font-size:.7rem;color:var(--text-muted);font-family:var(--font-display)}.ability-value{font-size:1.2rem;font-weight:700}.ability-mod{font-size:.9rem;color:var(--accent-gold)}.currency-display,.languages-display{background:var(--bg-card);padding:var(--spacing-md);border-radius:var(--radius-md)}.currency-display h5,.languages-display h5{font-size:.85rem;color:var(--accent-gold);margin-bottom:var(--spacing-sm)}.coins{display:flex;gap:var(--spacing-md)}.coin{font-size:.9rem}.coin.copper{color:#b87333}.coin.silver{color:silver}.coin.gold{color:gold}.languages-display p{font-size:.9rem;color:var(--text-secondary)}.inventory-view{display:flex;flex-direction:column;gap:var(--spacing-lg)}.consumables-section h5,.full-inventory h5{color:var(--accent-gold);font-size:.9rem;margin-bottom:var(--spacing-sm)}.consumables-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.consumable-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:var(--bg-card);border:1px solid var(--accent-green);border-radius:var(--radius-sm);color:var(--text-primary);transition:all .2s ease}.consumable-item:hover:not(:disabled){background:#228b2233;transform:translate(4px)}.consumable-item:disabled{opacity:.5;cursor:not-allowed}.inventory-list{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:300px;overflow-y:auto}.inventory-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.9rem}.inventory-item.equipped{border-color:var(--accent-gold);background:#c9a2271a}.equipped-badge,.prepared-badge{display:inline-block;font-size:.65rem;padding:1px 4px;border-radius:3px;margin-left:4px;background:var(--accent-gold);color:var(--bg-primary)}.item-qty{color:var(--text-muted);font-size:.8rem}.item-damage{color:var(--accent-red-light);font-size:.8rem}.spells-view{display:flex;flex-direction:column;gap:var(--spacing-lg)}.spell-slots{background:var(--bg-card);padding:var(--spacing-md);border-radius:var(--radius-md)}.spell-slots h5{color:var(--accent-gold);font-size:.9rem;margin-bottom:var(--spacing-sm)}.slots-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.slot-level{background:var(--bg-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.8rem}.slot-name{color:var(--text-muted);margin-right:4px}.slot-count{color:var(--accent-purple);font-weight:700}.spell-section h5{color:var(--accent-gold);font-size:.9rem;margin-bottom:var(--spacing-sm)}.spell-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs)}.spell-item.prepared{border-color:var(--accent-purple)}.spell-name{font-size:.9rem}.spell-school,.spell-level{font-size:.75rem;color:var(--text-muted)}.empty-message{text-align:center;color:var(--text-muted);font-style:italic;padding:var(--spacing-md)}@media (max-width: 768px){.character-panel{min-width:auto;width:100%}.panel-tab{font-size:.75rem;padding:var(--spacing-sm) var(--spacing-xs);min-height:44px;display:flex;align-items:center;justify-content:center}.combat-stats{grid-template-columns:repeat(2,1fr)}.combat-stat .stat-value{font-size:1.1rem}.ability-scores{grid-template-columns:repeat(2,1fr)}.ability-value{font-size:1rem}.character-header h4{font-size:1.1rem}.consumable-item{min-height:44px}.inventory-list{max-height:250px}.inventory-item{min-height:44px}}@media (max-width: 380px){.combat-stats{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}.ability-scores{gap:var(--spacing-xs)}}.inventory-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:100;animation:fadeIn .2s ease}.inventory-panel{background:var(--bg-secondary);border:2px solid var(--accent-gold);border-radius:var(--radius-lg);width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg),var(--glow-gold);animation:slideUp .3s ease}.inventory-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color)}.inventory-header h2{margin:0;font-family:var(--font-display);color:var(--accent-gold)}.inventory-header .close-btn{background:none;border:none;color:var(--text-secondary);font-size:2rem;cursor:pointer;line-height:1;padding:0;transition:color .2s ease}.inventory-header .close-btn:hover{color:var(--accent-gold)}.encumbrance-section{padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-card);border-bottom:1px solid var(--border-color)}.encumbrance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.encumbrance-label{font-family:var(--font-display);font-size:.9rem;color:var(--text-secondary)}.encumbrance-status{font-weight:600;font-size:.85rem}.encumbrance-bar{height:12px;background:var(--bg-primary);border-radius:var(--radius-sm);position:relative;overflow:visible}.encumbrance-fill{height:100%;border-radius:var(--radius-sm);transition:width .3s ease,background-color .3s ease}.encumbrance-marker{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--text-muted);opacity:.5}.encumbrance-values{display:flex;justify-content:space-between;margin-top:var(--spacing-xs);font-size:.8rem;color:var(--text-muted)}.currency-section{display:flex;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.currency-item{display:flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-game);font-weight:600}.currency-icon{font-size:.75rem}.currency-item.gold .currency-icon{color:gold}.currency-item.silver .currency-icon{color:silver}.currency-item.copper .currency-icon{color:#b87333}.inventory-filters{display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid var(--border-color);flex-wrap:wrap}.filter-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-game);font-size:.85rem;cursor:pointer;transition:all .2s ease}.filter-btn:hover{border-color:var(--accent-gold);color:var(--text-primary)}.filter-btn.active{background:var(--accent-gold);border-color:var(--accent-gold);color:var(--bg-primary)}.filter-icon{font-size:1rem}.inventory-items{flex:1;overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.inventory-empty{display:flex;justify-content:center;align-items:center;height:200px;color:var(--text-muted);font-style:italic}.inventory-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all .2s ease;cursor:pointer}.inventory-item:hover,.inventory-item.hovered{border-color:var(--accent-gold);box-shadow:var(--glow-gold)}.inventory-item.equipped{border-color:var(--accent-green);background:linear-gradient(135deg,var(--bg-card) 0%,rgba(34,139,34,.1) 100%)}.item-main{display:flex;align-items:center;gap:var(--spacing-md)}.item-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius-sm)}.item-info{flex:1;display:flex;flex-direction:column}.item-name{font-family:var(--font-game);font-weight:600;color:var(--text-primary)}.item-quantity{color:var(--accent-gold);font-weight:400}.item-type{font-size:.8rem;color:var(--text-muted)}.equipped-badge{background:var(--accent-green);color:#fff;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-sm);text-transform:uppercase}.item-details{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color);animation:expandIn .2s ease}@keyframes expandIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.item-description{font-family:var(--font-game);font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-style:italic;line-height:1.5}.item-stats{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.item-stat{display:flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-game);font-size:.85rem;color:var(--text-secondary)}.stat-icon{font-size:.9rem}.item-properties{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.property{background:var(--bg-secondary);padding:2px 8px;border-radius:var(--radius-sm);font-size:.8rem;color:var(--accent-gold);font-family:var(--font-game)}.item-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.item-actions .btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:.8rem}.inventory-footer{padding:var(--spacing-sm) var(--spacing-lg);border-top:1px solid var(--border-color);text-align:center}.item-count{font-family:var(--font-game);font-size:.85rem;color:var(--text-muted)}@media (max-width: 768px){.inventory-panel{width:100%;height:100%;max-height:100%;border-radius:0}.currency-section{flex-wrap:wrap;gap:var(--spacing-md)}.item-main{flex-wrap:wrap}.item-stats{flex-direction:column;gap:var(--spacing-xs)}}.my-profile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:300;padding:var(--spacing-md)}.my-profile-panel{background:var(--bg-primary);border:2px solid var(--accent-gold);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideIn .2s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.profile-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.profile-header h2{margin:0;color:var(--accent-gold);font-family:var(--font-display)}.profile-header .close-btn{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.profile-header .close-btn:hover{color:var(--accent-gold)}.profile-loading{padding:var(--spacing-xl);text-align:center;color:var(--text-muted)}.profile-error{background:#ff00001a;border:1px solid var(--accent-red);color:var(--accent-red-light);padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm)}.profile-success{background:#00ff001a;border:1px solid var(--accent-green);color:var(--accent-green);padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm)}.profile-preview{position:relative;height:150px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:var(--spacing-sm)}.profile-photo-container{margin-bottom:var(--spacing-xs)}.profile-photo{width:80px;height:80px;border-radius:50%;border:3px solid var(--accent-gold);object-fit:cover}.profile-photo-placeholder{width:80px;height:80px;border-radius:50%;border:3px solid var(--accent-gold);background:var(--bg-card);display:flex;align-items:center;justify-content:center;font-size:2rem;font-family:var(--font-display);color:var(--accent-gold)}.profile-username{font-family:var(--font-display);font-size:1.25rem;color:var(--text-primary);text-shadow:0 2px 4px rgba(0,0,0,.8)}.profile-form{padding:var(--spacing-md)}.profile-form .form-group{margin-bottom:var(--spacing-md)}.profile-form label{display:block;margin-bottom:var(--spacing-xs);color:var(--text-secondary);font-size:.9rem}.profile-form input[type=url],.profile-form textarea{width:100%;padding:var(--spacing-sm);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body)}.profile-form input[type=url]:focus,.profile-form textarea:focus{outline:none;border-color:var(--accent-gold)}.profile-form textarea{resize:vertical;min-height:80px}.checkbox-group{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-gold)}.save-btn{width:100%;margin-top:var(--spacing-sm)}.friend-requests-section{border-top:1px solid var(--border-color);padding:var(--spacing-md)}.section-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--bg-card);border:1px solid var(--accent-gold);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--accent-gold);font-family:var(--font-display);cursor:pointer}.toggle-arrow{transition:transform .2s ease}.toggle-arrow.open{transform:rotate(180deg)}.friend-requests-list{margin-top:var(--spacing-sm)}.friend-request-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:var(--bg-card);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs)}.request-user{display:flex;align-items:center;gap:var(--spacing-sm)}.request-avatar,.request-avatar-placeholder{width:32px;height:32px;border-radius:50%}.request-avatar{object-fit:cover}.request-avatar-placeholder{background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--accent-gold)}.request-actions{display:flex;gap:var(--spacing-xs)}.friends-section{border-top:1px solid var(--border-color);padding:var(--spacing-md)}.friends-section h3{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-family:var(--font-display)}.friends-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.friend-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:var(--bg-card);border-radius:var(--radius-sm)}.friend-info{display:flex;align-items:center;gap:var(--spacing-sm)}.friend-avatar,.friend-avatar-placeholder{width:36px;height:36px;border-radius:50%}.friend-avatar{object-fit:cover}.friend-avatar-placeholder{background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--accent-gold);border:1px solid var(--border-color)}.friend-username{font-weight:500}.online-status{font-size:.75rem;padding:2px 6px;border-radius:var(--radius-sm)}.online-status.online{background:#0f03;color:var(--accent-green)}.online-status.offline{background:#80808033;color:var(--text-muted)}.no-friends{color:var(--text-muted);text-align:center;font-style:italic}@media (max-width: 768px){.my-profile-overlay{padding:0}.my-profile-panel{max-width:100%;max-height:100%;border-radius:0;border:none;border-top:2px solid var(--accent-gold)}.friend-item{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.friend-item .btn{width:100%}.friend-request-item{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.request-actions{justify-content:stretch}.request-actions .btn{flex:1}}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:150;animation:fadeIn .2s ease}.settings-panel{background:var(--bg-secondary);border:2px solid var(--accent-gold);border-radius:var(--radius-lg);width:90%;max-width:400px;box-shadow:var(--shadow-lg),var(--glow-gold);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color)}.settings-header h3{margin:0;font-family:var(--font-display);color:var(--accent-gold);font-size:1.25rem}.settings-header .close-btn{background:none;border:none;color:var(--text-secondary);font-size:1.75rem;cursor:pointer;line-height:1;padding:0;transition:color .2s ease}.settings-header .close-btn:hover{color:var(--accent-gold)}.settings-content{padding:var(--spacing-lg)}.setting-group{margin-bottom:var(--spacing-lg)}.setting-group:last-child{margin-bottom:0}.setting-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.label-text{font-family:var(--font-game);font-weight:600;color:var(--text-primary)}.label-value{font-family:var(--font-game);color:var(--accent-gold);font-weight:600}.slider-container{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.slider-label{color:var(--text-muted);font-size:.9rem;width:20px;text-align:center}.slider-label.large{font-size:1.3rem}.font-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);outline:none;cursor:pointer}.font-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--accent-gold);border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0000004d;transition:transform .2s ease,box-shadow .2s ease}.font-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 2px 8px #d4af3780}.font-slider::-moz-range-thumb{width:20px;height:20px;background:var(--accent-gold);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 4px #0000004d}.reset-btn{width:100%}.font-preview{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);font-family:var(--font-game);line-height:1.75;color:var(--text-secondary)}.settings-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.settings-btn{background:none;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;transition:color .2s ease,transform .3s ease}.settings-btn:hover{color:var(--accent-gold);transform:rotate(45deg)}.settings-btn svg{width:20px;height:20px}.admin-section{border-top:1px solid var(--border-color);padding-top:var(--spacing-lg);margin-top:var(--spacing-lg)}.admin-badge{background:linear-gradient(135deg,#c0392b,#e74c3c);color:#fff;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}.admin-hint{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:var(--spacing-sm);margin-bottom:var(--spacing-md)}.admin-hint p{margin:0 0 var(--spacing-xs) 0;font-size:.85rem;color:var(--text-secondary)}.admin-hint code{display:inline-block;background:var(--bg-card);color:var(--accent-gold);font-family:var(--font-game);font-size:.75rem;padding:2px 6px;border-radius:3px;margin:2px}.admin-whitelist h4{font-family:var(--font-display);color:var(--text-primary);font-size:.95rem;margin:0 0 var(--spacing-sm) 0}.admin-error{background:#c0392b33;border:1px solid #c0392b;color:#e74c3c;padding:var(--spacing-sm);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);font-size:.85rem}.admin-success{background:#27ae6033;border:1px solid #27ae60;color:#2ecc71;padding:var(--spacing-sm);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);font-size:.85rem}.add-admin-form{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.admin-input{flex:1;padding:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-game);font-size:.9rem}.admin-input:focus{outline:none;border-color:var(--accent-gold)}.admin-input::placeholder{color:var(--text-muted)}.admin-list{max-height:200px;overflow-y:auto}.admin-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs)}.admin-info{display:flex;flex-direction:column}.admin-username{font-weight:600;color:var(--text-primary);font-size:.9rem}.admin-email{color:var(--text-muted);font-size:.75rem}.btn-danger{background:linear-gradient(135deg,#c0392b,#a93226);color:#fff}.btn-danger:hover{background:linear-gradient(135deg,#e74c3c,#c0392b)}.loading-text{color:var(--text-muted);font-style:italic;text-align:center;padding:var(--spacing-md)}.account-section{border-top:1px solid var(--border-color);padding-top:var(--spacing-lg);margin-top:var(--spacing-lg)}.account-info{display:flex;flex-direction:column;background:var(--bg-tertiary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md)}.account-username{font-weight:600;color:var(--text-primary);font-size:1rem}.account-email{color:var(--text-muted);font-size:.85rem}.account-buttons{display:flex;gap:var(--spacing-sm)}.account-buttons .btn{flex:1}.password-form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.password-form input{padding:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-game);font-size:.9rem}.password-form input:focus{outline:none;border-color:var(--accent-gold)}.password-form input::placeholder{color:var(--text-muted)}.password-form-buttons{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.password-form-buttons .btn{flex:1}.password-error{background:#c0392b33;border:1px solid #c0392b;color:#e74c3c;padding:var(--spacing-sm);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);font-size:.85rem}.password-success{background:#27ae6033;border:1px solid #27ae60;color:#2ecc71;padding:var(--spacing-sm);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);font-size:.85rem}@media (max-width: 768px){.settings-panel{width:95%;max-width:none;max-height:90vh}.settings-content{padding:var(--spacing-md);overflow-y:auto}.slider-container{flex-wrap:nowrap}.font-slider{min-width:0}.admin-hint code{font-size:.65rem;padding:2px 4px}.add-admin-form{flex-direction:column}.admin-item{flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.admin-item .btn{width:100%}.account-buttons{flex-direction:column}.account-buttons .btn{min-height:44px}.password-form input{font-size:16px;min-height:44px}.password-form-buttons{flex-direction:column}.password-form-buttons .btn{min-height:44px}}@media (max-width: 380px){.settings-panel{width:100%;height:100%;max-height:100%;border-radius:0}}.multiplayer-section{border-top:1px solid var(--border-color);padding-top:var(--spacing-lg);margin-top:var(--spacing-lg)}.host-badge{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}.multiplayer-error{background:#c0392b33;border:1px solid #c0392b;color:#e74c3c;padding:var(--spacing-sm);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);font-size:.85rem}.invite-section{margin-bottom:var(--spacing-lg)}.invite-section h4,.session-toggle-section h4{font-family:var(--font-display);color:var(--text-primary);font-size:.95rem;margin:0 0 var(--spacing-xs) 0}.invite-description,.session-description{color:var(--text-muted);font-size:.85rem;margin:0 0 var(--spacing-md) 0;line-height:1.4}.invite-code-display{display:flex;flex-direction:column;gap:var(--spacing-sm)}.code-box{display:flex;align-items:center;background:var(--bg-tertiary);border:2px solid var(--accent-gold);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.invite-code{flex:1;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;color:var(--accent-gold);letter-spacing:.3rem;text-align:center}.copy-btn{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-sm);cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.copy-btn:hover{background:var(--accent-gold);color:var(--bg-primary);border-color:var(--accent-gold)}.copy-btn.copied{background:#27ae60;color:#fff;border-color:#27ae60}.invite-code-actions{display:flex;gap:var(--spacing-sm)}.invite-code-actions .btn{flex:1}.session-toggle-section{margin-bottom:var(--spacing-md)}.toggle-switch{display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch input{display:none}.toggle-slider{position:relative;width:52px;height:28px;background:var(--bg-tertiary);border-radius:14px;transition:background .3s ease;flex-shrink:0}.toggle-slider:before{content:"";position:absolute;top:4px;left:4px;width:20px;height:20px;background:var(--text-muted);border-radius:50%;transition:all .3s ease}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px);background:#fff}.toggle-label{font-family:var(--font-game);font-weight:600;color:var(--text-secondary);font-size:.9rem}.toggle-switch input:checked~.toggle-label{color:var(--accent-gold)}.participants-info{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:center}.participants-count{color:var(--text-secondary);font-size:.85rem}@media (max-width: 768px){.invite-code{font-size:1.25rem;letter-spacing:.2rem}.code-box{padding:var(--spacing-sm)}.invite-code-actions{flex-direction:column}}.player-list{position:fixed;top:80px;right:16px;z-index:100}.player-list-toggle{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:8px 12px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.player-list-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent-gold)}.player-count{background:var(--accent-gold);color:var(--bg-primary);font-weight:700;font-size:.75rem;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}.expand-icon{transition:transform .2s ease;display:flex}.expand-icon.rotated{transform:rotate(180deg)}.player-list-content{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);min-width:280px;max-width:320px;box-shadow:var(--shadow-lg);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.player-list-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color)}.player-list-header h4{margin:0;font-family:var(--font-display);color:var(--accent-gold);font-size:.9rem}.turn-timer{font-family:Courier New,monospace;font-weight:700;color:var(--text-secondary);background:var(--bg-tertiary);padding:4px 8px;border-radius:var(--radius-sm);font-size:.85rem}.players{max-height:300px;overflow-y:auto;padding:8px}.player-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);transition:background .2s ease}.player-item:hover{background:var(--bg-tertiary)}.player-item.has-turn{background:#8b5cf626;border:1px solid rgba(139,92,246,.3)}.player-item.is-you{border-left:3px solid var(--accent-gold)}.player-avatar{position:relative;flex-shrink:0}.avatar-img{width:36px;height:36px;border-radius:50%;object-fit:cover}.avatar-initials{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent-gold),#b8860b);color:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.online-indicator{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-secondary)}.online-indicator.online{background:#27ae60}.online-indicator.offline{background:#7f8c8d}.player-info{flex:1;min-width:0}.player-name{display:flex;align-items:center;gap:6px}.username{color:var(--text-primary);font-weight:600;font-size:.9rem;cursor:pointer;transition:color .2s}.username:hover{color:var(--accent-gold)}.you-badge{color:var(--text-muted);font-weight:400;font-size:.75rem}.host-icon{color:var(--accent-gold);display:flex}.character-name{color:var(--text-secondary);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.typing-indicator{display:flex;gap:3px;padding-top:4px}.typing-dot{width:5px;height:5px;background:var(--accent-gold);border-radius:50%;animation:typingBounce 1.4s infinite both}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.player-actions{display:flex;align-items:center;gap:8px}.turn-badge{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:.65rem;font-weight:700;padding:3px 8px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}.kick-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:0}.player-item:hover .kick-btn{opacity:1}.kick-btn:hover{background:#c0392b33;color:#e74c3c}@media (max-width: 768px){.player-list{top:auto;bottom:80px;right:12px}.player-list-content{bottom:calc(100% + 8px);top:auto;max-height:50vh}.player-list-toggle{padding:10px}.player-list-toggle svg:last-child{display:none}}@media (max-width: 480px){.player-list-content{position:fixed;left:12px;right:12px;bottom:100px;max-width:none;min-width:auto}}.turn-timer{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:8px 12px;min-width:180px}.turn-timer.your-turn{border-color:var(--accent-gold);background:#d4af371a}.turn-timer.warning{border-color:#f39c12;background:#f39c1226}.turn-timer.critical{border-color:#e74c3c;background:#e74c3c26;animation:timerPulse 1s ease-in-out infinite}@keyframes timerPulse{0%,to{box-shadow:0 0 #e74c3c66}50%{box-shadow:0 0 0 8px #e74c3c00}}.timer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.timer-label{font-size:.8rem;color:var(--text-secondary)}.your-turn-text{color:var(--accent-gold);font-weight:600}.player-turn-text{color:var(--text-secondary)}.timer-countdown{display:flex;align-items:center;gap:6px}.timer-icon{color:var(--text-secondary)}.turn-timer.warning .timer-icon,.turn-timer.warning .timer-value{color:#f39c12}.turn-timer.critical .timer-icon,.turn-timer.critical .timer-value{color:#e74c3c}.timer-value{font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;color:var(--text-primary)}.timer-progress{height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.timer-progress-fill{height:100%;background:var(--accent-gold);border-radius:2px;transition:width 1s linear}.turn-timer.warning .timer-progress-fill{background:#f39c12}.turn-timer.critical .timer-progress-fill{background:#e74c3c}@media (max-width: 768px){.turn-timer{min-width:140px;padding:6px 10px}.timer-label{font-size:.75rem}.timer-value{font-size:.95rem}}.toast-container{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:10px;max-width:400px;width:calc(100% - 32px)}.toast{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:toastSlideIn .3s ease-out}.toast.exiting{animation:toastSlideOut .3s ease-in forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.toast-info{border-left:4px solid #3498db}.toast-info .toast-icon{color:#3498db}.toast-success{border-left:4px solid #27ae60}.toast-success .toast-icon{color:#27ae60}.toast-warning{border-left:4px solid #f39c12;background:#f39c121a}.toast-warning .toast-icon{color:#f39c12}.toast-error{border-left:4px solid #e74c3c;background:#e74c3c1a}.toast-error .toast-icon{color:#e74c3c}.toast-icon{flex-shrink:0;display:flex}.toast-message{flex:1;color:var(--text-primary);font-size:.9rem;line-height:1.4}.toast-close{flex-shrink:0;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;transition:color .2s}.toast-close:hover{color:var(--text-primary)}@media (max-width: 768px){.toast-container{top:70px}.toast{padding:12px 14px}.toast-message{font-size:.85rem}}.profile-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:200;animation:fadeIn .2s ease}.profile-popup{background:var(--bg-secondary);border-radius:var(--radius-lg);width:320px;max-width:90vw;box-shadow:var(--shadow-lg);overflow:hidden;animation:popupSlideIn .3s ease}@keyframes popupSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.profile-popup-loading,.profile-popup-error{padding:24px;text-align:center}.profile-popup-loading{display:flex;align-items:center;justify-content:center;gap:12px}.spinner-small{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--accent-gold);border-radius:50%;animation:spin 1s linear infinite}.profile-background{height:80px;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-card));background-size:cover;background-position:center}.profile-header{display:flex;align-items:flex-start;gap:12px;padding:0 16px 12px;margin-top:-30px;position:relative}.profile-avatar{position:relative;flex-shrink:0}.profile-avatar img{width:60px;height:60px;border-radius:50%;border:3px solid var(--bg-secondary);object-fit:cover}.profile-avatar .avatar-initials{width:60px;height:60px;border-radius:50%;border:3px solid var(--bg-secondary);background:linear-gradient(135deg,var(--accent-gold),#b8860b);color:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem}.profile-avatar .online-status{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border-radius:50%;border:2px solid var(--bg-secondary)}.online-status.online{background:#27ae60}.online-status.offline{background:#7f8c8d}.profile-identity{flex:1;padding-top:35px}.profile-username{margin:0;font-size:1.1rem;color:var(--text-primary)}.status-text{font-size:.8rem}.status-text.online{color:#27ae60}.status-text.offline{color:var(--text-muted)}.close-popup-btn{position:absolute;top:-45px;right:8px;background:#00000080;border:none;color:#fff;font-size:1.5rem;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .2s}.close-popup-btn:hover{background:#000000b3}.profile-bio{padding:0 16px 12px}.profile-bio p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.4}.profile-stats{padding:0 16px 12px;display:flex;gap:16px}.stat-item{font-size:.85rem;color:var(--text-muted)}.stat-item strong{color:var(--text-primary)}.action-message{margin:0 16px 12px;padding:8px 12px;border-radius:var(--radius-sm);font-size:.85rem;text-align:center}.action-message.success{background:#27ae6033;color:#2ecc71;border:1px solid rgba(39,174,96,.3)}.action-message.error{background:#e74c3c33;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.profile-actions{display:flex;gap:8px;padding:12px 16px;background:var(--bg-tertiary);border-top:1px solid var(--border-color);flex-wrap:wrap}.profile-actions .btn{flex:1;min-width:80px}@media (max-width: 480px){.profile-popup{width:calc(100% - 32px);margin:16px}.profile-actions{flex-direction:column}.profile-actions .btn{min-width:auto}}.game-container{display:flex;flex-direction:column;height:100vh;background:var(--bg-primary);overflow:hidden}.game-loading,.game-error-page{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;gap:var(--spacing-md)}.game-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-bottom:2px solid var(--accent-gold);flex-shrink:0}.header-left{display:flex;align-items:center;gap:var(--spacing-md)}.currency-display{display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.currency{display:flex;align-items:center;gap:2px;font-family:var(--font-game);font-size:.85rem;font-weight:600}.currency .currency-icon{font-size:.6rem}.currency.gold{color:gold}.currency.silver{color:silver}.currency.copper{color:#b87333}.header-info{display:flex;flex-direction:column;align-items:center}.location-name{font-family:var(--font-display);color:var(--accent-gold);font-size:1rem}.time-display{font-size:.8rem;color:var(--text-muted);text-transform:capitalize}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.settings-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:var(--spacing-xs);line-height:1;transition:transform .3s ease}.settings-btn:hover{transform:rotate(45deg)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem}.btn.active{background:var(--accent-gold);color:var(--bg-primary)}.combat-banner{background:linear-gradient(90deg,var(--accent-red) 0%,var(--accent-red-light) 50%,var(--accent-red) 100%);color:#fff;text-align:center;padding:var(--spacing-xs);font-family:var(--font-display);font-weight:600;letter-spacing:.1em;animation:combatPulse 2s ease-in-out infinite}@keyframes combatPulse{0%,to{opacity:1}50%{opacity:.8}}.game-main{flex:1;display:flex;overflow:hidden;position:relative}.messages-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.messages-scroll{flex:1;overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.message-label{font-family:var(--font-display);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs);display:block}.message-dm .message-label{color:var(--accent-gold)}.message-player .message-label{color:var(--accent-blue)}.message-narrator .message-label{color:var(--accent-purple)}.message-content{font-family:var(--font-game);font-size:var(--game-font-size, 1.05rem);line-height:1.75;letter-spacing:.01em}.message-content p{margin-bottom:var(--spacing-sm)}.message-content p:last-child{margin-bottom:0}.message-player .message-content{font-weight:500}.message-loading{background:transparent;border:none;padding:var(--spacing-md)}.typing-indicator{display:flex;gap:4px}.typing-indicator span{width:8px;height:8px;background:var(--accent-gold);border-radius:50%;animation:typingBounce 1.4s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}.vital-stats-bar{display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-top:1px solid var(--border-color);flex-shrink:0}.stat-item{flex:1;display:flex;align-items:center;gap:var(--spacing-sm)}.stat-label{font-family:var(--font-display);font-size:.7rem;color:var(--text-muted);width:30px}.stat-item .stat-bar{flex:1;height:16px}.stat-item .stat-bar-label{font-size:.65rem}.game-input{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border-top:1px solid var(--border-color);flex-shrink:0}.game-input input{flex:1;padding:var(--spacing-md);font-family:var(--font-game);font-size:1.05rem;background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-md)}.game-input input:focus{border-color:var(--accent-gold)}.game-input .btn{padding:var(--spacing-md) var(--spacing-xl)}.game-input .end-turn-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);padding:var(--spacing-md) var(--spacing-lg);white-space:nowrap}.game-input .end-turn-btn:hover{background:linear-gradient(135deg,#818cf8,#6366f1)}.game-input-container{display:flex;flex-direction:column;background:var(--bg-secondary);border-top:1px solid var(--border-color);flex-shrink:0}.input-controls{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-md) 0}.ooc-toggle{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-muted);padding:4px 10px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.ooc-toggle:hover{border-color:var(--accent-gold);color:var(--text-secondary)}.ooc-toggle.active{background:linear-gradient(135deg,#059669,#047857);border-color:#059669;color:#fff}.char-counter{font-family:Courier New,monospace;font-size:.75rem;color:var(--text-muted)}.char-counter.warning{color:#f39c12}.char-counter.critical{color:#e74c3c;font-weight:700}.message-ooc{background:#0596691a;border-left:3px solid #059669}.message-ooc .message-label{color:#10b981}.ooc-label{display:flex;align-items:center;gap:6px}.ooc-label:before{content:"";width:8px;height:8px;background:#10b981;border-radius:50%}.clickable-username{cursor:pointer;transition:color .2s,text-decoration .2s}.clickable-username:hover{color:var(--accent-gold);text-decoration:underline}.clickable-username.no-link{cursor:default}.clickable-username.no-link:hover{color:inherit;text-decoration:none}.error-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:var(--accent-red);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;animation:slideUp .3s ease;z-index:1000}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.side-panel{position:absolute;top:0;right:0;width:350px;height:100%;background:var(--bg-secondary);border-left:2px solid var(--accent-gold);display:flex;flex-direction:column;animation:slideIn .3s ease;z-index:10}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.side-panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.side-panel-header h3{margin:0}.side-panel-content{flex:1;overflow-y:auto;padding:var(--spacing-md)}.close-btn{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;padding:0;line-height:1}.close-btn:hover{color:var(--accent-gold)}.quick-actions{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-top:1px solid var(--border-color);flex-wrap:wrap;justify-content:center}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-secondary) 100%);border:1px solid var(--accent-gold);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all .2s ease;max-width:200px;min-width:120px;flex:1 1 auto}.quick-action-btn:hover{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-card) 100%);border-color:var(--accent-gold-light);transform:translateY(-2px);box-shadow:0 4px 12px #c9a22733}.quick-action-btn:active{transform:translateY(0)}.quick-action-text{font-family:var(--font-game);font-size:.9rem;font-weight:500;text-align:center;color:var(--accent-gold);line-height:1.3}.quick-action-detail{font-size:.75rem;color:var(--text-muted);text-align:center}.mobile-menu-btn{display:none;background:none;border:none;color:var(--accent-gold);font-size:1.5rem;padding:var(--spacing-xs);cursor:pointer;min-width:44px;min-height:44px;align-items:center;justify-content:center}.mobile-nav-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;z-index:200;animation:fadeIn .2s ease}.mobile-nav-panel{position:absolute;top:0;right:0;width:280px;max-width:85vw;height:100%;background:var(--bg-secondary);border-left:2px solid var(--accent-gold);display:flex;flex-direction:column;animation:slideIn .3s ease}.mobile-nav-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.mobile-nav-header h3{margin:0;color:var(--accent-gold)}.mobile-nav-content{flex:1;overflow-y:auto;padding:var(--spacing-md)}.mobile-nav-item{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-display);font-size:1rem;text-align:left;cursor:pointer;margin-bottom:var(--spacing-sm);transition:all .2s ease;min-height:56px}.mobile-nav-item:hover,.mobile-nav-item:active{border-color:var(--accent-gold);background:var(--bg-hover)}.mobile-nav-item .nav-icon{font-size:1.25rem;width:32px;text-align:center}.mobile-nav-divider{height:1px;background:var(--border-color);margin:var(--spacing-md) 0}.mobile-nav-item.danger{border-color:var(--accent-red);color:var(--accent-red-light)}@media (max-width: 768px){.game-container{height:100dvh}.game-header{padding:var(--spacing-xs) var(--spacing-sm);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--spacing-xs);overflow:hidden;max-width:100vw}.header-left{justify-self:start}.header-left .btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}.header-info{justify-self:center;text-align:center;min-width:0;overflow:hidden}.header-actions{justify-self:end}.location-name{font-size:.85rem;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.time-display{font-size:.65rem}.currency-display{display:none}.mobile-menu-btn{display:flex}.mobile-nav-overlay.open{display:block}.header-actions .btn-sm:not(.mobile-menu-btn){display:none}.header-actions .settings-btn{display:none}.vital-stats-bar{gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.vital-stats-bar::-webkit-scrollbar{display:none}.stat-item{flex:0 0 auto;min-width:100px;gap:var(--spacing-xs)}.stat-label{width:auto;font-size:.6rem}.stat-item .stat-bar{height:14px;min-width:60px}.stat-item .stat-bar-label{font-size:.55rem}.messages-scroll,.message{padding:var(--spacing-sm)}.message-content{font-size:var(--game-font-size, .95rem);line-height:1.6}.message-player{margin-left:var(--spacing-xs)}.quick-actions{padding:var(--spacing-xs) var(--spacing-sm);gap:var(--spacing-xs)}.quick-action-btn{padding:var(--spacing-xs) var(--spacing-sm);min-width:100px;max-width:150px;min-height:44px}.quick-action-text{font-size:.8rem}.quick-action-detail{font-size:.65rem}.game-input{padding:var(--spacing-sm);gap:var(--spacing-xs)}.game-input input{padding:var(--spacing-sm);font-size:16px;min-height:44px}.game-input .btn{padding:var(--spacing-sm) var(--spacing-md);font-size:.85rem;min-width:70px;min-height:44px}.side-panel{width:100%;border-left:none;border-top:2px solid var(--accent-gold)}.side-panel-header{padding:var(--spacing-sm) var(--spacing-md)}.side-panel-content{padding:var(--spacing-sm)}.error-toast{bottom:80px;left:var(--spacing-sm);right:var(--spacing-sm);transform:none;text-align:center}}@media (max-width: 380px){.currency-display{display:none}.location-name{max-width:120px;font-size:.85rem}.stat-item{min-width:80px}.game-input .btn{padding:var(--spacing-sm);min-width:60px}}@media (max-height: 500px) and (orientation: landscape){.vital-stats-bar{display:none}.game-header,.messages-scroll,.game-input{padding:var(--spacing-xs)}}.auth-landing{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);padding:var(--spacing-lg)}.auth-landing-content{text-align:center;max-width:500px}.auth-logo h1{font-family:var(--font-display);font-size:2.5rem;color:var(--accent-gold);margin:0;text-shadow:0 2px 10px rgba(212,175,55,.3)}.auth-logo .tagline{font-family:var(--font-game);font-size:1rem;color:var(--text-muted);margin-top:var(--spacing-xs);letter-spacing:2px;text-transform:uppercase}.auth-description{margin:var(--spacing-xl) 0}.auth-description p{font-family:var(--font-game);font-size:1.1rem;color:var(--text-secondary);line-height:1.7}.auth-buttons{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.auth-buttons .btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:1.1rem}.auth-features{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.feature{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color)}.feature-icon{font-size:1.25rem}.feature span:last-child{font-family:var(--font-game);font-size:.85rem;color:var(--text-secondary)}@media (max-width: 480px){.auth-logo h1{font-size:2rem}.auth-features{grid-template-columns:1fr}}:root{--bg-primary: #0d0d0d;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--bg-card: #1f1f1f;--bg-hover: #2a2a2a;--text-primary: #e8e6e3;--text-secondary: #b8b5b0;--text-muted: #7b7b7b;--accent-gold: #c9a227;--accent-gold-light: #e6c744;--accent-red: #8b0000;--accent-red-light: #c41e3a;--accent-green: #228b22;--accent-blue: #4169e1;--accent-purple: #6b3fa0;--health-high: #4caf50;--health-mid: #ff9800;--health-low: #f44336;--stamina-color: #2196f3;--hunger-color: #ff5722;--thirst-color: #00bcd4;--border-color: #3a3a3a;--border-gold: #c9a227;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5);--glow-gold: 0 0 10px rgba(201, 162, 39, .3);--font-display: "Cinzel", Georgia, serif;--font-body: "Lora", Georgia, serif;--font-game: "Source Sans 3", "Segoe UI", sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;min-height:100dvh;overscroll-behavior:none}html,body{overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;color:var(--accent-gold);margin-bottom:var(--spacing-md)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}a{color:var(--accent-gold);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-gold-light)}button{font-family:var(--font-display);cursor:pointer;border:none;outline:none;transition:all .2s ease}input,select,textarea{font-family:var(--font-body);font-size:1rem;background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);transition:border-color .2s ease}input:focus,select:focus,textarea:focus{border-color:var(--accent-gold);outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--accent-gold) 0%,#a88620 100%);color:var(--bg-primary);border:2px solid var(--accent-gold)}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-gold-light) 0%,var(--accent-gold) 100%);box-shadow:var(--glow-gold);transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--accent-gold);border:2px solid var(--accent-gold)}.btn-secondary:hover{background:#c9a2271a}.btn-danger{background:var(--accent-red);color:var(--text-primary);border:2px solid var(--accent-red-light)}.btn-danger:hover{background:var(--accent-red-light)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.card-gold{border-color:var(--border-gold);box-shadow:var(--shadow-md),var(--glow-gold)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);color:var(--text-secondary);font-weight:600}.form-group input,.form-group select,.form-group textarea{width:100%}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.text-center{text-align:center}.text-gold{color:var(--accent-gold)}.text-muted{color:var(--text-muted)}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stat-bar{width:100%;height:20px;background:var(--bg-secondary);border-radius:var(--radius-sm);overflow:hidden;position:relative}.stat-bar-fill{height:100%;transition:width .3s ease}.stat-bar-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.stat-bar.health .stat-bar-fill{background:var(--health-high)}.stat-bar.health.mid .stat-bar-fill{background:var(--health-mid)}.stat-bar.health.low .stat-bar-fill{background:var(--health-low)}.stat-bar.stamina .stat-bar-fill{background:var(--stamina-color)}.stat-bar.hunger .stat-bar-fill{background:var(--hunger-color)}.stat-bar.thirst .stat-bar-fill{background:var(--thirst-color)}.message{padding:var(--spacing-md);margin-bottom:var(--spacing-sm);border-radius:var(--radius-md);line-height:1.7}.message-dm{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);border-left:4px solid var(--accent-gold)}.message-player{background:var(--bg-card);border-left:4px solid var(--accent-blue);margin-left:var(--spacing-lg)}.message-narrator{background:transparent;border-left:4px solid var(--accent-purple);font-style:italic;color:var(--text-secondary)}.message-system{background:#c9a2271a;border:1px dashed var(--accent-gold);text-align:center;font-size:.9rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message{animation:fadeIn .3s ease}@media (pointer: coarse){button,.btn,input,select,textarea{min-height:44px}input,select,textarea{font-size:16px}}@media (max-width: 768px){:root{--spacing-lg: 1rem;--spacing-xl: 1.5rem}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}.btn{padding:var(--spacing-sm) var(--spacing-md);font-size:.85rem}.message-player{margin-left:var(--spacing-sm)}}@media (max-width: 480px){h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}.card{padding:var(--spacing-md)}}@media (max-width: 768px){::-webkit-scrollbar{width:4px;height:4px}}@supports (padding: max(0px)){.game-container{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));padding-bottom:max(0px,env(safe-area-inset-bottom))}}