body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app.game-view{flex-direction:column}.game-main{display:flex;flex:1;overflow:hidden}.main-board{flex:1;background:var(--bg-dark);display:flex;align-items:center;justify-content:center;padding:0;position:relative}.board-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.board-svg{max-width:100%;max-height:100%;border:none;border-radius:0;transition:all .5s ease}.token-active-glow-pulse{animation:token-glow-pulse 2.5s ease-in-out infinite}@keyframes token-glow-pulse{0%,to{opacity:.45}50%{opacity:.8}}.player-token-group.token-active{filter:drop-shadow(0 0 6px rgba(201,160,80,.4))}.search-token{animation:search-token-pulse 5s ease-in-out infinite}@keyframes search-token-pulse{0%,to{opacity:.85}50%{opacity:.55}}.explored-token{opacity:1}.player-token-group{transition:transform .6s cubic-bezier(.25,.1,.25,1)}.movement-trail{animation:trail-fade 1.8s ease-out forwards}@keyframes trail-fade{0%{opacity:1}50%{opacity:.6}to{opacity:0}}.trail-origin-ghost{animation:ghost-shrink 1.5s ease-out forwards;transform-origin:center;transform-box:fill-box}@keyframes ghost-shrink{0%{transform:scale(1);opacity:1}to{transform:scale(.7);opacity:0}}.trail-ghost-ring{animation:ghost-dash-dissolve 1.5s ease-out forwards}@keyframes ghost-dash-dissolve{0%{stroke-dashoffset:0}to{stroke-dashoffset:14}}.trail-arrival-ring{animation:arrival-expand 1.2s ease-out forwards;transform-origin:center;transform-box:fill-box}@keyframes arrival-expand{0%{transform:scale(.6);opacity:.6}to{transform:scale(1.8);opacity:0}}.trail-arrival-spike{animation:spike-flash .8s ease-out forwards;transform-origin:center;transform-box:fill-box}@keyframes spike-flash{0%{opacity:.6;transform:scaleY(.5)}30%{opacity:.5;transform:scaleY(1.2)}to{opacity:0;transform:scaleY(.3)}}.trail-mote{animation:mote-drift 1.5s ease-out forwards}@keyframes mote-drift{0%{opacity:.35}50%{opacity:.25}to{opacity:0}}.main-board.manoria-active{animation:manoria-vignette 3s ease-in-out}@keyframes manoria-vignette{0%,to{box-shadow:inset 0 0 60px #0000}50%{box-shadow:inset 0 0 120px #3c0a0a66}}.app.lobby-view,.app.game-view,.app.finished-screen{animation:phase-fade-in .5s ease-in-out}.blackout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0806;z-index:9999;animation:blackout-fade 1s ease-out forwards}@keyframes blackout-fade{0%{opacity:1}40%{opacity:1}to{opacity:0}}.app.lobby-view{flex-direction:row;background:var(--bg-dark)}.lobby-screen{display:flex;width:100%;height:100%}.lobby-left{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 3rem 1.5rem;border-right:2px solid var(--border);background:var(--bg-medium);position:relative}.lobby-join-footer{position:absolute;bottom:1.5rem;left:3rem}.lobby-title{font-family:var(--font-title);font-size:3rem;font-weight:900;color:var(--accent-light);letter-spacing:.06em;text-shadow:0 0 30px var(--accent-glow);margin-bottom:.5rem}.lobby-subtitle{font-family:var(--font-body);font-size:1.2rem;color:var(--text-primary);font-style:italic;margin-bottom:3rem;opacity:.8}.lobby-join-label{font-family:var(--font-mono);font-size:.85rem;color:var(--text-secondary);letter-spacing:.04em;margin-bottom:.5rem}.lobby-room-code{font-family:var(--font-mono);font-size:2.8rem;font-weight:700;color:var(--accent-light);letter-spacing:.3em;text-shadow:0 0 20px var(--accent-glow);margin-bottom:1rem}.lobby-qr{margin-bottom:2rem;padding:1rem;background:#fff;border-radius:8px;animation:qr-breathe 4s ease-in-out infinite}.lobby-qr svg,.lobby-qr canvas{display:block}.lobby-join-footer-label{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);letter-spacing:.04em}.lobby-join-footer-url{font-family:var(--font-mono);font-size:.85rem;color:var(--accent-light);opacity:.85}.lobby-right{flex:1;display:flex;flex-direction:column;padding:3rem;justify-content:center}.lobby-scenario-section{margin-bottom:2rem}.lobby-scenario-label{font-family:var(--font-title);font-size:1rem;color:var(--text-muted);letter-spacing:.06em;margin-bottom:1rem}.lobby-scenario-name{font-family:var(--font-title);font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.lobby-scenario-meta{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.lobby-scenario-desc{font-family:var(--font-body);font-size:1.1rem;color:var(--text-secondary);line-height:1.6;font-style:italic}.lobby-scenario-waiting{font-family:var(--font-body);font-size:1.3rem;color:var(--text-secondary);font-style:italic}.lobby-players{margin-top:2rem}.lobby-players-label{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);letter-spacing:.04em;margin-bottom:.75rem}.lobby-player-list{display:flex;gap:1rem;flex-wrap:wrap}.lobby-player-tag{font-family:var(--font-mono);font-size:.95rem;color:var(--text-primary);padding:.5rem 1rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:4px}.lobby-player-tag.host{border-color:var(--accent-light);color:var(--accent-light)}.lobby-player-tag.placeholder{opacity:.4}.character-select-screen{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 2.5rem;background:var(--bg-dark);overflow:hidden}.charsel-title{font-family:var(--font-title);font-size:2rem;font-weight:700;color:var(--accent-light);text-align:center;letter-spacing:.1em;margin-bottom:1rem;flex-shrink:0}.charsel-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:1rem;flex:1;min-height:0;max-width:800px;margin:0 auto;width:100%}.charsel-card{background:var(--bg-panel);border:2px solid var(--border);border-radius:4px;padding:1rem;transition:all .3s;overflow:hidden;display:flex;flex-direction:column}.charsel-card.confirmed{border-color:var(--accent);animation:fade-slide-in .5s ease-out}.charsel-card.empty{opacity:.25;border-style:dashed;display:flex;align-items:center;justify-content:center}.charsel-card-waiting{font-family:var(--font-mono);font-size:.9rem;color:var(--text-muted);letter-spacing:.04em}.charsel-empty-silhouette{font-size:2.5rem;color:var(--text-muted);opacity:.3;margin-bottom:.5rem}.charsel-portrait-placeholder{width:64px;height:84px;border-radius:50%;background:var(--bg-dark);border:2px solid #8a7656;margin:0 auto .5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--accent-light);position:relative;overflow:visible;box-shadow:inset 0 0 6px #0006,0 2px 4px #0000004d;margin-bottom:calc(.5rem + 8px)}.charsel-portrait-placeholder:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:20px;height:8px;background:linear-gradient(to bottom,#8a7656,#6a5636);border-radius:0 0 4px 4px}.portrait-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.portrait-glyph-pair{display:flex;flex-direction:column;width:100%;height:100%;padding:.25rem;font-family:var(--font-glyph)}.portrait-glyph-pair .glyph-top{text-align:left;line-height:1;color:var(--accent-light)}.portrait-glyph-pair .glyph-bottom{text-align:right;line-height:1;color:var(--accent-light);opacity:.65;margin-top:auto}.charsel-portrait-placeholder .portrait-glyph-pair .glyph-top,.charsel-portrait-placeholder .portrait-glyph-pair .glyph-bottom{font-size:1.6rem}.charsel-card-name{font-family:var(--font-title);font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;text-align:center}.charsel-card-bars-row{display:flex;flex-direction:column;gap:.15rem;margin-bottom:.5rem}.charsel-bar-row{font-family:var(--font-mono);font-size:.95rem;display:flex;align-items:center;gap:.4rem}.charsel-bar-label{font-size:.75rem;color:var(--text-muted);min-width:2rem}.charsel-bar-val{font-size:.8rem;color:var(--text-secondary)}.charsel-card-bio{font-family:var(--font-body);font-size:1.05rem;color:var(--text-secondary);line-height:1.6;margin-bottom:.5rem;flex:1;overflow-y:auto;min-height:0}.charsel-card-picked-by{font-family:var(--font-body);font-size:.9rem;color:var(--accent-light);font-style:italic;margin-top:.5rem;text-align:center}.prologue-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;padding:4rem}.prologue-brand{font-family:var(--font-title);font-size:2.8rem;font-weight:900;color:var(--accent-light);letter-spacing:.06em;text-shadow:0 0 40px var(--accent-glow);margin-bottom:3rem}.prologue-text-container{max-width:800px;width:100%}.prologue-paragraph{font-family:var(--font-body);font-size:1.4rem;line-height:1.8;color:var(--text-primary);text-align:center;margin-bottom:1.5rem;animation:paragraph-in 1s ease-out;text-shadow:0 1px 8px rgba(0,0,0,.6)}.story-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d0b09d9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50;padding:3rem;animation:fade-slide-in .5s ease-out;transition:opacity .5s ease-in-out,transform .3s ease-in-out;transform:scale(1)}.story-overlay.exiting{opacity:0;transform:scale(.97)}.story-overlay.horror{animation:horror-pulse 3s ease-in-out infinite}.story-overlay.horror .story-overlay-card{animation:horror-card-flicker .6s ease-out}@keyframes horror-card-flicker{0%{opacity:0;filter:brightness(.3)}10%{opacity:.8;filter:brightness(1.4)}15%{opacity:.3;filter:brightness(.5)}25%{opacity:.9;filter:brightness(1.2)}30%{opacity:.5;filter:brightness(.7)}50%{opacity:1;filter:brightness(1.1)}to{opacity:1;filter:brightness(1)}}.story-overlay-card{background:#000000b3;border-radius:12px;padding:2.5rem 3.5rem;max-width:800px;text-align:center;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.story-overlay-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;mix-blend-mode:overlay;border-radius:12px}.story-overlay-title{font-family:var(--font-title);font-size:2.2rem;font-weight:700}.story-overlay-body{font-family:var(--font-body);font-size:1.3rem;color:var(--text-secondary);line-height:1.6}.story-overlay-flavor{font-family:var(--font-body);font-size:1.2rem;color:var(--text-secondary);line-height:1.6;margin-top:.75rem;font-style:italic}.story-overlay-text{font-family:var(--font-body);font-size:1.3rem;line-height:1.8;color:var(--text-primary);text-align:center;max-width:800px}.story-overlay-image{display:block;width:100%;max-width:420px;margin:0 auto 1.2rem;border-radius:6px;mask-image:linear-gradient(to bottom,black 60%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 60%,transparent 100%);filter:drop-shadow(0 0 12px var(--overlay-glow, rgba(201, 80, 80, .3)));opacity:.85}.dice-overlay-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;background:#000000c7;font-family:var(--font-mono, monospace);pointer-events:none;opacity:1;transition:opacity .6s ease;overflow:hidden}.dice-overlay-container.exiting{opacity:0}.dice-overlay-fog{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.6) 70%,rgba(0,0,0,.9) 100%);pointer-events:none;animation:dice-fog-pulse 4s ease-in-out infinite}@keyframes dice-fog-pulse{0%,to{opacity:.8}50%{opacity:1}}.dice-overlay-label{position:absolute;top:20%;left:0;right:0;text-align:center;font-family:var(--font-mono);font-size:.85rem;color:var(--text-secondary);letter-spacing:.06em;opacity:0;animation:dice-label-in .5s ease .1s forwards}@keyframes dice-label-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:.7;transform:translateY(0)}}.dice-overlay-difficulty{text-align:center;letter-spacing:.3em}.dice-overlay-difficulty-star{font-size:1.8rem;color:var(--text-muted, #7a6a5a)}.dice-overlay-outcome-stars{text-align:center;letter-spacing:.3em;margin-top:-.5rem}.dice-overlay-outcome-star{font-size:1.8rem;color:var(--text-muted, #7a6a5a)}.dice-overlay-outcome-star.filled{color:gold}.dice-overlay-pool{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;max-width:750px}.dice-overlay-die-wrap{animation:dice-fall-in .6s cubic-bezier(.22,1,.36,1) both;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6))}.dice-overlay-outcome{font-family:var(--font-title);font-size:3rem;font-weight:900;letter-spacing:.1em;animation:dice-outcome-dramatic .7s cubic-bezier(.22,1,.36,1) both}.dice-overlay-outcome.success{color:var(--color-pass);text-shadow:0 0 30px rgba(80,201,112,.5),0 0 60px rgba(80,201,112,.2);animation:dice-outcome-dramatic .7s cubic-bezier(.22,1,.36,1) both,dice-outcome-glow-success 2s ease-in-out 1s infinite}.dice-overlay-outcome.failure{color:var(--color-fail);text-shadow:0 0 30px rgba(201,80,80,.5),0 0 60px rgba(201,80,80,.2);animation:dice-outcome-dramatic .7s cubic-bezier(.22,1,.36,1) both,dice-outcome-glow-failure 2s ease-in-out 1s infinite}@keyframes dice-outcome-dramatic{0%{opacity:0;transform:scale(.5) translateY(15px);filter:blur(4px)}50%{opacity:1;transform:scale(1.08) translateY(-3px);filter:blur(0)}70%{transform:scale(.97) translateY(1px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes dice-outcome-glow-success{0%,to{text-shadow:0 0 25px rgba(80,201,112,.4),0 0 50px rgba(80,201,112,.15)}50%{text-shadow:0 0 40px rgba(80,201,112,.6),0 0 80px rgba(80,201,112,.25)}}@keyframes dice-outcome-glow-failure{0%,to{text-shadow:0 0 25px rgba(201,80,80,.4),0 0 50px rgba(201,80,80,.15)}50%{text-shadow:0 0 40px rgba(201,80,80,.6),0 0 80px rgba(201,80,80,.25)}}@keyframes dice-fall-in{0%{transform:translateY(-60px) scale(.4) rotate(-10deg);opacity:0;filter:blur(3px) drop-shadow(0 0 0 transparent)}40%{opacity:.8;filter:blur(.5px)}65%{transform:translateY(4px) scale(1.08) rotate(2deg);opacity:1;filter:blur(0) drop-shadow(0 6px 20px rgba(0,0,0,.5))}80%{transform:translateY(-2px) scale(.97) rotate(-1deg)}to{transform:translateY(0) scale(1) rotate(0);opacity:1;filter:blur(0) drop-shadow(0 4px 12px rgba(0,0,0,.4))}}.dice-overlay-die--tumbling{animation:dice-tumble .5s ease-in-out!important}@keyframes dice-tumble{0%{transform:rotate(0) scale(1)}20%{transform:rotate(-12deg) scale(.92)}40%{transform:rotate(10deg) scale(1.05)}60%{transform:rotate(-6deg) scale(.97)}80%{transform:rotate(3deg) scale(1.02)}to{transform:rotate(0) scale(1)}}.dice-overlay-die--revealed{animation:dice-reveal-pop .3s ease-out!important}@keyframes dice-reveal-pop{0%{transform:scale(1.1)}50%{transform:scale(.95)}to{transform:scale(1)}}@keyframes crit-pulse{0%,to{filter:drop-shadow(0 0 15px rgba(255,215,0,.4))}50%{filter:drop-shadow(0 0 40px rgba(255,215,0,.8))}}@keyframes crit-fail-shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.encounter-card-container{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:200;background:#000000bf;animation:overlayFadeIn .3s ease forwards}.encounter-card-container.exiting{animation:overlayFadeOut .5s ease forwards}.encounter-card{background:var(--bg-dark);border:2px solid var(--border-light);border-radius:8px;max-width:640px;width:90%;font-family:var(--font-mono);text-align:center;box-shadow:0 0 60px #0009;animation:cardSlideIn .4s cubic-bezier(.22,1,.36,1) forwards}.encounter-card-content{padding:2.5rem 3rem}.encounter-card-label{font-family:var(--font-mono);font-size:.85rem;letter-spacing:.08em;font-weight:700;margin-bottom:.5rem}.encounter-card-rule{border:none;border-top:1px solid;opacity:.3;margin:1rem 0}.encounter-card-title{font-family:var(--font-title, Georgia, serif);font-size:2.2rem;color:var(--text-primary);margin-bottom:.75rem;letter-spacing:.05em}.encounter-card-flavor{font-family:var(--font-body, Georgia, serif);font-size:1.3rem;color:var(--text-secondary);line-height:1.7;font-style:italic;margin-bottom:.25rem}.encounter-card-condition{display:flex;flex-direction:column;gap:.4rem;margin-top:.25rem}.encounter-card-condition-name{font-size:1.1rem;font-weight:700;letter-spacing:.04em}.encounter-card-condition-desc{font-size:1rem;color:var(--text-secondary);line-height:1.5}.encounter-card--playerAttack{border-color:var(--accent-light)}.encounter-card--playerAttack .encounter-card-label,.encounter-card--playerAttack .encounter-card-condition-name{color:var(--accent-light)}.encounter-card--playerAttack .encounter-card-rule{border-color:var(--accent-light)}.encounter-card--enemyAttack{border-color:var(--color-fail)}.encounter-card--enemyAttack .encounter-card-label,.encounter-card--enemyAttack .encounter-card-condition-name{color:var(--color-fail)}.encounter-card--enemyAttack .encounter-card-rule{border-color:var(--color-fail)}.encounter-card--horror{border-color:#9050c9}.encounter-card--horror .encounter-card-label,.encounter-card--horror .encounter-card-condition-name{color:#9050c9}.encounter-card--horror .encounter-card-rule{border-color:#9050c9}.encounter-card-image{display:block;width:100%;max-width:360px;margin:.8rem auto;border-radius:4px;mask-image:linear-gradient(to bottom,black 60%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 60%,transparent 100%);opacity:.8}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlayFadeOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.97) translateY(8px)}}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.active-encounter-container{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:180;background:#000000b3;animation:overlayFadeIn .3s ease forwards;pointer-events:none;padding:2rem;box-sizing:border-box}.active-encounter{background:var(--bg-dark);border:2px solid var(--border-light);border-radius:8px;max-width:640px;max-height:calc(100vh - 4rem);overflow-y:auto;width:90%;font-family:var(--font-mono);text-align:center;box-shadow:0 0 60px #0009;animation:cardSlideIn .4s cubic-bezier(.22,1,.36,1) forwards}.active-encounter-content{padding:2.5rem 3rem}.active-encounter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.active-encounter-label{font-family:var(--font-mono);font-size:.85rem;letter-spacing:.08em;font-weight:700}.active-encounter-player{font-size:1rem;letter-spacing:.04em;color:var(--text-secondary)}.active-encounter-rule{border:none;border-top:1px solid;opacity:.3;margin:1rem 0}.active-encounter-title{font-family:var(--font-title, Georgia, serif);font-size:2.2rem;color:var(--text-primary);margin-bottom:.75rem;letter-spacing:.05em}.active-encounter-flavor{font-family:var(--font-body, Georgia, serif);font-size:1.3rem;color:var(--text-secondary);line-height:1.7;font-style:italic;margin-bottom:.25rem}.active-encounter-progress{padding:1rem 0 .25rem}.active-encounter-stars-row{text-align:center;letter-spacing:.3em;margin-bottom:.75rem}.active-encounter-star{font-size:2.2rem;color:var(--text-muted)}.active-encounter-star.filled{color:gold}.active-encounter-dice-pool{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:.5rem}.active-encounter-die{transition:opacity .3s,transform .3s}.active-encounter-die--idle{opacity:.3}.active-encounter-die--tumbling{opacity:.8;animation:encounter-die-tumble .5s ease-in-out}.active-encounter-die--revealed{opacity:1;animation:encounter-die-bounce .5s cubic-bezier(.34,1.56,.64,1)}@keyframes encounter-die-tumble{0%{transform:scale(.8) rotate(0);opacity:.4}25%{transform:scale(1.1) rotate(90deg);opacity:.7}50%{transform:scale(.9) rotate(180deg);opacity:.8}75%{transform:scale(1.05) rotate(270deg);opacity:.8}to{transform:scale(1) rotate(360deg);opacity:.8}}@keyframes encounter-die-bounce{0%{transform:scale(1.3)}40%{transform:scale(.85)}60%{transform:scale(1.1)}80%{transform:scale(.95)}to{transform:scale(1)}}.active-encounter-stars{font-size:1.8rem;font-weight:700;color:var(--text-primary);transition:color .3s ease}.active-encounter-star-count{font-size:3rem;color:gold;text-shadow:0 0 12px rgba(255,215,0,.4)}.active-encounter-star-icon{color:gold;font-size:2rem}.active-encounter-star-of{font-size:1.1rem;color:var(--text-muted);font-weight:400}.active-encounter-revealed-count{font-size:.9rem;color:var(--text-muted);font-weight:400}.active-encounter-rolling{font-size:1.3rem;color:var(--text-secondary);animation:starPulse 1.5s ease-in-out infinite}.active-encounter-stars.stars-pass .active-encounter-star-count{color:var(--color-pass);text-shadow:0 0 20px rgba(80,201,112,.5)}.active-encounter-stars.stars-fail .active-encounter-star-count{color:var(--color-fail);text-shadow:0 0 20px rgba(201,80,80,.5)}.active-encounter-outcome{padding:1rem 0 .25rem;animation:fade-slide-in .5s ease-out}.active-encounter-outcome-badge{font-family:var(--font-title);font-size:2.2rem;font-weight:900;letter-spacing:.06em;margin-bottom:.75rem}.outcome-pass .active-encounter-outcome-badge{color:var(--color-pass);text-shadow:0 0 20px rgba(80,201,112,.4)}.outcome-fail .active-encounter-outcome-badge{color:var(--color-fail);text-shadow:0 0 20px rgba(201,80,80,.4)}.active-encounter-outcome-text{font-family:var(--font-body, Georgia, serif);font-size:1.3rem;color:var(--text-secondary);line-height:1.6;font-style:italic}.active-encounter--playerAttack{border-color:var(--accent-light)}.active-encounter--playerAttack .active-encounter-label,.active-encounter--playerAttack .active-encounter-rule{color:var(--accent-light);border-color:var(--accent-light)}.active-encounter--enemyAttack{border-color:var(--color-fail)}.active-encounter--enemyAttack .active-encounter-label,.active-encounter--enemyAttack .active-encounter-rule{color:var(--color-fail);border-color:var(--color-fail)}.active-encounter--horror{border-color:#9050c9}.active-encounter--horror .active-encounter-label,.active-encounter--horror .active-encounter-rule{color:#9050c9;border-color:#9050c9}.active-encounter--search{border-color:#60d0f0}.active-encounter--search .active-encounter-label,.active-encounter--search .active-encounter-rule{color:#60d0f0;border-color:#60d0f0}.active-encounter-discovery{animation:fade-slide-in .5s ease-out}.active-encounter-discovery-label{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.75rem}.active-encounter-discovery-name{font-family:var(--font-title, Georgia, serif);font-size:1.8rem;color:var(--accent-light);margin-bottom:.25rem;text-shadow:0 0 10px rgba(201,160,80,.3)}.active-encounter-discovery-desc{font-family:var(--font-body, Georgia, serif);font-size:1.1rem;color:var(--text-secondary);line-height:1.6;font-style:italic;margin-bottom:.5rem}.active-encounter-discovery-stats{display:flex;gap:1rem;justify-content:center;margin-bottom:.5rem}.active-encounter-discovery-stat{font-family:var(--font-mono);font-size:.95rem;color:var(--accent-light)}.active-encounter-discovery-effect{font-family:var(--font-mono);font-size:.9rem;color:var(--text-muted)}.active-encounter--pass{border-color:var(--color-pass);box-shadow:0 0 30px #50c97033}.active-encounter--fail{border-color:var(--color-fail);box-shadow:0 0 30px #c9505033}@keyframes starPulse{0%,to{opacity:.6}50%{opacity:1}}@media(max-height:720px){.active-encounter-content{padding:1.5rem 2rem}.active-encounter .encounter-card-image{max-width:240px;margin:.4rem auto}.active-encounter-title{font-size:1.6rem}.active-encounter-flavor{font-size:1rem}.active-encounter-rule{margin:.5rem 0}.active-encounter-star{font-size:1.6rem}}.turn-announce-container{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:150;background:#000000e0;opacity:1;transition:opacity .4s ease,transform .3s ease;transform:scale(1);pointer-events:none}.turn-announce-container.exiting{opacity:0;transform:scale(.97)}.turn-announce-card{background:#0e0c0a;border:none;padding:2rem 4rem;text-align:center;min-width:380px;animation:turnAnnounceIn .35s cubic-bezier(.22,1,.36,1) forwards;display:flex;flex-direction:column;align-items:center}.turn-announce-portrait{width:64px;height:84px;border-radius:50%;border:2px solid #8a7656;overflow:hidden;margin-bottom:1rem;box-shadow:inset 0 1px 3px #00000080}.turn-announce-portrait .portrait-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.turn-announce-player{border-color:#a08c6459}.turn-announce-npc{border-color:#a0323273;box-shadow:0 0 40px #8c28282e}.turn-announce-label{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.08em;margin-bottom:1rem}.turn-announce-player .turn-announce-label{color:#a08c64a6}.turn-announce-npc .turn-announce-label{color:#b44646bf}.turn-announce-name{font-family:var(--font-title);font-size:2.2rem;letter-spacing:.04em;margin-bottom:.6rem}.turn-announce-player .turn-announce-name{color:#ddd8cc}.turn-announce-npc .turn-announce-name{color:#c8a0a0}.turn-announce-subtitle{font-family:var(--font-mono);font-size:.9rem;letter-spacing:.06em;color:#a0968280}.turn-announce-npc .turn-announce-subtitle{color:#b4646480}@keyframes turnAnnounceIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.enemy-marker{animation:enemy-pulse 2s ease-in-out infinite}@keyframes enemy-pulse{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.85;filter:brightness(1.15)}}.reconnect-qr-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:150;display:flex;flex-direction:column;gap:1rem;pointer-events:none}.reconnect-qr-card{background:#0d0b09eb;border:1px solid var(--border-light);border-radius:8px;padding:.75rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;animation:overlayFadeIn .4s ease forwards}.reconnect-qr-label{font-family:var(--font-title, Georgia, serif);font-size:.95rem;color:var(--text-primary);letter-spacing:.04em}.reconnect-qr-sublabel{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}:root{--bg-dark: #0d0b09;--bg-medium: #1a1410;--bg-light: #2a1f18;--bg-panel: #1e1812;--text-primary: #e8dcc8;--text-secondary: #b8a898;--text-muted: #7a6a5a;--accent: #8b6f47;--accent-light: #c9a050;--accent-glow: rgba(201, 160, 80, .3);--border: #3a2a1a;--border-light: #5a4a3a;--color-common: #9d9d9d;--color-uncommon: #1eff00;--color-rare: #0070dd;--color-epic: #a335ee;--color-legendary: #ff8000;--color-artifact: #e6cc80;--color-health: #cc3333;--color-health-bg: #441111;--color-sanity: #3366cc;--color-sanity-bg: #111944;--color-success: #44cc66;--color-failure: #cc4444;--color-warning: #ccaa33;--color-pass: #50c970;--color-fail: #c95050;--color-clue: #60d0f0;--color-condition-bg: #3a1010;--color-condition-border: #8b3030;--color-condition-text: #d08080;--color-error-bg: #4a2020;--color-error-border: #8b4040;--color-error-text: #ffb0b0;--font-title: "Cinzel", "Georgia", serif;--font-body: "Crimson Text", "Georgia", serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--font-room: "MedievalSharp", "Georgia", cursive;--font-glyph: "Noto Emoji", sans-serif;--timer-safe: #44cc66;--timer-warning: #ccaa33;--timer-danger: #cc4444}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-primary);overflow:hidden}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes typewriter-cursor{0%,to{border-right-color:var(--accent-light)}50%{border-right-color:transparent}}@keyframes fade-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes phase-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes horror-pulse{0%,to{background-color:#0d0b09f2}50%{background-color:#1e0a0af2}}@keyframes banner-dramatic{0%{opacity:0;transform:translate(-50%,-50%) scale(.8);letter-spacing:.3em}20%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}30%{transform:translate(-50%,-50%) scale(1);letter-spacing:.15em}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.02)}}@keyframes text-flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.7}94%{opacity:1}96%{opacity:.8}97%{opacity:1}}@keyframes health-critical{0%,to{opacity:1}50%{opacity:.6}}@keyframes banner-fade{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}75%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.05)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px var(--timer-danger)}50%{box-shadow:0 0 20px var(--timer-danger),0 0 40px #cc44444d}}@keyframes qr-breathe{0%,to{opacity:.9}50%{opacity:1}}@keyframes paragraph-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app{width:100vw;height:100vh;display:flex;overflow:hidden}.app.connecting,.app.loading{align-items:center;justify-content:center;background:var(--bg-dark)}.status-message{text-align:center;padding:2rem}.status-message h1{font-family:var(--font-title);font-size:3rem;font-weight:900;margin-bottom:1rem;color:var(--accent-light);letter-spacing:.06em;text-shadow:0 0 30px var(--accent-glow)}.status-message p{font-family:var(--font-body);font-size:1.2rem;color:var(--text-secondary);font-style:italic}.error-message{margin-top:1rem;padding:.75rem;background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:4px;color:var(--color-error-text);font-family:var(--font-mono);font-size:.85rem}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10000;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;mix-blend-mode:overlay}.finished-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-dark)}.finished-inner{max-width:800px;width:100%;padding:3rem;text-align:center;font-family:var(--font-mono)}.finished-title{font-size:2.5rem;margin-bottom:.5rem;letter-spacing:.04em}.finished-title.revelation,.finished-title.victory{color:var(--color-pass)}.finished-title.defeat{color:var(--color-fail)}.finished-title.madness,.finished-title.pyrrhic,.finished-title.partial{color:var(--accent-light)}.finished-type-badge{font-size:.9rem;color:var(--text-muted);margin-bottom:2rem;letter-spacing:.06em}.finished-epilogue{text-align:left;margin-bottom:2rem;line-height:1.8}.finished-epilogue p{color:var(--text-secondary);margin-bottom:1rem;font-size:1.1rem;opacity:0;animation:fade-slide-in 1s ease forwards}.finished-results{border-top:1px solid var(--border);padding-top:1.5rem;margin-top:1rem}.finished-results-label{font-size:1rem;color:var(--text-muted);margin-bottom:1rem;letter-spacing:.06em}.finished-result-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border)}.finished-result-row.survived{color:var(--color-pass)}.finished-result-row.dead,.finished-result-row.insane{color:var(--color-fail)}.finished-result-status{font-size:.85rem;letter-spacing:.04em}.finished-waiting{color:var(--text-muted);font-size:.85rem;margin-top:1rem}