.pattern-overlay{background-color:#23200f;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%236b622e' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.glass-panel{background:#2c2814b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,217,0,.1)}.screen{display:none;opacity:0;transition:opacity .35s ease}.screen.active{display:flex;flex-direction:column;opacity:1;min-height:100vh;min-height:100dvh}.screen.fade-in{animation:fadeIn .35s ease forwards}.screen.fade-out{animation:fadeOut .25s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-200%)}}.animate-marquee{animation:marquee 20s linear infinite}.perspective-1000{perspective:1000px}.card-reveal{transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.card-reveal:hover{transform:translateY(-6px)}.card-dead{opacity:.45;filter:grayscale(.6);position:relative}.card-dead:after{content:"✕";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:900;color:#ef4444;text-shadow:0 2px 8px rgba(0,0,0,.6);pointer-events:none}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:none;align-items:center;justify-content:center;background:#000000b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .3s ease}.popup-overlay.active{display:flex;opacity:1}.popup-overlay.show{opacity:1}.popup-content{width:100%;max-width:420px;margin:1rem;animation:popupSlideUp .35s ease forwards}@keyframes popupSlideUp{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulseGold{0%,to{box-shadow:0 0 #ffd90080}50%{box-shadow:0 0 0 6px #ffd90000}}.active-turn{animation:pulseGold 2s ease-in-out infinite;border-color:#ffd900!important}.speaking{border-color:#22c55e!important;box-shadow:0 0 8px #22c55e66}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#23200f}::-webkit-scrollbar-thumb{background:#4b4520;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffd900}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.hover-lift:active{transform:translateY(0)}.btn-press{transition:transform .1s ease}.btn-press:active{transform:scale(.95)}@keyframes sparkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.animate-sparkle{animation:sparkle 2s ease-in-out infinite}