html,body,#root{margin:0;padding:0;height:100%}*{box-sizing:border-box;margin:0;padding:0}body{background:#1a120b;color:#e8d5b7;font-family:Segoe UI,system-ui,sans-serif}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app--embedded{height:100%}.controls{padding:.75rem 1.5rem;background:linear-gradient(180deg,#3b2314,#2a1a0e);border-bottom:2px solid #5c3a1e;z-index:10;display:flex;align-items:center;justify-content:center;gap:1.5rem}.controls-top{position:absolute;right:1rem;top:.5rem;text-align:right}.controls-top-row{display:flex;align-items:center;gap:.6rem;justify-content:flex-end}.controls h1{font-size:.85rem;margin:0;color:#d4a043}.instagram-link{font-size:.7rem;color:#a08060;text-decoration:none}.instagram-link:hover{color:#d4a043}.event-info{font-size:.7rem;color:#a08060}.controls-buttons{display:flex;gap:.75rem;justify-content:center;align-items:center}.btn-set-faces{padding:.4rem 1rem;font-size:.85rem;font-weight:600;color:#e8d5b7;background:#4a2c17;border:1px solid #7a4a2a;border-radius:8px;cursor:pointer;transition:background .2s}.btn-set-faces:hover{background:#5c3a1e}.btn-set-faces:disabled{opacity:.5;cursor:not-allowed}.dialog-overlay{position:fixed;inset:0;background:#000000b3;z-index:100;display:flex;align-items:center;justify-content:center}.dialog{background:linear-gradient(135deg,#3b2314,#2a1a0e);border:2px solid #7a4a2a;border-radius:12px;padding:1.5rem;width:480px;max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem);display:flex;flex-direction:column}.dialog h2{font-size:1.2rem;color:#d4a043;text-align:center;margin-bottom:1rem}.dialog-faces{display:flex;flex-direction:column;gap:.4rem;overflow-y:auto;max-height:50vh;margin-bottom:.75rem}.dialog-face-row{display:flex;align-items:center;gap:.5rem}.dialog-face-row label{width:2.5rem;font-size:.85rem;color:#a08060;text-align:right;flex-shrink:0}.dialog-face-row input{flex:1;padding:.4rem .5rem;border:1px solid #5c3a1e;border-radius:6px;background:#1a120b;color:#e8d5b7;font-size:.9rem}.dialog-face-row input:focus{outline:none;border-color:#d4a043}.icon-picker-btn{width:2.4rem;height:2.4rem;font-size:1.2rem;background:#1a120b;border:1px solid #5c3a1e;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0}.icon-picker-btn:hover{border-color:#d4a043}.icon-dialog-overlay{z-index:200}.icon-dialog{background:linear-gradient(135deg,#3b2314,#2a1a0e);border:2px solid #7a4a2a;border-radius:12px;padding:1.2rem;max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem);display:flex;flex-direction:column}.icon-dialog h3{font-size:1rem;color:#d4a043;text-align:center;margin-bottom:.8rem;flex-shrink:0}.icon-picker-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:.3rem;overflow-y:auto;max-height:60vh}.icon-option{width:2.4rem;height:2.4rem;font-size:1.3rem;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.icon-option:hover{background:#d4a04333;border-color:#d4a043}.icon-option.selected{background:#d4a0434d;border-color:#d4a043}.dice-tab-bar{display:flex;gap:.4rem;margin-bottom:.75rem;flex-wrap:wrap}.dice-tab{display:flex;align-items:center;border:1px solid #5c3a1e;border-radius:6px;overflow:hidden;transition:all .15s}.dice-tab.active{border-color:#d4a043}.dice-tab-btn{padding:.35rem .7rem;font-size:.8rem;font-weight:600;background:#1a120b;border:none;color:#a08060;cursor:pointer;transition:all .15s}.dice-tab.active .dice-tab-btn{background:#8b4513;color:#fff}.dice-tab-btn:hover{color:#e8d5b7}.dice-tab-remove{padding:.35rem .4rem;font-size:.7rem;background:#1a120b;border:none;border-left:1px solid #5c3a1e;color:#a08060;cursor:pointer;transition:all .15s}.dice-tab.active .dice-tab-remove{background:#6b3310}.dice-tab-remove:hover{color:#ff6b6b;background:#3a1a0a}.dice-tab-add{padding:.35rem .7rem;font-size:.8rem;font-weight:600;background:transparent;border:2px dashed #5c3a1e;border-radius:6px;color:#a08060;cursor:pointer;transition:all .15s}.dice-tab-add:hover{border-color:#d4a043;color:#d4a043}.dice-type-selector{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.btn-dice-type{padding:.4rem 1rem;font-size:.95rem;font-weight:700;background:#1a120b;border:1px solid #5c3a1e;border-radius:6px;color:#a08060;cursor:pointer;transition:all .15s}.btn-dice-type:hover{border-color:#7a4a2a;color:#e8d5b7}.btn-dice-type.active{background:#8b4513;border-color:#d4a043;color:#fff}.dialog-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-cancel{padding:.5rem 1.2rem;font-size:.9rem;background:transparent;border:1px solid #5c3a1e;border-radius:6px;color:#a08060;cursor:pointer}.btn-cancel:hover{border-color:#e8d5b7;color:#e8d5b7}.btn-save{padding:.5rem 1.2rem;font-size:.9rem;font-weight:600;background:#8b4513;border:none;border-radius:6px;color:#fff;cursor:pointer}.btn-save:hover{background:sienna}.btn-roll{display:block;padding:.8rem 3rem;font-size:1.3rem;font-weight:700;color:#fff;background:linear-gradient(180deg,sienna,#8b4513);border:2px solid #d4a043;border-radius:8px;cursor:pointer;transition:background .2s,transform .1s}.btn-roll:hover{background:linear-gradient(180deg,#b5652a,sienna)}.btn-roll:active{transform:scale(.97)}.btn-roll:disabled{opacity:.5;cursor:not-allowed}.scene-row{flex:1;display:flex;min-height:0}.scene-container{flex:1;position:relative;min-width:0}.result{position:absolute;left:50%;z-index:10;display:flex;align-items:center;gap:.4rem;pointer-events:none}.result-big{top:68%;transform:translate(-50%,-50%);animation:resultAppear .5s cubic-bezier(.22,1,.36,1)}.result-big .result-text{font-size:3.5rem;padding:1rem 3rem;text-shadow:0 0 30px rgba(212,160,67,.8),0 0 60px rgba(212,160,67,.4);border:3px solid #d4a043;box-shadow:0 0 40px #d4a0434d,inset 0 0 20px #d4a0431a;animation:goldenPulse 1.5s ease-in-out infinite alternate}.result-small{bottom:2rem;top:auto;transform:translate(-50%);animation:resultToBottom .6s cubic-bezier(.22,1,.36,1)}.result-small .result-text{font-size:2rem;padding:.6rem 2rem}@keyframes resultAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}50%{transform:translate(-50%,-50%) scale(1.1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes resultToBottom{0%{opacity:.5;transform:translate(-50%) scale(1.4)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes resultAppearMobile{0%{opacity:0;transform:translate(-50%) scale(.3)}50%{transform:translate(-50%) scale(1.1)}to{opacity:1;transform:translate(-50%) scale(1)}}.result-text{font-weight:800;color:#d4a043;background:#1a120beb;border-radius:12px;border:2px solid #d4a043;white-space:nowrap;max-width:calc(100vw - 4rem);overflow:hidden;text-overflow:ellipsis}.result-separator{color:#7a4a2a}.result-multi{display:flex;flex-direction:column;gap:.3rem}.result-row{display:flex;align-items:center;gap:.5rem}.result-die-name{font-size:.6em;color:#a08060;font-weight:600;min-width:4em;text-align:right}.dice-name-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.dice-name-row label{font-size:.85rem;color:#a08060;flex-shrink:0}.dice-name-row input{flex:1;padding:.35rem .5rem;border:1px solid #5c3a1e;border-radius:6px;background:#1a120b;color:#e8d5b7;font-size:.9rem}.dice-name-row input:focus{outline:none;border-color:#d4a043}@keyframes goldenPulse{0%{text-shadow:0 0 20px rgba(212,160,67,.6),0 0 40px rgba(212,160,67,.3)}to{text-shadow:0 0 40px rgba(255,215,0,.9),0 0 80px rgba(255,215,0,.5),0 0 120px rgba(255,180,0,.3)}}.result-close{background:#1a120be6;border:2px solid #d4a043;border-radius:50%;color:#d4a043;width:2rem;height:2rem;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;pointer-events:auto}.result-close:hover{background:#8b4513;color:#fff}.roll-params-section{margin-bottom:1rem;padding:.6rem .8rem;background:#00000040;border:1px solid #5c3a1e;border-radius:8px}.roll-params-title{font-size:.85rem;color:#a08060;margin-bottom:.4rem}.roll-param-checkbox{display:flex;align-items:center;gap:.5rem;padding:.2rem 0;cursor:pointer;font-size:.9rem;color:#e8d5b7}.roll-param-checkbox input[type=checkbox]{accent-color:#d4a043;width:1rem;height:1rem}.preroll-overlay{position:fixed;inset:0;background:#00000059;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center}.preroll-container{background:linear-gradient(135deg,#3b2314d9,#2a1a0ed9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid #7a4a2a;border-radius:12px;padding:1.5rem 2rem;min-width:340px;text-align:center;-webkit-user-select:none;user-select:none}.preroll-container h2{font-size:1.2rem;color:#d4a043;margin-bottom:.3rem}.preroll-hint{font-size:.85rem;color:#a08060;margin-bottom:1.2rem}.selector-line-wrap{display:flex;flex-direction:column;align-items:center;gap:.4rem}.selector-label{font-size:.9rem;color:#d4a043;font-weight:600}.selector-line-labels{display:flex;justify-content:space-between;width:300px;font-size:.8rem;color:#a08060}.selector-line{width:300px;height:50px;background:linear-gradient(90deg,#2a1a0e,#d4a043);border:2px solid #7a4a2a;border-radius:8px;cursor:crosshair;position:relative;overflow:hidden}.selector-square-wrap{display:flex;flex-direction:column;align-items:center;gap:.3rem}.selector-square-label-top,.selector-square-label-bottom{font-size:.8rem;color:#a08060}.selector-square-row{display:flex;align-items:center;gap:.5rem}.selector-square-label-left,.selector-square-label-right{font-size:.75rem;color:#a08060;writing-mode:vertical-lr;text-orientation:mixed;white-space:nowrap;min-width:1.2em}.selector-square-label-left{transform:rotate(180deg)}.selector-square{width:280px;height:280px;background:linear-gradient(135deg,#2a1a0e,#5c3a1e,#d4a043);border:2px solid #7a4a2a;border-radius:8px;cursor:crosshair;position:relative;overflow:hidden}.selector-triangle-wrap{display:flex;justify-content:center}.selector-triangle{width:280px;height:280px;cursor:crosshair;overflow:visible}.selector-cursor{position:absolute;width:16px;height:16px;background:#d4a043;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 10px #d4a043cc}.history-panel{width:280px;flex-shrink:0;background:linear-gradient(180deg,#2a1a0e,#1a120b);border-left:2px solid #5c3a1e;display:flex;flex-direction:column;overflow:hidden}.history-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #5c3a1e;flex-shrink:0;padding-right:.5rem}.history-title{font-size:.95rem;color:#d4a043;padding:.75rem 1rem;margin:0}.history-hide{background:transparent;border:none;color:#a08060;font-size:1rem;cursor:pointer;padding:.3rem;line-height:1}.history-hide:hover{color:#e8d5b7}.history-show{display:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:2.5rem;height:2.5rem;font-size:1.3rem;background:linear-gradient(135deg,#3b2314,#2a1a0e);border:2px solid #d4a043;border-radius:8px;cursor:pointer;align-items:center;justify-content:center;z-index:20}.history-list{flex:1;overflow-y:auto;padding:.5rem}.history-empty{text-align:center;color:#a08060;font-size:.85rem;padding:2rem .5rem}.history-entry{padding:.5rem;border-bottom:1px solid rgba(92,58,30,.5)}.history-time{font-size:.7rem;color:#a08060;margin-bottom:.2rem}.history-results{display:flex;flex-direction:column;gap:.1rem}.history-result-item{font-size:.85rem;color:#e8d5b7}.history-die-name{font-size:.75rem;color:#a08060}.history-clear{display:block;width:100%;margin-top:.5rem;padding:.5rem;font-size:.8rem;color:#a08060;background:transparent;border:1px solid #5c3a1e;border-radius:6px;cursor:pointer;transition:all .15s}.history-clear:hover{color:#e8d5b7;border-color:#7a4a2a}.history-toggle{display:none;position:fixed;bottom:1rem;right:1rem;width:3rem;height:3rem;font-size:1.5rem;background:linear-gradient(135deg,#3b2314,#2a1a0e);border:2px solid #d4a043;border-radius:50%;cursor:pointer;z-index:50;box-shadow:0 2px 10px #00000080}.history-dialog-overlay{z-index:150}.history-dialog{background:linear-gradient(135deg,#3b2314,#2a1a0e);border:2px solid #7a4a2a;border-radius:12px;padding:1rem;width:90vw;max-width:400px;max-height:80vh;display:flex;flex-direction:column}.history-dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.history-dialog .history-list{overflow-y:auto}@media(max-width:600px){.controls{flex-direction:column;padding:.5rem .75rem .75rem;position:relative;min-height:auto}.controls-top{position:static;text-align:center;margin-bottom:.4rem}.controls-top-row{justify-content:center;flex-wrap:wrap}.controls-buttons{margin-top:.2rem}.result{max-width:calc(100vw - 1rem)}.result-big{top:auto;bottom:1rem;transform:translate(-50%);animation:resultAppearMobile .5s cubic-bezier(.22,1,.36,1)}.result-big .result-text{font-size:1.6rem;padding:.6rem 1.2rem}.result-small{bottom:5rem}.result-small .result-text{font-size:1.2rem;padding:.4rem 1rem}.result-text{white-space:normal;word-break:break-word;max-width:calc(100vw - 2rem)}.result-die-name{min-width:auto}.result-row{flex-wrap:wrap}.history-panel{display:none}.history-show{display:none!important}.history-toggle{display:flex;align-items:center;justify-content:center}}@media(min-width:601px){.history-show{display:flex}}.btn-settings{padding:.5rem .7rem;font-size:1.1rem;background:linear-gradient(180deg,#3b2314,#2a1a0e);border:2px solid #5c3a1e;border-radius:8px;color:#a08060;cursor:pointer;transition:all .15s;line-height:1}.btn-settings:hover{color:#d4a043;border-color:#d4a043}.desktop-only{display:inline-flex}.mobile-only{display:none}.settings-toggle{display:none;position:fixed;bottom:1rem;right:4.5rem;width:3rem;height:3rem;font-size:1.5rem;background:linear-gradient(135deg,#3b2314,#2a1a0e);border:2px solid #d4a043;border-radius:50%;cursor:pointer;z-index:50;box-shadow:0 2px 10px #00000080;color:#e8d5b7;align-items:center;justify-content:center}.settings-dialog{background:linear-gradient(135deg,#3b2314,#2a1a0e);border:2px solid #7a4a2a;border-radius:12px;padding:1.5rem;width:320px;max-width:calc(100vw - 2rem)}.settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.settings-header h2{font-size:1.1rem;color:#d4a043;margin:0}.settings-body{display:flex;flex-direction:column;gap:1.2rem}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.settings-label{font-size:.95rem;color:#e8d5b7}.settings-lang-buttons{display:flex;gap:.4rem}.btn-lang{padding:.4rem .8rem;font-size:.85rem;font-weight:600;background:transparent;border:2px solid #5c3a1e;border-radius:6px;color:#a08060;cursor:pointer;transition:all .15s}.btn-lang:hover{border-color:#d4a043;color:#d4a043}.btn-lang.active{background:linear-gradient(180deg,sienna,#8b4513);border-color:#d4a043;color:#fff}.btn-donate{display:inline-block;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;color:#fff;background:linear-gradient(180deg,sienna,#8b4513);border:2px solid #d4a043;border-radius:8px;text-decoration:none;transition:all .15s;text-align:center;width:100%}.btn-donate:hover{background:linear-gradient(180deg,#b0623d,#9b5523)}@media(max-width:600px){.desktop-only{display:none!important}.mobile-only{display:flex;top:120px;right:15px}.settings-toggle{display:flex;align-items:center;justify-content:center}}.landing{min-height:100vh;background:#1a120b;color:#e8d5b7;font-family:Segoe UI,system-ui,sans-serif}.landing-hero{text-align:center;padding:2.5rem 1.5rem 1rem}.landing-hero h1{font-size:2.2rem;color:#d4a043;margin-bottom:.5rem}.landing-hero p{font-size:1.1rem;color:#a08060}.landing-app-container{width:100%;max-width:900px;height:500px;margin:0 auto;border:2px solid #5c3a1e;border-radius:12px;overflow:hidden;background:#1a120b}.landing-app-actions{text-align:center;padding:1.2rem 1.5rem}.btn-open-app{display:inline-block;padding:.7rem 2rem;font-size:1.1rem;font-weight:700;color:#fff;background:linear-gradient(180deg,sienna,#8b4513);border:2px solid #d4a043;border-radius:8px;text-decoration:none;transition:background .2s}.btn-open-app:hover{background:linear-gradient(180deg,#b5652a,sienna)}.landing-features{max-width:900px;margin:0 auto;padding:2rem 1.5rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.feature-card{background:linear-gradient(135deg,#2a1a0e,#1f150a);border:1px solid #5c3a1e;border-radius:12px;padding:1.5rem;text-align:center}.feature-card-icon{font-size:2rem;margin-bottom:.75rem}.feature-card h3{font-size:1.05rem;color:#d4a043;margin-bottom:.5rem}.feature-card p{font-size:.9rem;color:#a08060;line-height:1.5}.landing-donate{max-width:500px;margin:1rem auto 0;padding:2rem 1.5rem;text-align:center}.landing-donate h2{font-size:1.3rem;color:#d4a043;margin-bottom:.5rem}.landing-donate p{color:#a08060;margin-bottom:1rem;font-size:.95rem}.landing-donate .btn-donate{width:auto;display:inline-block;padding:.7rem 2rem}.landing-footer{text-align:center;padding:2rem 1.5rem;color:#5c3a1e;font-size:.85rem;border-top:1px solid #2a1a0e}@media(max-width:600px){.landing-app-container{height:400px;border-radius:0;border-left:none;border-right:none}.landing-features{grid-template-columns:1fr}.landing-hero h1{font-size:1.6rem}}