.level-up-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;display:flex;align-items:center;justify-content:center;animation:levelup-entrance .6s ease-out forwards;cursor:pointer;overflow:hidden}.level-up-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#140c08eb,#000000f7 70%)}.level-up-rays{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(212,175,55,.06) 10deg,transparent 20deg,transparent 45deg,rgba(212,175,55,.04) 55deg,transparent 65deg,transparent 90deg,rgba(212,175,55,.06) 100deg,transparent 110deg,transparent 135deg,rgba(212,175,55,.04) 145deg,transparent 155deg,transparent 180deg,rgba(212,175,55,.06) 190deg,transparent 200deg,transparent 225deg,rgba(212,175,55,.04) 235deg,transparent 245deg,transparent 270deg,rgba(212,175,55,.06) 280deg,transparent 290deg,transparent 315deg,rgba(212,175,55,.04) 325deg,transparent 335deg,transparent 360deg);animation:levelup-rays-rotate 12s linear infinite;opacity:0;animation:levelup-rays-rotate 12s linear infinite,levelup-rays-fade-in 1s .3s ease-out forwards}.level-up-ember{position:absolute;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle,#d4af37 0%,#b8860b 60%,transparent 100%);box-shadow:0 0 6px 2px #d4af3799;bottom:-10px;animation:levelup-ember-rise 3.5s ease-out forwards;animation-delay:calc(var(--ember-i) * .25s);opacity:0}.level-up-ember:nth-child(1){left:10%;--ember-i: 0;width:3px;height:3px}.level-up-ember:nth-child(2){left:25%;--ember-i: 1;width:5px;height:5px}.level-up-ember:nth-child(3){left:40%;--ember-i: 2}.level-up-ember:nth-child(4){left:55%;--ember-i: 3;width:3px;height:3px}.level-up-ember:nth-child(5){left:70%;--ember-i: 4;width:5px;height:5px}.level-up-ember:nth-child(6){left:85%;--ember-i: 5}.level-up-ember:nth-child(7){left:15%;--ember-i: 6;width:3px;height:3px}.level-up-ember:nth-child(8){left:60%;--ember-i: 7;width:5px;height:5px}.level-up-content{position:relative;z-index:1;text-align:center;animation:levelup-content-enter .8s cubic-bezier(.22,1,.36,1) .2s both}.level-up-label{font-family:Cinzel,Times New Roman,serif;font-size:14px;font-weight:700;letter-spacing:6px;text-transform:uppercase;color:#d4af37;text-shadow:0 0 20px rgba(212,175,55,.5);margin-bottom:8px}.level-up-number{font-family:Cinzel,Times New Roman,serif;font-size:96px;font-weight:900;line-height:1;color:#d4af37;text-shadow:0 0 30px rgba(212,175,55,.8),0 0 60px rgba(212,175,55,.4),0 0 100px rgba(212,175,55,.2);animation:levelup-glow-pulse 2s ease-in-out infinite}.level-up-rule{width:120px;height:1px;margin:16px auto;background:linear-gradient(to right,transparent,#d4af37,transparent);opacity:.6}.level-up-subtitle{font-family:Cinzel,Times New Roman,serif;font-size:13px;font-weight:400;letter-spacing:2px;color:#d4af37b3;text-transform:uppercase}@keyframes levelup-entrance{0%{opacity:0}to{opacity:1}}@keyframes levelup-rays-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes levelup-rays-fade-in{0%{opacity:0}to{opacity:1}}@keyframes levelup-ember-rise{0%{opacity:0;transform:translateY(0) scale(.5)}15%{opacity:1}to{opacity:0;transform:translateY(-100vh) scale(.2)}}@keyframes levelup-content-enter{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes levelup-glow-pulse{0%,to{text-shadow:0 0 30px rgba(212,175,55,.8),0 0 60px rgba(212,175,55,.4),0 0 100px rgba(212,175,55,.2)}50%{text-shadow:0 0 40px rgba(212,175,55,1),0 0 80px rgba(212,175,55,.6),0 0 120px rgba(212,175,55,.3)}}.level-up-overlay.level-up-exiting{animation:levelup-exit .8s ease-in forwards}@keyframes levelup-exit{0%{opacity:1}to{opacity:0}}.dm-award-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:550;pointer-events:none;overflow:hidden;animation:dm-award-shimmer-pulse 2.5s ease-out forwards}.dm-award-gold .dm-award-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 80px 20px #d4af3759,inset 0 0 160px 40px #d4af3726}.dm-award-xp .dm-award-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 80px 20px #a855f759,inset 0 0 160px 40px #a855f726}.dm-award-combined .dm-award-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 80px 20px #dcc38c4d,inset 0 0 160px 40px #dcc38c1f}.dm-award-particles{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center}.dm-award-particle{position:absolute;width:6px;height:6px;border-radius:50%;top:55%;left:50%;opacity:0;animation:dm-award-particle-rise 2s ease-out forwards;animation-delay:var(--p-delay);transform:translate(var(--p-x))}.dm-award-gold .dm-award-particle{background:radial-gradient(circle,#ffd700 0%,#d4af37 50%,transparent 100%);box-shadow:0 0 6px 2px #d4af3799}.dm-award-xp .dm-award-particle{background:radial-gradient(circle,#c084fc 0%,#a855f7 50%,transparent 100%);box-shadow:0 0 6px 2px #a855f799}.dm-award-combined .dm-award-particle:nth-child(odd){background:radial-gradient(circle,#ffd700 0%,#d4af37 50%,transparent 100%);box-shadow:0 0 6px 2px #d4af3799}.dm-award-combined .dm-award-particle:nth-child(2n){background:radial-gradient(circle,#c084fc 0%,#a855f7 50%,transparent 100%);box-shadow:0 0 6px 2px #a855f799}.dm-award-text{position:absolute;top:45%;left:0;right:0;text-align:center;font-family:var(--font-display, "Cinzel", "Times New Roman", serif);font-size:28px;font-weight:700;letter-spacing:2px;opacity:0;animation:dm-award-text-float 2s ease-out .1s forwards}.dm-award-gold .dm-award-text{color:#d4af37;text-shadow:0 0 12px rgba(212,175,55,.8),0 0 30px rgba(212,175,55,.4)}.dm-award-xp .dm-award-text,.dm-award-line-xp{color:#a855f7;text-shadow:0 0 12px rgba(168,85,247,.8),0 0 30px rgba(168,85,247,.4)}.dm-award-line-gold{color:#d4af37;text-shadow:0 0 12px rgba(212,175,55,.8),0 0 30px rgba(212,175,55,.4);margin-top:4px}.dm-award-overlay.dm-award-exit{animation:dm-award-fade-out .4s ease-in forwards}@keyframes dm-award-shimmer-pulse{0%{opacity:0}12%{opacity:1}72%{opacity:1}to{opacity:0}}@keyframes dm-award-particle-rise{0%{opacity:0;transform:translate(var(--p-x)) translateY(0) scale(1)}10%{opacity:1}to{opacity:0;transform:translate(var(--p-x)) translateY(-45vh) scale(.3)}}@keyframes dm-award-text-float{0%{opacity:0;transform:scale(.5) translateY(0)}15%{opacity:1;transform:scale(1) translateY(0)}80%{opacity:1}to{opacity:0;transform:scale(1) translateY(-80px)}}@keyframes dm-award-fade-out{0%{opacity:1}to{opacity:0}}.app-layout{display:flex;flex-direction:column;height:100%;overflow:hidden}.main-content{flex:1;min-height:0;overflow-y:auto;padding-bottom:calc(var(--nav-height) + var(--safe-area-bottom));background-color:var(--bg-dark);background-image:var(--tex-parchment);background-size:512px 512px;box-shadow:inset 0 8px 24px #0006,inset 0 -8px 24px #0000004d}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;align-items:stretch;height:calc(var(--nav-height) + var(--safe-area-bottom));padding-top:8px;padding-bottom:var(--safe-area-bottom);background-color:#181210;background-image:var(--tex-wood);background-size:512px 512px;border-top:2px solid #3a2e1e;box-shadow:inset 0 2px #ffdc960a,0 -4px 16px #0009}.bottom-nav:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(160,125,47,.2),transparent)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--text-muted);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;position:relative}.nav-item:active{background:#d4a8430d}.nav-item.active{color:var(--color-gold-bright)}.nav-item.active:before{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:32px;height:3px;background:var(--color-gold);border-radius:0 0 3px 3px;box-shadow:0 0 6px #d4a843b3,0 0 16px #d4a8434d,0 0 30px #d4a84326;animation:flicker 3s ease-in-out infinite alternate}@keyframes flicker{0%,to{opacity:1}25%{opacity:.85}50%{opacity:1}75%{opacity:.9}}.nav-item.active:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80px;height:100%;background:radial-gradient(ellipse at top center,rgba(212,168,67,.1) 0%,transparent 65%);pointer-events:none}.nav-icon{font-size:1.3rem;line-height:1;position:relative;z-index:1;transition:transform var(--transition-fast)}.nav-item.active .nav-icon{transform:scale(1.1);filter:drop-shadow(0 0 4px rgba(212,168,67,.5))}.nav-label{font-size:.65rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;position:relative;z-index:1}.nav-item.active .nav-label{color:var(--color-gold);text-shadow:0 0 6px rgba(212,168,67,.3)}.nav-gold{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0 12px;border-left:1px solid rgba(51,41,28,.6)}.nav-gold .gold-icon{font-size:1.2rem;line-height:1}.nav-gold .gold-amount{font-family:var(--font-display);font-size:.7rem;font-weight:600;color:var(--color-gold-bright);text-shadow:0 0 4px rgba(212,168,67,.3)}.main-content-overlay-nav{padding-bottom:0}.bottom-nav-overlay{transition:transform .3s ease,opacity .3s ease}.bottom-nav-hidden{transform:translateY(100%);opacity:0;pointer-events:none}@media (display-mode: standalone){.bottom-nav{height:64px;padding-bottom:0;box-sizing:content-box}}.landing{position:relative;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.landing-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,rgba(212,168,67,.08) 0%,transparent 60%),radial-gradient(ellipse at 80% 80%,rgba(139,92,246,.05) 0%,transparent 40%),var(--bg-deepest);z-index:0}.landing-content{position:relative;z-index:1;text-align:center;padding:40px 24px;max-width:420px;width:100%}.landing-emblem{display:block;width:120px;height:120px;object-fit:contain;margin:0 auto 16px;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(212,168,67,.3))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.landing-title{font-family:var(--font-display);font-size:2.2rem;font-weight:700;color:var(--color-gold-bright);letter-spacing:.04em;margin-bottom:8px;text-shadow:0 0 30px rgba(212,168,67,.2)}.landing-subtitle{font-size:1rem;color:var(--text-secondary);font-style:italic;margin-bottom:24px}.landing-divider{display:flex;align-items:center;justify-content:center;margin:20px 0}.divider-ornament{font-size:1.2rem;opacity:.4}.landing-flavor{font-size:.9rem;color:var(--text-muted);line-height:1.7;margin-bottom:36px}.btn-discord{width:100%;max-width:280px}.discord-icon{flex-shrink:0}.location-transition{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;overflow:hidden;pointer-events:all}.transition-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transform:scale(1.1);transition:opacity 1.2s ease,transform 3s ease-out}.phase-reveal .transition-bg{opacity:1;transform:scale(1);transition:opacity .6s ease,transform 3.5s ease-out}.phase-fade-out .transition-bg{opacity:.6;transform:scale(1.02);transition:opacity .5s ease}.transition-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;opacity:0;background:radial-gradient(ellipse at center,#0000000d,#00000040 60%,#00000080);transition:opacity 1s ease}.phase-reveal .transition-vignette{opacity:1;transition-delay:.1s}.phase-fade-out .transition-vignette{opacity:0;transition:opacity .4s ease}.ink-layer{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ink-color, #0c0a07);will-change:clip-path,opacity}.transition-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:#000;animation:fadeToBlack .4s ease forwards}@keyframes fadeToBlack{0%{opacity:0}to{opacity:1}}.phase-reveal .transition-overlay{animation:none;opacity:0;transition:opacity .8s ease}.phase-fade-out{background:#000}.phase-fade-out .transition-bg{opacity:0;transition:opacity .4s ease}.phase-fade-out .transition-vignette{opacity:0}.transition-character{position:absolute;bottom:0;z-index:12;opacity:0;transition:opacity .8s ease,transform 2.5s ease-out;pointer-events:none}.transition-character img{height:var(--char-height, 70vh);max-height:var(--char-max-height, 600px);width:auto;object-fit:contain;display:block;filter:drop-shadow(0 0 30px rgba(0,0,0,.6))}.transition-character.char-right{right:0;transform:translate(20px)}.transition-character.char-left{left:-5%;transform:translate(-30px)}.transition-character.char-center{left:50%;transform:translate(-50%) translateY(10px)}.phase-reveal .transition-character{opacity:1!important;transition-delay:.2s}.phase-reveal .transition-character.char-right,.phase-reveal .transition-character.char-left{transform:translate(0)}.phase-reveal .transition-character.char-center{transform:translate(-50%) translateY(0)}.phase-fade-out .transition-character{opacity:0;transition:opacity .3s ease}.particle-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;pointer-events:none;opacity:0;transition:opacity .3s ease}.phase-ink-spread .particle-canvas{opacity:0}.phase-reveal .particle-canvas{opacity:1}.phase-fade-out .particle-canvas{opacity:0;transition:opacity .3s ease}.transition-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .5s ease;padding:20px}.transition-content:before{content:"";position:absolute;width:80%;height:40%;z-index:-1;background:radial-gradient(ellipse at center,rgba(0,0,0,.6) 0%,rgba(0,0,0,.3) 50%,transparent 80%);filter:blur(20px);opacity:0;transition:opacity .8s ease}.phase-reveal .transition-content:before{opacity:1;transition-delay:.8s}.phase-fade-out .transition-content:before{opacity:0;transition:opacity .3s ease}.phase-reveal .transition-content{opacity:1;transform:translateY(0);transition-delay:.15s}.phase-fade-out .transition-content{opacity:0;transform:translateY(-10px);transition-delay:0s;transition-duration:.3s}.transition-name{font-family:Cinzel,serif;font-size:clamp(1.8rem,6vw,3.2rem);font-weight:700;color:var(--accent-color, #c4a035);text-align:center;letter-spacing:.15em;text-transform:uppercase;margin:0;text-shadow:0 0 20px color-mix(in srgb,var(--accent-color) 40%,transparent),0 0 40px color-mix(in srgb,var(--accent-color) 20%,transparent);background:linear-gradient(90deg,var(--accent-color) 0%,color-mix(in srgb,var(--accent-color) 80%,white) 50%,var(--accent-color) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmerText 2s ease-in-out infinite}@keyframes shimmerText{0%{background-position:200% center}to{background-position:-200% center}}.transition-subtitle{font-family:Cinzel,serif;font-size:clamp(.75rem,2.5vw,1rem);color:#fff9;text-align:center;letter-spacing:.2em;text-transform:uppercase;margin:0;font-weight:400;text-shadow:none}.transition-accent-line{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--accent-color, #c4a035),transparent);opacity:0;transform:scaleX(0);transition:opacity .6s ease,transform .8s cubic-bezier(.22,1,.36,1)}.phase-reveal .transition-accent-line{opacity:.6;transform:scaleX(1);transition-delay:.25s}.phase-fade-out .transition-accent-line{opacity:0;transition-delay:0s;transition-duration:.2s}.summon-effect{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;overflow:hidden;pointer-events:all}.summon-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#0000;transition:background .5s ease}.phase-glow .summon-overlay{background:#000000b3}.phase-sigil .summon-overlay,.phase-reveal .summon-overlay{background:#000000d9}.phase-transition .summon-overlay{background:#000;transition:background .3s ease}.phase-dismiss .summon-overlay{background:#0000;transition:background .35s ease}.phase-dismiss .summon-canvas,.phase-dismiss .summon-sigil,.phase-dismiss .summon-portrait,.phase-dismiss .summon-dm-picker{opacity:0;transition:opacity .25s ease}.phase-dismiss .summon-flash{display:none}.summon-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .3s ease}.phase-glow .summon-canvas,.phase-sigil .summon-canvas,.phase-reveal .summon-canvas{opacity:1}.phase-transition .summon-canvas{opacity:0;transition:opacity .2s ease}.summon-sigil{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;width:200px;height:200px;opacity:0;pointer-events:none}.phase-sigil .summon-sigil,.phase-reveal .summon-sigil{opacity:1;transition:opacity .4s ease}.phase-transition .summon-sigil{opacity:0;transition:opacity .2s ease}.summon-circle{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(168,85,247,.6);border-radius:50%;transform:scale(0);animation:summon-circle-expand 1s cubic-bezier(.22,1,.36,1) forwards;box-shadow:0 0 20px #a855f74d,inset 0 0 20px #a855f71a}.summon-circle-inner{top:20px;right:20px;bottom:20px;left:20px;border-color:#a855f759;animation-delay:.15s;box-shadow:0 0 12px #a855f733,inset 0 0 12px #a855f714}@keyframes summon-circle-expand{0%{transform:scale(0) rotate(0);opacity:0}50%{opacity:1}to{transform:scale(1) rotate(90deg);opacity:1}}.summon-runes{position:absolute;top:0;right:0;bottom:0;left:0;animation:summon-runes-spin 6s linear infinite}@keyframes summon-runes-spin{to{transform:rotate(360deg)}}.summon-rune{position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;font-size:.75rem;color:#a855f7b3;text-shadow:0 0 8px rgba(168,85,247,.5);display:flex;align-items:center;justify-content:center;transform:rotate(calc(360deg / var(--rune-total) * var(--rune-index))) translateY(-110px) rotate(calc(-360deg / var(--rune-total) * var(--rune-index)));opacity:0;animation:summon-rune-appear .4s ease forwards;animation-delay:calc(.1s * var(--rune-index))}@keyframes summon-rune-appear{0%{opacity:0;transform:rotate(calc(360deg / var(--rune-total) * var(--rune-index))) translateY(-80px) rotate(calc(-360deg / var(--rune-total) * var(--rune-index)))}to{opacity:1;transform:rotate(calc(360deg / var(--rune-total) * var(--rune-index))) translateY(-110px) rotate(calc(-360deg / var(--rune-total) * var(--rune-index)))}}.summon-portrait{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.3);z-index:5;opacity:0;pointer-events:none;transition:opacity .5s ease,transform .6s cubic-bezier(.22,1,.36,1)}.phase-reveal .summon-portrait{opacity:1;transform:translate(-50%,-50%) scale(1)}.phase-transition .summon-portrait{opacity:0;transform:translate(-50%,-50%) scale(1.1);transition:opacity .3s ease,transform .3s ease}.summon-portrait .npc-portrait{border:3px solid rgba(168,85,247,.6);box-shadow:0 0 30px #a855f766}.summon-portrait-glow{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.25) 0%,transparent 70%);animation:summon-glow-pulse 1.5s ease-in-out infinite alternate;pointer-events:none}@keyframes summon-glow-pulse{0%{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1.15)}}.summon-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:radial-gradient(circle,#a855f74d,#000 70%);opacity:0;pointer-events:none}.phase-transition .summon-flash{animation:summon-flash-anim .4s ease forwards}@keyframes summon-flash-anim{0%{opacity:0}30%{opacity:1}to{opacity:1;background:#000}}.summon-dm-picker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);z-index:20;width:min(320px,85vw);max-height:70vh;background:linear-gradient(165deg,#1e1428f2,#0f0a19fa);border:1px solid rgba(168,85,247,.3);border-radius:12px;padding:20px;box-shadow:0 0 40px #a855f726,0 16px 48px #0009;opacity:0;pointer-events:none;transition:opacity .4s ease,transform .4s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column}.phase-pick .summon-dm-picker{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:all}.phase-transition .summon-dm-picker{opacity:0;transform:translate(-50%,-50%) scale(.95);transition:opacity .2s ease}.summon-dm-picker-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(168,85,247,.2)}.summon-dm-picker-header .npc-portrait{border:2px solid rgba(168,85,247,.5);box-shadow:0 0 12px #a855f74d}.summon-dm-picker-title{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:#c9a0ff;letter-spacing:.04em}.summon-dm-picker-list{display:flex;flex-direction:column;gap:4px;overflow-y:auto;max-height:45vh;scrollbar-width:thin;scrollbar-color:rgba(168,85,247,.3) transparent;margin-bottom:12px}.summon-dm-picker-row{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:#a855f70f;border:1px solid rgba(168,85,247,.1);border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:left;color:#ffffffd9;font-family:var(--font-body);font-size:.85rem}.summon-dm-picker-row:hover,.summon-dm-picker-row:active{background:#a855f726;border-color:#a855f759;box-shadow:0 0 8px #a855f726}.summon-dm-picker-avatar{width:28px;height:28px;border-radius:50%;border:1.5px solid rgba(168,85,247,.3);flex-shrink:0;object-fit:cover}.summon-dm-picker-avatar-empty{background:#a855f726}.summon-dm-picker-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summon-dm-picker-online{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:50%;background:#4ade80;border:2px solid rgba(20,10,30,.9);box-shadow:0 0 6px #4ade8080}.summon-dm-picker-unread{width:8px;height:8px;border-radius:50%;background:#a855f7;box-shadow:0 0 6px #a855f7b3;flex-shrink:0}.summon-dm-picker-empty{font-size:.8rem;color:#fff6;text-align:center;padding:16px 0}.summon-dm-picker-dismiss{width:100%;padding:10px;background:transparent;border:1px solid rgba(168,85,247,.2);border-radius:8px;color:#ffffff73;font-family:var(--font-body);font-size:.8rem;cursor:pointer;transition:all .15s ease}.summon-dm-picker-dismiss:hover{border-color:#a855f766;color:#ffffffa6}.phase-pick .summon-portrait{opacity:0;transform:translate(-50%,-50%) scale(.8);transition:opacity .3s ease,transform .3s ease}.phase-pick .summon-sigil{opacity:.15;transform:translate(-50%,-50%) scale(1.5);transition:opacity .4s ease,transform .6s ease}@font-face{font-family:The Retro Font;src:url(/fonts/TheRetroFont.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}.map-page{position:relative;width:100%;height:100%;overflow:hidden;background-color:var(--bg-deepest);background-image:var(--tex-leather);background-size:512px 512px;user-select:none;-webkit-user-select:none}.map-overlay-header{position:absolute;top:0;left:0;right:0;z-index:10;padding:calc(16px + var(--safe-area-top)) 20px 12px;background:linear-gradient(to bottom,#0a0a14d9,#0a0a1400);pointer-events:none}.map-title{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--color-gold);text-shadow:0 2px 8px rgba(0,0,0,.8);letter-spacing:.05em}.map-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}.map-image{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .5s ease;pointer-events:none}.map-image.loaded{opacity:1}.map-marker{position:absolute;z-index:5;cursor:pointer;transform:translate(-50%,-50%);padding:8px}.map-marker.selected{z-index:20}.map-marker-pin{position:relative;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 2px 6px rgba(0,0,0,.7))}.map-marker-icon{width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#2e2518,#181210);border:2px solid var(--color-gold);display:flex;align-items:center;justify-content:center;font-size:16px;position:relative;z-index:2;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.map-marker-icon-portrait{padding:0;background:none;overflow:hidden}.map-marker:active .map-marker-icon,.map-marker.selected .map-marker-icon{transform:scale(1.15);border-color:var(--color-gold-bright);box-shadow:0 0 12px #d4a84380}.map-marker-spike{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--color-gold);margin-top:-2px;position:relative;z-index:1}.map-marker-pulse{position:absolute;top:50%;left:50%;width:36px;height:36px;margin-top:-18px;margin-left:-18px;border-radius:50%;border:2px solid var(--color-gold-dim);opacity:0;animation:marker-pulse 3s ease-out infinite;pointer-events:none}@keyframes marker-pulse{0%{transform:scale(1);opacity:.6}to{transform:scale(2.2);opacity:0}}.map-popup{position:absolute;width:210px;background:linear-gradient(165deg,#251f18,#1c1812);border:1px solid var(--border-stitch);border-radius:4px;padding:12px;box-shadow:0 8px 32px #000000b3;animation:popup-appear .2s ease-out;z-index:30}@keyframes popup-appear{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.map-popup.arrow-bottom:after{content:"";position:absolute;bottom:-7px;left:var(--arrow-offset, 50%);margin-left:-7px;width:14px;height:14px;background:#1e1a12;border-right:1px solid var(--border-stitch);border-bottom:1px solid var(--border-stitch);transform:rotate(45deg)}.map-popup.arrow-top:after{content:"";position:absolute;top:-7px;left:var(--arrow-offset, 50%);margin-left:-7px;width:14px;height:14px;background:#221e16;border-left:1px solid var(--border-stitch);border-top:1px solid var(--border-stitch);transform:rotate(45deg)}.map-popup-name{font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--color-gold);margin-bottom:4px}.map-popup-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.4;margin-bottom:10px}.map-popup-npcs{display:flex;align-items:center;gap:3px;margin-bottom:10px}.map-popup-npc-thumb{width:24px;height:24px;border-radius:50%;border:2px solid transparent;background-image:linear-gradient(var(--bg-elevated),var(--bg-elevated)),linear-gradient(135deg,#c9a84c,#8b6914,#f0d060);background-origin:border-box;background-clip:padding-box,border-box;overflow:hidden;flex-shrink:0;box-shadow:0 1px 3px #0006}.map-popup-npc-thumb img{width:100%;height:100%;object-fit:cover}.map-popup-npc-more{font-size:.65rem;color:var(--text-muted);margin-left:2px}.map-popup-enter{width:100%;padding:8px 0;background:linear-gradient(180deg,#c9a040,#8b6918);color:#12100c;border:1px solid var(--color-gold-dim);border-radius:4px;font-family:var(--font-display);font-size:.8rem;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;box-shadow:inset 0 1px #ffdc964d,0 2px 4px #00000080}.map-popup-enter:hover{background:linear-gradient(180deg,#dbb548,#a07d2f);box-shadow:inset 0 1px #ffdc9666,0 0 8px #d4a8434d}.map-popup-enter:active{transform:scale(.97)}.map-marker-unread{position:absolute;top:2px;left:-2px;width:10px;height:10px;border-radius:50%;background:var(--color-gold);box-shadow:0 0 6px #d4a843b3;pointer-events:none;z-index:3}.map-marker-player-badge{position:absolute;top:0;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#4a9eff;color:#fff;font-size:.6rem;font-weight:700;font-family:var(--font-body);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #0009;pointer-events:none;z-index:3}.map-popup-players{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;padding-top:6px;border-top:1px solid var(--border-color)}.map-popup-player{display:flex;align-items:center;gap:4px}.map-popup-player-avatar{width:18px;height:18px;border-radius:50%;border:1.5px solid #4a9eff;flex-shrink:0}.map-popup-player-name{font-size:.65rem;color:#8ab4f8;white-space:nowrap}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:var(--text-muted)}.loading-spinner{width:36px;height:36px;border:3px solid var(--border-color);border-top-color:var(--color-gold);border-radius:50%;animation:spin .8s linear infinite}.map-popup.arrow-none:after{display:none}.map-popup-dm{width:220px}.map-popup-dm-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.map-popup-dm-portrait{width:36px;height:36px;border-radius:50%;border:2px solid var(--color-gold-dim);overflow:hidden;flex-shrink:0}.map-popup-dm-players{display:flex;flex-direction:column;gap:2px;max-height:180px;overflow-y:auto;margin-bottom:6px;scrollbar-width:thin;scrollbar-color:var(--border-stitch) transparent}.map-popup-dm-player-row{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;background:#ffffff0a;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all var(--transition-fast);text-align:left;color:var(--text-primary);font-family:var(--font-body);font-size:.8rem}.map-popup-dm-player-row:hover,.map-popup-dm-player-row:active{background:#d4a8431a;border-color:var(--color-gold-dim)}.map-popup-dm-player-avatar{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--border-stitch);flex-shrink:0;object-fit:cover}.map-popup-dm-player-avatar-placeholder{background:var(--bg-elevated)}.map-popup-dm-player-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-popup-dm-player-unread{width:8px;height:8px;border-radius:50%;background:var(--color-gold);box-shadow:0 0 6px #d4a843b3;flex-shrink:0;margin-left:auto}.map-popup-dm-empty{font-size:.75rem;color:var(--text-muted);text-align:center;padding:8px 0}.map-gesture-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none}.map-summon-hint{position:absolute;bottom:10%;left:50%;transform:translate(-50%);z-index:4;font-family:The Retro Font,serif;font-size:22rem;font-weight:400;color:#a855f7;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;animation:hint-m-pulse 20s ease-in-out infinite;text-shadow:0 0 20px rgba(168,85,247,.4),0 0 50px rgba(168,85,247,.2),0 0 80px rgba(128,45,207,.1)}@keyframes hint-m-pulse{0%,12%,22%,to{opacity:0}15%,19%{opacity:.35}}.fishing-pin .map-marker-icon,.fishing-marker-icon{border-color:#4a9eff!important;background:radial-gradient(circle at 30% 30%,#1a2e4a,#0c1a30)!important}.fishing-pin:active .map-marker-icon,.fishing-pin.selected .map-marker-icon{border-color:#6cb5ff!important;box-shadow:0 0 12px #4a9eff80!important}.fishing-marker-spike{border-top-color:#4a9eff!important}.fishing-marker-pulse{border-color:#4a9eff66!important}.fishing-popup-enter{background:linear-gradient(180deg,#4a9eff,#2a6fd4)!important;color:#fff!important;border-color:#3a8ef0!important}.fishing-popup-enter:hover{background:linear-gradient(180deg,#5aaeff,#3a7fe4)!important;box-shadow:0 0 8px #4a9eff4d!important}.fishing-popup-bait{display:flex;flex-wrap:wrap;gap:4px 8px;margin-bottom:10px;font-size:.7rem;color:#8ab4f8}.fishing-popup-bait-item{background:#4a9eff14;padding:2px 6px;border-radius:4px}.fishing-popup-bait-item strong{color:#4a9eff}.fishing-popup-no-bait{color:#f87171;font-size:.7rem}.arena-pin .map-marker-icon{border-color:#ef4444!important;background:radial-gradient(circle at 30% 30%,#4a1a1a,#300c0c)!important}.arena-pin:active .map-marker-icon,.arena-pin.selected .map-marker-icon{border-color:#f87171!important;box-shadow:0 0 12px #ef444480!important}.arena-pin .map-marker-spike{border-top-color:#ef4444!important}.arena-pin .map-marker-pulse{border-color:#ef444466!important}.arena-popup-enter{background:linear-gradient(180deg,#ef4444,#b91c1c)!important;color:#fff!important;border-color:#dc2626!important}.arena-popup-enter:hover{background:linear-gradient(180deg,#f87171,#dc2626)!important;box-shadow:0 0 8px #ef44444d!important}.map-page.transitioning .map-container,.map-page.transitioning .map-overlay-header{opacity:0;transition:opacity .4s ease}.map-page.transitioning{background:#000}.dice-panel{display:flex;flex-direction:column;gap:8px;padding:8px 12px 12px;height:100%}.dice-panel-header{display:flex;align-items:center;gap:8px}.dice-panel-back{background:none;border:none;color:#d4a843;padding:4px;cursor:pointer;display:flex;align-items:center}.dice-panel-title{flex:1;font-size:14px;font-weight:600;color:#e8dcc8;letter-spacing:.5px}.dice-panel-roll-btn{background:linear-gradient(135deg,#d4a843,#b8892e);color:#1a1a2e;border:none;border-radius:16px;padding:6px 20px;font-size:13px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.5px}.dice-panel-roll-btn:disabled{opacity:.4;cursor:default}.dice-panel-roll-btn:active:not(:disabled){transform:scale(.95)}.dice-notation-bar{display:flex;align-items:center;background:#ffffff0d;border:1px solid rgba(212,168,67,.2);border-radius:8px;padding:6px 10px;min-height:32px}.dice-notation-text{flex:1;font-family:Courier New,monospace;font-size:15px;font-weight:600;color:#d4a843;letter-spacing:.5px}.dice-notation-bar:not(:has(.dice-notation-clear)) .dice-notation-text{color:#e8dcc859;font-weight:400;font-family:inherit;font-size:13px}.dice-notation-clear{background:none;border:none;color:#e8dcc880;padding:2px;cursor:pointer;display:flex;align-items:center}.dice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.dice-btn{background:#ffffff0f;border:1px solid rgba(212,168,67,.25);border-radius:8px;color:#e8dcc8;padding:10px 0;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s}.dice-btn:active{background:#d4a84333;transform:scale(.95)}.dice-btn-label{pointer-events:none}.dice-modifiers{display:flex;gap:6px;flex-wrap:wrap}.dice-mod-btn{flex:1;min-width:48px;background:#ffffff0f;border:1px solid rgba(212,168,67,.15);border-radius:6px;color:#c0b89e;padding:7px 4px;font-size:11px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.3px;transition:background .1s}.dice-mod-btn:active{background:#d4a84333}.dice-mod-btn:disabled{opacity:.3;cursor:default}.dice-mod-active{background:#d4a84340;border-color:#d4a84380;color:#d4a843}.gold-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-display);color:var(--color-gold-bright);white-space:nowrap;text-shadow:0 0 4px rgba(212,168,67,.3)}.gold-badge-sm .gold-badge-amount{font-size:.85rem;font-weight:600}.gold-badge-md .gold-badge-amount{font-size:1rem;font-weight:600}.gold-badge-lg .gold-badge-amount{font-size:1.3rem;font-weight:700}.item-card{background:linear-gradient(165deg,#251f18,#1c1812);border:1px solid var(--border-color);border-left:3px solid var(--border-stitch);border-radius:4px;padding:16px;transition:all var(--transition-fast);position:relative;box-shadow:0 2px 6px #0006,inset 0 1px #ffdc9608}.item-card:hover{border-left-color:var(--color-gold-dim);background:linear-gradient(165deg,#2a2318,#201c14)}.item-card-disabled{opacity:.5}.item-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.item-card-title{display:flex;align-items:center;gap:8px}.dice-swatch{width:28px;height:28px;border-radius:6px;border:2px solid;flex-shrink:0}.item-card-name{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-bright);text-shadow:0 1px 2px rgba(0,0,0,.5)}.item-card-description{font-size:.85rem;color:var(--text-secondary);margin-bottom:6px;line-height:1.5}.item-card-flavor{font-size:.8rem;color:var(--text-muted);font-style:italic;margin-bottom:12px;padding-left:12px;border-left:2px solid var(--border-stitch);line-height:1.5}.btn-buy{width:100%;padding:10px;font-size:.9rem;margin-top:4px}.quest-card{background:linear-gradient(165deg,#251f18,#1c1812);border:1px solid var(--border-color);border-radius:4px;padding:16px;margin-bottom:12px;transition:all var(--transition-fast);position:relative;box-shadow:0 2px 6px #0006,inset 0 1px #ffdc9608}.quest-card:before{content:"";position:absolute;top:12px;right:12px;width:8px;height:8px;border-radius:50%;background:var(--color-crimson);box-shadow:0 0 4px #8b3a3a80}.quest-card:hover{border-color:var(--border-stitch);background:linear-gradient(165deg,#2a2318,#201c14)}.quest-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px;gap:12px}.quest-card-name{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-bright);text-shadow:0 1px 2px rgba(0,0,0,.5)}.quest-card-status{font-size:.75rem;font-weight:600;white-space:nowrap}.quest-card-description{font-size:.85rem;color:var(--text-secondary);margin-bottom:10px;line-height:1.5}.quest-card-meta{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:var(--text-muted)}.quest-card-npc strong{color:var(--color-accent);text-transform:capitalize}.quest-card-progress{margin-top:10px;padding-top:10px;border-top:1px dashed var(--border-color)}.quest-card-stage{font-size:.8rem;color:var(--text-secondary);text-transform:capitalize}.quest-card-stages-done{display:flex;gap:6px;margin-top:8px}.stage-pip{width:12px;height:12px;border-radius:50%;background:var(--border-stitch);border:1px solid var(--border-color)}.stage-pip.completed{background:var(--color-success);border-color:#6bba564d;box-shadow:0 0 4px #6bba564d}.stage-pip.current{background:var(--color-gold);border-color:var(--color-gold-dim);box-shadow:0 0 6px #d4a84366}.toast{position:fixed;bottom:calc(var(--nav-height) + var(--safe-area-bottom) + 16px);left:16px;right:16px;display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:4px;background:linear-gradient(165deg,#2a2318,#201c14);border:1px solid var(--border-stitch);box-shadow:var(--shadow-lg);z-index:200;transition:all .3s ease}.toast-visible{opacity:1;transform:translateY(0)}.toast-hidden{opacity:0;transform:translateY(10px)}.toast-success{border-left:3px solid var(--color-success)}.toast-error{border-left:3px solid var(--color-danger)}.toast-icon{font-size:1.1rem;flex-shrink:0}.toast-message{font-size:.85rem;color:var(--text-primary);line-height:1.4}.pwa-update-banner{position:fixed;top:calc(12px + var(--safe-area-top));left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:4px;background:linear-gradient(165deg,#2a2318,#201c14);border:1px solid var(--color-gold-dim);box-shadow:var(--shadow-lg),0 0 12px #d4a84326;z-index:300;animation:pwa-banner-slide .3s ease-out}@keyframes pwa-banner-slide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.pwa-update-text{font-size:.85rem;color:var(--text-primary)}.pwa-update-btn{padding:6px 16px;border-radius:4px;border:1px solid var(--color-gold-dim);background:linear-gradient(180deg,#c9a040,#8b6918);color:#12100c;font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.05em;cursor:pointer;white-space:nowrap;box-shadow:inset 0 1px #ffdc964d;transition:background var(--transition-fast)}.pwa-update-btn:active{transform:scale(.97)}.pwa-update-actions{display:flex;gap:8px;align-items:center}.pwa-update-btn-secondary{padding:6px 12px;border-radius:4px;border:1px solid var(--color-gold-dim);background:transparent;color:var(--text-primary);font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:.05em;cursor:pointer;white-space:nowrap;transition:background var(--transition-fast)}.pwa-update-btn-secondary:active{transform:scale(.97);background:#d4a84314}.mention-toast{position:fixed;top:calc(12px + var(--safe-area-top));left:16px;right:16px;padding:14px 18px;border-radius:4px;background:linear-gradient(165deg,#2a2318,#201c14);border:1px solid var(--color-gold-dim);border-left:3px solid var(--color-gold);box-shadow:var(--shadow-lg),0 0 12px #d4a84326;z-index:450;cursor:pointer;opacity:0;transform:translateY(-20px);transition:opacity .3s ease-out,transform .3s ease-out}.mention-toast-visible{opacity:1;transform:translateY(0)}.mention-toast-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.mention-toast-header strong{font-family:var(--font-display);font-size:.85rem;color:var(--color-gold-bright)}.mention-toast-location{font-size:.7rem;color:var(--text-muted)}.mention-toast-body{font-size:.8rem;color:var(--text-primary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px}.mention-toast-tap{font-size:.65rem;color:var(--color-gold-dim);text-transform:uppercase;letter-spacing:.08em}.xp-float{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:300;font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--color-gold);text-shadow:0 0 8px rgba(212,168,67,.6),0 2px 4px rgba(0,0,0,.7);pointer-events:none;animation:xp-float-up 1.2s ease-out forwards}@keyframes xp-float-up{0%{opacity:1;transform:translate(-50%,-50%) translateY(0)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) translateY(-60px)}}.achievement-toast{position:fixed;top:calc(12px + var(--safe-area-top));left:16px;right:16px;display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:4px;background:linear-gradient(165deg,#2a2318,#1c1812);border:1px solid var(--color-gold-dim);box-shadow:var(--shadow-lg),0 0 16px #d4a84333;z-index:500;cursor:pointer;animation:achievement-toast-slide .4s ease-out}@keyframes achievement-toast-slide{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.achievement-toast-icon{font-size:2rem;flex-shrink:0;filter:drop-shadow(0 0 6px rgba(212,168,67,.4))}.achievement-toast-body{flex:1;min-width:0}.achievement-toast-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-gold);margin-bottom:2px}.achievement-toast-name{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text-bright);margin-bottom:4px}.achievement-toast-rewards{display:flex;gap:8px}.achievement-toast-badge{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:10px}.achievement-toast-xp{background:#7882dc33;color:#a8b4ff;border:1px solid rgba(120,130,220,.3)}.achievement-toast-gold{background:#d4a84326;color:var(--color-gold-bright);border:1px solid rgba(212,168,67,.3)}.achievement-toast-hint{font-size:.6rem;color:#d4a84399;letter-spacing:.05em;margin-top:2px}.quest-toast{position:fixed;top:calc(12px + var(--safe-area-top));left:16px;right:16px;display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:4px;background:linear-gradient(165deg,#1a2318,#121c12);border:1px solid rgba(100,200,120,.35);box-shadow:var(--shadow-lg),0 0 16px #64c87833;z-index:500;cursor:pointer;animation:quest-toast-slide .4s ease-out}.quest-toast-fadeout{animation:quest-toast-fade 1s ease-in forwards}@keyframes quest-toast-slide{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes quest-toast-fade{to{opacity:0;transform:translateY(-20px)}}.quest-toast-icon{font-size:2rem;flex-shrink:0;filter:drop-shadow(0 0 6px rgba(100,200,120,.4))}.quest-toast-body{flex:1;min-width:0}.quest-toast-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:#6ddb82;margin-bottom:2px}.quest-toast-name{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text-bright);margin-bottom:4px}.quest-toast-rewards{display:flex;gap:8px;margin-bottom:2px}.quest-toast-badge{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:10px}.quest-toast-xp{background:#7882dc33;color:#a8b4ff;border:1px solid rgba(120,130,220,.3)}.quest-toast-gold{background:#d4a84326;color:var(--color-gold-bright);border:1px solid rgba(212,168,67,.3)}.quest-toast-hint{font-size:.6rem;color:#64c87899;letter-spacing:.05em}.presence-strip{display:flex;align-items:center;gap:10px;padding:8px 16px;background:linear-gradient(180deg,#1a1510e6,#14100cf2);border-bottom:1px solid rgba(212,168,67,.15);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.presence-strip:hover{background:linear-gradient(180deg,#201a14f2,#181410fa)}.presence-avatars{display:flex;align-items:center}.presence-avatar{position:relative;width:32px;height:32px;margin-left:-10px;transition:transform .2s ease,margin .3s ease}.presence-avatar:first-child{margin-left:0}.presence-strip:hover .presence-avatar{margin-left:-6px}.presence-strip:hover .presence-avatar:first-child{margin-left:0}.presence-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #1a1510;box-shadow:0 2px 4px #0006;background:#2a2218}.presence-avatar:hover{transform:scale(1.15);z-index:100!important}.presence-avatar:hover img{border-color:var(--color-gold);box-shadow:0 0 8px #d4a84366}.presence-name{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:4px;padding:2px 6px;background:#000000d9;color:var(--color-gold);font-size:.65rem;font-family:var(--font-display);white-space:nowrap;border-radius:3px;pointer-events:none;animation:fadeIn .2s ease}.presence-overflow{width:32px;height:32px;margin-left:-10px;border-radius:50%;background:linear-gradient(135deg,#3d3222,#2a2218);border:2px solid #1a1510;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:var(--color-gold);box-shadow:0 2px 4px #0006}.presence-label{font-size:.7rem;color:var(--text-muted);font-style:italic}.presence-strip.expanded .presence-avatar{margin-left:8px}.presence-strip.expanded .presence-avatar:first-child{margin-left:0}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.presence-avatar{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-20px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}.enc-banner{background:linear-gradient(180deg,#1a1510,#231c14);border-bottom:2px solid var(--border-stitch);padding:10px 14px 8px;flex-shrink:0;box-shadow:0 3px 12px #00000080}.enc-monster-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.enc-monster-name{font-family:var(--font-display);font-size:1rem;font-weight:600;color:#ef4444;text-shadow:0 1px 3px rgba(0,0,0,.6)}.enc-round{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.enc-hp-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.enc-hp-label{font-size:.7rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;width:20px;flex-shrink:0}.enc-hp-bar-track{flex:1;height:10px;background:#ffffff14;border-radius:5px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.enc-hp-bar-fill{height:100%;border-radius:5px;transition:width .5s ease,background-color .5s ease;box-shadow:0 0 6px #4ade804d}.enc-hp-text{font-size:.75rem;color:var(--text-primary);font-weight:500;min-width:50px;text-align:right}.enc-ac-badge{font-size:.65rem;font-weight:600;color:var(--text-secondary);background:#ffffff0f;padding:2px 6px;border-radius:4px;white-space:nowrap}.enc-participants{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.enc-participant{display:flex;align-items:center;gap:4px;font-size:.7rem;background:#ffffff0d;padding:2px 8px;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.enc-participant.enc-ko{opacity:.4}.enc-participant-name{color:var(--color-gold);font-weight:500}.enc-participant-hp{color:var(--text-secondary)}.enc-participant-ready{color:#4ade80;font-size:.65rem}.enc-participant-ko{color:#ef4444;font-weight:700;font-size:.6rem}.enc-actions{display:flex;gap:8px;justify-content:center;align-items:center;min-height:38px}.enc-btn{flex:1;padding:8px 12px;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:var(--font-display);text-shadow:0 1px 2px rgba(0,0,0,.4)}.enc-btn:active{transform:scale(.96)}.enc-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.enc-btn-attack{background:linear-gradient(180deg,#dc2626,#991b1b);color:#fff;box-shadow:0 2px 6px #dc26264d}.enc-btn-attack:active{background:linear-gradient(180deg,#b91c1c,#7f1d1d)}.enc-btn-defend{background:linear-gradient(180deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 2px 6px #2563eb4d}.enc-btn-defend:active{background:linear-gradient(180deg,#1d4ed8,#1e3a8a)}.enc-btn-flee{background:linear-gradient(180deg,#78716c,#57534e);color:#e7e5e4;box-shadow:0 2px 6px #78716c33}.enc-btn-flee:active{background:linear-gradient(180deg,#57534e,#44403c)}.enc-btn-join{background:linear-gradient(180deg,var(--color-gold) 0%,#b8860b 100%);color:#1a1510;max-width:180px;box-shadow:0 2px 8px #d4a8434d}.enc-btn-join:active{background:linear-gradient(180deg,#b8860b,#8b6914)}.enc-status-text{font-size:.8rem;color:var(--text-secondary);text-align:center;font-style:italic}.enc-crit-text{color:gold;font-weight:700;font-style:normal;animation:enc-pulse .5s ease-in-out 3}.enc-fumble-text{color:#ef4444;font-weight:600;font-style:normal}.enc-btn-detail{display:block;font-size:.6rem;font-weight:400;opacity:.7;margin-top:1px}.enc-monster-status{color:#c084fc;font-weight:500;font-style:normal;animation:enc-pulse 1.5s ease-in-out infinite}.enc-timer{text-align:center;font-size:.7rem;color:var(--text-secondary);margin-top:4px;letter-spacing:.03em}.enc-timer-urgent{color:#ef4444;font-weight:600;animation:enc-pulse 1s ease-in-out infinite}@keyframes enc-pulse{0%,to{opacity:1}50%{opacity:.5}}.enc-result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:enc-fade-in .3s ease}.enc-result-card{background:linear-gradient(180deg,#1a1510,#231c14);border:2px solid var(--border-stitch);border-radius:16px;padding:28px 24px;text-align:center;max-width:340px;width:90%;box-shadow:0 10px 40px #0009;animation:enc-scale-in .3s ease}.enc-result-icon{font-size:2.5rem;margin-bottom:8px}.enc-result-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-gold);text-shadow:0 2px 6px rgba(212,168,67,.3);margin-bottom:6px}.enc-result-subtitle{font-size:.85rem;color:var(--text-secondary);margin-bottom:16px;font-style:italic}.enc-result-rewards{margin-bottom:16px}.enc-reward-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06);gap:8px}.enc-reward-row:last-child{border-bottom:none}.enc-reward-name{color:var(--color-gold);font-weight:600;font-size:.85rem}.enc-reward-values{color:var(--text-primary);font-size:.8rem}.enc-reward-badge{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fbbf24;background:#fbbf2426;padding:1px 5px;border-radius:4px}.enc-result-dismiss{padding:10px 32px;border:none;border-radius:8px;background:linear-gradient(180deg,var(--color-gold) 0%,#b8860b 100%);color:#1a1510;font-weight:600;font-size:.9rem;cursor:pointer;font-family:var(--font-display);transition:transform .1s ease}.enc-result-dismiss:active{transform:scale(.96)}.chat-bubble-encounter{background:#dc262614;border-left:3px solid #dc2626;margin:4px 12px;padding:6px 10px;border-radius:0 6px 6px 0;font-size:.8rem;color:var(--text-primary);line-height:1.4}.chat-bubble-encounter.enc-round-header{background:#d4a84314;border-left-color:var(--color-gold);font-weight:600;font-size:.75rem;color:var(--color-gold);text-transform:uppercase;letter-spacing:.02em;margin-top:8px}.chat-bubble-encounter.enc-victory{background:#4ade8014;border-left-color:#4ade80;font-weight:600;color:#4ade80}.chat-bubble-encounter.enc-defeat{background:#ef444414;border-left-color:#ef4444;font-weight:600;color:#ef4444}@keyframes enc-fade-in{0%{opacity:0}to{opacity:1}}@keyframes enc-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.arena{display:flex;flex-direction:column;height:100dvh;background:linear-gradient(180deg,#0d0a07,#1a1510 40%,#0d0a07);color:var(--text-primary);overflow:hidden;position:relative}.arena-header{display:flex;align-items:center;gap:10px;padding:12px 16px;padding-top:calc(env(safe-area-inset-top,0px) + 12px);background:linear-gradient(180deg,#1a1510,#231c14);border-bottom:2px solid var(--border-stitch);flex-shrink:0;position:relative;z-index:2}.arena-back{background:none;border:none;color:var(--text-secondary);padding:4px;cursor:pointer;display:flex;align-items:center}.arena-header-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--color-gold);flex:1}.arena-header-sub{font-size:.75rem;color:var(--text-secondary);font-style:italic}.arena-round{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.arena-header-battle{padding:14px 16px;padding-top:calc(env(safe-area-inset-top,0px) + 14px)}.arena-header-battle .arena-header-title{font-size:1.2rem}.arena-header-battle .arena-round{font-size:.8rem;font-weight:600;color:var(--color-gold)}.arena-active-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:linear-gradient(135deg,#ef444426,#eab3081a);border-bottom:1px solid rgba(239,68,68,.3);flex-shrink:0}.arena-active-banner-info{display:flex;flex-direction:column;gap:2px;min-width:0}.arena-active-banner-monster{font-weight:700;font-size:.95rem;color:#fff}.arena-active-banner-detail{font-size:.75rem;color:var(--text-secondary)}.arena-active-banner .arena-btn-join{flex-shrink:0;padding:8px 16px;font-size:.85rem}.arena-monster-grid{flex:1;overflow-y:auto;padding:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-content:start}.arena-loading{grid-column:1 / -1;text-align:center;color:var(--text-secondary);padding:40px 0;font-style:italic}.arena-monster-card{position:relative;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 12px;cursor:pointer;transition:all .15s ease;text-align:left;color:var(--text-primary);font-family:inherit}.arena-monster-card:active{transform:scale(.97);border-color:var(--color-gold);background:linear-gradient(180deg,#d4a8431a,#d4a8430a)}.arena-monster-card:disabled{opacity:.5;cursor:not-allowed;transform:none}.arena-monster-card-disabled{opacity:.35;pointer-events:none}.arena-monster-card-selected{border-color:var(--color-gold);box-shadow:0 0 12px #d4a84366}.arena-monster-card-active{border-color:#ef444466}.arena-card-active-badge{display:flex;align-items:center;gap:8px;margin-top:8px;padding-top:6px;border-top:1px solid rgba(239,68,68,.2)}.arena-card-badge-fighters{font-size:.65rem;font-weight:600;color:#ef4444;background:#ef44441f;padding:2px 6px;border-radius:4px;white-space:nowrap}.arena-card-badge-hp{font-size:.65rem;font-weight:500;color:var(--text-secondary)}.arena-card-image{width:100%;aspect-ratio:3/ 4;object-fit:cover;border-radius:8px;margin-bottom:8px}.arena-card-name{font-family:var(--font-display);font-size:1rem;font-weight:600;color:#ef4444;margin-bottom:6px;text-shadow:0 1px 3px rgba(0,0,0,.6)}.arena-card-stats{display:flex;gap:8px;margin-bottom:6px;flex-wrap:wrap}.arena-card-cr,.arena-card-ac,.arena-card-hp{font-size:.7rem;font-weight:600;color:var(--text-secondary);background:#ffffff0f;padding:2px 6px;border-radius:4px;white-space:nowrap}.arena-card-cr{color:var(--color-gold);background:#d4a8431f}.arena-card-spawning{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000b3;border-radius:12px;color:var(--color-gold);font-weight:600;font-size:.85rem;animation:arena-pulse 1.5s ease-in-out infinite}.arena-join-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000eb;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-y:auto;animation:arena-overlay-in .2s ease-out}.arena-join-content{display:flex;flex-direction:column;align-items:center;padding:24px 20px;position:relative;width:100%;max-width:400px}@keyframes arena-overlay-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.arena-join-close{position:absolute;top:16px;left:16px;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:50%;transition:color .15s}.arena-join-close:active{color:var(--text-primary)}.arena-join-name{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:#ef4444;text-shadow:0 2px 6px rgba(0,0,0,.8);margin-bottom:16px;text-align:center}.arena-join-image{width:80%;max-width:280px;aspect-ratio:1;object-fit:cover;border-radius:12px;border:2px solid rgba(255,255,255,.1);margin-bottom:20px}.arena-join-stats{display:flex;align-items:center;justify-content:center;gap:28px;margin-bottom:24px}.arena-join-stat{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px}.arena-join-stat-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.arena-join-stat-value{font-size:.9rem;font-weight:700;color:var(--text-primary)}.arena-join-cr{width:56px;height:56px;border-radius:50%;border:2px solid var(--color-gold);background:#d4a8431a;justify-content:center}.arena-join-cr .arena-join-stat-label,.arena-join-cr .arena-join-stat-value{color:var(--color-gold)}.arena-join-hp{position:relative;width:72px;height:72px;justify-content:center}.arena-join-heart{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:#ef444440}.arena-join-hp .arena-join-stat-label,.arena-join-hp .arena-join-stat-value{position:relative;z-index:1}.arena-join-hp .arena-join-stat-value{font-size:.8rem}.arena-join-ac{position:relative;width:56px;height:64px;justify-content:center}.arena-join-shield{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:#94a3b833}.arena-join-ac .arena-join-stat-label,.arena-join-ac .arena-join-stat-value{position:relative;z-index:1}.arena-join-ac .arena-join-stat-label{color:#94a3b8}.arena-join-ac .arena-join-stat-value{color:#cbd5e1}.arena-join-rewards{display:flex;gap:16px;margin-bottom:18px}.arena-join-reward-value{font-size:.85rem;font-weight:600;color:#d4a843;letter-spacing:.02em}.arena-join-reward-xp .arena-join-reward-value{color:#a8b4ff}.arena-join-participants{width:100%;max-width:320px;display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.arena-join-participant{display:flex;align-items:center;gap:10px}.arena-join-participant-ko{opacity:.5}.arena-join-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;object-fit:cover;border:1px solid rgba(255,255,255,.1)}.arena-join-avatar-fallback{display:flex;align-items:center;justify-content:center;background:#ffffff1a;color:var(--text-secondary);font-size:.8rem;font-weight:600}.arena-join-participant-info{flex:1;min-width:0}.arena-join-participant-name{font-size:.8rem;font-weight:600;color:var(--text-primary);display:block;margin-bottom:3px}.arena-join-hp-track{height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.arena-join-hp-fill{height:100%;border-radius:3px;transition:width .3s ease}.arena-join-btn{width:100%;max-width:320px;padding:14px 24px;background:linear-gradient(180deg,#d4a8434d,#d4a84326);border:1px solid var(--color-gold);border-radius:10px;color:var(--color-gold);font-family:var(--font-display);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .15s ease;text-transform:uppercase;letter-spacing:.05em}.arena-join-btn:active{transform:scale(.97);background:linear-gradient(180deg,#d4a84366,#d4a84333)}.arena-join-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.arena-monster-panel{padding:12px 16px 10px;background:linear-gradient(180deg,#1a1510,#231c14);border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;position:relative;z-index:2}.arena-monster-name{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:#ef4444;text-shadow:0 1px 3px rgba(0,0,0,.6);margin-bottom:8px}.arena-hp-row{display:flex;align-items:center;gap:8px}.arena-hp-label{font-size:.7rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;width:20px;flex-shrink:0}.arena-hp-track{flex:1;height:14px;background:#ffffff14;border-radius:7px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.arena-hp-fill{height:100%;border-radius:7px;transition:width .5s ease,background-color .5s ease;box-shadow:0 0 8px #4ade804d}.arena-hp-text{font-size:.8rem;color:var(--text-primary);font-weight:500;min-width:55px;text-align:right}.arena-ac-badge{font-size:.7rem;font-weight:600;color:var(--text-secondary);background:#ffffff0f;padding:3px 8px;border-radius:4px;white-space:nowrap}.arena-ac-diamond{width:34px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:8px;background:#94a3b82e;clip-path:polygon(50% 0%,100% 0%,100% 65%,50% 100%,0% 65%,0% 0%)}.arena-ac-diamond span{font-size:.75rem;font-weight:700;color:#cbd5e1;line-height:1;margin-top:-4px}.arena-ac-diamond-self{background:#d4a8432e}.arena-ac-diamond-self span{color:var(--color-gold)}.arena-battle-area{position:relative;flex:1;overflow:hidden;min-height:0}.arena-battle-field{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 16px;z-index:0;pointer-events:none;background-image:url(/images/arena-bg.webp);background-position:center;background-size:cover;background-repeat:no-repeat}.arena-enemy-sprite{width:auto;height:auto;max-width:80%;max-height:70%;object-fit:contain;flex-shrink:1;min-height:0}.arena-battle-field-duel .arena-enemy-sprite{transform-origin:center center;translate:15% 0}.arena-battle-field-duel .arena-vine-overlay{translate:15% 0}.arena-battle-field-duel .arena-sprite-row{translate:-20% 0}.arena-enemy-sprite-fallback{display:flex;align-items:center;justify-content:center;background:#ef44441a;font-family:var(--font-display);font-size:3rem;font-weight:700;color:#ef444480}.arena-info-panel{display:flex;gap:0;padding:14px 16px 10px;background:linear-gradient(180deg,#1a1510,#1a1510f2);border-bottom:2px solid var(--border-stitch);flex-shrink:0;position:relative;z-index:2}.arena-info-col{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.arena-info-col-players{padding-right:12px}.arena-info-col-enemies{padding-left:12px}.arena-info-col-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:3px}.arena-info-col-players .arena-info-col-label{color:var(--color-gold)}.arena-info-col-enemies .arena-info-col-label{color:#ef4444}.arena-info-divider{width:1px;background:#ffffff14;flex-shrink:0;margin:0 2px}.arena-info-row{display:flex;align-items:center;gap:8px;min-height:28px}.arena-info-avatar{width:26px;height:26px;border-radius:50%;flex-shrink:0;object-fit:cover;border:1px solid rgba(255,255,255,.1)}.arena-info-avatar-fallback{display:flex;align-items:center;justify-content:center;background:#ffffff1a;color:var(--text-secondary);font-size:.6rem;font-weight:600}.arena-info-row-me .arena-info-avatar{border-color:#d4a84366}.arena-info-avatar-enemy{border-color:#ef444466}.arena-info-row-ko{opacity:.4}.arena-info-row-me .arena-info-name{color:var(--color-gold)}.arena-info-row-enemy .arena-info-name{color:#ef4444}.arena-info-row-summon{opacity:.9}.arena-info-row-summon .arena-info-hp-fill{background:#c4b5fd!important}.arena-info-avatar-summon{font-size:.7rem!important;background:#c4b5fd33!important}.arena-badge-summon-turns{font-size:.55rem;background:#c4b5fd4d;color:#c4b5fd;padding:1px 4px;border-radius:4px}.arena-info-name{font-size:.72rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex-shrink:1}.arena-info-hp-track{flex:1;height:8px;background:#ffffff14;border-radius:4px;overflow:hidden;min-width:30px}.arena-info-hp-fill{height:100%;border-radius:3px;transition:width .5s ease}.arena-info-hp-text{font-size:.7rem;color:var(--text-secondary);font-weight:500;white-space:nowrap;flex-shrink:0}.arena-info-ac{width:24px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.58rem;font-weight:700;color:#94a3b8;background:#94a3b826;clip-path:polygon(50% 0%,100% 0%,100% 65%,50% 100%,0% 65%,0% 0%);flex-shrink:0;line-height:1;padding-bottom:6px}.arena-info-row-me .arena-info-ac{color:#94a3b8;background:#94a3b826}.arena-timer-bar{display:flex;align-items:center;gap:8px;padding:4px 12px;background:#1a1510f2;border-bottom:1px solid rgba(255,255,255,.04);flex-shrink:0;position:relative;z-index:2}.arena-timer-bar-track{flex:1;height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.arena-timer-bar-fill{height:100%;border-radius:2px;background:var(--color-gold);transition:width .25s linear}.arena-timer-bar-label{font-size:.65rem;font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums;min-width:28px;text-align:right;flex-shrink:0}.arena-timer-bar-urgent .arena-timer-bar-fill{background:#ef4444}.arena-timer-bar-urgent .arena-timer-bar-label{color:#ef4444}.arena-timer-bar-urgent .arena-timer-bar-track{animation:arena-timer-pulse 1.5s ease-in-out infinite}@keyframes arena-timer-pulse{0%,to{opacity:1}50%{opacity:.5}}.arena-turn-announce-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;z-index:98;pointer-events:none;animation:arena-announce-fade 1.5s ease-out forwards}.arena-turn-announce{font-size:clamp(1rem,3.5vw,1.5rem);font-weight:700;letter-spacing:.04em;padding:8px 24px;border-radius:8px;text-shadow:0 2px 8px rgba(0,0,0,.6);animation:arena-announce-pop 1.5s ease-out forwards}.arena-turn-announce-player{color:#eab308;background:#eab3081f;border:1px solid rgba(234,179,8,.3)}.arena-turn-announce-enemy{color:#ef4444;background:#ef44441f;border:1px solid rgba(239,68,68,.3)}@keyframes arena-announce-fade{0%{opacity:0}10%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes arena-announce-pop{0%{transform:scale(.8);opacity:0}10%{transform:scale(1.05);opacity:1}20%{transform:scale(1)}70%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:0}}.arena-sprite-row{display:flex;align-items:flex-end;justify-content:center;width:100%;flex-shrink:0;position:relative;z-index:3}.arena-sprite-tile{position:relative;width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);flex-shrink:0;border:2px solid rgba(255,255,255,.15);transition:opacity .3s,filter .3s}.arena-sprite-tile-has-img{border:none;background:transparent;overflow:visible}.arena-sprite-tile-me{border-color:var(--color-gold);box-shadow:0 0 8px #d4a8434d}.arena-sprite-tile-has-img.arena-sprite-tile-me{border:none;box-shadow:none}.arena-sprite-tile-ko{opacity:.35;filter:grayscale(.8)}.arena-sprite-tile-img{width:100%;height:100%;object-fit:contain}.arena-player-avatar{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff;flex-shrink:0;text-shadow:0 1px 2px rgba(0,0,0,.4)}.arena-player-avatar-img{object-fit:cover}.arena-your-stats{display:flex;align-items:center;gap:8px;padding:8px 16px;flex-shrink:0;background:#d4a8430a;border-top:1px solid rgba(212,168,67,.12)}.arena-your-hp-row{flex:1;display:flex;align-items:center;gap:8px}.arena-your-hp-track{flex:1;height:12px;background:#ffffff14;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.arena-your-hp-fill{height:100%;border-radius:6px;transition:width .5s ease,background-color .5s ease;box-shadow:0 0 6px #4ade8033}.arena-your-hp-text{font-size:.78rem;color:var(--text-primary);font-weight:600;min-width:50px;text-align:right;flex-shrink:0}.arena-log-toggle-wrap{position:relative;display:flex;justify-content:flex-end;height:0;overflow:visible;z-index:50;padding-right:8px}.arena-log-toggle{position:relative;top:4px;width:36px;height:36px;border-radius:50%;background:#1e1912e6;border:1px solid rgba(212,168,67,.3);color:var(--color-gold);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;box-shadow:0 2px 10px #0006;transition:transform .15s}.arena-log-toggle:active{transform:scale(.9)}.arena-combat-log-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#000000b3;display:flex;align-items:flex-end;justify-content:center;animation:arena-fade-in .15s ease}.arena-combat-log-panel{width:100%;max-width:500px;max-height:60vh;background:linear-gradient(180deg,#1a1510,#0d0a07);border-top:2px solid var(--border-stitch);border-radius:16px 16px 0 0;display:flex;flex-direction:column;animation:arena-slide-up .2s ease-out}.arena-combat-log-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06);font-family:var(--font-display);font-size:.9rem;font-weight:600;color:var(--color-gold);flex-shrink:0}.arena-combat-log-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex}.arena-combat-log-entries{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:4px}@keyframes arena-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.arena-combat-log{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:4px}.arena-log-entry{background:#dc262614;border-left:3px solid #dc2626;padding:6px 10px;border-radius:0 6px 6px 0;font-size:.82rem;color:var(--text-primary);line-height:1.4}.arena-log-header{background:#d4a84314;border-left-color:var(--color-gold);font-weight:600;font-size:.75rem;color:var(--color-gold);text-transform:uppercase;letter-spacing:.02em;margin-top:6px}.arena-log-victory{background:#4ade8014;border-left-color:#4ade80;font-weight:600;color:#4ade80}.arena-log-defeat{background:#ef444414;border-left-color:#ef4444;font-weight:600;color:#ef4444}.arena-bottom-ui{margin-top:auto;position:relative;z-index:2;flex-shrink:0;background:linear-gradient(0deg,#0d0a07f2,#1a1510d9);border-top:1px solid rgba(255,255,255,.06)}.arena-players{display:flex;flex-direction:column;gap:6px;padding:8px 16px;flex-shrink:0;max-height:140px;overflow-y:auto}.arena-player-row{display:flex;align-items:center;gap:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:6px 10px}.arena-player-row.arena-player-me{border-color:#d4a84340;background:#d4a8430f}.arena-player-row.arena-player-ko{opacity:.45}.arena-player-info{display:flex;align-items:center;gap:6px;margin-bottom:4px}.arena-player-name{font-size:.75rem;font-weight:600;color:var(--color-gold);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arena-player-ready{color:#4ade80;font-size:.7rem;flex-shrink:0}.arena-player-ko-badge{color:#ef4444;font-weight:700;font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.arena-player-hp-row{display:flex;align-items:center;gap:8px}.arena-player-hp-track{flex:1;height:8px;background:#ffffff14;border-radius:4px;overflow:hidden}.arena-player-hp-fill{height:100%;border-radius:4px;transition:width .5s ease,background-color .5s ease}.arena-player-hp-text{font-size:.68rem;color:var(--text-secondary);font-weight:500;min-width:42px;text-align:right;flex-shrink:0}.arena-actions{display:flex;gap:8px;justify-content:center;align-items:center;padding:6px 12px;flex-shrink:0;min-height:40px;position:relative;flex-wrap:wrap}.arena-action-tooltip{position:absolute;bottom:100%;left:16px;right:16px;margin-bottom:6px;z-index:10}.arena-action-tooltip-content{background:#14100cf2;border:1px solid rgba(212,168,67,.3);border-radius:8px;padding:10px 14px;font-size:.8rem;line-height:1.4;color:var(--text-secondary);box-shadow:0 4px 16px #00000080}.arena-btn{flex:1;padding:8px 12px;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:var(--font-display);text-shadow:0 1px 2px rgba(0,0,0,.4)}.arena-btn:active{transform:scale(.96)}.arena-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.arena-btn-attack{background:linear-gradient(180deg,#dc2626,#991b1b);color:#fff;box-shadow:0 2px 8px #dc26264d}.arena-btn-attack:active{background:linear-gradient(180deg,#b91c1c,#7f1d1d)}.arena-btn-defend{background:linear-gradient(180deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 2px 8px #2563eb4d}.arena-btn-defend:active{background:linear-gradient(180deg,#1d4ed8,#1e3a8a)}.arena-btn-flee{background:linear-gradient(180deg,#78716c,#57534e);color:#e7e5e4;box-shadow:0 2px 8px #78716c33}.arena-btn-flee:active{background:linear-gradient(180deg,#57534e,#44403c)}.arena-btn-join{background:linear-gradient(180deg,var(--color-gold) 0%,#b8860b 100%);color:#1a1510;max-width:220px;box-shadow:0 2px 10px #d4a8434d}.arena-btn-join:active{background:linear-gradient(180deg,#b8860b,#8b6914)}.arena-btn-detail{display:block;font-size:.6rem;font-weight:400;opacity:.7;margin-top:0}.arena-status-text{font-size:.78rem;color:var(--text-secondary);text-align:center;font-style:italic}.arena-crit-text{color:gold;font-weight:700;font-style:normal;animation:arena-pulse .5s ease-in-out 3}.arena-fumble-text{color:#ef4444;font-weight:600;font-style:normal}.arena-monster-status{color:#c084fc;font-weight:500;font-style:normal;animation:arena-pulse 1.5s ease-in-out infinite}.arena-timer{text-align:center;font-size:.7rem;color:var(--text-secondary);padding:0 12px 6px;flex-shrink:0;letter-spacing:.03em}.arena-timer-urgent{color:#ef4444;font-weight:600;animation:arena-pulse 1s ease-in-out infinite}.arena-result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#000c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:arena-fade-in .3s ease}.arena-result-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.3;z-index:0}.arena-victory-confetti{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.arena-result-card{z-index:2;background:linear-gradient(180deg,#1a1510,#231c14);border:2px solid var(--border-stitch);border-radius:16px;padding:32px 28px;text-align:center;max-width:360px;width:90%;box-shadow:0 12px 48px #000000b3;animation:arena-scale-in .3s ease}.arena-result-icon{font-size:3rem;margin-bottom:10px}.arena-result-title{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:var(--color-gold);text-shadow:0 2px 8px rgba(212,168,67,.3);margin-bottom:8px}.arena-result-subtitle{font-size:.9rem;color:var(--text-secondary);margin-bottom:20px;font-style:italic}.arena-result-rewards{margin-bottom:20px}.arena-reward-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06);gap:8px}.arena-reward-row:last-child{border-bottom:none}.arena-reward-name{color:var(--color-gold);font-weight:600;font-size:.88rem}.arena-reward-values{color:var(--text-primary);font-size:.82rem}.arena-reward-badge{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fbbf24;background:#fbbf2426;padding:1px 5px;border-radius:4px}.arena-result-dismiss{padding:12px 36px;border:none;border-radius:10px;background:linear-gradient(180deg,var(--color-gold) 0%,#b8860b 100%);color:#1a1510;font-weight:600;font-size:1rem;cursor:pointer;font-family:var(--font-display);transition:transform .1s ease}.arena-result-dismiss:active{transform:scale(.96)}@keyframes arena-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes arena-fade-in{0%{opacity:0}to{opacity:1}}.arena-edit-btn{background:none;border:1px solid rgba(212,168,67,.3);color:var(--color-gold);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s}.arena-edit-btn:active{background:#d4a84326}.arena-edit-panel{position:fixed;top:80px;right:12px;width:240px;background:#14100cf5;border:1px solid rgba(212,168,67,.35);border-radius:12px;padding:12px;z-index:200;box-shadow:0 8px 32px #0009;display:flex;flex-direction:column;gap:8px}.arena-edit-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.arena-edit-panel-header span{font-family:var(--font-display);font-size:.8rem;font-weight:600;color:var(--color-gold)}.arena-edit-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px;display:flex;font-size:1.1rem;line-height:1}.arena-edit-section{font-size:.7rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;padding-top:2px}.arena-edit-divider{font-size:.7rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;padding-top:6px;margin-top:2px;border-top:1px solid rgba(255,255,255,.08)}.arena-edit-row{display:flex;align-items:center;gap:8px}.arena-edit-row label{font-size:.7rem;color:var(--text-secondary);width:52px;flex-shrink:0}.arena-edit-row input[type=range]{flex:1;height:4px;accent-color:var(--color-gold);cursor:pointer}.arena-edit-row span{font-size:.7rem;font-family:monospace;color:var(--text-primary);min-width:32px;text-align:right}.arena-edit-save{margin-top:4px;padding:8px 12px;background:linear-gradient(180deg,#d4a8434d,#d4a84326);border:1px solid var(--color-gold);border-radius:8px;color:var(--color-gold);font-family:var(--font-display);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s}.arena-edit-save:active{background:linear-gradient(180deg,#d4a84366,#d4a84333)}.arena-edit-save:disabled{opacity:.5;cursor:not-allowed}.arena-initiative-modal{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:16px}.arena-initiative-title{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--color-gold);text-shadow:0 2px 8px rgba(212,168,67,.3)}.arena-initiative-subtitle{font-size:.9rem;color:var(--text-secondary)}.arena-initiative-results{display:flex;flex-direction:column;gap:8px;width:100%;max-width:300px}.arena-init-result{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;animation:arena-scale-in .3s ease}@keyframes arena-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.arena-init-result-me{border-color:#d4a8434d;background:#d4a8430f}.arena-init-name{flex:1;font-weight:600;font-size:.85rem}.arena-init-total{font-weight:700;font-size:1rem;color:var(--color-gold)}.arena-init-breakdown{font-size:.7rem;color:var(--text-secondary)}.arena-btn-initiative{flex:0 0 auto;padding:10px 32px;background:linear-gradient(180deg,#d4a017,#b8860b);color:#fff;border:none;border-radius:10px;font-family:var(--font-display);font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #d4a0174d;transition:transform .15s;margin-top:8px}.arena-btn-initiative:active{transform:scale(.96)}.arena-btn-initiative:disabled{opacity:.5;cursor:not-allowed}.arena-initiative-my-result{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:8px}.arena-init-my-total{font-family:var(--font-display);font-size:2.4rem;font-weight:700;color:var(--color-gold);text-shadow:0 2px 12px rgba(212,168,67,.4)}.arena-init-my-breakdown{font-size:.8rem;color:var(--text-secondary)}.arena-initiative-tracker{position:fixed;right:6px;top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px;background:#0d0a07b3;border:1px solid rgba(255,255,255,.08);border-radius:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.arena-init-entry{padding:2px;border-radius:50%;border:2px solid transparent;transition:all .3s ease}.arena-init-entry-current{border-color:#d4a843cc;box-shadow:0 0 8px #d4a84366}.arena-init-entry-past{opacity:.4}.arena-init-entry-ko{opacity:.25;filter:grayscale(1)}.arena-init-entry-monster.arena-init-entry-current{border-color:#ef4444cc;box-shadow:0 0 8px #ef444466}.arena-init-entry-summon{border-color:#c4b5fd;box-shadow:0 0 6px #c4b5fd80}.arena-init-entry-summon.arena-init-entry-current{box-shadow:0 0 12px #c4b5fdcc}.arena-init-avatar-summon{font-size:.8rem!important;background:#c4b5fd33!important}.arena-init-avatar{width:28px;height:28px;border-radius:50%;display:block;object-fit:cover}.arena-init-avatar-fallback{display:flex;align-items:center;justify-content:center;background:#ffffff1a;color:var(--text-secondary);font-size:.65rem;font-weight:600}.arena-waiting-text{font-size:.85rem;color:var(--text-secondary);text-align:center;font-style:italic;animation:arena-pulse-wait 2s ease-in-out infinite}@keyframes arena-pulse-wait{0%,to{opacity:.6}50%{opacity:1}}.rro-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;background:#0009;animation:rro-backdrop-in .2s ease-out}@keyframes rro-backdrop-in{0%{opacity:0}to{opacity:1}}.rro-content{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px}.rro-comparison{display:flex;align-items:center;gap:16px}.rro-side{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:80px}.rro-fly-left{animation:rro-fly-in-left .4s cubic-bezier(.34,1.56,.64,1) both}.rro-fly-right{animation:rro-fly-in-right .4s cubic-bezier(.34,1.56,.64,1) .15s both}@keyframes rro-fly-in-left{0%{opacity:0;transform:translate(-80px) scale(.7)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes rro-fly-in-right{0%{opacity:0;transform:translate(80px) scale(.7)}to{opacity:1;transform:translate(0) scale(1)}}.rro-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.2);flex-shrink:0}.rro-avatar-fallback{display:flex;align-items:center;justify-content:center;background:#ffffff1f;color:var(--text-secondary);font-size:1rem;font-weight:700}.rro-side-name{font-size:.7rem;font-weight:600;color:var(--text-primary);max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.rro-side-number{font-family:var(--font-display);font-size:2.4rem;font-weight:700;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5);line-height:1.1}.rro-side-label{font-size:.72rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.rro-side-sublabel{font-size:.65rem;color:var(--text-secondary);font-style:italic;opacity:.75;margin-top:2px}.rro-clash{font-size:2rem;animation:rro-clash-pop .3s cubic-bezier(.34,1.56,.64,1) .35s both}@keyframes rro-clash-pop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.rro-arrow{font-size:1.8rem;color:var(--text-secondary)}.rro-result{font-family:var(--font-display);font-size:clamp(1.4rem,5vw,2rem);font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 2px 12px rgba(0,0,0,.6);animation:rro-result-slam .35s cubic-bezier(.34,1.56,.64,1) .5s both}@keyframes rro-result-slam{0%{opacity:0;transform:scale(2.5)}60%{opacity:1;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.rro-hit{color:#4ade80}.rro-miss{color:#ef4444}.rro-crit{color:gold;text-shadow:0 0 20px rgba(255,215,0,.6),0 0 40px rgba(255,215,0,.3),0 0 60px rgba(255,215,0,.15);font-size:clamp(1.6rem,6vw,2.4rem)}.rro-fumble{color:#a855f7;text-shadow:0 0 16px rgba(168,85,247,.4)}.rro-crit-subtitle,.rro-fumble-subtitle{font-size:.85rem;font-weight:600;letter-spacing:.08em;animation:rro-result-slam .3s cubic-bezier(.34,1.56,.64,1) .7s both}.rro-crit-subtitle{color:#fbbf24;font-size:.95rem;text-shadow:0 0 10px rgba(251,191,36,.5)}.rro-fumble-subtitle{color:#c084fc}.rro-damage-num{color:#ef4444;text-shadow:0 0 12px rgba(239,68,68,.4)}.rro-strikethrough{text-decoration:line-through;opacity:.5;font-size:.8em}.rro-hp-num{color:#4ade80}.rro-hp-from{font-variant-numeric:tabular-nums}.rro-shake{animation:rro-screen-shake .7s ease .35s}@keyframes rro-screen-shake{0%,to{transform:translate(0)}8%{transform:translate(-6px,-3px)}16%{transform:translate(6px,4px)}24%{transform:translate(-5px,5px)}32%{transform:translate(5px,-4px)}40%{transform:translate(-4px,3px)}50%{transform:translate(3px,-2px)}60%{transform:translate(-3px,2px)}70%{transform:translate(2px,-2px)}80%{transform:translate(-1px,1px)}90%{transform:translate(1px,-1px)}}.rro-backdrop-crit{animation:rro-backdrop-in .2s ease-out,rro-crit-flash .6s ease .3s}@keyframes rro-crit-flash{0%{background:#0009}30%{background:#ffc80040}to{background:#0009}}.rro-particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:1}.rro-particle{position:absolute;left:var(--px);top:var(--py);width:var(--size);height:var(--size);border-radius:50%;background:radial-gradient(circle,gold,#f59e0b);box-shadow:0 0 6px 2px #ffd70099;opacity:0;animation:rro-particle-burst 1.2s ease-out var(--delay) forwards}@keyframes rro-particle-burst{0%{opacity:1;transform:translate(0) scale(1)}70%{opacity:.8}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}.rro-comparison-crit .rro-clash{animation:rro-clash-pop .3s cubic-bezier(.34,1.56,.64,1) .35s both,rro-clash-freeze .8s ease .55s both}@keyframes rro-clash-freeze{0%{transform:scale(1);filter:brightness(1)}15%{transform:scale(1.6);filter:brightness(2.5) drop-shadow(0 0 12px rgba(255,215,0,.9))}40%{transform:scale(1.4);filter:brightness(1.8) drop-shadow(0 0 8px rgba(255,215,0,.6))}to{transform:scale(1);filter:brightness(1)}}.rro-comparison-crit .rro-fly-left{animation:rro-fly-crit-left .7s cubic-bezier(.22,1,.36,1) both}.rro-comparison-crit .rro-fly-right{animation:rro-fly-crit-right .7s cubic-bezier(.22,1,.36,1) .1s both}@keyframes rro-fly-crit-left{0%{opacity:0;transform:translate(-80px) scale(.7)}50%{opacity:1;transform:translate(-8px) scale(1.05)}70%{opacity:1;transform:translate(-8px) scale(1.05)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes rro-fly-crit-right{0%{opacity:0;transform:translate(80px) scale(.7)}50%{opacity:1;transform:translate(8px) scale(1.05)}70%{opacity:1;transform:translate(8px) scale(1.05)}to{opacity:1;transform:translate(0) scale(1)}}.rro-advantage-badge{padding:3px 12px;border-radius:12px;font-size:.65rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;animation:rro-badge-pop .4s cubic-bezier(.34,1.56,.64,1) .1s both}.rro-advantage-badge-adv{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 2px 8px #22c55e66}.rro-advantage-badge-dis{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef444466}@keyframes rro-badge-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.rro-advantage-rolls{display:flex;align-items:center;gap:2px;font-size:.85rem;font-variant-numeric:tabular-nums}.rro-roll-used{font-weight:700;color:#fbbf24;text-shadow:0 0 6px rgba(251,191,36,.5)}.rro-roll-discarded{opacity:.35;text-decoration:line-through;font-weight:400}.rro-backdrop-heal{background:radial-gradient(ellipse at center,#22c55e26,#000000a6)}.rro-heal-num{color:#22c55e!important;text-shadow:0 0 12px rgba(34,197,94,.4)}.rro-heal-hp{color:#4ade80!important}.rro-arrow-heal{color:#22c55e}.rro-healed{color:#22c55e;text-shadow:0 0 24px rgba(34,197,94,.6)}.rro-revived{color:#fbbf24;text-shadow:0 0 24px rgba(251,191,36,.7);animation:rro-revive-pulse 1s ease infinite}@keyframes rro-revive-pulse{0%,to{text-shadow:0 0 24px rgba(251,191,36,.7)}50%{text-shadow:0 0 40px rgba(251,191,36,1),0 0 60px rgba(34,197,94,.5)}}.arena-badge{font-size:.55rem;font-weight:700;letter-spacing:.5px;padding:1px 5px;border-radius:4px;text-transform:uppercase;flex-shrink:0}.arena-badge-defeated{background:#78716c40;color:#a8a29e}.arena-badge-dodging{background:#3b82f633;color:#93c5fd}.arena-badge-advantage{background:#8b5cf640;color:#c4b5fd}.arena-badge-condition{font-size:.6rem;text-transform:none}.arena-badge-multi{display:inline-flex;align-items:center;gap:1px}.arena-badge-multi-count{font-size:.5rem;opacity:.85}.arena-badge-spiritual-weapon{background:#d4af374d;color:#f0d060}.arena-badge-stunned{background:#eab30840;color:#fde047}.arena-badge-frightened{background:#a855f740;color:#c084fc}.arena-badge-poisoned{background:#22c55e40;color:#86efac}.arena-badge-burning{background:#f9731640;color:#fdba74;animation:condition-pulse 1.5s ease-in-out infinite}.arena-badge-blinded{background:#6464644d;color:#a1a1aa}.arena-badge-restrained{background:#b4783c40;color:#d4a574}.arena-badge-mockery{background:#ec489940;color:#f9a8d4}.arena-badge-hunters-mark{background:#22c55e4d;color:#4ade80;font-size:.65rem;animation:condition-pulse 1.5s ease-in-out infinite}.arena-badge-guiding-bolt{background:#facc1540;color:#fde68a;font-size:.65rem;animation:guiding-bolt-pulse 1.5s ease-in-out infinite}@keyframes guiding-bolt-pulse{0%,to{box-shadow:0 0 4px #facc154d}50%{box-shadow:0 0 10px #facc1599}}.arena-badge-inspiration{background:#c084fc40;color:#c084fc;font-size:.65rem;animation:condition-pulse 1.5s ease-in-out infinite}@keyframes condition-pulse{0%,to{opacity:1}50%{opacity:.6}}.arena-btn-potion{background:linear-gradient(180deg,#16a34a,#15803d);color:#fff;box-shadow:0 2px 8px #16a34a4d}.arena-btn-potion:active{background:linear-gradient(180deg,#15803d,#166534)}.arena-btn-help{background:linear-gradient(180deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.arena-btn-help:active{background:linear-gradient(180deg,#7c3aed,#6d28d9)}.arena-potion-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200;animation:rro-backdrop-in .2s ease-out}.arena-potion-modal{background:linear-gradient(180deg,#2c2318,#1a1510);border:1px solid rgba(212,168,67,.2);border-radius:12px;width:min(340px,90vw);max-height:70vh;overflow-y:auto;animation:rro-content-in .3s cubic-bezier(.34,1.56,.64,1)}.arena-potion-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);font-weight:600;font-size:.95rem;color:#e7e5e4}.arena-potion-close{background:none;border:none;color:#a8a29e;cursor:pointer;padding:4px}.arena-potion-empty{padding:24px;text-align:center;color:#78716c;font-style:italic}.arena-potion-list{display:flex;flex-direction:column;padding:8px;gap:4px}.arena-potion-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:left;width:100%;color:#e7e5e4;font-family:var(--font-display)}.arena-potion-item:hover{background:#22c55e1a;border-color:#22c55e4d}.arena-potion-item:active{transform:scale(.97)}.arena-potion-item-name{flex:1;font-weight:600;font-size:.9rem}.arena-potion-item-info{display:flex;gap:8px;align-items:center}.arena-potion-item-dice{color:#4ade80;font-size:.8rem;font-weight:600}.arena-potion-item-qty{color:#a8a29e;font-size:.75rem}.arena-potion-target{gap:10px}.arena-potion-target-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.arena-potion-target-avatar-fallback{display:flex;align-items:center;justify-content:center;background:#ffffff1a;font-weight:700;font-size:.85rem;color:#a8a29e}.arena-potion-revive-tag{display:inline-block;margin-left:8px;font-size:.6rem;font-weight:700;padding:1px 6px;border-radius:4px;background:#ef444440;color:#fca5a5;letter-spacing:.5px;vertical-align:middle}.arena-slot-group{display:flex;align-items:center;gap:4px}.arena-slot-label{font-size:.6rem;font-weight:700;color:#d4a843b3;text-transform:uppercase;letter-spacing:.5px}.arena-slot-pips{display:flex;gap:3px}.arena-slot-pip{width:10px;height:10px;border-radius:50%;border:1.5px solid rgba(212,168,67,.6);transition:background-color .3s}.arena-slot-pip-filled{background:linear-gradient(135deg,#fbbf24,#d4a843);box-shadow:0 0 4px #fbbf2466}.arena-slot-pip-empty{background:transparent}.arena-slot-pool{font-size:.65rem;font-weight:600;color:#d4a843cc}.arena-btn-layonhands{background:linear-gradient(180deg,#d4a843,#b8922e);color:#1a1510;box-shadow:0 2px 8px #d4a8434d;font-weight:700}.arena-btn-layonhands:active{background:linear-gradient(180deg,#b8922e,#9a7a24)}.arena-loh-modal{min-height:180px}.arena-loh-hp-tag{margin-left:8px;font-size:.7rem;opacity:.7}.arena-loh-amount-section{padding:16px;display:flex;flex-direction:column;gap:12px;align-items:center}.arena-loh-target-name{font-size:.85rem;font-weight:600;color:#d4a843}.arena-loh-slider{width:100%;accent-color:#d4a843}.arena-loh-amount-display{font-size:1.2rem;font-weight:700;color:#fbbf24}.arena-loh-buttons{display:flex;gap:8px;width:100%}.arena-loh-buttons .arena-btn{flex:1}.arena-smite-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:250;animation:rro-backdrop-in .2s ease-out}.arena-smite-modal{background:linear-gradient(180deg,#2c2318,#1a1510);border:1px solid rgba(251,191,36,.4);border-radius:12px;padding:20px;width:min(320px,85vw);display:flex;flex-direction:column;gap:12px;align-items:center;animation:rro-content-in .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 30px #fbbf2426}.arena-smite-title{font-size:1.1rem;font-weight:700;color:#fbbf24;text-align:center}.arena-smite-weapon-dmg{font-size:.8rem;color:#fff9}.arena-smite-slots{display:flex;flex-direction:column;gap:8px;width:100%}.arena-btn-smite{background:linear-gradient(180deg,#d4a843,#b8922e);color:#1a1510;box-shadow:0 2px 8px #d4a8434d;font-weight:700;width:100%}.arena-btn-smite:active{background:linear-gradient(180deg,#b8922e,#9a7a24)}.arena-btn-no-smite{background:linear-gradient(180deg,#57534e,#44403c);color:#fffc;width:100%}.arena-btn-no-smite:active{background:linear-gradient(180deg,#44403c,#3a3632)}.arena-inspiration-modal{background:linear-gradient(180deg,#1e1530,#150f22);border:1px solid rgba(192,132,252,.4);border-radius:12px;padding:20px;width:min(320px,85vw);display:flex;flex-direction:column;gap:12px;align-items:center;animation:rro-content-in .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 30px #c084fc26}.arena-inspiration-title{font-size:1.1rem;font-weight:700;color:#c084fc;text-align:center}.arena-inspiration-info{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:.9rem;color:#fffc;padding:8px 12px;background:#ffffff0f;border-radius:8px}.arena-inspiration-hit{color:#4ade80;font-weight:700}.arena-inspiration-miss{color:#ef4444;font-weight:700}.arena-inspiration-desc{font-size:.8rem;color:#ffffff80}.arena-btn-use-inspiration{background:linear-gradient(180deg,#a855f7,#7c3aed);color:#fff;box-shadow:0 2px 8px #a855f74d;font-weight:700;width:100%}.arena-btn-use-inspiration:active{background:linear-gradient(180deg,#7c3aed,#6d28d9)}.rro-backdrop-smite{background:radial-gradient(ellipse at center,#fbbf2426,#000000d9 70%)}.rro-result.rro-smite{color:#fbbf24;text-shadow:0 0 20px rgba(251,191,36,.6);font-size:1.3rem}.rro-backdrop-sneak{background:radial-gradient(ellipse at center,#10b98126,#000000d9 70%)}.rro-result.rro-sneak-attack{color:#10b981;text-shadow:0 0 20px rgba(16,185,129,.6);font-size:1.3rem}.rro-backdrop-hunters-mark{background:radial-gradient(ellipse at center,#22c55e26,#000000d9 70%)}.rro-result.rro-hunters-mark{color:#22c55e;text-shadow:0 0 20px rgba(34,197,94,.6);font-size:1.3rem}.rro-backdrop-rage{background:radial-gradient(ellipse at center,#ef444426,#000000d9 70%)}.rro-result.rro-rage{color:#ef4444;text-shadow:0 0 20px rgba(239,68,68,.6);font-size:1.3rem}.rro-backdrop-rage-resist{background:radial-gradient(ellipse at center,#fb923c26,#000000d9 70%)}.rro-result.rro-rage-resist{color:#fb923c;text-shadow:0 0 20px rgba(251,146,60,.6);font-size:1.3rem}.arena-emote-quick-bar{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px 4px}.arena-emote-quick-btn{width:34px;height:34px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;transition:all .15s ease;box-shadow:inset 0 1px #ffffff0a}.arena-emote-quick-btn img{width:22px;height:22px;object-fit:contain}.arena-emote-quick-btn:active{transform:scale(.88);background:#ffffff1f}.arena-emote-quick-more{color:#d4a84399;border-color:#d4a84333}.arena-emote-quick-more:active{color:#d4a843}.arena-emote-row{display:flex;justify-content:flex-end;padding:0 12px 4px}.arena-emote-btn{width:36px;height:36px;border-radius:50%;background:#1e1912d9;border:1px solid rgba(212,168,67,.3);color:var(--color-gold);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0006;transition:transform .15s}.arena-emote-btn:active{transform:scale(.9)}.arena-emote-grid-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#00000080;display:flex;align-items:flex-end;justify-content:center;padding-bottom:140px}.arena-emote-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px;background:#1a1610f2;border-radius:14px;border:1px solid rgba(212,168,67,.25);box-shadow:0 8px 30px #0009;max-width:320px;width:90%;animation:arena-emote-pop .2s ease-out}.arena-emote-cell{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:10px;background:#ffffff0a;border:none;cursor:pointer;transition:background .15s,transform .15s}.arena-emote-cell:active{transform:scale(.9);background:#d4a84326}.arena-emote-cell img{width:48px;height:48px;object-fit:contain}.arena-emote-loading{grid-column:1 / -1;text-align:center;color:#888;padding:20px;font-size:.85rem}.arena-emote-cell-wrapper{position:relative}.arena-emote-fav-btn{position:absolute;top:0;right:0;width:32px;height:32px;border-radius:50%;border:none;background:#0009;color:#fff6;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;z-index:2;transition:color .15s,background .15s}.arena-emote-fav-btn:active{transform:scale(.9)}.arena-emote-fav-active{color:#d4a843;background:#000000b3}.arena-emote-fav-disabled{opacity:.3;pointer-events:none}@keyframes arena-emote-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.arena-bonus-action-phase{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.arena-bonus-label{font-size:.75rem;font-weight:700;letter-spacing:.15em;color:#c084fc;text-shadow:0 0 8px rgba(192,132,252,.4);animation:arena-bonus-pulse 2s ease-in-out infinite}@keyframes arena-bonus-pulse{0%,to{opacity:.8}50%{opacity:1;text-shadow:0 0 12px rgba(192,132,252,.6)}}.arena-bonus-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;width:100%}.arena-btn-bonus-potion{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:1px solid rgba(139,92,246,.5)}.arena-btn-bonus-potion:active{background:linear-gradient(135deg,#6d28d9,#5b21b6)}.arena-btn-bonus-inspire{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;border:1px solid rgba(168,85,247,.5)}.arena-btn-bonus-inspire:active{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.arena-btn-skip{background:#ffffff14;color:#fff9;border:1px solid rgba(255,255,255,.15)}.arena-btn-skip:active{background:#ffffff26}.arena-btn-spell{background:linear-gradient(135deg,#6366f1,#7c3aed);color:#fff;border:1px solid rgba(99,102,241,.5)}.arena-btn-spell:active{background:linear-gradient(135deg,#4f46e5,#6d28d9)}.arena-btn-bonus-heal{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:1px solid rgba(34,197,94,.5)}.arena-btn-bonus-heal:active{background:linear-gradient(135deg,#16a34a,#15803d)}.arena-spell-modal{max-height:70vh}.arena-spell-card{display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:10px;text-align:left;color:#fff;cursor:pointer;transition:background .15s,border-color .15s;width:100%}.arena-spell-card:active{background:#ffffff1f}.arena-spell-card-cantrip{border-left:3px solid #2dd4bf}.arena-spell-card-level1{border-left:3px solid #818cf8}.arena-spell-card-header{display:flex;justify-content:space-between;align-items:center}.arena-spell-card-name{font-weight:700;font-size:.95rem}.arena-spell-card-level{font-size:.7rem;font-weight:600;padding:2px 7px;border-radius:6px;text-transform:uppercase;letter-spacing:.03em}.arena-spell-level-cantrip{background:#2dd4bf33;color:#2dd4bf}.arena-spell-level-1{background:#818cf833;color:#818cf8}.arena-spell-card-badges{display:flex;gap:5px;align-items:center;flex-shrink:0}.arena-spell-card-action{font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:5px;text-transform:uppercase;letter-spacing:.04em}.arena-spell-action-main{background:#fbbf242e;color:#fbbf24}.arena-spell-action-bonus{background:#34d3992e;color:#34d399}.arena-action-tag{display:inline-block;font-size:.55rem;font-weight:700;padding:1px 5px;border-radius:4px;text-transform:uppercase;letter-spacing:.04em;margin-left:6px;vertical-align:middle;line-height:1.4}.arena-action-tag-action{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.arena-action-tag-bonus{background:#34d39933;color:#34d399;border:1px solid rgba(52,211,153,.3)}.arena-spell-card-info{display:flex;gap:10px;font-size:.78rem;color:#ffffffb3}.arena-spell-card-dice{font-weight:600}.arena-spell-card-sublabel{font-size:.65rem;color:#fff6;font-style:italic;margin-top:2px}.arena-spell-card-save{color:#ffffff80}.arena-spell-card-desc{font-size:.72rem;color:#ffffff73;font-style:italic}.arena-weapon-card{display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-left:3px solid #ef4444;border-radius:10px;text-align:left;color:#fff;cursor:pointer;transition:background .15s,border-color .15s;width:100%}.arena-weapon-card:active{background:#ffffff1f}.arena-weapon-card-ranged{border-left-color:#38bdf8}.arena-weapon-card-header{display:flex;justify-content:space-between;align-items:center}.arena-weapon-card-name{font-weight:700;font-size:.95rem}.arena-weapon-card-hit{font-size:.8rem;font-weight:600;color:#fbbf24}.arena-weapon-card-info{display:flex;gap:10px;font-size:.78rem;color:#ffffffb3}.arena-weapon-card-dice{font-weight:600}.arena-weapon-card-type{color:#ffffff80}.rro-backdrop-spell{background:radial-gradient(ellipse at center,#9333ea26,#000000d9 70%)}.rro-spell-name{font-size:1.1rem;font-weight:700;color:#c084fc;text-align:center;margin-bottom:8px;text-shadow:0 0 12px rgba(192,132,252,.4)}.rro-spell-dc{color:#c084fc!important}.rro-result.rro-saved{color:#4ade80;text-shadow:0 0 20px rgba(74,222,128,.5)}.rro-result.rro-failed{color:#ef4444;text-shadow:0 0 20px rgba(239,68,68,.5)}.rro-con-save-header{text-align:center;margin-bottom:10px}.rro-con-save-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#a78bfa}.rro-con-save-versus{display:flex;align-items:center;justify-content:center;gap:16px}.rro-con-save-side{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:80px}.rro-con-save-big-number{font-family:var(--font-display);font-size:2.6rem;font-weight:700;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.5);line-height:1.1}.rro-con-save-big-number.rro-spell-dc{color:#c084fc;text-shadow:0 0 16px rgba(192,132,252,.4)}.rro-con-save-sub{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.rro-con-save-avatar-center{display:flex;flex-direction:column;align-items:center;gap:3px}.rro-con-save-avatar-center .rro-avatar{width:48px;height:48px;border-color:#a78bfa80}.rro-con-save-name{font-size:.75rem;font-weight:600;color:var(--text-primary);white-space:nowrap}.arena-resource-bar{display:flex;align-items:center;gap:12px;justify-content:center;padding:2px 8px;margin:6px 0 2px;font-size:.7rem;color:#ccc}.arena-resource-group{display:flex;align-items:center;gap:4px}.arena-resource-label{font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#aaa;font-size:.65rem}.arena-resource-pips{display:flex;gap:3px}.arena-resource-pip{width:10px;height:10px;border-radius:2px;border:1px solid rgba(255,255,255,.3);transform:rotate(45deg)}.arena-resource-pip-full{background:#3b82f6;border-color:#60a5fa;box-shadow:0 0 4px #3b82f680}.arena-resource-pip-empty{background:#ffffff1a}.arena-resource-pip-cd.arena-resource-pip-full{background:#f59e0b;border-color:#fbbf24;box-shadow:0 0 4px #f59e0b80}.arena-resource-pip-ki.arena-resource-pip-full{background:#f0c040;border-color:#fbbf24;box-shadow:0 0 6px #f0c04099}.arena-resource-pip-hm.arena-resource-pip-full{background:#34d399;border-color:#6ee7b7;box-shadow:0 0 5px #34d39980}.arena-resource-pip-rage.arena-resource-pip-full{background:#dc2626;border-color:#f87171;box-shadow:0 0 6px #dc262699}.arena-bottom-raging{border:2px solid crimson;background:linear-gradient(0deg,#0d0a07,#1a1510);box-shadow:inset 0 0 30px #dc262626}.arena-btn-rage{background:linear-gradient(135deg,#991b1b,#dc2626);border:1px solid #f87171;color:#fff}.arena-btn-channel-divinity{background:linear-gradient(135deg,#065f46,#064e3b)!important;border-color:#059669!important}.arena-btn-channel-divinity:active{background:linear-gradient(135deg,#047857,#065f46)!important}.arena-btn-ensnaring{background:linear-gradient(135deg,#3f6212,#365314)!important;border-color:#65a30d!important}.arena-btn-ensnaring:active{background:linear-gradient(135deg,#4d7c0f,#3f6212)!important}.arena-btn-hunters-mark{background:linear-gradient(135deg,#064e3b,#065f46)!important;border-color:#22c55e!important}.arena-btn-hunters-mark:active{background:linear-gradient(135deg,#047857,#064e3b)!important}.arena-btn-flurry{background:linear-gradient(135deg,#78350f,#713f12)!important;border-color:#f0c040!important}.arena-btn-flurry:active{background:linear-gradient(135deg,#92400e,#78350f)!important}.arena-btn-patient-defense{background:linear-gradient(135deg,#1e3a5f,#172554)!important;border-color:#60a5fa!important}.arena-btn-patient-defense:active{background:linear-gradient(135deg,#1e40af,#1e3a5f)!important}.arena-stunning-strike-toggle{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 14px;background:#f0c04014;border:1px solid rgba(240,192,64,.25);border-radius:8px;color:#f0c04099;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.arena-stunning-strike-toggle.active{background:#f0c04026;border-color:#f0c040;color:#f0c040;box-shadow:0 0 8px #f0c0404d;animation:arena-buff-pulse 2s ease-in-out infinite}.arena-bonus-result-banner{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:50;pointer-events:auto;animation:arena-bonus-banner-in .3s ease-out}.arena-bonus-result-content{padding:16px 24px;border-radius:12px;text-align:center;min-width:200px;animation:arena-bonus-banner-in .3s ease-out}.arena-bonus-patient{background:#1e3a5fe6;border:2px solid #60a5fa;box-shadow:0 0 20px #60a5fa4d}.arena-bonus-result-title{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:8px}.arena-bonus-result-desc{color:#93c5fd;font-size:.85rem}@keyframes arena-bonus-banner-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.arena-monster-skip-banner{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:50;pointer-events:auto;background:#0006;animation:arena-bonus-banner-in .3s ease-out}.arena-monster-skip-content{padding:20px 28px;border-radius:12px;text-align:center;min-width:220px;background:#3c1414eb;border:2px solid #f0c040;box-shadow:0 0 30px #f0c04059}.arena-monster-skip-icon{font-size:2.2rem;margin-bottom:8px;animation:arena-stun-pulse .8s ease-in-out infinite alternate}.arena-monster-skip-title{font-size:1.15rem;font-weight:700;color:#f0c040;margin-bottom:6px}.arena-monster-skip-desc{color:#d4a040;font-size:.85rem}@keyframes arena-stun-pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.15);opacity:1}}.arena-buff-indicator{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;background:#65a30d26;border:1px solid rgba(101,163,13,.4);border-radius:8px;color:#a3e635;font-size:.75rem;font-weight:600;animation:arena-buff-pulse 2s ease-in-out infinite}.arena-buff-indicator-ki{background:#f0c04026;border-color:#f0c04066;color:#f0c040}.arena-buff-indicator-hunters-mark{background:#22c55e26;border-color:#22c55e66;color:#4ade80}.arena-bonus-hunters-mark{border-color:#22c55e66;background:#22c55e1a}.arena-bonus-rage{background:#dc262626;border:2px solid #f87171;box-shadow:0 0 20px #dc26264d}.arena-bonus-rage-ended{background:#6b728026;border:2px solid #9ca3af;box-shadow:0 0 20px #6b72804d}.arena-bonus-summon-expired{background:#c4b5fd26;border:2px solid #c4b5fd;box-shadow:0 0 20px #c4b5fd4d}.arena-ability-btn-hunters-mark{background:linear-gradient(135deg,#064e3b,#065f46);border-color:#22c55e}@keyframes arena-buff-pulse{0%,to{opacity:.8}50%{opacity:1}}.arena-core-actions{display:grid;grid-template-columns:2fr 1.5fr 1.5fr 1fr;gap:6px;padding:6px 12px}.arena-core-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 4px 8px;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-family:var(--font-display);font-weight:700;font-size:.8rem;cursor:pointer;transition:all .15s ease;text-shadow:0 1px 3px rgba(0,0,0,.6);box-shadow:inset 0 1px #ffffff1a,inset 0 -2px #0000004d,0 2px 8px #0006}.arena-core-btn:active{transform:scale(.96);box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #0003,0 1px 4px #0000004d}.arena-core-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.arena-core-btn-icon{font-size:1.2rem;line-height:1;margin-bottom:2px}.arena-core-btn-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.arena-core-btn-detail{font-size:.55rem;font-weight:400;opacity:.7;margin-top:1px}.arena-core-btn-attack{background:linear-gradient(180deg,#c62828,#7f1818);color:#fff;border-color:#dc262680;box-shadow:inset 0 1px #ff787840,inset 0 -2px #0006,0 2px 8px #dc26264d,0 0 12px #dc262614}.arena-core-btn-attack:active{background:linear-gradient(180deg,#a31f1f,#6b1414)}.arena-core-btn-defend{background:linear-gradient(180deg,#1e4fba,#142d6e);color:#fff;border-color:#2563eb73;box-shadow:inset 0 1px #64a0ff33,inset 0 -2px #0006,0 2px 8px #2563eb40}.arena-core-btn-defend:active{background:linear-gradient(180deg,#183fa0,#0f1f50)}.arena-core-btn-potion{background:linear-gradient(180deg,#15803d,#0c5227);color:#fff;border-color:#16a34a73;box-shadow:inset 0 1px #64ff961f,inset 0 -2px #0006,0 2px 8px #16a34a40}.arena-core-btn-potion:active{background:linear-gradient(180deg,#116b33,#09401d)}.arena-core-btn-flee{background:linear-gradient(180deg,#4a4541,#302d2a);color:#a8a29e;border-color:#78716c40;box-shadow:inset 0 1px #ffffff0f,inset 0 -2px #0000004d,0 1px 4px #0000004d}.arena-core-btn-flee:active{background:linear-gradient(180deg,#3d3a37,#252321);color:#d6d3d1}.arena-abilities-toggle{display:flex;align-items:center;gap:10px;padding:6px 16px;cursor:pointer;background:none;border:none;width:100%;color:#d4a843b3;font-family:var(--font-display);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px}.arena-abilities-toggle:before,.arena-abilities-toggle:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(212,168,67,.35),transparent)}.arena-abilities-toggle:active{color:#d4a843}.arena-abilities-toggle-arrow{display:inline-block;font-size:.55rem;transition:transform .3s ease}.arena-abilities-toggle-arrow.open{transform:rotate(180deg)}.arena-abilities-drawer{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.arena-abilities-drawer.open{max-height:300px}.arena-abilities-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:2px 12px 8px}.arena-ability-btn{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:9px 10px 8px;border-radius:8px;font-family:var(--font-display);font-weight:600;font-size:.78rem;cursor:pointer;transition:all .15s ease;text-shadow:0 1px 2px rgba(0,0,0,.5);color:#e8e4df;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff12,#ffffff05);box-shadow:inset 0 1px #ffffff12,inset 0 -1px #00000040}.arena-ability-btn:active{transform:scale(.97);background:linear-gradient(180deg,#ffffff1a,#ffffff0a)}.arena-ability-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.arena-ability-btn-name{display:flex;align-items:center;gap:4px;line-height:1.2}.arena-ability-btn-detail{font-size:.6rem;font-weight:400;opacity:.55}.arena-ability-btn-tag{display:inline-block;font-size:.5rem;font-weight:700;padding:1px 4px;border-radius:3px;margin-left:auto;letter-spacing:.5px}.arena-ability-btn-tag-action{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.25)}.arena-ability-btn-tag-bonus{background:#34d39933;color:#34d399;border:1px solid rgba(52,211,153,.25)}.arena-ability-btn-spell{border-color:#6366f14d;background:linear-gradient(180deg,#6366f11f,#6366f10a)}.arena-ability-btn-layonhands{border-color:#d4a8434d;background:linear-gradient(180deg,#d4a8431a,#d4a84308)}.arena-ability-btn-channel{border-color:#0596694d;background:linear-gradient(180deg,#0596691a,#05966908)}.arena-ability-btn-help{border-color:#8b5cf640;background:linear-gradient(180deg,#8b5cf614,#8b5cf605)}.arena-ability-btn-inspire{border-color:#a855f74d;background:linear-gradient(180deg,#a855f71a,#a855f708)}.arena-ability-btn-heal{border-color:#22c55e4d;background:linear-gradient(180deg,#22c55e1a,#22c55e08)}.arena-ability-btn-ensnaring{border-color:#65a30d4d;background:linear-gradient(180deg,#65a30d1a,#65a30d08)}.arena-ability-btn-patient-defense{border-color:#60a5fa4d;background:linear-gradient(180deg,#60a5fa1a,#60a5fa08)}.arena-ability-btn-ki{border-color:#f0c0404d;background:linear-gradient(180deg,#f0c0401a,#f0c04008)}.arena-vine-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.5);width:70%;max-height:70%;object-fit:contain;opacity:0;z-index:1;pointer-events:none;animation:vine-ensnare 2.5s ease-out forwards}@keyframes vine-ensnare{0%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}40%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:.9;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.95)}}.arena-concentration-banner{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;background:#8b5cf626;border:1px solid rgba(139,92,246,.4);border-radius:8px;color:#c4b5fd;font-size:.75rem;font-weight:600;animation:arena-concentration-pulse 2s ease-in-out infinite}@keyframes arena-concentration-pulse{0%,to{border-color:#8b5cf666}50%{border-color:#c4b5fdb3}}.arena-concentration-modal{max-width:320px}.arena-concentration-conflict-body{padding:12px 16px;text-align:center;color:var(--text-primary);font-size:.85rem;line-height:1.5}.arena-concentration-conflict-body strong{color:#c4b5fd}.arena-concentration-conflict-actions{display:flex;gap:8px;padding:8px 16px 16px}.arena-concentration-btn-cancel{flex:1;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:transparent;color:var(--text-secondary);font-weight:600;cursor:pointer}.arena-concentration-btn-confirm{flex:1;padding:10px;border-radius:8px;border:none;background:#8b5cf64d;color:#c4b5fd;font-weight:600;cursor:pointer}.arena-preserve-life-pool{text-align:center;padding:8px;font-size:.95rem;color:#d1d5db}.arena-preserve-life-remaining{font-size:1.4rem;font-weight:700;color:#4ade80}.arena-preserve-life-hint{text-align:center;font-size:.75rem;color:#9ca3af;font-style:italic;padding:0 8px 4px}.arena-preserve-life-row{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.arena-preserve-life-row .arena-potion-item-name{flex:1}.arena-preserve-life-controls{display:flex;align-items:center;gap:6px}.arena-preserve-life-btn{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.arena-preserve-life-btn:disabled{opacity:.3;cursor:not-allowed}.arena-preserve-life-amount{min-width:24px;text-align:center;font-weight:700;font-size:1rem;color:#4ade80}.arena-bless-selected{background:#4ade8026!important;border:1px solid rgba(74,222,128,.4)!important}.arena-spiritual-weapon-banner{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#8b5cf633;border:1px solid rgba(139,92,246,.4);border-radius:8px;font-size:.8rem;color:#c4b5fd;margin:4px 0}.arena-summon-turn-panel{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px}.arena-summon-turn-text{color:#c4b5fd;font-weight:600;font-size:.9rem}.arena-btn-summon-attack{background:linear-gradient(135deg,#6d28d9,#7c3aed);border:1px solid #c4b5fd;color:#fff;padding:12px 24px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 0 12px #c4b5fd66;transition:transform .1s,box-shadow .1s}.arena-btn-summon-attack:active{transform:scale(.96);box-shadow:0 0 6px #c4b5fd99}.emote-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;pointer-events:none;overflow:hidden}.emote-popup{position:absolute;top:35%;display:flex;flex-direction:column;align-items:center;transform:translate(-50%);animation:emote-spring-float 3s ease-out forwards}.emote-popup img{width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 2px 10px rgba(0,0,0,.6))}.emote-popup-name{font-size:.65rem;color:#f5c842;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.9);margin-top:4px;white-space:nowrap;letter-spacing:.02em}.emote-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0009;display:flex;align-items:flex-end;justify-content:center}.emote-picker-sheet{width:100%;max-width:400px;max-height:55vh;background:#1a1a2e;border-radius:16px 16px 0 0;overflow:hidden;display:flex;flex-direction:column;animation:emote-picker-slide-up .25s ease-out}.emote-picker-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-weight:700;font-size:1rem;color:#f5c842;border-bottom:1px solid rgba(255,255,255,.08)}.emote-picker-close{background:none;border:none;color:#aaa;font-size:1.5rem;cursor:pointer;padding:0 4px;line-height:1}.emote-picker-loading{padding:40px;text-align:center;color:#888;font-size:.85rem}.emote-picker-tabs{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.06);overflow-x:auto}.emote-picker-tab{padding:6px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#aaa;font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s}.emote-picker-tab.active{background:#f5c84226;border-color:#f5c8424d;color:#f5c842}.emote-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:12px;overflow-y:auto;flex:1}.emote-picker-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:12px;background:#ffffff08;border:1px solid transparent;cursor:pointer;transition:all .15s}.emote-picker-cell:active{transform:scale(.92);background:#f5c8421a;border-color:#f5c84233}.emote-picker-cell img{width:52px;height:52px;object-fit:contain}.emote-picker-label{font-size:.6rem;color:#888;text-align:center;line-height:1.2;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes emote-picker-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes emote-spring-float{0%{transform:translate(-50%) scale(0) translateY(0);opacity:0}8%{transform:translate(-50%) scale(1.35) translateY(0);opacity:1}16%{transform:translate(-50%) scale(.85) translateY(0);opacity:1}22%{transform:translate(-50%) scale(1.08) translateY(0);opacity:1}28%{transform:translate(-50%) scale(1) translateY(0);opacity:1}70%{transform:translate(-50%) scale(1) translateY(-40px);opacity:1}to{transform:translate(-50%) scale(.9) translateY(-70px);opacity:0}}.dm-roll-panel{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 62px);right:12px;width:240px;background:#0f0a19eb;border:1px solid rgba(218,165,32,.4);border-radius:10px;z-index:900;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 24px #0009,0 0 12px #daa5201a;overflow:hidden;font-size:13px;color:#e0d6c0}.dm-roll-collapsed-btn{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 62px);right:12px;width:40px;height:40px;border-radius:50%;background:#0f0a19e6;border:1px solid rgba(218,165,32,.5);color:#daa520;display:flex;align-items:center;justify-content:center;z-index:900;cursor:pointer;box-shadow:0 2px 8px #0006}.dm-roll-collapsed-btn:active{transform:scale(.95)}.dm-roll-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid rgba(218,165,32,.2);background:#daa5200f}.dm-roll-title{font-weight:600;color:#daa520;font-size:13px;letter-spacing:.5px}.dm-roll-header-actions{display:flex;align-items:center;gap:8px}.dm-roll-toggle{position:relative;width:36px;height:20px;cursor:pointer}.dm-roll-toggle input{display:none}.dm-roll-toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff1a;border-radius:10px;transition:background .2s}.dm-roll-toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#888;transition:transform .2s,background .2s}.dm-roll-toggle input:checked+.dm-roll-toggle-slider{background:#daa5204d}.dm-roll-toggle input:checked+.dm-roll-toggle-slider:before{transform:translate(16px);background:#daa520}.dm-roll-collapse-btn{width:24px;height:24px;background:none;border:none;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px}.dm-roll-collapse-btn:hover{color:#ccc;background:#ffffff0d}.dm-roll-disabled-hint,.dm-roll-waiting{padding:12px;text-align:center;color:#888;font-style:italic;font-size:12px}.dm-roll-card{padding:12px;display:flex;flex-direction:column;gap:10px}.dm-roll-context{display:flex;flex-direction:column;gap:2px}.dm-roll-player{color:#daa520;font-weight:600;font-size:14px}.dm-roll-label{color:#aaa;font-size:12px}.dm-roll-notation{font-family:monospace;font-size:16px;color:#fff;text-align:center;padding:4px 0;letter-spacing:1px}.dm-roll-dice-inputs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.dm-roll-die-input{display:flex;flex-direction:column;align-items:center;gap:4px}.dm-roll-die-input label{font-size:11px;color:#888;text-transform:lowercase}.dm-roll-die-input input{width:56px;padding:6px 4px;background:#ffffff14;border:1px solid rgba(218,165,32,.3);border-radius:6px;color:#fff;text-align:center;font-size:16px;font-family:monospace;outline:none}.dm-roll-die-input input:focus{border-color:#daa520b3;box-shadow:0 0 6px #daa52033}.dm-roll-die-input input::placeholder{color:#555;font-size:11px}.dm-roll-modifier{text-align:center;color:#aaa;font-size:12px}.dm-roll-total{text-align:center;font-size:18px;color:#fff;padding:4px 0}.dm-roll-total strong{color:#daa520}.dm-roll-total-breakdown{display:block;font-size:11px;color:#888;margin-top:2px}.dm-roll-quick-actions{display:flex;gap:6px}.dm-roll-quick-btn{flex:1;padding:6px 4px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#ffffff0f;color:#ccc;font-size:11px;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.dm-roll-quick-btn:active{transform:scale(.97)}.dm-roll-quick-max{border-color:#22c55e4d;color:#4ade80}.dm-roll-quick-max:hover{background:#22c55e1a}.dm-roll-quick-min{border-color:#ef44444d;color:#f87171}.dm-roll-quick-min:hover{background:#ef44441a}.dm-roll-quick-random{border-color:#a855f74d;color:#c084fc}.dm-roll-quick-random:hover{background:#a855f71a}.dm-roll-quick-btn:disabled{opacity:.4;cursor:default}.dm-roll-confirm-btn{padding:10px;border:none;border-radius:8px;background:linear-gradient(135deg,#daa520,#b8860b);color:#1a0e00;font-weight:700;font-size:14px;cursor:pointer;letter-spacing:.5px;transition:opacity .15s,transform .1s}.dm-roll-confirm-btn:active{transform:scale(.97)}.dm-roll-confirm-btn:disabled{opacity:.4;cursor:default;transform:none}.fate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:800;display:flex;align-items:center;justify-content:center;animation:fate-fade-in .5s ease-out;pointer-events:all}.fate-overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0f0a1ed9,#05000ff2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fate-overlay-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:32px}.fate-eye{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.fate-eye-outer{width:100px;height:60px;border-radius:50%;border:2px solid rgba(218,165,32,.6);display:flex;align-items:center;justify-content:center;animation:fate-eye-pulse 3s ease-in-out infinite;box-shadow:0 0 20px #daa5204d,inset 0 0 15px #daa5201a}.fate-eye-iris{width:36px;height:36px;border-radius:50%;background:radial-gradient(circle,#daa520,#8b6914 60%,#4a3508);display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px #daa52080}.fate-eye-pupil{width:12px;height:16px;border-radius:50%;background:#0a0510;animation:fate-pupil-drift 4s ease-in-out infinite}.fate-eye-rays{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:1px solid rgba(218,165,32,.2);animation:fate-rays-spin 12s linear infinite;background:conic-gradient(from 0deg,transparent 0deg,rgba(218,165,32,.08) 30deg,transparent 60deg,rgba(218,165,32,.08) 90deg,transparent 120deg,rgba(218,165,32,.08) 150deg,transparent 180deg,rgba(218,165,32,.08) 210deg,transparent 240deg,rgba(218,165,32,.08) 270deg,transparent 300deg,rgba(218,165,32,.08) 330deg,transparent 360deg)}.fate-text{color:#daa520e6;font-size:16px;font-style:italic;letter-spacing:.5px;text-align:center;max-width:280px;transition:opacity .4s ease;text-shadow:0 0 8px rgba(218,165,32,.3)}.fate-text-fading{opacity:0}@keyframes fate-fade-in{0%{opacity:0}to{opacity:1}}@keyframes fate-eye-pulse{0%,to{transform:scale(1);border-color:#daa52099}50%{transform:scale(1.08);border-color:#daa520e6}}@keyframes fate-pupil-drift{0%,to{transform:translate(0)}25%{transform:translate(3px)}75%{transform:translate(-3px)}}@keyframes fate-rays-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dice-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;pointer-events:none;background:#00000040}.dice-overlay-canvas{width:100%;height:100%;opacity:0;transition:opacity .15s ease-out}.dice-overlay-canvas.dice-canvas-visible{opacity:1}.dice-overlay-canvas canvas{display:block;width:100%!important;height:100%!important}.dice-result-banner{position:absolute;bottom:20%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;animation:dice-result-pop .3s ease-out}.dice-result-label{font-size:.9rem;font-weight:600;color:#ffffffd9;text-shadow:0 1px 6px rgba(0,0,0,.9);letter-spacing:.03em}.dice-result-notation{font-size:.85rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 1px 4px rgba(0,0,0,.8)}.dice-result-breakdown{font-size:1.1rem;color:#ffffff8c;text-shadow:0 1px 4px rgba(0,0,0,.8);letter-spacing:.03em}.dice-result-total{font-size:3rem;font-weight:800;color:#fff;text-shadow:0 0 20px rgba(249,115,22,.8),0 2px 8px rgba(0,0,0,.9);line-height:1}.dice-result-adv-badge{font-size:.75rem;font-weight:700;letter-spacing:.1em;padding:2px 10px;border-radius:4px;text-shadow:0 1px 3px rgba(0,0,0,.6)}.dice-result-adv-badge.dice-adv{background:#22c55e59;color:#4ade80}.dice-result-adv-badge.dice-dis{background:#ef444459;color:#f87171}.dice-result-adv-rolls{font-size:1.4rem;font-weight:700;text-shadow:0 1px 6px rgba(0,0,0,.9);display:flex;align-items:center;gap:2px}.dice-roll-used{color:#fff}.dice-roll-discarded{color:#ffffff59;text-decoration:line-through}.dice-roll-sep{color:#fff6;text-decoration:none}.dice-rolling-label{position:absolute;top:35%;left:50%;transform:translate(-50%);font-size:1rem;font-weight:700;color:#ffffffe6;text-shadow:0 2px 8px rgba(0,0,0,.9);letter-spacing:.04em;text-align:center;white-space:nowrap;animation:dice-label-fade-in .3s ease-out}@keyframes dice-label-fade-in{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes dice-result-pop{0%{opacity:0;transform:translate(-50%) scale(.5)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes status-card-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes status-card-scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.status-card-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:300;display:flex;align-items:center;justify-content:center;animation:status-card-fadeIn .2s ease-out}.status-card{background:#1a1a1aeb;max-width:320px;width:85vw;max-height:70vh;overflow-y:auto;border-radius:12px;border:1.5px solid rgba(255,255,255,.1);z-index:301;animation:status-card-scaleIn .2s ease-out;padding:16px}.status-card-player{border-color:#eab30880}.status-card-enemy{border-color:#ef444480}.status-card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.status-card-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.status-card-avatar-fallback{width:40px;height:40px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:var(--text-primary);flex-shrink:0}.status-card-name{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--text-primary)}.status-card-divider{height:1px;background:#ffffff14;margin:10px 0}.status-card-health{margin-bottom:4px}.status-card-health-label{font-size:.75rem;color:#ffffff80;margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.status-card-hp-bar{height:10px;border-radius:5px;background:#ffffff14;overflow:hidden;margin-bottom:4px}.status-card-hp-fill{height:100%;border-radius:5px;transition:width .3s ease}.status-card-hp-text{font-size:.8rem;color:#fff9;text-align:right}.status-card-ac-text{font-size:.8rem;color:#ffffff80;text-align:right;margin-top:2px}.status-card-section-label{font-size:.75rem;color:#ffffff80;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.status-card-conditions{display:flex;flex-direction:column;gap:6px}.status-card-pill{background:#ffffff0d;border-radius:8px;padding:10px 12px}.status-card-pill-header{display:flex;align-items:center;gap:6px;margin-bottom:2px}.status-card-pill-icon{font-size:1rem;flex-shrink:0}.status-card-pill-name{font-size:.85rem;font-weight:600;color:var(--text-primary)}.status-card-pill-desc{font-size:.78rem;color:#fff9;line-height:1.35;margin-top:2px}.status-card-pill-duration{font-size:.7rem;color:#fff6;margin-top:3px}.status-card-no-conditions{font-size:.82rem;color:#ffffff59;font-style:italic;padding:8px 0}.status-card-close{display:block;width:100%;margin-top:14px;padding:10px;border:none;border-radius:8px;background:#ffffff14;color:#fff9;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s}.status-card-close:active{background:#ffffff26}.location-scene{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.location-scene.edit-active{overflow:visible}.scene-background{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center bottom;background-repeat:no-repeat;z-index:0}.scene-background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,rgba(0,0,0,.2) 30%,transparent 60%);pointer-events:none}.scene-npcs{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.scene-npc{position:absolute;left:var(--npc-x, 50%);bottom:var(--npc-y, 50%);transform:translate(-50%) scale(var(--npc-scale, 1));transform-origin:bottom center;cursor:pointer;pointer-events:none;transition:filter .2s ease;white-space:nowrap}.scene-npc.edit-mode{transition:none;pointer-events:auto}.scene-npc.flipped .npc-sprite{transform:scaleX(-1)}.npc-sprite{height:45vh;min-width:max-content;max-width:none;width:auto;object-fit:contain;-webkit-transform:translateZ(0);filter:drop-shadow(0 4px 20px rgba(0,0,0,.5));pointer-events:none;position:relative;z-index:1}.npc-particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:visible}.npc-particles .particle{position:absolute;bottom:10%;left:50%;width:6px;height:6px;background:radial-gradient(circle,var(--particle-color, rgba(196, 160, 53, .8)) 0%,transparent 70%);border-radius:50%;opacity:0;animation:floatParticle var(--particle-speed, 3s) ease-in-out infinite}.npc-particles .p1{animation-delay:0s;left:40%}.npc-particles .p2{animation-delay:.8s;left:50%;width:4px;height:4px}.npc-particles .p3{animation-delay:1.6s;left:60%;width:5px;height:5px}.npc-particles .p4{animation-delay:.4s;left:35%;width:3px;height:3px}.npc-particles .p5{animation-delay:1.2s;left:65%;width:4px;height:4px}.npc-particles .p6{animation-delay:2s;left:45%;width:5px;height:5px}.particles-embers .particle{animation-name:floatEmber}@keyframes floatEmber{0%{opacity:0;transform:translateY(0) scale(1)}15%{opacity:.9}50%{opacity:.5}85%{opacity:.7}to{opacity:0;transform:translateY(-120px) scale(.2)}}.particles-magic .particle{animation-name:floatMagic;border-radius:2px;transform:rotate(45deg)}@keyframes floatMagic{0%{opacity:0;transform:translateY(0) rotate(0) scale(1)}25%{opacity:1}75%{opacity:.6}to{opacity:0;transform:translateY(-80px) rotate(180deg) scale(.5)}}.particles-sparks .particle{animation-name:floatSpark;width:4px;height:4px;background:radial-gradient(circle,var(--particle-color, rgba(136, 153, 170, .8)) 0%,rgba(255,255,255,.6) 30%,transparent 70%)}@keyframes floatSpark{0%{opacity:0;transform:translate(0) scale(1)}10%{opacity:1}40%{opacity:.8;transform:translate(15px,-50px) scale(.8)}to{opacity:0;transform:translate(25px,-20px) scale(.1)}}.particles-dust .particle{animation-name:floatDust;width:3px;height:3px}@keyframes floatDust{0%{opacity:0;transform:translate(0)}20%{opacity:.4}to{opacity:0;transform:translate(20px,-60px)}}.particles-wisps .particle{animation-name:floatWisp;width:8px;height:3px;border-radius:4px}@keyframes floatWisp{0%{opacity:0;transform:translateY(0) scaleX(1)}30%{opacity:.6;transform:scaleX(1.5)}to{opacity:0;transform:translateY(-100px) scaleX(.5)}}.scene-fireflies{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;overflow:hidden}.scene-fireflies .firefly{position:absolute;width:5px;height:5px;background:radial-gradient(circle,rgba(180,220,90,.9) 0%,rgba(140,200,60,.4) 40%,transparent 70%);border-radius:50%;opacity:0;animation:fireflyFloat 6s ease-in-out infinite}.scene-fireflies .ff1{left:10%;bottom:30%;animation-delay:0s}.scene-fireflies .ff2{left:25%;bottom:50%;animation-delay:1.2s;width:4px;height:4px}.scene-fireflies .ff3{left:40%;bottom:20%;animation-delay:2.5s;width:6px;height:6px}.scene-fireflies .ff4{left:55%;bottom:45%;animation-delay:.7s;width:3px;height:3px}.scene-fireflies .ff5{left:70%;bottom:35%;animation-delay:3.2s}.scene-fireflies .ff6{left:85%;bottom:55%;animation-delay:1.8s;width:4px;height:4px}.scene-fireflies .ff7{left:15%;bottom:60%;animation-delay:4s;width:3px;height:3px}.scene-fireflies .ff8{left:60%;bottom:65%;animation-delay:2s;width:5px;height:5px}.scene-fireflies .ff9{left:35%;bottom:40%;animation-delay:3.8s;width:4px;height:4px}.scene-fireflies .ff10{left:80%;bottom:25%;animation-delay:.5s;width:3px;height:3px}.scene-fireflies .ff11{left:48%;bottom:55%;animation-delay:4.5s;width:5px;height:5px}.scene-fireflies .ff12{left:5%;bottom:45%;animation-delay:2.8s}@keyframes fireflyFloat{0%{opacity:0;transform:translate(0)}15%{opacity:.8}30%{opacity:.3;transform:translate(15px,-20px)}50%{opacity:.9;transform:translate(-10px,-35px)}70%{opacity:.4;transform:translate(20px,-50px)}85%{opacity:.7}to{opacity:0;transform:translate(5px,-70px)}}.scene-wisps{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;overflow:hidden}.scene-wisps .wisp{position:absolute;width:12px;height:5px;background:radial-gradient(ellipse,rgba(123,104,238,.85) 0%,rgba(100,80,200,.4) 50%,transparent 80%);border-radius:50%;opacity:0;box-shadow:0 0 8px 2px #7b68ee4d;animation:wispFloat 8s ease-in-out infinite}.scene-wisps .w1{left:8%;bottom:25%;animation-delay:0s;width:14px;height:6px}.scene-wisps .w2{left:22%;bottom:55%;animation-delay:1.5s;width:10px;height:4px}.scene-wisps .w3{left:38%;bottom:15%;animation-delay:3s;width:16px;height:6px}.scene-wisps .w4{left:52%;bottom:40%;animation-delay:.8s;width:11px;height:5px}.scene-wisps .w5{left:68%;bottom:60%;animation-delay:4.2s;width:13px;height:5px}.scene-wisps .w6{left:82%;bottom:30%;animation-delay:2.1s;width:15px;height:6px}.scene-wisps .w7{left:15%;bottom:70%;animation-delay:5s;width:10px;height:4px}.scene-wisps .w8{left:45%;bottom:50%;animation-delay:3.5s;width:14px;height:5px}.scene-wisps .w9{left:75%;bottom:45%;animation-delay:1s;width:12px;height:5px}.scene-wisps .w10{left:30%;bottom:35%;animation-delay:6s;width:11px;height:4px}.scene-wisps .w11{left:90%;bottom:65%;animation-delay:2.8s;width:13px;height:5px}.scene-wisps .w12{left:58%;bottom:20%;animation-delay:4.8s;width:15px;height:6px}@keyframes wispFloat{0%{opacity:0;transform:translate(0) scaleX(1)}10%{opacity:.7}25%{opacity:.9;transform:translate(25px,-15px) scaleX(1.4)}40%{opacity:.5;transform:translate(-15px,-30px) scaleX(.8)}60%{opacity:.85;transform:translate(10px,-50px) scaleX(1.3)}80%{opacity:.4;transform:translate(-20px,-65px) scaleX(1)}to{opacity:0;transform:translate(5px,-80px) scaleX(.6)}}@keyframes floatParticle{0%{opacity:0;transform:translateY(0) scale(1)}20%{opacity:.8}to{opacity:0;transform:translateY(-100px) scale(.3)}}.npc-hitbox{position:absolute;width:var(--hitbox-width, 60px);height:var(--hitbox-height, 120px);left:50%;bottom:var(--hitbox-offset-y, 30%);transform:translate(-50%);z-index:3;cursor:pointer;pointer-events:auto;background:transparent;border-radius:8px}.npc-hitbox:hover{background:#c4a0351a}.npc-hitbox.edit-visible{border:2px dashed rgba(196,160,53,.8);background:#c4a03526}.scene-npc:not(.edit-mode):hover{transform:translate(-50%) scale(calc(var(--npc-scale, 1) * 1.03));z-index:10}.scene-npc:hover .npc-sprite{filter:drop-shadow(0 4px 30px rgba(0,0,0,.7)) drop-shadow(0 0 20px rgba(196,160,53,.3))}.scene-npc:hover .npc-particles .particle{animation-duration:2s}.scene-npc-label{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:#000c;color:var(--accent-gold, #c4a035);padding:6px 14px;border-radius:4px;font-family:Cinzel,serif;font-size:.85rem;font-weight:600;white-space:nowrap;opacity:0;transition:opacity .2s ease;pointer-events:none}.scene-npc:hover .scene-npc-label{opacity:1}.scene-players{position:absolute;bottom:18%;left:50%;transform:translate(-50%);display:flex;gap:16px;z-index:4;pointer-events:none}.scene-player{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;pointer-events:auto;animation:playerFadeIn .4s ease both;animation-delay:calc(var(--player-index, 0) * .1s)}.scene-player-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(143,184,160,.6);box-shadow:0 0 12px #4ade8033,0 2px 8px #00000080;transition:border-color .2s ease,transform .2s ease;object-fit:cover}.scene-player:active .scene-player-avatar{transform:scale(1.1);border-color:#4ade80cc}.scene-player-label{font-family:Cinzel,serif;font-size:.6rem;color:#ffffffd9;text-shadow:0 1px 4px rgba(0,0,0,.9);text-align:center;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes playerFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.scene-gathering-spot{position:absolute;transform:translate(-50%);cursor:pointer;z-index:3;display:flex;align-items:center;justify-content:center;border:3px dashed rgba(196,160,53,.9);border-radius:50%;background:#c4a0354d;transition:all .3s ease}.scene-gathering-spot:hover{border-color:#c4a035cc;background:#c4a03526;box-shadow:0 0 30px #c4a0354d}.scene-gathering-label{color:#fffffff2;font-family:Cinzel,serif;font-size:.9rem;text-shadow:0 2px 8px rgba(0,0,0,.8);opacity:.9;transition:opacity .2s ease;text-align:center;width:100%;padding:0 10px;box-sizing:border-box}.scene-gathering-spot:hover .scene-gathering-label{opacity:1;color:var(--accent-gold, #c4a035)}.scene-header{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;padding:calc(12px + var(--safe-area-top)) 16px 12px;background:linear-gradient(to bottom,rgba(0,0,0,.6) 0%,transparent 100%)}.scene-back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:#0006;color:#fff;cursor:pointer;font-size:1.2rem;transition:background .2s ease}.scene-back-btn:hover{background:#0009}.scene-title{flex:1;text-align:center;font-family:Cinzel,serif;font-size:1.3rem;font-weight:600;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8)}.scene-header-actions{display:flex;align-items:center;gap:8px;min-width:40px}.scene-edit-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:#0006;color:#fff;cursor:pointer;font-size:1.1rem;transition:background .2s ease}.scene-edit-btn:hover{background:#c4a03599}.scene-hint{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:20;color:#fff9;font-size:.85rem;text-shadow:0 2px 8px rgba(0,0,0,.8);animation:hintPulse 2s ease-in-out infinite}@keyframes hintPulse{0%,to{opacity:.6}50%{opacity:1}}.scene-npc.edit-mode{cursor:grab}.scene-npc.edit-mode:active{cursor:grabbing}.scene-npc.edit-selected{outline:3px solid var(--accent-gold, #c4a035);outline-offset:4px}.scene-npc-coords{position:absolute;top:-25px;left:50%;transform:translate(-50%);background:#000000e6;color:#0f0;padding:2px 8px;border-radius:4px;font-family:monospace;font-size:.7rem;white-space:nowrap}.scene-save-btn{background:var(--accent-gold, #c4a035);color:#000;border:none;padding:8px 16px;border-radius:4px;font-family:Cinzel,serif;font-weight:600;cursor:pointer;transition:all .2s ease}.scene-save-btn:hover{background:#d4b045}.scene-save-btn:disabled{opacity:.5;cursor:not-allowed}.edit-panel{position:absolute;bottom:60px;left:50%;transform:translate(-50%);z-index:50;background:#000000e6;border:1px solid var(--accent-gold, #c4a035);border-radius:8px;padding:16px 24px;min-width:250px;transition:padding .2s ease}.edit-panel-collapsed{padding:0}.edit-panel-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:10px 16px;-webkit-user-select:none;user-select:none}.edit-panel-collapsed .edit-panel-header{padding:10px 16px}.edit-panel-toggle{color:var(--accent-gold, #c4a035);font-size:.8rem}.edit-panel-title{font-family:Cinzel,serif;font-size:1.1rem;font-weight:600;color:var(--accent-gold, #c4a035);text-transform:capitalize}.edit-panel-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.edit-panel-row label{color:#aaa;font-size:.85rem;min-width:50px}.edit-panel-row input[type=range]{flex:1;accent-color:var(--accent-gold, #c4a035)}.edit-panel-row span{color:#fff;font-family:monospace;font-size:.85rem;min-width:40px}.edit-panel-coords{color:#888;font-family:monospace;font-size:.8rem;text-align:center;margin-top:8px}.edit-panel-divider{color:#666;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;margin:12px 0 8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.edit-flip-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.edit-flip-btn:hover{background:#fff3}.edit-flip-btn.active{background:var(--accent-gold, #c4a035);color:#000;border-color:var(--accent-gold, #c4a035)}.edit-hint{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:20;color:var(--accent-gold, #c4a035);font-size:.85rem;text-shadow:0 2px 8px rgba(0,0,0,.8);background:#0009;padding:8px 16px;border-radius:4px}.scene-pets{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.scene-pet{position:absolute;left:var(--pet-x, 50%);bottom:var(--pet-y, 10%);transform:translate(-50%) scale(var(--pet-scale, .4));transform-origin:bottom center;cursor:pointer;pointer-events:auto;transition:transform .2s ease;display:flex;flex-direction:column;align-items:center}.scene-pet:active{transform:translate(-50%) scale(calc(var(--pet-scale, .4) * 1.1))}.pet-scene-sprite{height:15vh;width:auto;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4));animation:pet-scene-bob 3s ease-in-out infinite}.pet-scene-emoji{font-size:3rem;animation:pet-scene-bob 3s ease-in-out infinite}@keyframes pet-scene-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.scene-pet-label{text-align:center;font-size:.6rem;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);margin-top:4px;background:#00000080;padding:2px 8px;border-radius:3px;display:flex;flex-direction:column;line-height:1.3}.scene-pet-owner{opacity:.6;font-size:.5rem}.scene-pet-own .scene-pet-label{color:var(--accent-gold, #c4a035)}.location-chat{display:flex;flex-direction:column;height:100%;background-color:var(--bg-dark);background-image:var(--tex-leather);background-size:512px 512px;overflow:hidden}.chat-header{display:flex;align-items:center;gap:12px;padding:10px 16px;padding-top:calc(10px + var(--safe-area-top));background-color:#1a1510;background-image:var(--tex-leather);background-size:512px 512px;border-bottom:2px solid var(--border-stitch);box-shadow:inset 0 -1px #ffdc960a,0 3px 10px #0009;flex-shrink:0;z-index:10;position:relative}.chat-header:after{content:"";position:absolute;bottom:3px;left:16px;right:16px;height:0;border-bottom:1px dashed rgba(90,74,50,.5)}.chat-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.chat-back-btn:hover{background:#d4a8431a;color:var(--color-gold)}.chat-header-info{flex:1;min-width:0}.chat-header-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--color-gold);text-shadow:0 1px 3px rgba(0,0,0,.5)}.chat-header-title:first-letter{font-size:1.4em;font-weight:700;color:var(--color-gold-bright);text-shadow:0 0 8px rgba(212,168,67,.5),0 1px 0 rgba(140,100,20,.8)}.chat-header-subtitle{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:italic}.chat-header-actions{display:flex;gap:8px;flex-shrink:0}.chat-menu-btn{padding:6px 12px;border:1px solid var(--border-stitch);border-radius:4px;background:#0000004d;color:var(--text-secondary);font-size:.8rem;font-family:var(--font-display);letter-spacing:.03em;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-emboss)}.chat-menu-btn:hover{border-color:var(--color-gold-dim);color:var(--color-gold)}.npc-bar{display:flex;gap:4px;padding:8px 12px;overflow-x:auto;background-color:#181210;background-image:var(--tex-wood);background-size:512px 512px;border-bottom:1px solid var(--border-color);box-shadow:inset 0 2px 4px #0000004d,0 2px 6px #0000004d;scrollbar-width:none;flex-shrink:0}.npc-bar::-webkit-scrollbar{display:none}.npc-bar-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 8px;border:2px solid transparent;border-radius:8px;background:transparent;cursor:pointer;transition:all var(--transition-fast);min-width:60px;position:relative}.npc-bar-item:hover{background:#d4a8430d}.npc-bar-name{font-size:.65rem;color:var(--text-muted);text-align:center;max-width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.npc-portrait{border:3px solid transparent;background-image:linear-gradient(#1a1510,#1a1510),linear-gradient(135deg,#c9a84c,#6b4e18,#f0d060,#6b4e18,#c9a84c);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 0 0 1px #000000b3,inset 0 1px 2px #ffd7001a,0 3px 8px #0009;transition:all .3s ease}.npc-portrait-selected{background-image:linear-gradient(#1a1510,#1a1510),linear-gradient(135deg,#f0d060,#c9a84c,#ffe88a,#c9a84c,#f0d060)!important;box-shadow:0 0 0 1px #000000b3,inset 0 1px 2px #ffd70033,0 0 16px #d4a84380,0 0 4px #f0c8504d}.chat-messages-container{flex:1;min-height:0;position:relative;display:flex;flex-direction:column;overflow:hidden}.chat-messages{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column-reverse;background-color:var(--bg-dark);background-image:var(--tex-parchment);background-size:512px 512px;box-shadow:inset 0 8px 20px #0000004d,inset 0 -4px 12px #0003;scrollbar-width:none}.chat-messages::-webkit-scrollbar{display:none}.chat-scroll-thumb{position:fixed;width:4px;border-radius:2px;background:#ffdc9640;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:5}.chat-messages-inner{display:flex;flex-direction:column;gap:12px;padding:16px}.chat-messages-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:8px;color:var(--text-muted);text-align:center;padding:40px;font-style:italic}.chat-messages-empty-icon{font-size:2rem;opacity:.5}.chat-load-more{display:flex;justify-content:center;padding:12px 0}.chat-load-more-btn{background:none;border:1px solid var(--border-stitch);border-radius:4px;color:var(--text-muted);font-size:.75rem;font-family:var(--font-body);padding:6px 16px;cursor:pointer;transition:all var(--transition-fast)}.chat-load-more-btn:active{background:#ffffff0d}.chat-load-more-spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--color-gold);border-radius:50%;animation:spin .8s linear infinite}.chat-bubble{display:flex;gap:8px;animation:bubbleIn .2s ease-out;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}@keyframes bubbleIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-bubble-player,.chat-bubble-npc{align-self:flex-start}.chat-bubble-portrait{flex-shrink:0;margin-top:2px}.chat-bubble-player-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid rgba(143,184,160,.3);box-shadow:0 2px 6px #0006}.chat-bubble-content{position:relative;display:flex;flex-direction:column;gap:2px;min-width:0;max-width:calc(100vw - 80px)}.chat-bubble-name{font-size:.7rem;font-weight:600;color:var(--color-gold-dim);padding-left:4px;font-family:var(--font-display);letter-spacing:.03em}.chat-bubble-text{padding:10px 14px;border-radius:4px;font-size:.9rem;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}.chat-bubble-text em{color:var(--color-gold-dim);font-style:italic}.chat-bubble-text strong{color:var(--color-gold-bright);font-weight:700}.chat-bubble-text del{opacity:.6;text-decoration:line-through}.chat-bubble-text .chat-inline-code{font-family:Consolas,Monaco,Courier New,monospace;font-size:.85em;padding:2px 6px;border-radius:3px;background:#0000004d;border:1px solid rgba(212,168,67,.2);color:#e8d5a3;word-break:break-all;overflow-wrap:anywhere}.chat-bubble-text .chat-code-block{font-family:Consolas,Monaco,Courier New,monospace;font-size:.85em;padding:8px 12px;margin:6px 0;border-radius:4px;background:#00000059;border:1px solid rgba(212,168,67,.15);color:#e0d4be;white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere}.chat-bubble-text .chat-code-block code{background:transparent;padding:0;border:none;white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere}.chat-heading{display:block;font-family:var(--font-display, "Cinzel", "Times New Roman", serif);font-weight:700;color:var(--color-gold-bright, #d4a843);line-height:1.3}.chat-h1{font-size:1.25rem}.chat-h2{font-size:1.1rem}.chat-h3{font-size:1rem}.chat-h4{font-size:.95rem;font-weight:600}.chat-copy-btn{position:absolute;transform:translate(-50%);z-index:10;padding:4px 14px;background:linear-gradient(180deg,#3a3228,#2a241c);border:1px solid var(--color-gold-dim);border-radius:6px;color:var(--color-gold-bright);font-family:var(--font-body);font-size:.75rem;font-weight:600;letter-spacing:.04em;box-shadow:0 4px 12px #0009;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;white-space:nowrap}.chat-copy-btn:active{background:linear-gradient(180deg,#4a4238,#3a342c)}.chat-bubble-npc .chat-bubble-text{background:linear-gradient(165deg,#2a2218,#1e1a12);color:#e0d4be;border:1px solid #3d3222;border-left:3px solid var(--color-gold-dim);box-shadow:inset 0 1px #c8aa6e0d,0 2px 6px #0006}.chat-bubble-marcel .chat-bubble-text{background:linear-gradient(165deg,#231e2a,#1a1520);color:#d6d0e0;border:1px solid #352e40;border-left:3px solid #a08bc0;box-shadow:inset 0 1px #a08bc00d,0 2px 6px #0006}.chat-bubble-marcel .chat-bubble-name{color:#a08bc0}.chat-bubble-marcel .npc-portrait{background-image:linear-gradient(#1a1520,#1a1520),linear-gradient(135deg,#a08bc0,#6b4e8a,#c0a8e0,#6b4e8a,#a08bc0);box-shadow:0 0 0 1px #000000b3,inset 0 1px 2px #a08bc01a,0 3px 8px #0009}.chat-bubble-player .chat-bubble-text{background:linear-gradient(165deg,#1e2a24,#182018);color:#d4ddd6;border:1px solid #2e4035;border-left:3px solid #8fb8a0;box-shadow:inset 0 1px #8fb8a00d,0 2px 6px #0006}.chat-bubble-other-player{align-self:flex-start}.chat-bubble-name-other{color:#8fb8a0;padding-left:4px}.chat-bubble-other-player .chat-bubble-text{background:linear-gradient(165deg,#1e2a24,#182018);color:#d4ddd6;border:1px solid #2e4035;border-left:3px solid #8fb8a0;box-shadow:inset 0 1px #8fb8a00d,0 2px 6px #0006}.chat-bubble-gif{max-width:220px;height:auto;border-radius:8px;box-shadow:0 2px 8px #0006;display:block}.chat-bubble-image{max-width:260px;max-height:300px;width:auto;height:auto;border-radius:8px;box-shadow:0 2px 8px #0006;display:block}.chat-bubble-caption{margin-top:4px;font-size:.85rem;opacity:.85}.chat-typing-indicator{display:flex;gap:4px;padding:12px 14px;background:linear-gradient(165deg,#2a2218,#1e1a12);border:1px solid #3d3222;border-left:3px solid var(--color-gold-dim);border-radius:4px}.chat-typing-indicator span{width:6px;height:6px;border-radius:50%;background:var(--color-gold-dim);animation:typingBounce 1.4s infinite ease-in-out}.chat-typing-indicator span:nth-child(1){animation-delay:0s}.chat-typing-indicator span:nth-child(2){animation-delay:.2s}.chat-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.chat-input-form{padding:8px 12px;padding-bottom:calc(8px + var(--safe-area-bottom));background-color:#181210;background-image:var(--tex-wood);background-size:512px 512px;border-top:2px solid var(--border-stitch);flex-shrink:0;box-shadow:inset 0 2px 4px #0000004d}.chat-input-row{display:flex;gap:8px;align-items:center}.chat-input-wrapper{flex:1;position:relative;border:1px solid var(--border-stitch);border-radius:4px;background:linear-gradient(180deg,#221d16,#1a1610);box-shadow:var(--shadow-inset);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.chat-input-wrapper:focus-within{border-color:var(--color-gold-dim);box-shadow:var(--shadow-inset),0 0 6px #d4a84326}.chat-input-field{width:100%;padding:10px 16px;border:none;border-radius:4px;background:transparent;color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;line-height:1.4;outline:none;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;min-height:40px;max-height:calc(11.34rem + 20px);overflow-y:auto}.chat-input-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;padding:10px 16px;color:var(--text-muted);font-family:var(--font-body);font-size:.9rem;font-style:italic;line-height:1.4;pointer-events:none}.mention-highlight-inline{background:#c4956a40;border-radius:3px;padding:1px 2px;color:var(--color-gold);font-weight:600}.italic-marker{font-size:0;opacity:0;display:inline}.chat-input-field em{color:var(--color-gold-dim);font-style:italic}.mention-highlight-bubble{background:#c4956a40;border-radius:3px;padding:1px 3px;color:var(--color-gold);font-weight:600}.voice-tag{color:#c4956a80;font-style:italic;font-size:.85em;margin-right:1px}.chat-bubble-play-btn{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:4px 10px;border:1px solid rgba(196,149,106,.35);border-radius:12px;background:#c4956a1a;color:#c4956acc;font-size:.78em;cursor:pointer;transition:background .15s,color .15s}.chat-bubble-play-btn:active,.chat-bubble-play-btn-active{background:#c4956a40;color:var(--color-gold)}.mention-popup{position:absolute;bottom:100%;left:0;right:0;margin-bottom:4px;max-height:200px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;background:linear-gradient(180deg,#2a2218,#1e1a12);border:1px solid var(--border-stitch);border-radius:6px;box-shadow:0 -4px 16px #00000080,inset 0 1px #c8aa6e0f;z-index:50;animation:mentionSlideUp .15s ease-out}@keyframes mentionSlideUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.mention-popup-item{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;min-height:44px;transition:background .1s ease}.mention-popup-item:first-child{border-radius:6px 6px 0 0}.mention-popup-item:last-child{border-radius:0 0 6px 6px}.mention-popup-item:hover{background:#d4a84314}.mention-popup-item-active{background:#d4a8431f;border-left:2px solid var(--color-gold);padding-left:10px}.mention-popup-name{font-family:var(--font-display);font-size:.85rem;color:var(--text-primary);letter-spacing:.02em}.mention-popup-item-active .mention-popup-name{color:var(--color-gold)}.mention-popup-group{border-bottom:1px solid rgba(90,74,50,.3)}.mention-popup-group-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#d4a84333,#8c64144d);border:1px solid var(--color-gold-dim);color:var(--color-gold);font-size:.75rem;font-weight:700;flex-shrink:0}.mention-popup-group .mention-popup-name{color:var(--color-gold-dim);font-weight:600}.mention-popup-group-count{margin-left:auto;font-size:.7rem;color:var(--text-muted);background:#0000004d;padding:2px 6px;border-radius:8px}.mention-popup-player-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.chat-mic-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border-stitch);border-radius:4px;background:linear-gradient(180deg,#3a3228,#2a241c);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:inset 0 1px #ffdc960f,0 1px 3px #00000080}.chat-mic-btn:active{background:linear-gradient(180deg,#3a3228,#28221a);color:var(--text-primary)}.chat-mic-active{color:var(--color-crimson, #c44)!important;background:#c83c3c26!important;border-color:#c83c3c66!important;animation:mic-pulse 1.2s ease-in-out infinite}@keyframes mic-pulse{0%,to{box-shadow:0 0 #c83c3c4d}50%{box-shadow:0 0 8px 3px #c83c3c66}}.chat-plus-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border-stitch);border-radius:4px;background:linear-gradient(180deg,#3a3228,#2a241c);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:inset 0 1px #ffdc960f,0 1px 3px #00000080}.chat-plus-btn:active{background:linear-gradient(180deg,#3a3228,#28221a);color:var(--text-primary)}.chat-plus-btn-active{background:#d4a8431f;border-color:var(--color-gold-dim);color:var(--color-gold)}.chat-send-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--color-gold-dim);border-radius:4px;background:linear-gradient(180deg,#c9a040,#8b6918);color:#12100c;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;box-shadow:inset 0 1px #ffdc964d,0 2px 4px #00000080}.chat-send-btn:hover:not(:disabled){background:linear-gradient(180deg,#dbb548,#a07d2f);box-shadow:inset 0 1px #ffdc9666,0 0 8px #d4a8434d}.chat-send-btn:disabled{background:#0000004d;border-color:var(--border-color);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:200;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.menu-panel{position:fixed;bottom:0;left:0;right:0;max-height:70vh;background-color:var(--bg-surface);background-image:var(--tex-parchment);background-size:512px 512px;border-top:2px solid var(--color-gold-dim);border-radius:12px 12px 0 0;z-index:201;overflow-y:auto;animation:slideUp .3s ease;padding:16px;padding-bottom:calc(16px + var(--safe-area-bottom));box-shadow:0 -8px 32px #00000080}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.menu-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.menu-panel-title{font-family:var(--font-display);font-size:1.1rem;color:var(--color-gold);text-shadow:0 1px 3px rgba(0,0,0,.5)}.menu-panel-close{width:32px;height:32px;border:1px solid var(--border-color);border-radius:4px;background:#0000004d;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.menu-tab-bar{display:flex;gap:4px;margin-bottom:14px;border-bottom:1px solid rgba(90,74,50,.35);padding-bottom:10px}.menu-tab{flex:1;padding:7px 0;border:1px solid var(--border-color);border-radius:6px;background:#00000040;color:var(--text-secondary);font-family:var(--font-display);font-size:.85rem;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.menu-tab-active{background:#d4a84326;border-color:var(--color-gold-dim);color:var(--color-gold)}.sell-items-list{display:flex;flex-direction:column;gap:6px}.sell-item-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#0003;border:1px solid rgba(90,74,50,.25);border-radius:8px}.sell-item-info{flex:1;min-width:0}.sell-item-name{font-size:.85rem;color:var(--text-primary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sell-item-qty{font-size:.72rem;color:var(--text-muted)}.btn-sell{padding:5px 14px;border:1px solid rgba(212,168,67,.4);border-radius:6px;background:#d4a8431f;color:var(--color-gold);font-family:var(--font-display);font-size:.78rem;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;flex-shrink:0}.btn-sell:active{transform:scale(.95);background:#d4a84340}.btn-sell:disabled{opacity:.4;pointer-events:none}.sell-empty{text-align:center;color:var(--text-muted);font-size:.85rem;padding:24px 0}.chat-bubble-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;padding:0 2px}.chat-bubble-player .chat-bubble-reactions{justify-content:flex-start}.reaction-pill{display:flex;align-items:center;gap:3px;padding:2px 6px;border:1px solid rgba(90,74,50,.4);border-radius:10px;background:#00000059;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.reaction-pill:active{transform:scale(.95)}.reaction-pill-active{border-color:var(--color-gold-dim);background:#d4a84326}.reaction-pill-emoji{font-size:.8rem;line-height:1}.reaction-pill-count{font-size:.7rem;color:var(--text-secondary);line-height:1;min-width:8px;text-align:center}.reaction-pill-active .reaction-pill-count{color:var(--color-gold)}.reaction-pill-wrapper{position:relative}.reaction-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#14100cf2;border:1px solid var(--border-stitch);border-radius:6px;padding:5px 8px;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis;font-size:.7rem;color:var(--text-secondary);line-height:1.4;box-shadow:0 4px 12px #00000080;z-index:50;pointer-events:none;animation:reaction-tooltip-in .15s ease-out}.reaction-tooltip-name{color:var(--color-gold)}@keyframes reaction-tooltip-in{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.reaction-bar{position:fixed;display:flex;align-items:center;gap:2px;padding:4px;max-width:calc(100vw - 16px);background:linear-gradient(180deg,#2a2218,#1e1a12);border:1px solid var(--color-gold-dim);border-radius:24px;box-shadow:0 4px 20px #0009,inset 0 1px #c8aa6e14;z-index:300;animation:reactionBarPop .2s cubic-bezier(.34,1.56,.64,1)}@keyframes reactionBarPop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.reaction-bar-emoji{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;background:transparent;font-size:1.2rem;cursor:pointer;transition:background .1s ease,transform .1s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-shrink:0}.reaction-bar-emoji:hover{background:#ffffff14}.reaction-bar-emoji:active{transform:scale(1.2);background:#ffffff1f}.reaction-bar-plus{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-gold-dim);border-radius:50%;background:#0000004d;color:var(--color-gold);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;margin-left:2px;flex-shrink:0}.reaction-bar-plus:hover{background:#d4a84326}.reaction-bar-plus:active{transform:scale(.95)}.reaction-bar-delete{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(200,60,60,.4);border-radius:50%;background:#c83c3c1f;color:#c44;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;margin-left:4px;flex-shrink:0}.reaction-bar-delete:hover{background:#c83c3c40}.reaction-bar-delete:active{transform:scale(.95);background:#c83c3c4d}.emoji-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:400;animation:fadeIn .2s ease}.emoji-sheet{position:fixed;bottom:0;left:0;right:0;max-height:55vh;display:flex;flex-direction:column;background-color:#1a1510;background-image:var(--tex-wood);background-size:512px 512px;border-top:2px solid var(--color-gold-dim);border-radius:12px 12px 0 0;z-index:401;animation:slideUp .3s ease;box-shadow:0 -8px 32px #00000080}.emoji-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 8px;flex-shrink:0}.emoji-sheet-title{font-family:var(--font-display);font-size:1rem;color:var(--color-gold);text-shadow:0 1px 3px rgba(0,0,0,.5)}.emoji-sheet-close{width:32px;height:32px;border:1px solid var(--border-color);border-radius:4px;background:#0000004d;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.emoji-sheet-tabs{display:flex;gap:2px;padding:0 12px 8px;border-bottom:1px solid rgba(90,74,50,.3);flex-shrink:0}.emoji-sheet-tab{display:flex;align-items:center;justify-content:center;flex:1;height:32px;border:none;border-radius:4px;background:transparent;font-size:1rem;cursor:pointer;transition:background .15s ease;-webkit-tap-highlight-color:transparent;opacity:.5}.emoji-sheet-tab-active{opacity:1;background:#d4a8431f}.emoji-sheet-grid{flex:1;overflow-y:auto;padding:0 12px 16px;padding-bottom:calc(16px + var(--safe-area-bottom));scrollbar-width:none}.emoji-sheet-grid::-webkit-scrollbar{display:none}.emoji-sheet-category-header{position:sticky;top:0;padding:8px 4px 4px;font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background-color:#1a1510;background-image:var(--tex-wood);background-size:512px 512px;z-index:1}.emoji-sheet-cells{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.emoji-sheet-cell{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;border:none;border-radius:6px;background:transparent;font-size:1.4rem;cursor:pointer;transition:background .1s ease;-webkit-tap-highlight-color:transparent}.emoji-sheet-cell:hover{background:#ffffff0f}.emoji-sheet-cell:active{background:#d4a84326;transform:scale(1.15)}.location-chat:has(.ck-emoji-expanded) .chat-messages-container,.location-chat:has(.ck-gifs-expanded) .chat-messages-container{flex:0 0 0;overflow:hidden;min-height:0}.location-chat:has(.ck-container) .chat-messages{overscroll-behavior-y:none}.chat-bubble-dice{align-self:flex-start}.chat-bubble-name-dice{color:#d4a843}.dice-roll-result{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:4px 0}.dice-roll-notation{font-family:Courier New,monospace;font-size:11px;color:#e8dcc880;letter-spacing:.5px}.dice-roll-values{display:flex;gap:4px;flex-wrap:wrap}.dice-value{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 4px;background:#d4a84326;border:1px solid rgba(212,168,67,.3);border-radius:4px;font-size:14px;font-weight:700;color:#e8dcc8}.dice-dropped{opacity:.35;text-decoration:line-through;border-color:#c8c8c826;background:#c8c8c80d}.dice-modifier{font-size:13px;color:#e8dcc899;font-weight:500}.dice-total{font-size:18px;font-weight:800;color:#d4a843;letter-spacing:.5px}.ck-bottom-bar{flex-shrink:0}.ck-bottom-bar:has(.ck-emoji-expanded),.ck-bottom-bar:has(.ck-gifs-expanded){flex:1;display:flex;flex-direction:column;min-height:0}.ck-container{z-index:100;flex-shrink:0;animation:ck-slide-up .25s ease-out}@keyframes ck-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.ck-board{position:relative;background-color:#110f0b;background-image:var(--tex-wood);background-size:512px 512px;border-top:2px solid #3a2e1e;padding:8px 4px;padding-bottom:calc(8px + var(--safe-area-bottom));box-shadow:inset 0 2px #ffdc9608,0 -4px 16px #000000b3}.ck-row{display:flex;justify-content:center;gap:5px;margin-bottom:6px}.ck-row:last-child{margin-bottom:0}.ck-row-indent{padding:0 14px}.ck-row-bottom{gap:5px}.ck-key{display:flex;align-items:center;justify-content:center;min-width:30px;height:46px;padding:0 2px;flex:1;max-width:46px;background:linear-gradient(180deg,#2e2820,#1e1a14);border:1px solid #3a3020;border-bottom:2px solid #1a1510;border-radius:5px;box-shadow:inset 0 1px #ffdc960f,0 1px 2px #00000080;color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;font-weight:500;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background .08s ease,transform .08s ease}.ck-key-pressed{background:linear-gradient(180deg,#3a3228,#28221a)!important;border-bottom-width:1px;transform:translateY(1px);box-shadow:inset 0 1px 3px #0006,0 0 6px #d4a84326!important;color:var(--color-gold)!important}.ck-key-shift,.ck-key-backspace,.ck-key-sym{flex:1.4;max-width:56px;font-size:1.1rem}.ck-key-active{background:#d4a8431f;border-color:var(--color-gold-dim);color:var(--color-gold)}.ck-key-side{flex:1;max-width:36px;font-size:1.1rem;color:var(--text-muted)}.ck-key-space{flex:5;max-width:none;font-size:.7rem;color:var(--text-muted);letter-spacing:.1em}.ck-key-return{flex:1.4;max-width:50px;font-size:1.8rem;color:var(--text-muted)}.ck-key-send{flex:2;max-width:72px;background:linear-gradient(180deg,#c9a040,#8b6918);color:#12100c;border-color:#a07d2f;font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;box-shadow:inset 0 1px #ffdc964d,0 1px 3px #00000080}.ck-key-send.ck-key-pressed{background:linear-gradient(180deg,#dbb548,#a07d2f)!important;color:#12100c!important}.ck-key-send:disabled{opacity:.4}.ck-key-close{flex:1.2;max-width:44px;font-size:.9rem;color:var(--text-muted)}.ck-key-close.ck-key-pressed{color:var(--color-danger)!important}.ck-key-mic{flex:1.2;max-width:44px;color:var(--text-muted)}.ck-key-mic-active{color:var(--color-crimson, #c44)!important;background:#c83c3c26!important;border-color:#c83c3c66!important;animation:ck-mic-pulse 1.2s ease-in-out infinite}@keyframes ck-mic-pulse{0%,to{box-shadow:0 0 #c83c3c4d}50%{box-shadow:0 0 8px 3px #c83c3c66}}.ck-key-paste{flex:1.2;max-width:44px;color:var(--text-muted)}.ck-key-arrow{flex:1;max-width:38px;font-size:1rem;color:var(--text-muted)}.ck-key-paste.ck-key-pressed{color:var(--color-gold)}.cki-form{padding:8px 12px;padding-bottom:calc(8px + var(--safe-area-bottom));background-color:#181210;background-image:var(--tex-wood);background-size:512px 512px;border-top:2px solid var(--border-stitch);flex-shrink:0;box-shadow:inset 0 2px 4px #0000004d}.cki-form:has(~.ck-container){padding-bottom:8px}.cki-row{display:flex;gap:8px;align-items:flex-end}.cki-wrapper{flex:1;position:relative;border:1px solid var(--border-stitch);border-radius:4px;background:linear-gradient(180deg,#221d16,#1a1610);box-shadow:var(--shadow-inset);cursor:text;overflow:visible;transition:border-color var(--transition-fast);touch-action:auto}.cki-paste-popup{position:absolute;top:-36px;left:50%;transform:translate(-50%);background:linear-gradient(180deg,#2e2820,#1e1a14);color:var(--text-primary);font-family:var(--font-body);font-size:.8rem;font-weight:600;padding:6px 18px;border:1px solid var(--color-gold-dim);border-radius:6px;box-shadow:0 4px 12px #0009;z-index:60;cursor:pointer;animation:cki-paste-in .12s ease-out}.cki-paste-popup:active{background:#d4a84326;color:var(--color-gold)}@keyframes cki-paste-in{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.cki-wrapper:has(.cki-cursor-overlay){border-color:var(--color-gold-dim);box-shadow:var(--shadow-inset),0 0 6px #d4a84326}.cki-display{position:relative;width:100%;padding:10px 16px;color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;line-height:1.4;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;overflow-y:auto;min-height:40px;max-height:calc(11.34rem + 20px);scrollbar-width:none;-webkit-overflow-scrolling:touch}.cki-display::-webkit-scrollbar{display:none}.cki-display em{color:var(--color-gold-dim);font-style:italic}.cki-cursor-overlay{position:absolute;width:2px;pointer-events:none;z-index:2}.cki-cursor-line{width:100%;height:100%;background:var(--color-gold);animation:cki-blink 1s step-end infinite}.cki-cursor-dragging .cki-cursor-line{animation:none;opacity:1}.cki-cursor-handle{position:absolute;z-index:10;transform:translate(-50%);width:14px;height:14px;background:var(--color-gold);border-radius:50%;border:1px solid rgba(0,0,0,.3);box-shadow:0 1px 3px #0006;pointer-events:auto;touch-action:none;cursor:grab}.cki-cursor-handle:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}.cki-cursor-dragging .cki-cursor-handle{background:#fff;box-shadow:0 0 6px #d4a84380,0 1px 3px #0006;cursor:grabbing}@keyframes cki-blink{0%,to{opacity:1}50%{opacity:0}}.cki-flash{animation:cki-flash-pop .6s ease-out}@keyframes cki-flash-pop{0%{color:var(--color-gold);text-shadow:0 0 6px rgba(212,168,67,.6)}to{color:inherit;text-shadow:none}}.cki-loupe{position:fixed;z-index:150;transform:translate(-50%);background:linear-gradient(180deg,#2a2418,#1e1a14);border:1px solid var(--color-gold-dim);border-radius:8px;padding:6px 12px;box-shadow:0 4px 16px #000000b3;font-family:var(--font-body);font-size:1.15rem;line-height:1.4;color:var(--text-primary);white-space:pre;max-width:260px;overflow:hidden;pointer-events:none;animation:cki-loupe-in .1s ease-out}.cki-loupe-caret{display:inline-block;width:2px;height:1.1em;background:var(--color-gold);vertical-align:text-bottom;margin:0 1px}@keyframes cki-loupe-in{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.ck-emoji-area{position:relative}.ck-emoji-scroll{height:254px;overflow:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0 4px}.ck-emoji-scroll::-webkit-scrollbar{display:none}.ck-emoji-scroll.ck-emoji-expanding,.ck-emoji-scroll.ck-emoji-collapsing{overflow:hidden}.ck-emoji-scroll.ck-emoji-expanded{flex:1;height:0;min-height:0;overflow-y:auto}.ck-emoji-float-bksp{position:absolute;bottom:calc(12px + var(--safe-area-bottom));right:12px;width:44px;height:44px;border-radius:50%;background:#1e1a14f2;border:1px solid #3a3020;border-bottom:2px solid #1a1510;color:var(--text-primary);font-size:1.2rem;display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 8px #0009,inset 0 1px #ffdc960f}.ck-emoji-section-header{position:sticky;top:0;z-index:2;padding:6px 4px 4px;font-family:var(--font-display);font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);background-color:#110f0b;background-image:var(--tex-wood);background-size:512px 512px}.ck-emoji-section-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.ck-cat-icon{display:flex;align-items:center;justify-content:center;flex:1;height:46px;max-width:46px;background:transparent;border:1px solid transparent;border-radius:5px;font-size:1.1rem;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background .1s ease,border-color .1s ease}.ck-cat-icon-active{background:#d4a8431f;border-color:var(--color-gold-dim);box-shadow:inset 0 1px #ffdc960f}.ck-container:has(.ck-emoji-expanded),.ck-container:has(.ck-gifs-expanded){flex:1;display:flex;flex-direction:column;min-height:0}.ck-container:has(.ck-emoji-expanded) .ck-board,.ck-container:has(.ck-gifs-expanded) .ck-board{flex:1;display:flex;flex-direction:column;min-height:0}.ck-container:has(.ck-emoji-expanded) .ck-emoji-area,.ck-container:has(.ck-gifs-expanded) .ck-gifs-panel{flex:1;display:flex;flex-direction:column;min-height:0;height:auto}.ck-emoji-cell{display:flex;align-items:center;justify-content:center;height:40px;background:#ffffff08;border:none;border-radius:4px;font-size:1.5rem;cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background .08s ease}.ck-emoji-cell.ck-key-pressed{background:#d4a84326!important;transform:scale(1.15)}.ck-key-emoji{flex:1.4;max-width:56px;font-size:1.2rem}.ck-extras-panel{display:flex;flex-wrap:wrap;gap:12px;padding:12px 16px;align-items:flex-start;align-content:flex-start;height:254px;box-sizing:border-box}.ck-extras-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 4px;width:76px;height:76px;text-align:center;white-space:nowrap;overflow:hidden;background:linear-gradient(180deg,#2e2820,#1e1a14);border:1px solid #3a3020;border-bottom:2px solid #1a1510;border-radius:8px;color:var(--text-primary);font-family:var(--font-body);font-size:.65rem;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background .08s ease,border-color .08s ease;box-shadow:inset 0 1px #ffdc960f,0 1px 2px #00000080}.ck-extras-btn.ck-key-pressed{background:linear-gradient(180deg,#3a3228,#28221a)!important;border-bottom-width:1px;transform:translateY(1px);color:var(--color-gold)!important}.ck-extras-btn-active{color:var(--color-crimson, #c44)!important;background:#c83c3c1f!important;border-color:#c83c3c59!important;animation:ck-mic-pulse 1.2s ease-in-out infinite}.ck-extras-btn-dm{border-color:#dc26264d;color:#ef4444}.ck-monsters-panel{padding:8px 12px 12px;height:254px;box-sizing:border-box;display:flex;flex-direction:column}.ck-monsters-header{display:flex;align-items:center;gap:6px;margin-bottom:8px;flex-shrink:0}.ck-monsters-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:4px}.ck-monsters-loading{color:var(--text-secondary);font-size:.8rem;text-align:center;padding:24px 0}.ck-monster-btn{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(180deg,#2e2820,#1e1a14);border:1px solid #3a3020;border-radius:8px;color:var(--text-primary);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background .1s ease}.ck-monster-btn:active{background:linear-gradient(180deg,#3a3228,#28221a)}.ck-monster-btn:disabled{opacity:.5}.ck-monster-info{display:flex;flex-direction:column;gap:2px;text-align:left}.ck-monster-name{font-family:var(--font-display);font-size:.85rem;font-weight:600;color:#ef4444}.ck-monster-stats{font-size:.7rem;color:var(--text-secondary)}.ck-monster-spawn-icon{font-size:1.2rem;flex-shrink:0}.ck-npcs-panel{padding:8px 12px 12px;height:254px;box-sizing:border-box;display:flex;flex-direction:column}.ck-npcs-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.ck-npcs-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid #3a3020;border-radius:4px;color:var(--text-secondary);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .08s ease}.ck-npcs-back.ck-key-pressed{background:#d4a8431f!important;color:var(--color-gold)!important}.ck-npcs-label{font-family:var(--font-display);font-size:.8rem;font-weight:600;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.ck-npcs-grid{display:flex;flex-wrap:wrap;gap:6px;overflow-y:auto;flex:1;min-height:0;align-content:flex-start;scrollbar-width:none}.ck-npcs-grid::-webkit-scrollbar{display:none}.ck-contacts-menu{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0;padding:4px 0}.ck-contacts-menu-btn{display:flex;align-items:center;gap:12px;padding:12px 14px;border:2px solid transparent;border-radius:10px;background:#ffffff0a;color:var(--text-primary);font-family:var(--font-display);font-size:.85rem;font-weight:600;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:all var(--transition-fast)}.ck-contacts-menu-btn.ck-key-pressed{background:#d4a8431a!important;border-color:var(--color-gold-dim)!important}.ck-contacts-menu-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#d4a8431f,#8c641433);color:var(--color-gold);flex-shrink:0}.ck-contacts-menu-count{margin-left:auto;font-size:.7rem;color:var(--text-muted);background:#0000004d;padding:2px 8px;border-radius:8px;font-weight:500}.ck-npcs-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 8px;border:2px solid transparent;border-radius:8px;background:transparent;cursor:pointer;transition:all var(--transition-fast);min-width:60px;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ck-npcs-item.ck-key-pressed{background:#d4a8431a!important;border-color:var(--color-gold-dim)!important}.ck-npcs-name{font-size:.65rem;color:var(--text-muted);text-align:center;max-width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ck-npcs-player-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.ck-npcs-group-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#d4a84326,#8c641440);border:2px solid var(--color-gold-dim);color:var(--color-gold);font-size:1.1rem;font-weight:700}.ck-gifs-panel{display:flex;flex-direction:column;height:254px;box-sizing:border-box;padding:8px 12px 0}.ck-gifs-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-shrink:0}.ck-gifs-search-display{flex:1;height:34px;padding:0 12px;border:1px solid #3a3020;border-radius:4px;background:linear-gradient(180deg,#221d16,#1a1610);color:var(--text-primary);font-family:var(--font-body);font-size:.85rem;display:flex;align-items:center;box-shadow:var(--shadow-inset);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overflow:hidden;white-space:nowrap}.ck-gifs-search-display.ck-gifs-search-active{border-color:var(--color-gold-dim);box-shadow:var(--shadow-inset),0 0 6px #d4a84326}.ck-gifs-search-placeholder{color:var(--text-muted);font-style:italic}.ck-gifs-search-cursor{display:inline-block;width:2px;height:1em;background:var(--color-gold);margin-left:1px;flex-shrink:0;animation:cki-blink 1s step-end infinite}.ck-gifs-clear{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid #3a3020;border-radius:50%;color:var(--text-muted);font-size:.75rem;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0}.ck-gifs-grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:130px;gap:8px;overflow-y:auto;flex:1;min-height:0;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ck-gifs-grid::-webkit-scrollbar{display:none}.ck-gifs-grid.ck-gifs-expanding,.ck-gifs-grid.ck-gifs-collapsing{overflow:hidden}.ck-gifs-grid.ck-gifs-expanded{flex:1;height:0;min-height:0;overflow-y:auto}.ck-gif-cell{overflow:hidden;border-radius:4px;border:none;padding:0;background:#ffffff08;cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.ck-gif-cell img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.ck-gif-cell img:not([src]){visibility:hidden}.ck-gif-cell.ck-key-pressed{opacity:.7;transform:scale(.97)}.ck-gifs-loading{grid-column:1 / -1;text-align:center;padding:24px 0;color:var(--text-muted);font-size:.8rem;font-style:italic}.ck-gifs-attribution{flex-shrink:0;text-align:center;padding:4px 0;font-size:.6rem;color:var(--text-muted);letter-spacing:.04em}.ck-key-preview{position:fixed;z-index:200;transform:translate(-50%,-100%);min-width:44px;height:56px;padding:0 14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#3a3228,#2a241c);border:1px solid var(--color-gold-dim);border-radius:8px;box-shadow:0 4px 12px #000000b3;color:#fff;font-family:var(--font-body);font-size:1.6rem;font-weight:500;pointer-events:none;opacity:0;transform:translate(-50%,-100%) scale(1);transition:opacity .02s linear}.ck-key-preview:after{content:"";position:absolute;bottom:-6px;left:50%;margin-left:-6px;width:12px;height:12px;background:#2a241c;border-right:1px solid var(--color-gold-dim);border-bottom:1px solid var(--color-gold-dim);transform:rotate(45deg)}.ck-key-preview-visible{opacity:1}.fx-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;pointer-events:none;overflow:hidden}.fx-lightning-bolt{position:absolute;top:-10%;left:45%;width:4px;height:60%;background:linear-gradient(180deg,#fff 0%,#a0c4ff 50%,transparent 100%);box-shadow:0 0 20px 8px #a0c4ff99,0 0 60px 20px #a0c4ff4d;transform:skew(-5deg);animation:fx-bolt .4s ease-out forwards;opacity:0}@keyframes fx-bolt{0%{opacity:1;transform:skew(-5deg) scaleY(.3)}15%{opacity:1;transform:skew(-5deg) scaleY(1)}40%{opacity:.8}to{opacity:0}}.fx-lightning-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#c8dcff4d;animation:fx-flash-anim .5s ease-out forwards}.fx-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff6;animation:fx-flash-anim .3s ease-out forwards}@keyframes fx-flash-anim{0%{opacity:1}to{opacity:0}}.ck-key-swiping{background:linear-gradient(180deg,#3a3020,#2a2418)!important;border-color:var(--color-gold-dim)!important;color:var(--color-gold)!important;box-shadow:inset 0 1px #ffdc961a,0 0 8px #d4a84340!important}.ck-swipe-canvas{position:absolute;top:0;left:0;pointer-events:none;z-index:50}.ck-swipe-suggestions{display:flex;gap:6px;padding:0 8px 8px;justify-content:center;height:38px;align-items:flex-end;box-sizing:border-box}.ck-swipe-suggestion{padding:4px 14px;border:1px solid #3a3020;border-radius:4px;background:linear-gradient(180deg,#2e2820,#1e1a14);color:var(--text-secondary);font-family:var(--font-body);font-size:.82rem;font-weight:500;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background .08s ease,border-color .08s ease}.ck-swipe-suggestion-active{background:#d4a8431f;border-color:var(--color-gold-dim);color:var(--color-gold);font-weight:600}.ck-swipe-npc{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:border-color .08s ease}.ck-swipe-npc:active{border-color:var(--color-gold-dim)}.ck-swipe-npc-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;display:block}.fx-smoke-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 100%,rgba(180,170,155,.45),rgba(160,150,135,.2) 40%,transparent 70%);transform:scale(.3) translateY(40%);opacity:0;animation:fx-smoke-drift 3s ease-out forwards}.fx-smoke-2{background:radial-gradient(ellipse at 35% 100%,rgba(170,160,145,.35),rgba(150,140,125,.15) 45%,transparent 70%);animation-delay:.3s}.fx-smoke-3{background:radial-gradient(ellipse at 65% 100%,rgba(190,180,165,.3),rgba(160,150,135,.1) 40%,transparent 65%);animation-delay:.6s}@keyframes fx-smoke-drift{0%{opacity:0;transform:scale(.3) translateY(40%)}15%{opacity:1;transform:scale(.8) translateY(10%)}50%{opacity:.7;transform:scale(1.2) translateY(-10%)}to{opacity:0;transform:scale(1.5) translateY(-30%)}}.ck-items-panel{padding:8px 12px 12px;height:254px;box-sizing:border-box;display:flex;flex-direction:column}.ck-items-header{display:flex;align-items:center;gap:6px;margin-bottom:8px;flex-shrink:0}.ck-items-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:4px;scrollbar-width:none}.ck-items-list::-webkit-scrollbar{display:none}.ck-items-loading{color:var(--text-secondary);font-size:.8rem;text-align:center;padding:24px 0}.ck-item-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(180deg,#2e2820,#1e1a14);border:1px solid #3a3020;border-radius:8px}.ck-item-info{display:flex;flex-direction:column;gap:2px}.ck-item-name{font-family:var(--font-display);font-size:.85rem;font-weight:600;color:var(--text-primary)}.ck-item-qty{font-size:.7rem;color:var(--text-secondary)}.ck-item-use-btn{padding:6px 16px;background:linear-gradient(180deg,#3a6b2a,#2a4e1e);border:1px solid #4a8a3a;border-radius:6px;color:#d4ecc8;font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background .08s ease}.ck-item-use-btn:active{background:linear-gradient(180deg,#4a8a3a,#3a6b2a)}.ck-item-use-btn:disabled{opacity:.4}.tavern-page .page-header{text-align:center;padding-top:8px}.tavern-page .page-title{font-size:1.6rem}.tavern-page .page-subtitle{margin-top:4px}.menu-section{margin-bottom:8px}.menu-section .section-title{position:sticky;top:var(--top-bar-height);background:var(--bg-dark);padding:10px 0;z-index:5;margin-bottom:8px}.shop-page .page-header{text-align:center;padding-top:8px}.shop-page .page-title{font-size:1.6rem}.shop-section{margin-bottom:8px}.shop-section .section-title{position:sticky;top:var(--top-bar-height);background:var(--bg-dark);padding:10px 0;z-index:5;margin-bottom:8px}.cs-sheet{position:relative;background:linear-gradient(170deg,#1e1a13,#171310 40%,#1a1510);border:1px solid var(--border-color);border-radius:4px;padding:24px 20px;margin-bottom:20px;box-shadow:0 4px 16px #00000080,inset 0 0 30px #0000004d,inset 0 1px #ffdc960a}.cs-corner{position:absolute;width:16px;height:16px;pointer-events:none}.cs-corner-tl{top:6px;left:6px;border-top:2px solid var(--color-gold-dim);border-left:2px solid var(--color-gold-dim);opacity:.5}.cs-corner-tr{top:6px;right:6px;border-top:2px solid var(--color-gold-dim);border-right:2px solid var(--color-gold-dim);opacity:.5}.cs-corner-bl{bottom:6px;left:6px;border-bottom:2px solid var(--color-gold-dim);border-left:2px solid var(--color-gold-dim);opacity:.5}.cs-corner-br{bottom:6px;right:6px;border-bottom:2px solid var(--color-gold-dim);border-right:2px solid var(--color-gold-dim);opacity:.5}.cs-header{text-align:center;margin-bottom:4px}.cs-name{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--color-gold);margin:0 0 4px;letter-spacing:.02em;text-shadow:0 0 12px rgba(212,168,67,.2)}.cs-subtitle{font-size:.82rem;color:var(--text-secondary);margin:0 0 12px;line-height:1.4}.cs-pills{display:flex;justify-content:center;gap:10px}.cs-pill{display:flex;flex-direction:column;align-items:center;padding:6px 14px;border-radius:20px;background:#ffffff08;border:1px solid var(--border-color);min-width:54px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s,border-color .2s}.cs-pill-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-family:var(--font-display)}.cs-pill-value{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--text-bright)}.cs-pill-hp{border-color:#6bba5640}.cs-pill-hp .cs-pill-value{color:var(--color-success)}.cs-pill-ac{border-color:#7a9abf40}.cs-pill-ac .cs-pill-value{color:var(--color-info)}.cs-pill-prof{border-color:#d4a84340}.cs-pill-prof .cs-pill-value{color:var(--color-gold)}.cs-divider{height:1px;background:linear-gradient(90deg,transparent,var(--color-gold-dim),transparent);margin:16px 0;opacity:.4}.cs-section{margin-bottom:18px}.cs-section:last-child{margin-bottom:0}.cs-section-title{font-family:var(--font-display);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0 0 10px;display:flex;align-items:center;gap:10px}.cs-section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border-color),transparent)}.cs-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:280px;margin:0 auto;padding:8px 0}.cs-diamond{aspect-ratio:1;display:flex;align-items:center;justify-content:center;transform:rotate(45deg);background:linear-gradient(135deg,#ffffff0a,#0000001a);border:1px solid var(--border-color-light);border-radius:4px;transition:box-shadow .3s,border-color .3s;cursor:pointer;-webkit-tap-highlight-color:transparent}.cs-diamond-selected{border-color:var(--color-gold)!important;box-shadow:0 0 12px #d4a84340}.cs-diamond-high{border-color:#d4a84359;box-shadow:0 0 10px #d4a8431a}.cs-diamond-low{border-color:#c45a4a4d;box-shadow:inset 0 0 8px #c45a4a14}.cs-diamond-inner{transform:rotate(-45deg);display:flex;flex-direction:column;align-items:center;line-height:1;gap:1px}.cs-diamond-abbr{font-size:.55rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-family:var(--font-display)}.cs-diamond-score{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--color-gold)}.cs-diamond-mod{font-size:.7rem;color:var(--text-secondary)}.cs-diamond-high .cs-diamond-score{text-shadow:0 0 8px rgba(212,168,67,.3)}.cs-diamond-low .cs-diamond-score{color:var(--color-danger)}.cs-diamond-low .cs-diamond-mod{color:#c45a4acc}.cs-details-toggle{display:block;width:100%;background:none;border:none;border-top:1px solid rgba(212,168,67,.12);border-bottom:1px solid rgba(212,168,67,.12);color:var(--color-gold-dim);font-family:var(--font-display);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;padding:10px 0;margin-bottom:16px;cursor:pointer;opacity:.7;transition:opacity .2s}.cs-details-toggle:hover{opacity:1}.cs-physical-grid{display:flex;flex-direction:column;gap:4px}.cs-physical-row{display:flex;align-items:baseline;gap:4px;font-size:.82rem}.cs-physical-label{text-transform:capitalize;color:var(--text-muted);white-space:nowrap;font-size:.75rem}.cs-physical-dots{flex:1;border-bottom:1px dotted var(--border-color-light);min-width:20px;margin-bottom:3px}.cs-physical-value{color:var(--text-primary);text-align:right;font-size:.82rem}.cs-traits{display:flex;flex-direction:column;gap:8px}.cs-trait-card{padding:10px 12px;border-radius:4px;background:#ffffff05;border-left:3px solid var(--border-color)}.cs-trait-gold{border-left-color:var(--color-gold-dim)}.cs-trait-blue{border-left-color:var(--color-info)}.cs-trait-green{border-left-color:var(--color-success)}.cs-trait-crimson{border-left-color:var(--color-crimson)}.cs-trait-label{display:block;font-family:var(--font-display);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:4px}.cs-trait-text{font-style:italic;font-size:.82rem;color:var(--text-primary);margin:0 0 2px;line-height:1.45}.cs-trait-text:last-child{margin-bottom:0}.cs-equipment{display:flex;flex-direction:column;gap:6px}.cs-equip-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;background:#ffffff05;border-radius:4px;border:1px solid rgba(255,255,255,.03)}.cs-equip-name{font-size:.82rem;color:var(--text-primary)}.cs-equip-badge{font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:10px;white-space:nowrap}.cs-equip-weapon{background:#c45a4a26;color:var(--color-danger);border:1px solid rgba(196,90,74,.25)}.cs-equip-armor{background:#7a9abf1f;color:var(--color-info);border:1px solid rgba(122,154,191,.2)}.cs-backstory{position:relative;max-height:100px;overflow:hidden;transition:max-height .3s ease}.cs-backstory-expanded{max-height:50vh;overflow-y:auto}.cs-backstory-text{font-size:.82rem;color:var(--text-primary);line-height:1.55;white-space:pre-wrap}.cs-backstory-fade{position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,#171310);pointer-events:none}.cs-read-more{background:none;border:none;color:var(--color-gold-dim);font-family:var(--font-display);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;padding:4px 0;margin-top:4px;opacity:.8;transition:opacity .2s}.cs-read-more:hover{opacity:1}.cs-notes{display:flex;flex-direction:column;gap:10px}.cs-note-block{padding:8px 10px;background:#ffffff05;border-radius:4px}.cs-note-label{display:block;font-family:var(--font-display);font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:4px}.cs-note-text{font-size:.8rem;color:var(--text-secondary);line-height:1.5;margin:0;white-space:pre-wrap}.cs-edit-btn{background:none;border:none;color:var(--color-gold-dim);font-size:.8rem;cursor:pointer;opacity:.4;transition:opacity .2s;padding:0 2px;line-height:1;flex-shrink:0}.cs-edit-btn:hover{opacity:.9}.cs-edit-btn-inline{display:block;margin-top:6px;font-size:.7rem;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em}.cs-textarea{width:100%;background:#0000004d;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.82rem;font-family:inherit;line-height:1.5;padding:8px 10px;resize:vertical;box-sizing:border-box}.cs-textarea:focus{outline:none;border-color:var(--color-gold-dim)}.cs-textarea-large{min-height:120px}.cs-input{background:transparent;border:1px solid transparent;border-bottom-color:var(--border-color);color:var(--text-primary);font-size:.82rem;font-family:inherit;padding:2px 4px;text-align:right;width:100px;box-sizing:border-box}.cs-input:focus{outline:none;border-bottom-color:var(--color-gold-dim)}.cs-edit-actions{display:flex;gap:8px;margin-top:10px}.cs-edit-save,.cs-edit-cancel{font-family:var(--font-display);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;padding:6px 16px;border-radius:4px;border:1px solid var(--border-color);cursor:pointer;transition:opacity .2s,background .2s}.cs-edit-save{background:#d4a84326;color:var(--color-gold);border-color:#d4a8434d}.cs-edit-save:hover:not(:disabled){background:#d4a84340}.cs-edit-save:disabled{opacity:.5;cursor:default}.cs-edit-cancel{background:#ffffff08;color:var(--text-muted)}.cs-edit-cancel:hover:not(:disabled){background:#ffffff0f;color:var(--text-secondary)}.cs-edit-cancel:disabled{opacity:.5;cursor:default}.cs-stat-tooltip{margin-top:10px;padding:10px 14px;background:#0006;border:1px solid rgba(212,168,67,.2);border-radius:6px;cursor:pointer;animation:cs-tooltip-in .2s ease-out}@keyframes cs-tooltip-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cs-stat-tooltip-name{font-family:var(--font-display);font-size:.8rem;font-weight:600;color:var(--color-gold);margin-bottom:4px;letter-spacing:.02em}.cs-stat-tooltip-desc{font-size:.78rem;color:var(--text-secondary);line-height:1.5}@media (max-width: 360px){.cs-sheet{padding:18px 14px}.cs-stats-grid{max-width:240px;gap:10px}.cs-diamond-score{font-size:1rem}.cs-name{font-size:1.2rem}}.profile-card{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(165deg,#251f18,#1c1812);border:1px solid var(--border-color);border-radius:4px;margin-bottom:20px;box-shadow:0 2px 6px #0006,inset 0 1px #ffdc9608}.profile-avatar{width:64px;height:64px;border-radius:50%;border:2px solid var(--color-gold-dim);box-shadow:0 0 16px #d4a84326}.profile-name{font-family:var(--font-display);font-size:1.2rem;font-weight:600;color:var(--text-bright)}.profile-username{font-size:.85rem;color:var(--text-muted)}.xp-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:linear-gradient(165deg,#1a1d2e,#161824);border:1px solid rgba(120,130,220,.2);border-radius:12px;margin-bottom:20px;box-shadow:0 2px 6px #0006,inset 0 1px #96a0ff0a}.xp-level-badge{display:flex;flex-direction:column;align-items:center;min-width:56px;flex-shrink:0}.xp-level-number{font-family:var(--font-display);font-size:2rem;font-weight:800;color:#a8b4ff;line-height:1}.xp-level-label{font-size:.65rem;color:#a8b4ff99;text-transform:uppercase;letter-spacing:.08em}.xp-details{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.xp-progress-bar-container{width:100%;height:8px;background:#7882dc1a;border-radius:4px;overflow:hidden}.xp-progress-bar-fill{height:100%;background:linear-gradient(90deg,#7882dc,#a8b4ff);border-radius:4px;transition:width .4s ease}.xp-progress-text{font-size:.75rem;color:#a8b4ffcc}.xp-total{font-size:.7rem;color:var(--text-muted)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}.stat-card{display:flex;flex-direction:column;align-items:center;padding:14px 8px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;text-align:center}.stat-icon{font-size:1.4rem;margin-bottom:6px}.stat-value{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--color-gold-bright)}.stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.achievements-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:12px}.achievements-header .section-title{margin-bottom:0}.achievements-chevron{font-size:.7rem;color:var(--text-muted)}.achievements-count{font-size:.8rem;font-weight:400;color:var(--text-muted);margin-left:8px}.achievements-preview{display:flex;flex-wrap:wrap;gap:6px;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px}.achievements-preview-icon{font-size:1.3rem;line-height:1;filter:drop-shadow(0 0 4px rgba(212,168,67,.3))}.achievements-preview-empty{font-size:.8rem;color:var(--text-muted)}.achievements-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.achievement-card{display:flex;align-items:flex-start;gap:10px;padding:12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;transition:border-color .2s ease}.achievement-card-unlocked{border-color:var(--color-gold-dim);background:linear-gradient(165deg,#251f18,#1c1812)}.achievement-card-locked{opacity:.5}.achievement-card-icon{font-size:1.5rem;flex-shrink:0;line-height:1}.achievement-card-info{flex:1;min-width:0}.achievement-card-name{font-family:var(--font-display);font-size:.8rem;font-weight:600;color:var(--text-bright);margin-bottom:2px}.achievement-card-locked .achievement-card-name{color:var(--text-muted)}.achievement-card-desc{font-size:.7rem;color:var(--text-secondary);line-height:1.3}.achievement-card-locked .achievement-card-desc{color:var(--text-muted)}.achievement-card-claimable{border-color:var(--color-gold);box-shadow:0 0 8px #d4a84333}.achievement-claim-btn{background:linear-gradient(135deg,#d4a843,#b8860b);color:#1a1510;border:none;border-radius:6px;padding:4px 12px;margin-top:4px;font-size:.65rem;font-weight:700;font-family:var(--font-display);cursor:pointer;transition:transform .1s,opacity .1s}.achievement-claim-btn:active{transform:scale(.95);opacity:.9}.achievement-claim-btn:disabled{opacity:.5;cursor:default}.achievement-card-rewards{display:flex;gap:6px;margin-top:4px}.achievement-reward-xp{font-size:.6rem;font-weight:600;color:#a8b4ff}.achievement-reward-gold{font-size:.6rem;font-weight:600;color:var(--color-gold)}.profile-section{margin-bottom:24px}.profile-section .section-title{margin-bottom:12px}.inventory-list{display:flex;flex-direction:column;gap:8px}.inventory-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px}.inventory-item-name{font-size:.9rem;color:var(--text-primary)}.inventory-item-qty{font-family:var(--font-display);font-size:.85rem;color:var(--color-gold);font-weight:600}.badges-section{margin-top:16px}.badges-section h3{font-family:var(--font-display);font-size:.95rem;color:var(--text-secondary);margin-bottom:10px}.badges-list{display:flex;flex-wrap:wrap;gap:8px}.badge{padding:6px 14px;background:#d4a8431a;border:1px solid rgba(212,168,67,.2);border-radius:20px;font-size:.8rem;color:var(--color-gold)}.settings-list{display:flex;flex-direction:column;gap:8px}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;cursor:pointer}.settings-label{font-size:.9rem;color:var(--text-primary)}.settings-toggle{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:44px;height:24px;background:var(--bg-deepest);border:1px solid var(--border-color);border-radius:12px;position:relative;cursor:pointer;transition:background .2s ease,border-color .2s ease}.settings-toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-muted);border-radius:50%;transition:transform .2s ease,background .2s ease}.settings-toggle:checked{background:#d4a84340;border-color:var(--color-gold-dim)}.settings-toggle:checked:after{transform:translate(20px);background:var(--color-gold)}.settings-select{background:var(--bg-dark, #1a1510);color:var(--text-primary, #d4c8a0);border:1px solid var(--border-color, #3a2e1e);border-radius:6px;padding:6px 10px;font-size:.85rem;font-family:inherit;cursor:pointer}.settings-hint{font-size:.7rem;color:var(--text-muted);font-weight:400}.settings-error{color:var(--color-danger, #e74c3c);display:block}.settings-row-expandable{cursor:pointer;-webkit-user-select:none;user-select:none}.settings-chevron{font-size:.7rem;color:var(--text-muted)}.settings-mute-list{display:flex;flex-direction:column;gap:4px;padding-left:12px}.settings-mute-item{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--bg-deepest);border:1px solid var(--border-color);border-radius:8px;cursor:pointer}.settings-mute-item .settings-label{font-size:.8rem}.profile-tabs{display:flex;gap:4px;margin-bottom:20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:4px}.profile-tab{flex:1;padding:10px 16px;background:transparent;border:none;border-radius:8px;font-family:var(--font-display);font-size:.9rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:color .2s ease,background .2s ease}.profile-tab:hover{color:var(--text-secondary)}.profile-tab-active{color:var(--color-gold);background:#d4a8431a;box-shadow:0 0 0 1px #d4a84333}.players-list{display:flex;flex-direction:column;gap:8px}.player-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;transition:border-color .2s ease}.player-card:hover{border-color:var(--color-gold-dim)}.player-avatar-wrapper{position:relative;flex-shrink:0}.player-avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--border-color)}.player-avatar-online .player-avatar{border-color:#4ade80;box-shadow:0 0 8px #4ade8040}.player-info{flex:1;min-width:0}.player-name-row{display:flex;align-items:center;gap:8px}.player-name{font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--text-bright)}.player-level{font-size:.7rem;font-weight:600;color:#a8b4ff;background:#7882dc26;padding:1px 6px;border-radius:4px}.player-status-online{font-size:.8rem;color:#4ade80;margin-top:2px}.player-status-offline{font-size:.8rem;color:var(--text-muted);margin-top:2px}.player-profile-back{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--text-muted);font-size:.9rem;cursor:pointer;padding:4px 0;margin-bottom:16px;transition:color .2s ease}.player-profile-back:hover{color:var(--text-primary)}.player-profile-status{font-size:.85rem;margin-top:2px;display:block}.player-profile-actions{display:flex;flex-direction:column;gap:8px;margin-top:8px}.btn-coming-soon{width:100%;cursor:not-allowed;background:var(--bg-card);border:1px dashed var(--border-stitch);color:var(--text-muted)}.btn-logout{width:100%;margin-top:8px}.dice-sets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.dice-set-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:8px;cursor:pointer;transition:all .15s ease;font-family:var(--font-display);color:#e7e5e4}.dice-set-item:hover{background:#ffffff14;border-color:#ffffff1f}.dice-set-item:active{transform:scale(.96)}.dice-set-item-equipped{border-color:#d4a84366;background:#d4a84314}.dice-set-swatch{width:32px;height:32px;border-radius:6px;border:2px solid;transition:box-shadow .2s ease}.dice-set-label{font-size:.7rem;font-weight:600;text-align:center}.dice-set-badge{font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-gold);padding:1px 6px;border-radius:4px;background:#d4a84326}.leaderboard-page .page-header{text-align:center;padding-top:8px}.leaderboard-page .page-title{font-size:1.6rem}.leaderboard-list{display:flex;flex-direction:column;gap:8px}.leaderboard-row{display:flex;align-items:center;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;transition:all var(--transition-fast)}.leaderboard-row-top{border-color:#d4a84333}.leaderboard-row-me{border-color:var(--color-gold-dim);background:#d4a8430d;box-shadow:var(--shadow-glow)}.lb-rank{width:36px;font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text-muted);flex-shrink:0}.leaderboard-row-top .lb-rank{font-size:1.2rem}.lb-name{flex:1;font-size:.95rem;color:var(--text-primary);font-weight:500}.leaderboard-row-me .lb-name{color:var(--color-gold-bright)}.lb-xp{display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:.9rem;font-weight:600;color:#a8b4ff}.lb-level{display:inline-flex;align-items:center;justify-content:center;padding:2px 7px;background:#7882dc26;border:1px solid rgba(120,130,220,.25);border-radius:8px;font-size:.7rem;font-weight:700;color:#a8b4ff;white-space:nowrap}.quests-page .page-header{text-align:center;padding-top:8px}.quests-page .page-title{font-size:1.6rem}.quests-list{display:flex;flex-direction:column;gap:0}.daily-goals-section{margin-bottom:24px}.daily-goals-section .section-title{margin-bottom:10px}.daily-goals-list{display:flex;flex-direction:column;gap:6px}.daily-goal-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;transition:opacity .2s ease}.daily-goal-done{opacity:.55}.daily-goal-icon{font-size:1.2rem;flex-shrink:0;width:28px;text-align:center}.daily-goal-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.daily-goal-label{font-size:.85rem;color:var(--text-primary);font-weight:500}.daily-goal-progress{font-size:.7rem;color:var(--text-muted)}.daily-goal-xp{font-family:var(--font-display);font-size:.75rem;font-weight:600;color:#a8b4ff;white-space:nowrap}.daily-goal-check{color:var(--color-success, #5cb85c);font-size:1rem;font-weight:700;flex-shrink:0}.arena-goals-section .section-title{color:#e8a04e}.arena-goal-claim-btn{background:linear-gradient(135deg,#d4a843,#b8860b);color:#1a1510;border:none;border-radius:6px;padding:4px 12px;font-size:.75rem;font-weight:700;font-family:var(--font-display);cursor:pointer;flex-shrink:0;transition:transform .1s,opacity .1s}.arena-goal-claim-btn:active{transform:scale(.95);opacity:.9}.arena-goal-claim-btn:disabled{opacity:.5;cursor:default}:root{--bg-deepest: #0c0a07;--bg-dark: #141110;--bg-surface: #1c1813;--bg-elevated: #26211a;--bg-card: #211c15;--bg-card-hover: #2b241b;--color-gold: #d4a843;--color-gold-bright: #f0c850;--color-gold-dim: #a07d2f;--color-accent: #c4956a;--color-amber: #e8a642;--color-crimson: #8b3a3a;--text-primary: #e8dcc8;--text-secondary: #a89a82;--text-muted: #6e6250;--text-bright: #fff5e6;--text-ink: #2a1f12;--color-success: #6bba56;--color-danger: #c45a4a;--color-warning: #d4a843;--color-info: #7a9abf;--color-discord: #5865F2;--color-discord-hover: #4752C4;--border-color: #33291c;--border-color-light: #4a3c28;--border-stitch: #5a4a32;--font-display: "Cinzel", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--nav-height: 64px;--top-bar-height: 52px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: 0px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--shadow-md: 0 4px 12px rgba(0, 0, 0, .6);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .7);--shadow-glow: 0 0 20px rgba(212, 168, 67, .2);--shadow-inset: inset 0 2px 6px rgba(0, 0, 0, .4);--shadow-emboss: inset 0 1px 0 rgba(255, 220, 150, .08), inset 0 -1px 0 rgba(0, 0, 0, .3);--tex-leather: url(/textures/leather-dark.webp);--tex-parchment: url(/textures/parchment-dark.webp);--tex-wood: url(/textures/wood-dark.webp);--transition-fast: .15s ease;--transition-normal: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;height:100%;background:var(--bg-deepest);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}body{font-family:var(--font-body);background:var(--bg-deepest);background-image:var(--tex-leather);background-size:512px 512px;color:var(--text-primary);line-height:1.5;height:100%;overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden}a{color:var(--color-gold);text-decoration:none}img{max-width:100%;display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:6px;font-family:var(--font-body);font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(180deg,#c9a040,#8b6918);color:#12100c;border:1px solid #a07d2f;box-shadow:inset 0 1px #ffdc964d,0 2px 4px #00000080;text-shadow:0 1px 0 rgba(255,220,150,.2)}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#dbb548,#a07d2f);box-shadow:inset 0 1px #ffdc9666,0 0 12px #d4a8434d,0 2px 4px #00000080}.btn-discord{background:var(--color-discord);color:#fff;padding:14px 32px;font-size:1rem;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.btn-discord:hover{background:var(--color-discord-hover);box-shadow:0 0 20px #5865f24d}.btn-outline{background:transparent;border:1px solid var(--border-stitch);color:var(--text-secondary)}.btn-outline:hover:not(:disabled){border-color:var(--color-gold-dim);color:var(--text-primary);background:#d4a8430d}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:var(--text-secondary)}.loading-spinner{width:36px;height:36px;border:2px solid var(--border-color);border-top-color:var(--color-gold);border-bottom-color:var(--color-gold-dim);border-radius:50%;animation:spin 1.2s linear infinite;box-shadow:0 0 8px #d4a84333}@keyframes spin{to{transform:rotate(360deg)}}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;color:var(--text-secondary)}.page-error{display:flex;align-items:center;justify-content:center;padding:80px 20px;color:var(--color-danger);font-style:italic}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted);font-style:italic}.page{padding:16px;padding-top:calc(16px + var(--safe-area-top));padding-bottom:20px}.page-header{margin-bottom:24px}.page-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-bright);margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.page-subtitle{font-size:.85rem;color:var(--text-muted);font-style:italic}.section-title{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--color-gold);margin-bottom:12px;display:flex;align-items:center;gap:8px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.section-emoji{font-size:1.2rem}.page-title:first-letter,.section-title:first-letter{font-size:1.5em;font-weight:700;color:var(--color-gold-bright);text-shadow:0 0 8px rgba(212,168,67,.5),0 1px 0 rgba(140,100,20,.8);margin-right:1px}.divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--border-stitch)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border-stitch),transparent)}.divider:before{background:linear-gradient(90deg,transparent,var(--border-stitch))}.divider:after{background:linear-gradient(90deg,var(--border-stitch),transparent)}.items-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.filter-tabs{display:flex;gap:6px;margin-bottom:20px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{padding:8px 16px;border:1px solid var(--border-color);border-radius:4px;background:#211c15cc;color:var(--text-secondary);font-family:var(--font-body);font-size:.85rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);box-shadow:var(--shadow-emboss)}.filter-tab.active{border-color:var(--color-gold-dim);color:var(--color-gold);background:#d4a84314;box-shadow:var(--shadow-emboss),0 0 8px #d4a84326}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deepest)}::-webkit-scrollbar-thumb{background:var(--border-stitch);border-radius:4px;border:2px solid var(--bg-deepest)}::-webkit-scrollbar-thumb:hover{background:var(--color-gold-dim)}@media (orientation: landscape) and (max-height: 500px){.landscape-block{display:flex!important}#root{display:none!important}}.landscape-block{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:var(--bg-deepest);background-image:var(--tex-leather);background-size:512px 512px;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-secondary);font-family:var(--font-body);text-align:center;padding:24px}.landscape-block-icon{font-size:2.5rem;animation:rotate-hint 2s ease-in-out infinite}@keyframes rotate-hint{0%,to{transform:rotate(0)}25%{transform:rotate(-90deg)}50%{transform:rotate(-90deg)}75%{transform:rotate(0)}}.landscape-block-text{font-family:var(--font-display);font-size:1.1rem;color:var(--color-gold)}.audio-consent-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:24px;animation:audio-consent-fade-in .3s ease-out}.audio-consent-card{background:var(--bg-surface);border:1px solid var(--border-color-light);border-radius:16px;padding:32px 24px;max-width:320px;width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;box-shadow:0 8px 32px #0009}.audio-consent-icon{font-size:2.5rem;line-height:1}.audio-consent-title{font-family:var(--font-display);font-size:1.3rem;color:var(--color-gold);margin:0}.audio-consent-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin:0}.audio-consent-btn{width:100%;padding:14px 16px;border:none;border-radius:10px;font-family:var(--font-display);font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s,transform .1s}.audio-consent-btn:active{transform:scale(.97)}.audio-consent-enable{background:var(--color-gold);color:var(--text-ink);margin-top:4px}.audio-consent-enable:active{background:var(--color-gold-bright)}.audio-consent-decline{background:transparent;color:var(--text-muted);font-size:.85rem;padding:10px 16px}.audio-consent-hint{font-size:.75rem;color:var(--text-muted);margin:4px 0 0}@keyframes audio-consent-fade-in{0%{opacity:0}to{opacity:1}}