:root{--primary: #4a3f6b;--secondary: #7c6aad;--accent: #c9a227;--background: #1a1625;--surface: #2d2640;--text: #c9a227;--text-muted: #9a94a8;--danger: #d64045;--success: #4caf50;--bonus: #e070c0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--background);color:#c9a227;min-height:100vh;line-height:1.6}.app{max-width:900px;margin:0 auto;padding:20px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--surface)}.header h1{color:var(--accent);font-size:1.8rem}.header-controls{display:flex;gap:15px;align-items:center}.header-logo{width:160px;height:160px;border-radius:12px;object-fit:contain}.language-selector{display:flex;gap:5px;align-items:center}.language-selector span{color:var(--text-muted);font-size:.9rem}.language-selector button{background:var(--surface);border:1px solid var(--secondary);color:var(--text-muted);padding:6px 12px;border-radius:4px;cursor:pointer;transition:all .2s}.language-selector button:hover{background:var(--primary)}.language-selector button.active{background:var(--primary);color:var(--accent);border-color:var(--accent)}.card{background:var(--surface);border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 4px 6px #0000004d}.card h2{color:var(--accent);font-size:1.3rem;margin-bottom:15px;border-bottom:1px solid var(--primary);padding-bottom:10px}.card h3{color:var(--secondary);font-size:1rem;margin-bottom:10px}.card.row{display:flex;gap:15px;flex-wrap:wrap}.card.row .form-group{flex:1;min-width:100px;margin-bottom:0}.card .form-group.flex-id{flex:0 0 auto;min-width:auto}.card .form-group.flex-1{flex:1}.race-class-row{display:flex;gap:20px}.race-class-row .form-group{flex:1}.zodiac-row{display:flex;gap:15px;flex-wrap:wrap}.zodiac-row .zodiac-section{flex:1;min-width:150px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;color:var(--text-muted);font-size:.9rem}.form-group.label-inline>label,.form-group>label.label-inline{display:inline;margin-right:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px;background:var(--background);border:1px solid var(--primary);border-radius:6px;color:var(--text);font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent)}.form-group textarea{resize:vertical;min-height:80px}.select-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.select-btn{background:var(--background);border:2px solid var(--primary);color:var(--text-muted);padding:12px;border-radius:8px;cursor:pointer;transition:all .2s;font-size:.9rem}.select-btn:hover:not(.disabled){border-color:var(--secondary);background:var(--primary)}.select-btn.selected{border-color:var(--accent);background:var(--primary);color:var(--accent)}.select-btn.disabled{opacity:.4;cursor:not-allowed}.gnome-hint{color:var(--secondary);font-size:.85rem;margin-bottom:10px;font-style:italic}.gnome-hint-inline{color:var(--secondary);font-size:.75rem;margin-left:8px;font-style:italic}.zodiac-section{margin-bottom:15px}.zodiac-hint{font-size:.75rem;color:var(--text-muted);margin-bottom:6px;font-style:italic}.zodiac-select{background:var(--background);border:1px solid var(--primary);color:var(--text);padding:8px 12px;border-radius:6px;font-size:.95rem;width:100%}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-row{display:flex;flex-direction:column;align-items:center;padding:10px;background:var(--background);border-radius:8px}.stat-row .stat-controls{display:flex;align-items:center;gap:8px;margin-top:5px}.stat-name{min-width:100px;font-weight:500}.stat-controls{display:flex;align-items:center;gap:10px}.stat-btn{width:32px;height:32px;border-radius:6px;border:1px solid var(--primary);background:var(--surface);color:var(--text);font-size:1.2rem;cursor:pointer;transition:all .2s}.stat-btn:hover:not(:disabled){background:var(--primary);border-color:var(--secondary)}.stat-btn:disabled{opacity:.3;cursor:not-allowed}.stat-value{min-width:80px;text-align:center}.skills-carousel{margin-bottom:15px}.skills-carousel label{display:block;margin-bottom:8px;color:var(--text-muted);font-size:.9rem}.carousel-container{overflow-x:auto;padding-bottom:10px}.carousel{display:flex;gap:10px;min-width:max-content}.slot-card{flex:0 0 100px;height:100px;background:var(--background);border:2px solid var(--primary);border-radius:8px;padding:8px;display:flex;align-items:center;justify-content:center}.slot-input{width:100%;height:100%;background:transparent;border:none;color:var(--text);text-align:center;font-size:.85rem;resize:none;outline:none}.slot-input::placeholder{color:var(--text-muted);opacity:.5}.slot-image-wrapper{width:100%;height:100%;position:relative}.slot-image{width:100%;height:100%;object-fit:cover;border-radius:4px}.slot-remove{position:absolute;top:-5px;right:-5px;width:20px;height:20px;border-radius:50%;background:var(--danger);color:#fff;border:none;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}.slot-upload{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px dashed var(--primary);border-radius:6px;transition:all .2s}.slot-upload:hover{border-color:var(--accent)}.slot-upload input{display:none}.slot-plus{font-size:2rem;color:var(--text-muted)}.slot-upload:hover .slot-plus{color:var(--accent)}.stat-total{font-size:1.1rem;font-weight:700;color:var(--accent)}.stat-details-btn{cursor:pointer;padding:4px 8px;border-radius:4px;background:var(--glass-bg);border:1px solid var(--glass-border)}.stat-details-btn:active{background:var(--primary)}.stat-bonus{color:var(--bonus);font-size:.85rem}.class-bonus{color:var(--success);font-size:.85rem}.points-display{background:var(--background);padding:10px;border-radius:8px;margin-bottom:15px}.points-display p{margin:0;text-align:center}.actions{display:flex;gap:10px;margin-top:15px}.btn{padding:10px 20px;border-radius:6px;border:none;cursor:pointer;font-size:.95rem;transition:all .2s}.btn-primary{background:var(--primary);color:var(--accent)}.btn-primary:hover{background:var(--secondary)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--primary)}.btn-secondary:hover{background:var(--primary)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#b83038}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#3d8b40}.btn:disabled{opacity:.5;cursor:not-allowed}.dice-controls{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:15px}.dice-count-selector{display:flex;align-items:center;gap:10px}.dice-selector{flex:1;min-width:200px}.dice-selector label{display:block;margin-bottom:8px;color:var(--text-muted)}.dice-grid{display:flex;gap:8px;flex-wrap:wrap}.dice-btn{padding:8px 16px;background:var(--background);border:2px solid var(--primary);color:var(--text-muted);border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.dice-btn:hover{border-color:var(--secondary)}.dice-btn.active{background:var(--primary);border-color:var(--accent);color:var(--accent)}.dice-check{display:flex;gap:20px;margin-bottom:15px;flex-wrap:wrap}.check-field{display:flex;align-items:center;gap:10px}.check-field label{color:var(--text-muted)}.modifier-control{display:flex;align-items:center;gap:8px}.modifier-value{min-width:40px;text-align:center;font-weight:700;color:var(--accent)}.roll-main-btn{width:100%;padding:15px;font-size:1.1rem;margin-bottom:15px}.dice-result{background:var(--background);padding:20px;border-radius:10px;text-align:center;margin-bottom:15px}.dice-values{font-size:2rem;font-weight:700;margin-bottom:10px}.dice-value-single{display:inline-block;margin:0 5px;padding:5px 15px;background:var(--surface);border-radius:6px;color:var(--accent)}.dice-calculation{font-size:1.2rem;color:var(--text-muted)}.final-total{color:var(--accent);font-size:1.4rem}.check-result{margin-top:10px;padding:10px;border-radius:6px;font-weight:700}.check-result.success{background:#4caf5033;color:var(--success)}.check-result.fail{background:#d6404533;color:var(--danger)}.crit-text{display:block;margin-top:10px;font-size:1.2rem;font-weight:700;color:var(--accent)}.crit-doubled .dice-values{color:var(--accent)}.dice-history{background:var(--background);border-radius:8px;padding:15px}.dice-history h4{margin-bottom:10px;color:var(--text-muted)}.history-item{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid var(--surface)}.history-item:last-child{border-bottom:none}.history-item.success{background:#4caf501a}.history-item.fail{background:#d640451a}.history-result{font-size:1.2rem}.history-time{color:var(--text-muted);font-size:.85rem}.map-card{position:relative}.map-container{position:relative;width:100%;overflow:hidden;border-radius:8px;cursor:crosshair}.map-image{width:100%;height:auto;display:block}.map-point{position:absolute;transform:translate(-50%,-50%);cursor:pointer}.point-marker{display:block;width:20px;height:20px;background:var(--accent);border:2px solid var(--surface);border-radius:50%;box-shadow:0 2px 6px #00000080}.point-marker:hover{transform:scale(1.2)}.map-point.adding .point-marker{background:var(--secondary);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.point-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--surface);color:var(--text);padding:4px 8px;border-radius:4px;font-size:.8rem;white-space:nowrap;opacity:0;transition:opacity .2s;pointer-events:none;margin-bottom:5px}.map-point:hover .point-tooltip{opacity:1}.map-actions{display:flex;gap:10px;align-items:center;margin-top:15px}.click-hint{color:var(--secondary);font-size:.9rem}.location-form{margin-top:15px;padding:15px;background:var(--background);border-radius:8px}.form-row{display:flex;gap:15px;flex-wrap:wrap}.form-group.small{flex:1;min-width:100px}.form-group.small input[type=range]{width:100%}.locations-list{margin-top:15px}.locations-list h4{margin-bottom:10px;color:var(--text-muted)}.location-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:var(--background);border-radius:6px;margin-bottom:8px;cursor:pointer;transition:background .2s}.location-item:hover{background:var(--primary)}.btn-icon{background:transparent;border:none;color:var(--danger);cursor:pointer;font-size:1.2rem;padding:4px 8px}.btn-icon:hover{color:#ff6b6b}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--surface);padding:25px;border-radius:12px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.class-info-section{margin:15px 0;padding:10px;background:var(--background);border-radius:8px}.class-info-section h4{color:var(--accent);margin-bottom:8px}.class-info-section ul{list-style:none;padding:0}.class-info-section li{padding:5px 0;color:var(--text)}.modal-content h3{color:var(--accent);margin-bottom:15px}.modal-actions{display:flex;gap:10px;margin-top:20px;justify-content:flex-end}.location-coords{color:var(--text-muted);font-size:.9rem}.location-description{margin:15px 0;color:var(--text)}.share-card{text-align:center}.share-desc{color:var(--text-muted);margin-bottom:15px}.share-actions{display:flex;gap:10px;justify-content:center}.import-btn{display:inline-block}.master-panel{border:2px solid var(--primary);border-radius:12px;padding:5px;margin-top:30px}.master-login{display:flex;flex-direction:column;gap:10px;max-width:300px;margin:0 auto}.master-login input{padding:10px;background:var(--background);border:1px solid var(--primary);border-radius:6px;color:var(--text)}.master-login .error{color:var(--danger);font-size:.9rem}.characters-list{display:flex;flex-direction:column;gap:10px}.character-card{display:flex;justify-content:space-between;align-items:center;padding:15px;background:var(--background);border-radius:8px}.character-info h4{color:var(--accent);margin-bottom:5px}.character-info p{color:var(--text-muted);font-size:.9rem}.character-actions{display:flex;gap:8px}.id-display{font-family:monospace;font-size:1.1rem;color:var(--accent);background:var(--background);padding:8px 12px;border-radius:6px;display:inline-block}.card.flex-id{display:flex;justify-content:space-between;align-items:center}.card.flex-id .form-group,.card.flex-id label{margin-bottom:0}.row{display:flex;gap:20px}.row .form-group{flex:1}@media (max-width: 900px){.header-logo{width:120px;height:120px}}@media (max-width: 600px){.app{padding:8px;font-size:14px}.header{flex-direction:column;gap:10px;text-align:center;padding:10px 0}.header h1{font-size:1.4rem}.header-logo{width:100px;height:100px}.header-controls{flex-wrap:wrap;justify-content:center}.card{padding:12px;border-radius:8px}.card h2{font-size:1.1rem}.select-grid{grid-template-columns:repeat(2,1fr);gap:8px}.select-btn{padding:8px;font-size:.85rem}.dice-controls,.dice-check{flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-row{padding:8px}.stat-name{font-size:.85rem;min-width:60px}.stat-btn{width:28px;height:28px;font-size:1rem}.form-row{flex-direction:column}.character-card{flex-direction:column;gap:8px;padding:10px}.race-class-row,.zodiac-row{flex-direction:column}.zodiac-row .zodiac-section{min-width:100%}.card.row{flex-direction:column;gap:10px}.card.row .form-group{width:100%}.actions{flex-direction:column}.btn{width:100%;padding:12px}.roll-main-btn{padding:15px;font-size:1rem}.dice-result{padding:15px}.dice-values{font-size:1.5rem}.dice-calculation{font-size:1rem}.scroll-btn{width:36px;height:36px;font-size:1rem}.scroll-up{top:180px}.scroll-down{top:230px}.carousel{gap:8px}.slot-card{flex:0 0 80px;height:80px}.master-panel .card{padding:10px}.modal-content{padding:15px;border-radius:8px}.map-container{max-height:300px}.share-actions{flex-direction:column}.language-selector button{padding:6px 10px;font-size:.85rem}}@media (max-width: 400px){.stats-grid,.select-grid{grid-template-columns:1fr}.header-logo{width:80px;height:80px}.slot-card{flex:0 0 70px;height:70px}}.scroll-btn{position:fixed;right:20px;width:40px;height:40px;border-radius:50%;border:2px solid var(--primary);background:var(--surface);color:var(--accent);font-size:1.2rem;cursor:pointer;transition:all .2s;z-index:100;display:flex;align-items:center;justify-content:center}.scroll-btn:hover{background:var(--primary);border-color:var(--accent)}.scroll-up{top:100px}.scroll-down{top:160px}.race-bonus{color:var(--bonus);font-size:.85rem}.stat-total{cursor:help}