@font-face{font-family:Cinzel;src:url(/fonts/cinzel-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Cinzel;src:url(/fonts/cinzel-700.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Lora;src:url(/fonts/lora-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Lora;src:url(/fonts/lora-700.woff2) format("woff2");font-weight:700;font-display:swap}:root{--bg-deep: #0f0a06;--bg-pergament: #1a1208;--bg-pergament-light: #241810;--bg-elevated: #2a1d12;--border-gold: #4a3a1a;--border-gold-bright: #6b5226;--gold: #d4af37;--gold-bright: #e9c759;--gold-dim: #a08428;--text-main: #e9d8a6;--text-dim: #b39a6e;--text-muted: #7a6a4a;--red-blood: #8b1a1a;--green-life: #4a7c2a;--shadow-deep: 0 8px 32px rgba(0,0,0,.6);--shadow-glow: 0 0 24px rgba(212,175,55,.15)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh;background:var(--bg-deep);color:var(--text-main);font-family:Lora,Georgia,serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}body{background:radial-gradient(ellipse at top,rgba(74,58,26,.3) 0%,transparent 60%),radial-gradient(ellipse at bottom,rgba(43,30,16,.4) 0%,transparent 60%),var(--bg-deep);background-attachment:fixed}h1,h2,h3,h4{font-family:Cinzel,Times New Roman,serif;font-weight:700;color:var(--gold);letter-spacing:.02em;margin:0 0 .5em}h1{font-size:2.5rem;letter-spacing:.06em}h2{font-size:1.75rem}h3{font-size:1.25rem}a{color:var(--gold-bright);text-decoration:none}a:hover{color:var(--gold);text-decoration:underline}input,button,select,textarea{font-family:inherit;font-size:1rem}.card{background:linear-gradient(180deg,var(--bg-pergament) 0%,var(--bg-pergament-light) 100%);border:1px solid var(--border-gold);border-radius:8px;padding:24px;box-shadow:var(--shadow-deep)}.btn{display:inline-block;padding:12px 24px;background:linear-gradient(180deg,var(--gold) 0%,var(--gold-dim) 100%);color:#1a1208;border:1px solid var(--gold-bright);border-radius:6px;font-family:Cinzel,serif;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0006,inset 0 1px #fff3}.btn:hover{background:linear-gradient(180deg,var(--gold-bright) 0%,var(--gold) 100%);transform:translateY(-1px);box-shadow:0 4px 12px #d4af374d,inset 0 1px #ffffff4d}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--gold);border:1px solid var(--border-gold);box-shadow:none}.btn-ghost:hover{background:#d4af371a;color:var(--gold-bright)}.input{width:100%;padding:12px 16px;background:#0f0a0699;border:1px solid var(--border-gold);border-radius:6px;color:var(--text-main);transition:border-color .2s ease}.input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 2px #d4af3733}.input::placeholder{color:var(--text-muted)}.label{display:block;font-family:Cinzel,serif;font-size:.85rem;color:var(--gold-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.alert{padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:.95rem}.alert-error{background:#8b1a1a33;border:1px solid var(--red-blood);color:#ff6b6b}.alert-success{background:#4a7c2a33;border:1px solid var(--green-life);color:#8fcc6b}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease-out}@keyframes glow{0%,to{filter:drop-shadow(0 0 8px rgba(212,175,55,.4))}50%{filter:drop-shadow(0 0 16px rgba(212,175,55,.7))}}.glow{animation:glow 3s ease-in-out infinite}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--bg-pergament) 0%,var(--bg-deep) 100%);border-right:1px solid var(--border-gold);padding:24px 16px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 8px 20px;border-bottom:1px solid var(--border-gold);margin-bottom:16px}.sidebar-brand h1{font-size:1.15rem;margin:0;letter-spacing:.05em}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:6px;color:var(--text-dim);font-family:Cinzel,serif;font-size:.92rem;letter-spacing:.06em;cursor:pointer;transition:all .15s;border:1px solid transparent;text-decoration:none}.nav-item:hover{background:#d4af3714;color:var(--gold-bright);text-decoration:none}.nav-item.active{background:linear-gradient(180deg,#d4af372e,#d4af3714);color:var(--gold);border-color:var(--border-gold-bright);box-shadow:inset 0 1px #d4af3733}.nav-icon{width:22px;text-align:center;font-size:1.1rem}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 32px;border-bottom:1px solid var(--border-gold);background:#0f0a0680;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.topbar h2{margin:0;font-size:1.3rem}.content{padding:32px;max-width:1400px}.user-chip{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;background:#0f0a0699;border:1px solid var(--border-gold);border-radius:999px;cursor:pointer;transition:all .2s}.user-chip:hover{border-color:var(--gold)}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dim) 100%);color:var(--bg-deep);display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;font-weight:700;font-size:.85rem}.dropdown{position:absolute;right:0;top:calc(100% + 8px);background:var(--bg-pergament-light);border:1px solid var(--border-gold);border-radius:8px;min-width:200px;box-shadow:var(--shadow-deep);overflow:hidden;z-index:100}.dropdown-item{display:block;width:100%;padding:12px 16px;background:transparent;border:none;text-align:left;color:var(--text-main);font-family:Lora,serif;cursor:pointer;transition:background .15s}.dropdown-item:hover{background:#d4af371a;color:var(--gold-bright)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:32px}.stat-card{padding:20px;background:linear-gradient(180deg,var(--bg-pergament) 0%,var(--bg-pergament-light) 100%);border:1px solid var(--border-gold);border-radius:8px}.stat-card .label-sm{font-family:Cinzel,serif;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:6px}.stat-card .value{font-family:Cinzel,serif;font-size:2rem;color:var(--gold);font-weight:700}.stat-card .hint{margin-top:6px;font-size:.85rem;color:var(--text-muted)}.menu-toggle{display:none}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;width:260px;transform:translate(-100%);transition:transform .25s ease;z-index:50}.sidebar.open{transform:translate(0)}.menu-toggle{display:inline-flex;background:transparent;border:1px solid var(--border-gold);color:var(--gold);padding:8px 12px;border-radius:6px;cursor:pointer;font-size:1.2rem}.topbar{padding:12px 18px}.content{padding:18px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40}}.hp-glow-box{position:relative;padding:22px 18px;text-align:center;background:radial-gradient(ellipse at center,#8b1a1a33,#0f0a0666 70%),linear-gradient(180deg,var(--bg-pergament) 0%,var(--bg-pergament-light) 100%);border:1.5px solid var(--red-blood);border-radius:10px;box-shadow:0 0 18px #8b1a1a4d,inset 0 0 18px #8b1a1a1a}@media print{.no-print{display:none!important}}.fx-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;overflow:hidden}.fx-flash{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.fx-flash.fx-damage{background:radial-gradient(ellipse at center,#b41e1e73,#8b1a1a52 30%,#0000 75%);animation:fx-flash-damage .7s ease-out forwards;box-shadow:inset 0 0 200px #f009}.fx-flash.fx-heal{background:radial-gradient(ellipse at center,#50c8504d,#4a7c2a33 35%,#0000 75%);animation:fx-flash-heal .7s ease-out forwards;box-shadow:inset 0 0 180px #50ff5073}@keyframes fx-flash-damage{0%{opacity:0}15%{opacity:1}to{opacity:0}}@keyframes fx-flash-heal{0%{opacity:0}20%{opacity:1}to{opacity:0}}.fx-particle{position:absolute;bottom:-40px;font-family:Cinzel,serif;font-weight:900;opacity:0;-webkit-user-select:none;user-select:none;text-shadow:0 0 12px currentColor,0 0 24px currentColor;animation:fx-rise 2.2s cubic-bezier(.2,.6,.4,1) forwards}.fx-particle.fx-damage{color:#ff5252}.fx-particle.fx-heal{color:#8f6}@keyframes fx-rise{0%{opacity:0;transform:translateY(0) scale(.4) rotate(0)}15%{opacity:1;transform:translateY(-80px) scale(1) rotate(-8deg)}60%{opacity:.85;transform:translateY(-50vh) scale(1.15) rotate(8deg)}to{opacity:0;transform:translateY(-95vh) scale(.7) rotate(0)}}.fx-shake{animation:fx-shake-anim .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes fx-shake-anim{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-3px,0,0)}40%,60%{transform:translate3d(3px,0,0)}}.dice-roller-bg{background:radial-gradient(ellipse at top,rgba(74,58,26,.18) 0%,transparent 60%),radial-gradient(ellipse at bottom right,rgba(139,26,26,.1) 0%,transparent 70%),radial-gradient(ellipse at bottom left,rgba(74,124,42,.1) 0%,transparent 70%);min-height:80vh;padding:20px;border-radius:12px}.dice-arena{background:linear-gradient(180deg,#0f0a06d9,#1a1208eb);border:2px solid var(--border-gold-bright);border-radius:14px;padding:36px 20px 28px;text-align:center;position:relative;overflow:hidden;box-shadow:0 0 32px #d4af372e,inset 0 0 80px #0009}.dice-arena:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent 0px,transparent 24px,rgba(212,175,55,.025) 24px,rgba(212,175,55,.025) 25px);pointer-events:none}.epic-die{display:inline-block;position:relative;margin:10px;perspective:600px}.epic-die-inner{position:relative;width:140px;height:140px;transform-style:preserve-3d;transition:transform .4s ease}.epic-die.rolling .epic-die-inner{animation:die-tumble 1.4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes die-tumble{0%{transform:rotateX(0) rotateY(0) rotate(0) scale(.6)}20%{transform:rotateX(360deg) rotateY(180deg) rotate(90deg) scale(1.2)}50%{transform:rotateX(720deg) rotateY(540deg) rotate(270deg) scale(1)}80%{transform:rotateX(900deg) rotateY(820deg) rotate(380deg) scale(1.1)}to{transform:rotateX(1080deg) rotateY(900deg) rotate(360deg) scale(1)}}.epic-die-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;filter:drop-shadow(0 6px 12px rgba(0,0,0,.6))}.epic-die-number{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;font-weight:800;font-size:3.4rem;color:var(--gold-bright);text-shadow:0 0 12px rgba(212,175,55,.5),0 2px 4px rgba(0,0,0,.8);-webkit-user-select:none;user-select:none;pointer-events:none}.epic-die.crit .epic-die-svg{filter:drop-shadow(0 0 20px gold) drop-shadow(0 0 40px gold)}.epic-die.crit .epic-die-number{color:#fff5b0;text-shadow:0 0 24px gold,0 0 48px gold,0 2px 4px rgba(0,0,0,.8);animation:crit-pulse .8s ease-in-out infinite}@keyframes crit-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.epic-die.fumble .epic-die-svg{filter:drop-shadow(0 0 16px #c43030) drop-shadow(0 0 32px #8b1a1a)}.epic-die.fumble .epic-die-number{color:#faa;text-shadow:0 0 24px #ff0000,0 2px 4px rgba(0,0,0,.8)}.dice-result-box{margin-top:24px;padding:16px 24px;background:linear-gradient(180deg,#d4af371a,#0f0a0680);border:1.5px solid var(--gold);border-radius:10px;display:inline-block;min-width:260px;box-shadow:0 0 24px #d4af3733}.dice-result-label{font-family:Cinzel,serif;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-dim)}.dice-result-value{font-family:Cinzel,serif;font-weight:800;font-size:3.6rem;color:var(--gold-bright);line-height:1;margin:4px 0 8px;text-shadow:0 0 16px rgba(212,175,55,.4)}.dice-result-crit{font-family:Cinzel,serif;font-size:1.1rem;letter-spacing:.2em;color:gold;text-shadow:0 0 12px gold;animation:crit-pulse 1s ease-in-out infinite}.dice-result-fumble{font-family:Cinzel,serif;font-size:1.1rem;letter-spacing:.2em;color:var(--red-blood);text-shadow:0 0 12px #c43030}.dice-history{background:linear-gradient(180deg,var(--bg-pergament),var(--bg-pergament-light));border:1px solid var(--border-gold);border-radius:10px;padding:18px}.dice-history-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--border-gold);font-size:.88rem}.dice-history-row:last-child{border-bottom:none}.dice-history-result{font-family:Cinzel,serif;font-weight:700;font-size:1.2rem;color:var(--gold-bright);min-width:50px;text-align:center}.dice-history-result.crit{color:gold;text-shadow:0 0 10px gold}.dice-history-result.fumble{color:var(--red-blood)}.dice-pick-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:20px 0}.dice-pick-btn{width:64px;height:64px;border-radius:10px;background:linear-gradient(180deg,var(--bg-pergament-light),var(--bg-elevated));border:1.5px solid var(--border-gold);color:var(--gold);font-family:Cinzel,serif;font-weight:700;font-size:1.05rem;cursor:pointer;transition:all .18s;display:flex;align-items:center;justify-content:center}.dice-pick-btn:hover{transform:translateY(-3px);border-color:var(--gold);background:linear-gradient(180deg,rgba(212,175,55,.22),var(--bg-elevated));box-shadow:0 6px 16px #d4af3740;color:var(--gold-bright)}.dice-3d-canvas-wrap{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.dice-3d-canvas-wrap canvas{width:100%!important;height:100%!important}.dice-result-area{background:linear-gradient(180deg,#0f0a06b3,#1a1208d9);border:2px solid var(--border-gold-bright);border-radius:14px;padding:30px 20px;min-height:400px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative;box-shadow:0 0 28px #d4af3726}.dice-result-box-3d{text-align:center;padding:22px 32px;background:linear-gradient(180deg,#d4af3724,#0f0a06b3);border:2px solid var(--gold);border-radius:12px;min-width:280px;box-shadow:0 0 32px #d4af374d;margin:auto 0}.dice-3d-wrap{position:relative;min-height:80vh;padding:20px}.dice-3d-canvas-wrap{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:99999}.dice-3d-canvas-wrap canvas{width:100vw!important;height:100vh!important;display:block}.dice-rolling-vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:99998;background:radial-gradient(ellipse at center,#0000 30%,#0000008c 80%,#000000d9);opacity:0;transition:opacity .5s ease}.dice-rolling-vignette.active{opacity:1}.dice-result-area{background:linear-gradient(180deg,#0f0a06d9,#1a1208f2);border:2px solid var(--gold);border-radius:14px;padding:30px 20px;min-height:400px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative;box-shadow:0 0 28px #d4af3740,inset 0 0 60px #000000b3}.dice-result-placeholder{text-align:center;margin:auto 0;padding:60px 20px}.dice-result-box-3d{text-align:center;padding:26px 36px;background:radial-gradient(ellipse at center,#d4af3733,#0f0a06d9 70%);border:2.5px solid var(--gold);border-radius:14px;min-width:280px;box-shadow:0 0 38px #d4af3773,inset 0 0 24px #d4af371a;margin:auto 0;animation:result-reveal .6s cubic-bezier(.34,1.56,.64,1)}@keyframes result-reveal{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}.dice-result-box-3d .dice-result-value{font-family:Cinzel,serif;font-weight:800;font-size:5rem;color:#ffe796;line-height:1;margin:4px 0 8px;text-shadow:0 0 8px #ffd700,0 0 24px rgba(255,215,0,.6),0 0 48px rgba(255,215,0,.3);animation:number-glow 2.5s ease-in-out infinite}@keyframes number-glow{0%,to{text-shadow:0 0 8px #ffd700,0 0 24px rgba(255,215,0,.6),0 0 48px rgba(255,215,0,.3)}50%{text-shadow:0 0 16px #ffd700,0 0 36px rgba(255,215,0,.8),0 0 72px rgba(255,215,0,.5)}}.dice-result-box-3d.crit{border-color:gold;box-shadow:0 0 60px #ffd700cc,0 0 120px #ffd70066,inset 0 0 32px #ffd70033}.dice-result-box-3d.fumble{border-color:var(--red-blood);box-shadow:0 0 50px #c43030cc,inset 0 0 30px #8b1a1a4d}.dice-result-box-3d.fumble .dice-result-value{color:#faa;text-shadow:0 0 8px #c43030,0 0 24px rgba(196,48,48,.6);animation:none}.dice-notation-examples{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;align-items:center}.dice-notation-chip{display:inline-block;padding:4px 12px;background:#d4af371a;border:1px solid var(--border-gold);border-radius:4px;color:var(--gold-bright);font-family:Cinzel,serif;font-size:.82rem;letter-spacing:.04em;cursor:pointer;text-align:center;min-width:70px;transition:all .15s}.dice-notation-chip:hover{background:#d4af3738;border-color:var(--gold);color:var(--gold-bright);transform:translateY(-1px)}.dice-howto{background:linear-gradient(180deg,#0f0a0699,#1a1208d9);border:1px solid var(--border-gold);border-radius:10px;padding:18px}.dice-howto h4{font-family:Cinzel,serif;font-size:.9rem;letter-spacing:.1em;color:var(--gold);margin:0 0 12px;text-transform:uppercase}.dice-howto-row{display:flex;align-items:flex-start;gap:10px;padding:5px 0;font-size:.86rem;color:var(--text-dim);line-height:1.5}.dice-howto-row .icon{flex:0 0 24px;font-size:1.05rem;color:var(--gold);margin-top:1px}.dice-hist-v2{display:flex;align-items:center;gap:14px;padding:10px 4px;border-bottom:1px solid var(--border-gold)}.dice-hist-v2:last-child{border-bottom:none}.dice-hist-v2-result{font-family:Cinzel,serif;font-weight:700;font-size:1.6rem;color:var(--gold-bright);min-width:56px;text-align:center;line-height:1}.dice-hist-v2-result.crit{color:gold;text-shadow:0 0 8px gold,0 0 16px rgba(255,215,0,.4)}.dice-hist-v2-result.fumble{color:var(--red-blood);text-shadow:0 0 8px rgba(196,48,48,.5)}.dice-hist-v2-main{flex:1;min-width:0}.dice-hist-v2-line1{display:flex;align-items:baseline;gap:10px;font-size:.92rem;color:var(--text-main)}.dice-hist-v2-notation{font-family:Cinzel,serif;color:var(--gold);font-weight:700}.dice-hist-v2-line2{font-size:.74rem;color:var(--text-muted);margin-top:2px;letter-spacing:.02em}.dice-hist-v2-time{font-size:.72rem;color:var(--text-muted);white-space:nowrap;margin-left:8px}.dice-hist-v2-icon{font-size:1.2rem;flex-shrink:0;filter:grayscale(.4)}.dice-hist-v2-icon.crit{filter:drop-shadow(0 0 6px gold)}.dice-hist-v2-icon.fumble{filter:drop-shadow(0 0 6px var(--red-blood)) grayscale(0)}.dice-help-footer{display:flex;flex-wrap:wrap;gap:14px 28px;justify-content:center;padding:12px 20px;margin-top:14px;font-size:.78rem;color:var(--text-muted);border-top:1px dashed var(--border-gold)}.dice-help-footer span{display:inline-flex;align-items:center;gap:6px}.dice-result-box-3d{position:relative}.dice-result-box-3d:before,.dice-result-box-3d:after{content:"";position:absolute;width:24px;height:24px;border:2px solid var(--gold);pointer-events:none}.dice-result-box-3d:before{top:6px;left:6px;border-right:none;border-bottom:none}.dice-result-box-3d:after{bottom:6px;right:6px;border-left:none;border-top:none}