#tutorial-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .5);z-index:1900;pointer-events:none!important;transition:opacity 0.5s ease-in-out}#pause-overlay,#settings-modal,#rules-panel-container,#joker-modal,#gameover-overlay,#deck-selection-modal,#leaderboard-modal{z-index:2500!important;pointer-events:auto!important}.tutorial-highlight{z-index:2005!important;animation:tutGlow 1.5s infinite;pointer-events:auto!important}.card.tutorial-highlight.dragging{z-index:9999!important;animation:none!important;box-shadow:0 20px 50px rgb(0 0 0 / .8),0 0 0 2px var(--gold)!important}.tutorial-dest-highlight{border-color:var(--gold)!important;box-shadow:0 0 15px var(--gold) inset!important;background:rgb(241 196 15 / .1)!important;pointer-events:auto!important}.tutorial-elevate{position:relative!important;z-index:2002!important;pointer-events:auto!important}@keyframes tutGlow{0%{box-shadow:0 0 0 2px var(--gold),0 0 20px rgb(241 196 15 / .4)}50%{box-shadow:0 0 0 4px var(--gold),0 0 40px rgb(241 196 15 / .8)}100%{box-shadow:0 0 0 2px var(--gold),0 0 20px rgb(241 196 15 / .4)}}#tutorial-hand{position:fixed;width:50px;height:50px;z-index:2100;pointer-events:none;opacity:0;transition:opacity 0.2s;filter:drop-shadow(0 2px 5px rgb(0 0 0 / .5))}#tutorial-hand.css-hand::after{content:'👆';font-size:3rem;text-shadow:0 2px 5px rgb(0 0 0 / .8)}@keyframes tutTap{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(.8)}100%{transform:translate(-50%,-50%) scale(1)}}@keyframes tutDrag{0%{transform:translate(0,0);opacity:1}80%{transform:translate(var(--tx),var(--ty));opacity:1}100%{transform:translate(var(--tx),var(--ty));opacity:0}}.tut-box{position:fixed;width:90%;max-width:400px;background:rgb(10 10 10 / .9);color:#fff;text-align:center;z-index:2100;box-shadow:0 0 50px rgb(0 0 0 / .9);font-family:'Lato',sans-serif;pointer-events:none!important;animation:tutFadeIn 0.4s ease-out forwards}.tut-box.fade-out{animation:tutFadeOut 0.4s ease-in forwards}.tut-box *{pointer-events:none!important}#tutorial-message-box{top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid var(--gold);border-radius:12px;padding:20px}#tut-text{font-size:1.4rem;font-weight:900;margin-bottom:8px;color:var(--gold);text-shadow:0 2px 0 #000;font-family:'Cinzel',serif}#tut-sub{font-size:1rem;color:#ddd;line-height:1.4;text-shadow:0 1px 2px #000}#tutorial-info-box{top:90px;left:50%;transform:translateX(-50%);border:1px solid #555;border-top:3px solid var(--blue);border-radius:8px;padding:15px;max-width:350px}#info-text{font-size:1rem;color:var(--blue);font-weight:700;margin-bottom:5px}#info-sub{font-size:.9rem;color:#ccc}@keyframes tutFadeIn{from{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}#tutorial-info-box{animation-name:tutFadeInTop}@keyframes tutFadeInTop{from{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes tutFadeOut{from{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9);visibility:hidden}}#tutorial-info-box.fade-out{animation-name:tutFadeOutTop}@keyframes tutFadeOutTop{from{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-20px);visibility:hidden}}.tut-joker-info{font-size:.8rem;color:#888;margin-top:8px;padding-top:8px;border-top:1px solid #444}.tut-disabled{opacity:0.4!important;cursor:not-allowed!important;pointer-events:none!important}