.player-setup-container{margin:0 auto;max-width:500px;width:100%}.section-title{align-items:center;color:var(--text-secondary);display:flex;font-size:clamp(1rem,2vw,1.125rem);font-weight:600;gap:var(--space-xs)}.section-title svg{height:18px;width:18px}.input-group{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.player-input{background:var(--bg-secondary);border:1px solid var(--light-gray);border-radius:var(--radius-md);color:var(--text-primary);flex:1 1;font-size:clamp(1rem,2vw,1.125rem);outline:none;padding:var(--space-sm) var(--space-md);transition:all .3s ease}.player-input::placeholder{color:var(--text-muted);opacity:.7}.player-input:focus{border-color:var(--primary-black);box-shadow:0 0 0 2px #1a1a1a1a}.add-button{align-items:center;background:var(--primary-black);border:none;border-radius:var(--radius-md);box-shadow:0 2px 4px #1a1a1a1a;color:var(--text-white);display:flex;font-weight:600;gap:var(--space-xs);justify-content:center;padding:var(--space-sm) var(--space-lg);transition:all .3s ease}.add-button:hover{background:var(--secondary-black);box-shadow:0 4px 8px #1a1a1a26;transform:translateY(-1px)}.add-button svg{height:20px;width:20px}.player-list{margin-bottom:var(--space-lg);max-height:300px;overflow-y:auto;padding-right:var(--space-xs)}.player-list::-webkit-scrollbar{width:6px}.player-list::-webkit-scrollbar-track{background:#ffffff05;border-radius:var(--radius-sm)}.player-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:var(--radius-sm)}.player-item{align-items:center;animation:slideIn .3s ease-out;background:var(--bg-secondary);border:1px solid var(--light-gray);border-radius:var(--radius-md);box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin-bottom:var(--space-sm);padding:var(--space-md);transition:all .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.player-item:hover{background:var(--bg-card-hover);border-color:var(--medium-gray);box-shadow:0 4px 8px #0000001a;transform:translateX(4px)}.player-name{color:var(--text-primary);font-size:clamp(1rem,2vw,1.125rem);font-weight:500}.remove-button{align-items:center;background:var(--bg-card-hover);border:1px solid var(--light-gray);border-radius:var(--radius-sm);color:var(--accent-red);cursor:pointer;display:flex;justify-content:center;padding:var(--space-xs);transition:all .3s ease}.remove-button:hover{background:#e74c3c1a;border-color:var(--accent-red);transform:scale(1.05)}.remove-button svg{height:20px;width:20px}.button-group{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.instructions-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--light-gray);border-radius:var(--radius-md);box-shadow:0 2px 4px #0000000d;color:var(--text-primary);display:flex;flex:none;font-size:clamp(1rem,2vw,1.125rem);font-weight:600;gap:var(--space-sm);justify-content:center;padding:var(--space-md) var(--space-lg);transition:all .3s ease}.instructions-button:hover{background:var(--bg-card-hover);border-color:var(--medium-gray);box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.instructions-button svg{height:20px;width:20px}.start-button{align-items:center;background:var(--primary-black);border:none;border-radius:var(--radius-md);box-shadow:0 4px 12px #1a1a1a26;color:var(--text-white);display:flex;flex:none;font-size:clamp(1.125rem,2vw,1.25rem);font-weight:600;gap:var(--space-sm);justify-content:center;padding:var(--space-md) var(--space-xl);transition:all .3s ease}.start-button.enabled:hover{background:var(--secondary-black);box-shadow:0 8px 20px #1a1a1a33;transform:translateY(-2px)}.start-button.disabled{background:var(--medium-gray);box-shadow:none;cursor:not-allowed;opacity:.5}.start-button svg{height:24px;width:24px}.min-players-text{color:var(--text-muted);font-size:clamp(.875rem,2vw,1rem);font-style:italic;margin-top:var(--space-md);text-align:center}@media (max-width:768px){.player-setup-container{max-width:100%;padding:0}.player-input,.section-title{font-size:clamp(1rem,2.5vw,1.125rem)}.player-input{padding:var(--space-sm) var(--space-md)}.add-button{padding:var(--space-sm) var(--space-lg)}.add-button,.instructions-button,.player-name{font-size:clamp(1rem,2.5vw,1.125rem)}.instructions-button{flex:none}.start-button{flex:none;font-size:clamp(1.125rem,3vw,1.25rem);padding:var(--space-md) var(--space-xl)}}@media (max-width:480px){.input-group{flex-direction:column;gap:var(--space-md)}.add-button{justify-content:center;width:100%}}@media (hover:none) and (pointer:coarse){.player-input{min-height:44px}.add-button,.remove-button{min-height:44px;min-width:44px}.start-button{min-height:48px}}.footer{border-top:1px solid var(--light-gray);color:var(--text-muted);font-size:.875rem;margin-top:var(--space-lg);opacity:.7;padding-top:var(--space-md);text-align:center}.active-cards-section{animation:fadeIn .5s ease-out;margin-top:var(--space-2xl)}.active-cards-title{align-items:center;color:var(--text-primary);display:flex;font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700;gap:var(--space-sm);margin-bottom:var(--space-lg)}.active-cards-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.active-card{animation:slideInUp .4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffffe6,#f5f5f5f2 50%,#e6e6e6e6);border:none;border-radius:var(--radius-lg);box-shadow:inset 0 1px 3px #fffc,inset 0 -1px 3px #0000000d,0 2px 4px #0000001a,0 8px 16px #0000000d;overflow:hidden;padding:var(--space-lg);transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.active-card:before{background:linear-gradient(135deg,#fff9,#0000 30%,#0000 70%,#00000008);border-radius:var(--radius-lg);bottom:0;left:0;right:0;top:0}.active-card:after,.active-card:before{content:"";pointer-events:none;position:absolute}.active-card:after{background:radial-gradient(circle,#ffffff0d 0,#0000 70%);height:200%;left:-50%;opacity:0;top:-50%;transition:opacity .3s ease;width:200%}.active-card:hover{background:linear-gradient(145deg,#fffffff2,#fafafa 50%,#ebebebf2);box-shadow:inset 0 1px 4px #ffffffe6,inset 0 -1px 4px #00000014,0 4px 8px #00000026,0 12px 24px #0000001a;transform:translateY(-3px)}.active-card:hover:after{opacity:1}.active-card-header{margin-bottom:var(--space-md);position:relative;z-index:1}.active-card-title{color:var(--text-primary);flex:1 1;font-size:clamp(1.125rem,2.5vw,1.25rem);line-height:1.3;padding-right:var(--space-sm)}.active-card-description{font-size:clamp(.875rem,2vw,1rem);position:relative;z-index:1}.remove-active-card-button{background:linear-gradient(145deg,#fffc,#f0f0f0e6);border:none;border-radius:var(--radius-md);box-shadow:inset 0 1px 2px #fffc,inset 0 -1px 2px #0000001a,0 2px 4px #0000001a;color:var(--accent-red);cursor:pointer;flex-shrink:0;height:32px;width:32px}.remove-active-card-button:hover{background:linear-gradient(145deg,#e74c3c1a,#e74c3c26);box-shadow:inset 0 1px 2px #ffffffe6,inset 0 -1px 2px #e74c3c33,0 3px 6px #00000026;color:var(--accent-red);transform:scale(1.05)}.remove-active-card-button:active{transform:scale(.95)}.remove-active-card-button svg{height:16px;width:16px}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.active-card.removing{animation:fadeOut .3s ease-out forwards}@media (max-width:768px){.active-cards-section{margin-top:2rem;padding:0 1rem}.active-cards-grid{gap:1rem;grid-template-columns:1fr}.active-card{margin:0}.active-card-title{font-size:clamp(1.125rem,3vw,1.25rem)}.active-card-description{font-size:clamp(.875rem,2.5vw,1rem)}}@media (max-width:480px){.active-cards-section{padding:0 .5rem}.active-cards-grid{gap:.75rem}.active-card{margin:0;padding:1rem}}@media (hover:none) and (pointer:coarse){.remove-active-card-button{min-height:44px;min-width:44px}.active-card:hover{background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;box-shadow:none;transform:none}.active-card:active{background:linear-gradient(145deg,#fffffff2,#fafafa 50%,#ebebebf2);transform:translateY(-1px)}}.card-deck-container{flex-direction:column;margin:var(--space-md) 0;min-height:280px;perspective:1000px;width:100%}.card-deck-container,.deck-spread{align-items:center;display:flex;justify-content:center;position:relative}.deck-spread{height:clamp(180px,40vw,300px);margin-bottom:var(--space-lg);overflow:visible;width:clamp(320px,85vw,520px)}.deck-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--primary-black);border:1px solid var(--secondary-black);border-radius:12px;box-shadow:0 8px 20px #1a1a1a33,0 4px 8px #1a1a1a1a,inset 0 1px 0 #ffffff1a;cursor:pointer;height:clamp(140px,25vw,196px);list-style:none;overflow:hidden;position:absolute;transform-style:preserve-3d;transition:all .4s cubic-bezier(.4,0,.2,1);width:clamp(100px,18vw,140px)}.deck-card-back{align-items:center;background:var(--secondary-black);background-image:radial-gradient(circle at 20% 20%,#ffffff14 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff0a 0,#0000 50%);border:1px solid #ffffff1a;border-radius:8px;display:flex;height:92%;justify-content:center;margin:4% auto 0;overflow:hidden;position:relative;width:90%}.deck-card-back:before{background:linear-gradient(45deg,#0000,#ffffff1a,#0000);bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;transform:translateX(-100%);transition:transform .6s ease}.deck-card:hover .deck-card-back:before{transform:translateX(100%)}.deck-card-text{color:#fffc;font-size:clamp(.7rem,2vw,1rem);font-weight:600;letter-spacing:1px;line-height:1.2;position:relative;text-align:center;text-shadow:1px 1px 2px #00000080;text-transform:uppercase;z-index:1}.deck-card:hover:not(.selected):not(.revealing){border-color:var(--soft-black);box-shadow:0 12px 25px #1a1a1a40,0 6px 12px #1a1a1a26,0 0 15px #ffffff14;transform:var(--base-transform) translateY(-15px)!important;z-index:10}.deck-card.selected{animation:cardSelected .3s ease-out;border-color:var(--light-gray);box-shadow:0 20px 40px #1a1a1a59,0 8px 16px #1a1a1a40,0 0 25px #ffffff26;transform:var(--base-transform) translateY(-15px) scale(1.05)!important;z-index:20}.deck-card{opacity:1;pointer-events:all}@keyframes cardSelected{0%{transform:var(--base-transform) translateY(0) scale(1)}50%{transform:var(--base-transform) translateY(-20px) scale(1.08)}to{transform:var(--base-transform) translateY(-15px) scale(1.05)}}.deck-card.revealing{animation:cardReveal 1.8s cubic-bezier(.25,.46,.45,.94) forwards,cardRevealGlow 1.8s cubic-bezier(.25,.46,.45,.94) forwards;z-index:30}@keyframes cardReveal{0%{filter:brightness(1);opacity:1;transform:var(--base-transform) translateY(-15px) scale(1.05) rotateY(0deg)}15%{filter:brightness(1.1);opacity:1;transform:var(--base-transform) translateY(-40px) scale(1.1) rotateY(0deg)}25%{filter:brightness(1.2);opacity:1;transform:var(--base-transform) translateY(-80px) scale(1.15) rotateY(15deg)}35%{filter:brightness(1.3);opacity:1;transform:var(--base-transform) translateY(-120px) scale(1.2) rotateY(45deg)}45%{filter:brightness(1.4);opacity:1;transform:var(--base-transform) translateY(-140px) scale(1.25) rotateY(75deg)}55%{filter:brightness(1.3);opacity:1;transform:var(--base-transform) translateY(-160px) scale(1.3) rotateY(105deg)}65%{filter:brightness(1.2);opacity:1;transform:var(--base-transform) translateY(-180px) scale(1.35) rotateY(135deg)}75%{filter:brightness(1.1);opacity:1;transform:var(--base-transform) translateY(-200px) scale(1.4) rotateY(165deg)}80%{filter:brightness(1);opacity:1;transform:var(--base-transform) translateY(-220px) scale(1.45) rotateY(180deg)}85%{filter:brightness(1);opacity:1;transform:translateY(-150px) scale(1.4) rotateY(180deg)}90%{filter:brightness(1);opacity:1;transform:translateY(-50px) scale(1.25) rotateY(180deg)}95%{filter:brightness(1);opacity:1;transform:translateY(50px) scale(1.1) rotateY(180deg)}to{filter:brightness(1);opacity:1;transform:translateY(150px) scale(1) rotateY(180deg)}}@keyframes cardRevealGlow{0%{box-shadow:0 20px 40px #1a1a1a59,0 8px 16px #1a1a1a40,0 0 25px #ffffff26}25%{box-shadow:0 25px 50px #1a1a1a66,0 10px 20px #1a1a1a4d,0 0 35px #fff3,0 0 60px #ffffff1a}50%{box-shadow:0 30px 60px #1a1a1a73,0 12px 24px #1a1a1a59,0 0 50px #ffffff4d,0 0 100px #fff3}70%{box-shadow:0 35px 70px #1a1a1a80,0 14px 28px #1a1a1a66,0 0 60px #fff6,0 0 120px #ffffff40}85%{box-shadow:0 40px 80px #1a1a1a8c,0 16px 32px #1a1a1a73,0 0 80px #ffffff80,0 0 160px #ffffff4d}95%{box-shadow:0 20px 40px #1a1a1a4d,0 8px 16px #1a1a1a33,0 0 30px #fff3,0 0 60px #ffffff1a}to{box-shadow:0 8px 25px #1a1a1a33,0 4px 8px #1a1a1a1a,0 0 0 #fff0,0 0 0 #fff0}}.card-reveal{animation:cardFlip 1s ease-in-out forwards}@keyframes cardFlip{0%{transform:rotateY(0deg) scale(1)}50%{transform:rotateY(90deg) scale(1.1)}to{transform:rotateY(180deg) scale(1.2)}}.drawn-card{height:clamp(270px,75vw,360px);position:absolute;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1);width:clamp(180px,50vw,240px);z-index:10}.drawn-card.flipping{animation:drawAndFlip 1.5s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes drawAndFlip{0%{filter:brightness(1);transform:translateY(0) rotateY(0deg) scale(1)}15%{filter:brightness(1.1);transform:translateY(-30px) rotateY(0deg) scale(1.05)}30%{filter:brightness(1.2);transform:translateY(-80px) rotateY(20deg) scale(1.1)}50%{filter:brightness(1.3);transform:translateY(-120px) rotateY(90deg) scale(1.2)}70%{filter:brightness(1.2);transform:translateY(-150px) rotateY(160deg) scale(1.25)}85%{filter:brightness(1.1);transform:translateY(-170px) rotateY(175deg) scale(1.28)}to{box-shadow:0 30px 60px #6366f14d;filter:brightness(1);transform:translateY(-180px) rotateY(180deg) scale(1.3)}}.card-face{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:var(--radius-lg);display:flex;font-size:clamp(1rem,2vw,1.2rem);font-weight:600;height:100%;justify-content:center;overflow:hidden;position:absolute;width:100%}.card-back{background:var(--primary-black);border:1px solid var(--secondary-black);box-shadow:0 10px 25px #1a1a1a33,0 4px 8px #1a1a1a1a;color:var(--text-white);font-weight:700}.card-back:before{animation:slidePattern 30s linear infinite;background:repeating-linear-gradient(45deg,#0000,#0000 30px,#ffffff05 0,#ffffff05 60px);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes slidePattern{0%{transform:translate(0)}to{transform:translate(40px,40px)}}.card-back:after{content:"KLATTSCHEN";font-size:clamp(.8rem,2vw,1rem);font-weight:600;letter-spacing:.1rem;opacity:.3;position:absolute;text-orientation:mixed;writing-mode:vertical-rl}.card-front{background:var(--pure-white);border:1px solid var(--light-gray);box-shadow:0 10px 25px #0000001a,0 4px 8px #0000000d;color:var(--text-primary);flex-direction:column;gap:var(--space-md);padding:var(--space-xl);position:relative;transform:rotateY(180deg)}.card-front:before{border:2px solid var(--primary-black);border-radius:2px;content:"";height:20px;left:15px;pointer-events:none;position:absolute;top:15px;width:20px}.card-title{color:var(--primary-black);font-size:clamp(1.25rem,3vw,1.5rem);line-height:1.2}.card-description{color:var(--text-secondary);font-size:clamp(.85rem,2vw,1rem);font-weight:400;line-height:1.5;max-width:90%}.draw-button{cursor:pointer;font-size:clamp(1rem,2vw,1.125rem);overflow:hidden;padding:clamp(.875rem,2vw,1rem) clamp(2rem,5vw,3rem);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.draw-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.draw-button:hover:before{left:100%}.draw-button:active:not(:disabled){transform:translateY(-1px) scale(1)}.draw-button:disabled{opacity:.6;transform:none}@media (max-width:768px){.card-deck-container{margin:var(--space-sm) 0;min-height:240px;overflow:visible;padding:0}.card-deck-container,.deck-spread{align-items:center;display:flex;justify-content:center}.deck-spread{height:280px;left:0;margin:0;position:relative;transform:scale(1);width:300px}.deck-card{border-radius:10px;height:154px;position:absolute;width:110px}.deck-card-text{font-size:.85rem;letter-spacing:.7px;line-height:1.1}.deck-card:first-child{transform:translate(-120px,12px) rotate(-18deg)!important}.deck-card:nth-child(2){transform:translate(-72px,6px) rotate(-10deg)!important}.deck-card:nth-child(3){transform:translate(-24px,2px) rotate(-3deg)!important}.deck-card:nth-child(4){transform:translate(24px,2px) rotate(3deg)!important}.deck-card:nth-child(5){transform:translate(72px,6px) rotate(10deg)!important}.deck-card:nth-child(6){transform:translate(120px,12px) rotate(18deg)!important}}@media (max-width:480px){.deck-spread{height:260px;transform:scale(.85)}.deck-card{height:133px;width:95px}.deck-card-text{font-size:.75rem}.deck-card:first-child{transform:translate(-150px,10px) rotate(-15deg)!important}.deck-card:nth-child(2){transform:translate(-90px,5px) rotate(-8deg)!important}.deck-card:nth-child(3){transform:translate(-30px,2px) rotate(-2deg)!important}.deck-card:nth-child(4){transform:translate(30px,2px) rotate(2deg)!important}.deck-card:nth-child(5){transform:translate(90px,5px) rotate(8deg)!important}.deck-card:nth-child(6){transform:translate(150px,10px) rotate(15deg)!important}}@media (min-width:769px){.card-deck-container{overflow:visible;padding:0 10rem}.deck-spread{max-width:none;transform:none;width:400px}.deck-card:first-child{transform:translate(-150px,12px) rotate(-18deg)!important}.deck-card:nth-child(2){transform:translate(-90px,6px) rotate(-10deg)!important}.deck-card:nth-child(3){transform:translate(-30px,2px) rotate(-3deg)!important}.deck-card:nth-child(4){transform:translate(30px,2px) rotate(3deg)!important}.deck-card:nth-child(5){transform:translate(90px,6px) rotate(10deg)!important}.deck-card:nth-child(6){transform:translate(150px,12px) rotate(18deg)!important}}@media (hover:none) and (pointer:coarse){.deck-card:hover:not(.selected):not(.revealing){transform:none!important}.deck-card:active:not(.selected):not(.revealing){box-shadow:0 12px 25px #1a1a1a40,0 6px 12px #1a1a1a26;transform:var(--base-transform) translateY(-8px)!important}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.instructions-header{align-items:center;display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);position:relative}.back-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--light-gray);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .3s ease;width:44px}.back-button:hover{background:var(--bg-card-hover);border-color:var(--medium-gray);color:var(--text-primary);transform:translateX(-2px)}.back-button svg{height:20px;width:20px}.instructions-title{align-items:center;color:var(--primary-black);display:flex;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800;gap:var(--space-sm);letter-spacing:-.02em;margin:0}.instructions-title svg{color:var(--primary-black);height:2rem;width:2rem}.instructions-content{max-height:70vh;overflow-y:auto;padding-right:var(--space-xs)}.instructions-content::-webkit-scrollbar{width:8px}.instructions-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-sm)}.instructions-content::-webkit-scrollbar-thumb{background:var(--light-gray);border-radius:var(--radius-sm)}.instructions-content::-webkit-scrollbar-thumb:hover{background:var(--medium-gray)}.section{border-bottom:1px solid var(--light-gray);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg)}.section:last-child{border-bottom:none;margin-bottom:0}.section-title{color:var(--primary-black);font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700;letter-spacing:-.01em}.section-text,.section-title{margin-bottom:var(--space-md)}.section-text{color:var(--text-secondary);font-size:clamp(1rem,2vw,1.125rem);line-height:1.7}.steps{display:flex;flex-direction:column;gap:var(--space-lg)}.step{align-items:flex-start;display:flex;gap:var(--space-md)}.step-number{align-items:center;background:var(--primary-black);border-radius:50%;box-shadow:0 2px 4px #1a1a1a1a;color:var(--text-white);display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:32px;justify-content:center;width:32px}.step-content{flex:1 1}.step-content h3{color:var(--primary-black);font-size:clamp(1.125rem,2.5vw,1.25rem);font-weight:600;margin-bottom:var(--space-xs)}.step-content p{color:var(--text-secondary);font-size:clamp(1rem,2vw,1.125rem);line-height:1.6}.special-cards{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.special-card{background:var(--bg-secondary);border:1px solid var(--light-gray);border-radius:var(--radius-md);padding:var(--space-lg);transition:all .3s ease}.special-card:hover{background:var(--bg-card-hover);border-color:var(--medium-gray);box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.special-card h3{color:var(--primary-black);font-size:clamp(1.125rem,2.5vw,1.25rem);font-weight:600;margin-bottom:var(--space-sm)}.special-card p{color:var(--text-secondary);font-size:clamp(1rem,2vw,1.125rem);line-height:1.6}.rules-list{list-style:none;margin:0;padding:0}.rules-list li{color:var(--text-secondary);font-size:clamp(1rem,2vw,1.125rem);line-height:1.7;margin-bottom:var(--space-sm);padding-left:var(--space-lg);position:relative}.rules-list li:before{color:var(--primary-black);content:"•";font-size:1.25rem;font-weight:700;left:0;position:absolute}.section.warning{background:#e74c3c0d;border:1px solid #e74c3c33;border-radius:var(--radius-md);margin-top:var(--space-xl);padding:var(--space-lg)}.section.warning .section-title{align-items:center;color:var(--accent-red);display:flex;gap:var(--space-xs)}.warning-text{color:var(--text-primary);font-size:clamp(1rem,2vw,1.125rem);font-weight:500;line-height:1.7;margin:0}@media (max-width:768px){.instructions-header{gap:var(--space-sm);margin-bottom:var(--space-lg)}.back-button{height:40px;width:40px}.instructions-title{font-size:clamp(1.5rem,5vw,2rem)}.instructions-title svg{height:1.5rem;width:1.5rem}.instructions-content{max-height:65vh}.section{margin-bottom:var(--space-lg);padding-bottom:var(--space-md)}.steps{gap:var(--space-md)}.step{gap:var(--space-sm)}.step-number{font-size:.75rem;height:28px;width:28px}.special-cards{gap:var(--space-sm);grid-template-columns:1fr}.special-card{padding:var(--space-md)}}@media (max-width:480px){.instructions-header{align-items:flex-start;flex-direction:column;gap:var(--space-md)}.back-button{align-self:flex-start}.instructions-title{font-size:clamp(1.25rem,6vw,1.75rem)}.instructions-content{max-height:60vh}.step{align-items:flex-start;flex-direction:column;gap:var(--space-sm)}.step-number{align-self:flex-start}}@media (hover:none) and (pointer:coarse){.back-button{min-height:48px;min-width:48px}}:root{--primary-black:#1a1a1a;--secondary-black:#2d2d2d;--soft-black:#404040;--pure-white:#fff;--off-white:#f8f9fa;--light-gray:#e9ecef;--medium-gray:#6c757d;--dark-gray:#495057;--accent-orange:#ff6b35;--accent-blue:#4a90e2;--accent-green:#27ae60;--accent-red:#e74c3c;--bg-primary:#f5f5f5;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f8f9fa;--bg-overlay:#1a1a1acc;--text-primary:#1a1a1a;--text-secondary:#495057;--text-muted:#6c757d;--text-white:#fff;--text-inverse:#fff;--space-xs:0.5rem;--space-sm:0.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0003;--shadow-xl:0 20px 25px #0000004d;--shadow-glow:0 0 40px #6366f14d}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;background:var(--bg-primary);color:#1a1a1a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{background:radial-gradient(circle at 20% 20%,#1a1a1a05 0,#0000 50%),radial-gradient(circle at 80% 80%,#1a1a1a05 0,#0000 50%);content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em;line-height:1.2}h1{font-size:clamp(2rem,5vw,3rem)}h2{font-size:clamp(1.5rem,4vw,2rem)}h3{font-size:clamp(1.25rem,3vw,1.5rem)}p{font-size:clamp(1rem,2vw,1.125rem);line-height:1.7}.min-h-screen{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:.75rem 1rem;padding:var(--space-sm) var(--space-md)}.game-card{background:#fff;background:var(--bg-card);border:1px solid #e9ecef;border:1px solid var(--light-gray);border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 10px 25px -5px #0000001a,0 4px 6px -2px #0000000d;max-width:600px;overflow:hidden;padding:2rem;padding:var(--space-xl);position:relative;transition:all .3s ease;width:100%}.game-card:hover{box-shadow:0 20px 40px -10px #00000026,0 8px 10px -4px #0000001a;transform:translateY(-2px)}.game-header{justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.game-header,.game-title{align-items:center;display:flex}.game-title{font-size:clamp(2rem,5vw,2.5rem);font-weight:800;gap:.75rem;gap:var(--space-sm);letter-spacing:-.02em;margin:0 0 2rem;margin:0 0 var(--space-xl) 0}.game-title,.game-title svg{color:#1a1a1a;color:var(--primary-black)}.game-title svg{height:2.5rem;width:2.5rem}button{border:none;cursor:pointer;font-family:inherit;font-weight:600;letter-spacing:.02em;outline:none;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}button:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}button:active:before{height:300px;width:300px}.draw-button{background:#1a1a1a;background:var(--primary-black);border:none;border-radius:.75rem;border-radius:var(--radius-md);box-shadow:0 4px 12px #1a1a1a26,0 2px 4px #1a1a1a1a;color:#fff;color:var(--text-white);font-size:1.125rem;font-weight:600;margin-top:2rem;margin-top:var(--space-xl);padding:1rem 3rem;padding:var(--space-md) var(--space-2xl);transition:all .3s ease}.draw-button:hover:not(:disabled){background:#2d2d2d;background:var(--secondary-black);box-shadow:0 8px 20px #1a1a1a33,0 4px 8px #1a1a1a26;transform:translateY(-2px)}.draw-button:disabled{cursor:not-allowed;opacity:.7}.reset-button{align-items:center;background:#f8f9fa;background:var(--bg-card-hover);border:1px solid #e9ecef;border:1px solid var(--light-gray);border-radius:.75rem;border-radius:var(--radius-md);color:#495057;color:var(--text-secondary);display:flex;height:44px;justify-content:center;transition:all .3s ease;width:44px}.reset-button:hover{background:#e9ecef;background:var(--light-gray);border-color:#6c757d;border-color:var(--medium-gray);color:#1a1a1a;color:var(--text-primary);transform:rotate(-1turn)}.card-display{align-items:center;background:#1a1a1a;background:var(--primary-black);border:1px solid #404040;border:1px solid var(--soft-black);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 8px 25px #1a1a1a33,0 4px 8px #1a1a1a1a;display:flex;flex-direction:column;justify-content:center;margin:1.5rem 0;margin:var(--space-lg) 0;overflow:hidden;padding:2rem;padding:var(--space-xl);position:relative;text-align:center}.card-display:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,#ffffff0d 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.card-title{color:#fff;color:var(--text-white);font-size:clamp(1.5rem,3vw,1.75rem);font-weight:700;margin-bottom:1rem;margin-bottom:var(--space-md)}.card-description,.card-title{position:relative;text-align:center;z-index:1}.card-description{color:#f8f9fa;color:var(--off-white);font-size:clamp(1rem,2vw,1.125rem);line-height:1.7;opacity:.9}.active-cards-section{margin-top:1rem;margin-top:var(--space-md)}.active-cards-title{color:#495057;color:var(--text-secondary);font-size:1.25rem;margin-bottom:1rem;margin-bottom:var(--space-md)}.active-cards-grid{grid-gap:1rem;grid-gap:var(--space-md);display:grid;gap:1rem;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.active-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:.75rem;border-radius:var(--radius-md);padding:1rem;padding:var(--space-md);position:relative;transition:all .3s ease}.active-card:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-2px)}.active-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem;margin-bottom:var(--space-sm)}.active-card-title{font-size:1.125rem;font-weight:600}.active-card-description{color:#495057;color:var(--text-secondary);font-size:.875rem;line-height:1.5}.remove-active-card-button{align-items:center;background:#ef44441a;border-radius:.5rem;border-radius:var(--radius-sm);color:var(--danger);display:flex;height:28px;justify-content:center;transition:all .3s ease;width:28px}.remove-active-card-button:hover{background:#ef444433;transform:scale(1.1)}.players-display{display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-sm);margin-top:1rem;margin-top:var(--space-md)}.player-tag{background:#f8f9fa;background:var(--bg-card-hover);border:1px solid #e9ecef;border:1px solid var(--light-gray);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 2px 4px #0000000d;color:#1a1a1a;color:var(--text-primary);font-size:.875rem;font-weight:500;padding:.5rem 1rem;padding:var(--space-xs) var(--space-md)}.animate-fadeIn{animation:fadeInUp .5s cubic-bezier(.4,0,.2,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.min-h-screen{min-height:100vh;min-height:100dvh;padding:0}.game-card{margin:.5rem;max-width:100%;padding:1rem;width:calc(100vw - 1rem)}.game-title{font-size:clamp(1.75rem,5vw,2.5rem);margin:0 0 .75rem;margin:0 0 var(--space-sm) 0}.game-title svg{height:clamp(2rem,5vw,2.5rem);width:clamp(2rem,5vw,2.5rem)}.reset-button{height:clamp(40px,10vw,44px);width:clamp(40px,10vw,44px)}.game-header{margin-bottom:.75rem;margin-bottom:var(--space-sm);padding:0}.card-display{margin:.75rem 0;margin:var(--space-sm) 0;padding:1rem;padding:var(--space-md)}}@media (max-width:480px){.min-h-screen{padding:0}.game-card{margin:.75rem;max-width:100%;padding:1rem;width:calc(100vw - 1.5rem)}.game-title{font-size:clamp(1.5rem,6vw,2rem)}.game-header{padding:0}.card-display{margin:1rem 0;padding:1rem}}@media (hover:none) and (pointer:coarse){button{min-height:44px;min-width:44px}.reset-button{min-height:48px;min-width:48px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:.5rem;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#ffffff26}button:focus-visible,input:focus-visible{outline:2px solid #1a1a1a;outline:2px solid var(--primary-black);outline-offset:2px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}