body{background-image:repeating-linear-gradient(45deg,#0000,#0000 35px,#8b000008 0,#8b000008 70px),repeating-linear-gradient(-45deg,#0000,#0000 35px,#8b000008 0,#8b000008 70px);font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}code{font-family:Courier Prime,source-code-pro,Menlo,Monaco,Consolas,monospace}:root{--color-felt-green:#0a5c36;--color-felt-light:#0d7045;--color-burgundy:#8b0000;--color-amber:#ffb700;--color-charcoal:#1c1c1e;--color-cream:#f5e6d3;--color-orange:#ff6b35;--color-gold:#d4af37;--color-neon-pink:#ff006e;--color-success:#4aff4a;--color-success-dark:#2db82d;--color-danger:#f44;--color-danger-dark:#c00;--color-warning:orange;--color-card-bg:#fff;--color-card-red:#dc143c;--color-card-black:#1c1c1e;--font-display:"Bebas Neue",sans-serif;--font-body:"Space Grotesk",sans-serif;--font-mono:"Courier Prime",monospace;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:32px;--font-size-3xl:48px;--font-size-4xl:64px;--font-size-5xl:96px;--font-size-6xl:120px;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:40px;--space-xl:60px;--space-2xl:80px;--shadow-brutal-sm:4px 4px 0 #0009;--shadow-brutal:6px 6px 0 #0009;--shadow-brutal-lg:12px 12px 0 #000c;--shadow-deep-sm:0 4px 15px #0006;--shadow-deep:0 8px 30px #00000080;--shadow-deep-lg:0 20px 60px #000c;--shadow-inset:inset 0 4px 20px #0009;--shadow-inset-lg:inset 0 0 100px #0006;--glow-amber:0 0 20px var(--color-amber),0 0 40px var(--color-amber);--glow-neon:0 0 10px currentColor,0 0 20px currentColor,0 0 40px currentColor;--border-thin:2px solid var(--color-charcoal);--border-thick:4px solid var(--color-charcoal);--border-xl:6px solid var(--color-charcoal);--border-2xl:8px solid var(--color-amber);--border-table:20px solid var(--color-burgundy);--border-neon:4px solid var(--color-amber);--border-dashed:3px dashed var(--color-amber);--radius-none:0;--radius-sm:2px;--radius-md:4px;--z-base:1;--z-dropdown:100;--z-modal:1000;--z-overlay:2000;--z-tooltip:3000;--transition-fast:0.15s cubic-bezier(0.4,0,1,1);--transition-base:0.25s cubic-bezier(0.4,0,1,1);--transition-slow:0.4s cubic-bezier(0.4,0,1,1)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1c1c1e;background-color:var(--color-charcoal);color:#f5e6d3;color:var(--color-cream);font-family:Space Grotesk,sans-serif;font-family:var(--font-body);font-size:16px;font-size:var(--font-size-base);line-height:1.6;min-height:100vh}body,h1,h2,h3,h4,h5,h6{font-weight:400;font-weight:var(--font-weight-normal)}h1,h2,h3,h4,h5,h6{font-family:Bebas Neue,sans-serif;font-family:var(--font-display);letter-spacing:.05em;line-height:1.2;text-transform:uppercase}h1{font-size:120px;font-size:var(--font-size-6xl);letter-spacing:.08em}h2{font-size:64px;font-size:var(--font-size-4xl)}h3{font-size:48px;font-size:var(--font-size-3xl)}h4{font-size:32px;font-size:var(--font-size-2xl)}p{font-family:Space Grotesk,sans-serif;font-family:var(--font-body);margin-bottom:16px;margin-bottom:var(--space-sm)}.mono{font-family:Courier Prime,monospace;font-family:var(--font-mono)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.text-amber{color:#ffb700;color:var(--color-amber)}.text-orange{color:#ff6b35;color:var(--color-orange)}.text-gold{color:#d4af37;color:var(--color-gold)}.text-cream{color:#f5e6d3;color:var(--color-cream)}.text-burgundy{color:#8b0000;color:var(--color-burgundy)}.bg-felt{background-color:#0a5c36;background-color:var(--color-felt-green)}.bg-burgundy{background-color:#8b0000;background-color:var(--color-burgundy)}.bg-charcoal{background-color:#1c1c1e;background-color:var(--color-charcoal)}.bg-cream{background-color:#f5e6d3;background-color:var(--color-cream)}.mt-xs{margin-top:8px;margin-top:var(--space-xs)}.mt-sm{margin-top:16px;margin-top:var(--space-sm)}.mt-md{margin-top:24px;margin-top:var(--space-md)}.mt-lg{margin-top:40px;margin-top:var(--space-lg)}.mb-xs{margin-bottom:8px;margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:16px;margin-bottom:var(--space-sm)}.mb-md{margin-bottom:24px;margin-bottom:var(--space-md)}.mb-lg{margin-bottom:40px;margin-bottom:var(--space-lg)}.shadow-brutal{box-shadow:6px 6px 0 #0009;box-shadow:var(--shadow-brutal)}.shadow-brutal-lg{box-shadow:12px 12px 0 #000c;box-shadow:var(--shadow-brutal-lg)}.shadow-deep{box-shadow:0 8px 30px #00000080;box-shadow:var(--shadow-deep)}button{border:none;font-family:Bebas Neue,sans-serif;font-size:18px;font-weight:400;font-weight:var(--font-weight-normal);outline:none;transition:all .15s cubic-bezier(.4,0,1,1);-webkit-user-select:none;user-select:none}button:disabled{opacity:.5}input,select,textarea{border:4px solid #1c1c1e;border:var(--border-thick);font-family:Space Grotesk,sans-serif;font-family:var(--font-body);font-size:16px;font-size:var(--font-size-base);outline:none;transition:all .25s cubic-bezier(.4,0,1,1);transition:all var(--transition-base)}input:focus,select:focus,textarea:focus{border-color:#ffb700;border-color:var(--color-amber);box-shadow:0 0 0 3px #ffb70033}:focus-visible{outline:3px solid #ffb700;outline:3px solid var(--color-amber);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#1c1c1e;background:var(--color-charcoal);border-left:2px solid #1c1c1e;border-left:var(--border-thin)}::-webkit-scrollbar-thumb{background:#8b0000;background:var(--color-burgundy);border:2px solid #1c1c1e;border:2px solid var(--color-charcoal)}::-webkit-scrollbar-thumb:hover{background:#ffb700;background:var(--color-amber)}::selection{background:#ffb700;background:var(--color-amber);color:#1c1c1e;color:var(--color-charcoal)}::-moz-selection{background:#ffb700;background:var(--color-amber);color:#1c1c1e;color:var(--color-charcoal)}@keyframes dealCard{0%{opacity:0;transform:translate(-200px,-100px) rotate(-45deg) scale(.5)}60%{opacity:1;transform:translate(0) rotate(5deg) scale(1.05)}to{opacity:1;transform:translate(0) rotate(0deg) scale(1)}}@keyframes cardFlip{0%{transform:rotateY(0deg)}50%{transform:rotateY(90deg)}to{transform:rotateY(180deg)}}@keyframes cardLift{0%{transform:translateY(0) rotate(0deg)}to{transform:translateY(-8px) rotate(-2deg)}}@keyframes plateClear{0%{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.5;transform:scale(1.2) rotate(180deg)}to{opacity:0;transform:scale(0) rotate(1turn)}}@keyframes cardPlay{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.8;transform:translateY(-100px) scale(1.1)}to{opacity:0;transform:translateY(-200px) scale(.95)}}@keyframes neonFlicker{0%,to{filter:brightness(1);opacity:1;text-shadow:0 0 10px currentColor,0 0 20px currentColor,0 0 40px currentColor,4px 4px 0 var(--color-orange),8px 8px 0 #00000080}50%{filter:brightness(.8);opacity:.8}55%{filter:brightness(1.2);opacity:1}60%{filter:brightness(.9);opacity:.9}}@keyframes amberGlow{0%,to{box-shadow:0 0 20px #ffb70099}50%{box-shadow:0 0 40px #ffb700e6}}@keyframes selectionGlow{0%,to{box-shadow:0 0 20px var(--color-amber),0 0 40px var(--color-amber),4px 4px 8px #0006}50%{box-shadow:0 0 30px var(--color-amber),0 0 60px var(--color-amber),4px 4px 8px #0006}}@keyframes buttonPress{0%{box-shadow:0 6px 0 var(--color-charcoal);transform:translateY(0)}to{box-shadow:0 2px 0 var(--color-charcoal);transform:translateY(4px)}}@keyframes buttonShake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-180deg) scale(0)}to{opacity:1;transform:rotate(0deg) scale(1)}}@keyframes turnPulse{0%,to{box-shadow:0 0 0 0 #ffb700b3}50%{box-shadow:0 0 0 10px #ffb70000}}@keyframes trophyBounce{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-30px) scale(1.1)}50%{transform:translateY(0) scale(1)}75%{transform:translateY(-15px) scale(1.05)}}@keyframes bannerSlide{0%{opacity:0;transform:translateX(-100%) skewX(-10deg)}50%{opacity:1;transform:translateX(0) skewX(0deg)}to{opacity:0;transform:translateX(100%) skewX(10deg)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loadingDots{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes skeletonLoading{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes noiseAnimation{0%,to{background-position:0 0}10%{background-position:-5% -5%}20%{background-position:-10% 5%}30%{background-position:5% -10%}40%{background-position:-5% 15%}50%{background-position:-10% 5%}60%{background-position:15% 0}70%{background-position:0 10%}80%{background-position:-15% 0}90%{background-position:10% 5%}}.animate-deal{animation:dealCard .5s cubic-bezier(.4,0,1,1) forwards}.animate-flip{animation:cardFlip .6s cubic-bezier(.4,0,1,1) forwards}.animate-glow{animation:selectionGlow 1.5s ease-in-out infinite}.animate-neon{animation:neonFlicker 2s infinite}.animate-pulse{animation:turnPulse 2s infinite}.animate-bounce{animation:trophyBounce 1s ease-in-out}.animate-fade-in{animation:fadeIn .3s cubic-bezier(.4,0,1,1) forwards}.animate-slide-in{animation:slideInRight .4s cubic-bezier(.4,0,1,1) forwards}.animate-scale-in{animation:scaleIn .3s cubic-bezier(.4,0,1,1) forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.delay-7{animation-delay:.7s}.delay-8{animation-delay:.8s}.delay-9{animation-delay:.9s}.delay-10{animation-delay:1s}.App{text-align:center}.App-header{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:var(--space-md);position:relative}.App-header h1{color:var(--color-amber);font-family:var(--font-display);font-size:var(--font-size-6xl);letter-spacing:.08em;margin-bottom:var(--space-lg);position:relative;text-shadow:4px 4px 0 var(--color-orange),8px 8px 0 #00000080;text-transform:uppercase;transform:rotate(-1deg);z-index:2}.lobby{margin:0 auto;max-width:800px;padding:var(--space-lg) var(--space-md);position:relative}.social-links{display:flex;gap:var(--space-sm);left:var(--space-md);position:fixed;top:var(--space-md);z-index:var(--z-tooltip)}.social-btn{align-items:center;border:var(--border-thick);border-radius:var(--radius-none);box-shadow:var(--shadow-brutal-sm);color:var(--color-cream);cursor:pointer;display:flex;font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);height:60px;justify-content:center;text-decoration:none;transition:all var(--transition-fast);width:60px}.social-btn.linkedin{background:#0077b5}.social-btn.github{background:#333}.social-btn:hover{box-shadow:6px 6px 0 #000c;transform:translate(-2px,-2px)}.social-btn:active{box-shadow:2px 2px 0 #000c;transform:translate(2px,2px)}.social-icon{color:var(--color-cream);height:28px;width:28px}.help-button{align-items:center;background:var(--color-amber);border:var(--border-thick);border-radius:var(--radius-none);box-shadow:var(--shadow-brutal-sm);color:var(--color-charcoal);cursor:pointer;display:flex;font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);height:60px;justify-content:center;position:fixed;right:var(--space-md);top:var(--space-md);transition:all var(--transition-fast);width:60px;z-index:var(--z-tooltip)}.help-button:hover{background:var(--color-orange);box-shadow:6px 6px 0 #000c;transform:translate(-2px,-2px)}.help-button:active{box-shadow:2px 2px 0 #000c;transform:translate(2px,2px)}.rules-modal-overlay{align-items:center;animation:fadeIn .2s cubic-bezier(.4,0,1,1);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-md);position:fixed;right:0;top:0;z-index:var(--z-modal)}.rules-modal{background:var(--color-charcoal);border:var(--border-2xl);box-shadow:var(--shadow-brutal-lg);max-height:85vh;max-width:800px;overflow-y:auto;padding:var(--space-xl);position:relative;transform:rotate(-.5deg);width:100%}.rules-modal::-webkit-scrollbar{width:12px}.rules-modal::-webkit-scrollbar-track{background:var(--color-burgundy);border-left:var(--border-thin)}.rules-modal::-webkit-scrollbar-thumb{background:var(--color-amber);border:2px solid var(--color-charcoal)}.rules-modal::-webkit-scrollbar-thumb:hover{background:var(--color-orange)}.close-modal{align-items:center;background:var(--color-burgundy);border:var(--border-thick);border-radius:var(--radius-none);box-shadow:var(--shadow-brutal-sm);color:var(--color-cream);cursor:pointer;display:flex;font-family:var(--font-display);font-size:var(--font-size-3xl);height:48px;justify-content:center;position:absolute;right:var(--space-sm);top:var(--space-sm);transition:all var(--transition-fast);width:48px}.close-modal:hover{background:var(--color-orange);transform:rotate(90deg)}.rules-modal h2{color:var(--color-amber);font-family:var(--font-display);font-size:var(--font-size-4xl);letter-spacing:.08em;margin-bottom:var(--space-lg);text-align:center;text-shadow:3px 3px 0 var(--color-orange),6px 6px 0 #00000080;text-transform:uppercase}.rules-content{color:var(--color-cream);font-family:var(--font-body)}.rules-content section{border-left:4px solid var(--color-burgundy);margin-bottom:var(--space-md);padding-left:var(--space-sm)}.rules-content h3{color:var(--color-amber);font-family:var(--font-display);font-size:var(--font-size-2xl);letter-spacing:.05em;margin-bottom:var(--space-sm);text-transform:uppercase}.rules-content p{color:var(--color-cream);font-size:var(--font-size-base);line-height:1.8;margin-bottom:var(--space-sm)}.rules-content ol,.rules-content ul{color:var(--color-cream);line-height:2;margin-left:var(--space-md)}.rules-content li{margin-bottom:var(--space-xs)}.rules-content strong{color:var(--color-amber);font-weight:var(--font-weight-bold)}.lobby hr{background:var(--color-burgundy);border:none;box-shadow:var(--shadow-brutal-sm);height:4px;margin:var(--space-lg) 0}.lobby h2{color:var(--color-amber);font-family:var(--font-display);font-size:var(--font-size-4xl);letter-spacing:.08em;margin-bottom:var(--space-lg);text-align:center;text-shadow:3px 3px 0 var(--color-orange),6px 6px 0 #0000004d;text-transform:uppercase}.lobby>p{color:var(--color-cream);font-family:var(--font-body);font-size:var(--font-size-lg);margin:var(--space-md) 0;text-align:center}.connection-status{animation:turnPulse 2s infinite;background:var(--color-felt-green);font-family:var(--font-mono)}.connection-status,.error-message{border:var(--border-thick);box-shadow:var(--shadow-brutal);color:var(--color-cream);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md)}.error-message{align-items:center;animation:buttonShake .5s cubic-bezier(.4,0,1,1);background:var(--color-danger);display:flex;font-family:var(--font-body);justify-content:space-between}.error-message button{background:#fff3;border:2px solid var(--color-cream);color:var(--color-cream);font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm)}.error-message button:hover{background:#ffffff4d}.player-setup{align-items:center;background:var(--color-felt-green);border:var(--border-xl);box-shadow:var(--shadow-brutal-lg);display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-lg);padding:var(--space-lg);transform:rotate(.5deg)}.player-setup input{background:var(--color-cream);border:var(--border-thick);box-shadow:var(--shadow-brutal-sm);color:var(--color-charcoal);font-family:var(--font-body);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);min-width:240px;padding:var(--space-sm) var(--space-md)}.player-setup input::placeholder{color:#1c1c1e80;font-family:var(--font-body)}.player-setup input:focus{border-color:var(--color-amber);box-shadow:0 0 0 4px #ffb7004d}.rounds-selector{align-items:center;display:flex;gap:var(--space-sm)}.rounds-selector label{color:var(--color-cream);font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase}.rounds-selector label,.rounds-selector select{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.rounds-selector select{background:var(--color-cream);border:var(--border-thick);box-shadow:var(--shadow-brutal-sm);color:var(--color-charcoal);cursor:pointer;font-family:var(--font-mono);min-width:120px;padding:var(--space-sm) var(--space-md)}.rounds-selector select:focus{border-color:var(--color-amber);box-shadow:0 0 0 4px #ffb7004d}.rounds-selector select option{background:var(--color-cream);color:var(--color-charcoal);font-family:var(--font-mono)}button{background:linear-gradient(180deg,var(--color-success) 0,var(--color-success-dark) 100%);border:var(--border-thick);box-shadow:0 6px 0 var(--color-charcoal);color:var(--color-charcoal);cursor:pointer;font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:.05em;padding:var(--space-sm) var(--space-lg);position:relative;text-transform:uppercase;transition:all var(--transition-fast)}button:hover{box-shadow:0 8px 0 var(--color-charcoal);transform:translateY(-2px)}button:active{box-shadow:0 2px 0 var(--color-charcoal);transform:translateY(4px)}button:disabled{background:#64646480;box-shadow:0 4px 0 var(--color-charcoal);color:#ffffff80;cursor:not-allowed;opacity:.6}button:disabled:hover{transform:none}.games-list{list-style:none;margin:0 auto;max-width:700px;padding:0}.game-item{align-items:center;background:var(--color-cream);border:var(--border-thick);box-shadow:var(--shadow-brutal);display:flex;justify-content:space-between;margin:var(--space-md) 0;padding:var(--space-md);transform:rotate(-1deg);transform:rotate(calc(-1deg + var(--rotation-offset, 0deg)));transition:all var(--transition-fast)}.game-item:nth-child(odd){--rotation-offset:1deg}.game-item:nth-child(2n){--rotation-offset:-1deg}.game-item:hover{border-color:var(--color-amber);box-shadow:var(--shadow-brutal-lg);transform:translateY(-4px) rotate(0deg)}.game-info{align-items:flex-start;display:flex;flex-direction:column;gap:var(--space-xs)}.game-info strong{color:var(--color-charcoal);font-family:var(--font-display);font-size:var(--font-size-xl);letter-spacing:.05em;text-transform:uppercase}.game-info span{color:var(--color-charcoal);font-family:var(--font-mono);font-size:var(--font-size-sm);opacity:.7}.rounds-info{background:var(--color-amber);border:2px solid var(--color-charcoal);box-shadow:2px 2px 0 var(--color-charcoal);color:var(--color-charcoal);font-weight:var(--font-weight-bold);padding:var(--space-xs) var(--space-sm)}.game-item button{background:var(--color-orange);font-size:var(--font-size-base);padding:var(--space-sm) var(--space-md);white-space:nowrap}.game-item button:hover{background:var(--color-amber)}.waiting-room{background:var(--color-felt-green);border:var(--border-2xl);box-shadow:var(--shadow-brutal-lg);margin:0 auto;max-width:700px;padding:var(--space-xl);text-align:center;transform:rotate(-.5deg)}.waiting-room h2{color:var(--color-amber);font-size:var(--font-size-4xl);letter-spacing:.08em;margin-bottom:var(--space-lg);text-shadow:3px 3px 0 var(--color-orange),6px 6px 0 #0000004d}.waiting-room h2,.waiting-room h3{font-family:var(--font-display);text-transform:uppercase}.waiting-room h3{color:var(--color-cream);font-size:var(--font-size-2xl);letter-spacing:.05em;margin:var(--space-md) 0}.waiting-room p{color:var(--color-cream);font-family:var(--font-mono);font-size:var(--font-size-lg);margin:var(--space-sm) 0}.waiting-room strong{color:var(--color-amber);font-weight:var(--font-weight-bold)}.players-list{display:flex;flex-direction:column;gap:var(--space-sm);list-style:none;margin:var(--space-lg) 0;padding:0}.player-item{background:var(--color-cream);border:var(--border-thick);box-shadow:var(--shadow-brutal-sm);color:var(--color-charcoal);font-family:var(--font-display);font-size:var(--font-size-lg);letter-spacing:.05em;padding:var(--space-sm) var(--space-md);text-transform:uppercase}.waiting-room button{background:var(--color-danger);margin-top:var(--space-lg);max-width:300px;width:100%}.waiting-room button:hover{background:var(--color-danger-dark)}input{background:var(--color-cream);border:var(--border-thick);border-radius:var(--radius-none);box-shadow:var(--shadow-brutal-sm);color:var(--color-charcoal);font-family:var(--font-body);font-size:var(--font-size-base);margin-right:var(--space-sm);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}input::placeholder{color:#1c1c1e80}input:focus{border-color:var(--color-amber);box-shadow:0 0 0 3px #ffb70033;outline:none}select{background:var(--color-cream);border:var(--border-thick);border-radius:var(--radius-none);box-shadow:var(--shadow-brutal-sm);color:var(--color-charcoal);cursor:pointer;font-family:var(--font-mono);font-size:var(--font-size-base);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}select:focus{border-color:var(--color-amber);box-shadow:0 0 0 3px #ffb70033;outline:none}select option{background:var(--color-cream);color:var(--color-charcoal)}@media (max-width:768px){.App-header h1{font-size:var(--font-size-4xl);text-shadow:3px 3px 0 var(--color-orange),6px 6px 0 #00000080}.lobby h2,.waiting-room h2{font-size:var(--font-size-3xl)}.player-setup{padding:var(--space-md)}.player-setup input{min-width:100%}.help-button,.social-links{top:var(--space-sm)}.social-links{left:var(--space-sm)}.help-button{right:var(--space-sm)}.help-button,.social-btn{font-size:var(--font-size-base);height:48px;width:48px}.rules-modal{padding:var(--space-md)}.game-item{flex-direction:column;gap:var(--space-sm)}.game-item button{width:100%}}@media (max-width:480px){.App-header h1{font-size:var(--font-size-3xl)}.lobby h2,.waiting-room h2{font-size:var(--font-size-2xl)}button{font-size:var(--font-size-base)}}.game-room-table{background:var(--color-charcoal);height:100vh;overflow:hidden;position:relative;width:100vw}.compact-game-info{background:var(--color-felt-green);border:var(--border-thick);box-shadow:var(--shadow-brutal);justify-content:space-between;left:var(--space-md);padding:var(--space-sm) var(--space-md);position:absolute;right:var(--space-md);top:var(--space-md);z-index:var(--z-dropdown)}.compact-game-info,.info-left{align-items:center;display:flex}.info-left{gap:var(--space-sm)}.game-id{color:var(--color-cream);font-size:var(--font-size-sm);text-transform:uppercase}.final-turns-badge,.game-id,.rounds-badge{font-family:var(--font-mono);font-weight:var(--font-weight-bold)}.final-turns-badge,.rounds-badge{background:var(--color-amber);border:2px solid var(--color-charcoal);border-radius:var(--radius-none);box-shadow:2px 2px 0 #00000080;color:var(--color-charcoal);font-size:var(--font-size-xs);padding:4px var(--space-sm)}.final-turns-badge{animation:turnPulse 2s infinite;background:var(--color-orange)}.info-right .turn-badge{border:var(--border-thick);border-radius:var(--radius-none);box-shadow:var(--shadow-brutal-sm);font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.05em;padding:6px var(--space-sm);text-transform:uppercase}.turn-badge.my-turn{animation:turnPulse 2s infinite;background:var(--color-success);color:var(--color-charcoal)}.turn-badge.waiting{background:#646464b3;color:var(--color-cream)}.game-error.compact,.reconnection-indicator.compact{align-items:center;border:var(--border-thick);box-shadow:var(--shadow-brutal);color:var(--color-cream);display:flex;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-sm);left:var(--space-md);padding:var(--space-sm) var(--space-md);position:absolute;right:var(--space-md);top:80px;z-index:var(--z-dropdown)}.game-error.compact{animation:buttonShake .5s cubic-bezier(.4,0,1,1);background:var(--color-danger)}.reconnection-indicator.compact{background:var(--color-warning)}.game-error.compact .error-btn{background:#ffffff4d;border:2px solid var(--color-cream);border-radius:var(--radius-none);color:var(--color-cream);cursor:pointer;font-family:var(--font-display);font-size:var(--font-size-xs);margin-left:auto;padding:4px var(--space-sm);text-transform:uppercase}.table-container{gap:var(--space-xl);height:55vh;left:50%;max-height:600px;max-width:1400px;position:absolute;top:45%;transform:translate(-50%,-50%);width:90vw}.central-plate,.table-container{align-items:center;display:flex;justify-content:center}.central-plate{-webkit-backdrop-filter:none;backdrop-filter:none;background:radial-gradient(ellipse,var(--color-felt-light) 0,var(--color-felt-green) 100%);border:3px dashed var(--color-amber);border-radius:50%;box-shadow:inset 0 0 100px #0006,0 20px 60px #000c;flex-shrink:0;height:280px;width:280px}.empty-plate{color:#f5e6d380;text-align:center}.plate-icon{font-size:48px;margin-bottom:var(--space-xs);opacity:.6}.plate-hint{font-family:var(--font-mono);font-size:var(--font-size-sm);opacity:.7}.opponents-list{bottom:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-sm);left:var(--space-md);overflow-y:auto;padding:var(--space-sm);position:fixed;top:var(--space-md);width:200px;z-index:10}.opponents-list::-webkit-scrollbar{width:12px}.opponents-list::-webkit-scrollbar-track{background:var(--color-burgundy);border-left:var(--border-thin)}.opponents-list::-webkit-scrollbar-thumb{background:var(--color-amber);border:2px solid var(--color-charcoal)}.opponents-list::-webkit-scrollbar-thumb:hover{background:var(--color-orange)}.opponent-card{align-items:center;background:var(--color-cream);border:var(--border-thick);border-radius:var(--radius-none);box-shadow:var(--shadow-brutal-sm);-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%);display:flex;flex-direction:column;gap:var(--space-xs);min-width:180px;padding:var(--space-sm);text-align:center;transition:all var(--transition-fast)}.opponent-card.active{animation:turnPulse 2s infinite;border-color:var(--color-success);box-shadow:0 0 25px #4aff4a99,var(--shadow-brutal-sm)}.opponent-avatar{align-items:center;background:var(--color-amber);border:var(--border-thick);border-radius:var(--radius-none);box-shadow:var(--shadow-brutal-sm);display:flex;font-size:var(--font-size-2xl);height:48px;justify-content:center;width:48px}.opponent-avatar,.opponent-name{color:var(--color-charcoal);font-family:var(--font-display);font-weight:var(--font-weight-bold)}.opponent-name{font-size:var(--font-size-sm);letter-spacing:.05em;text-transform:uppercase}.opponent-revealed-cards{align-items:center;display:flex;flex-wrap:wrap;gap:4px;justify-content:center;min-height:45px;width:100%}.opponent-hands-mini{color:var(--color-charcoal);display:flex;font-family:var(--font-mono);font-size:var(--font-size-xs);gap:var(--space-xs);justify-content:center}.opponent-hands-mini span{background:#0000001a;border:1px solid var(--color-charcoal);border-radius:var(--radius-none);box-shadow:1px 1px 0 #0000004d;font-weight:var(--font-weight-bold);min-width:28px;padding:2px var(--space-xs);text-align:center}.player-area{bottom:var(--space-sm);left:50%;max-width:90vw;padding:var(--space-sm) var(--space-md);position:absolute;transform:translateX(-50%);width:auto}.action-bar{justify-content:center;margin-bottom:var(--space-sm)}.action-bar,.selection-info{align-items:center;display:flex;gap:var(--space-xs)}.selection-info{background:var(--color-amber);border:var(--border-thick);border-radius:var(--radius-none);box-shadow:var(--shadow-brutal-sm);color:var(--color-charcoal);font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:6px var(--space-sm)}.clear-btn{align-items:center;background:var(--color-burgundy);border:2px solid var(--color-charcoal);border-radius:var(--radius-none);box-shadow:2px 2px 0 #00000080;color:var(--color-cream);cursor:pointer;display:flex;font-family:var(--font-display);font-size:var(--font-size-base);height:24px;justify-content:center;transition:all var(--transition-fast);width:24px}.clear-btn:hover{background:var(--color-orange);box-shadow:3px 3px 0 #0009;transform:translate(-1px,-1px)}.clear-btn:active{box-shadow:1px 1px 0 #0009;transform:translate(1px,1px)}.action-btn{border:var(--border-thick);border-radius:var(--radius-none);cursor:pointer;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.05em;padding:var(--space-sm) var(--space-md);text-transform:uppercase;transition:all var(--transition-fast)}.play-btn{background:linear-gradient(180deg,var(--color-success) 0,var(--color-success-dark) 100%);box-shadow:0 6px 0 var(--color-charcoal);color:var(--color-charcoal)}.play-btn:hover:not(:disabled){box-shadow:0 8px 0 var(--color-charcoal);transform:translateY(-2px)}.play-btn:active:not(:disabled){box-shadow:0 2px 0 var(--color-charcoal);transform:translateY(4px)}.play-btn:disabled{background:#64646480;box-shadow:0 4px 0 var(--color-charcoal);color:#ffffff80;cursor:not-allowed;opacity:.6}.take-btn{background:linear-gradient(180deg,var(--color-danger) 0,var(--color-danger-dark) 100%);box-shadow:0 6px 0 var(--color-charcoal);color:var(--color-cream)}.take-btn:hover:not(:disabled){box-shadow:0 8px 0 var(--color-charcoal);transform:translateY(-2px)}.take-btn:active:not(:disabled){box-shadow:0 2px 0 var(--color-charcoal);transform:translateY(4px)}.take-btn:disabled{background:#64646480;box-shadow:0 4px 0 var(--color-charcoal);color:#ffffff80;cursor:not-allowed;opacity:.6}.history-sidebar{background:var(--color-cream);border-left:var(--border-xl);bottom:0;display:flex;flex-direction:column;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform var(--transition-base);width:350px;z-index:var(--z-modal)}.history-sidebar.open{transform:translateX(0)}.history-toggle{align-items:center;background:var(--color-cream);border:var(--border-thick);border-radius:var(--radius-none);border-right:none;box-shadow:var(--shadow-brutal-sm);color:var(--color-charcoal);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);gap:var(--space-xs);left:-48px;letter-spacing:.05em;padding:var(--space-sm) var(--space-xs);position:absolute;text-orientation:mixed;text-transform:uppercase;top:50%;transform:translateY(-50%);transition:all var(--transition-fast);writing-mode:vertical-rl}.history-toggle:hover{background:var(--color-amber);transform:translateY(-50%) translateX(-2px)}.history-toggle-text{writing-mode:vertical-rl}.history-badge{background:var(--color-charcoal);border:2px solid var(--color-charcoal);border-radius:var(--radius-none);color:var(--color-amber);font-family:var(--font-mono);font-size:11px;font-weight:var(--font-weight-bold);min-width:20px;padding:2px 6px;text-align:center}.history-content{background:repeating-linear-gradient(0deg,#0000,#0000 20px,#00000008 0,#00000008 21px);flex:1 1;overflow-y:auto;padding:var(--space-md)}.history-content .history-header{align-items:center;border-bottom:4px solid var(--color-charcoal);display:flex;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-sm)}.history-content h4{color:var(--color-charcoal);font-family:var(--font-display);font-size:var(--font-size-xl);letter-spacing:.05em;margin:0;text-transform:uppercase}.history-content .history-count{background:var(--color-amber);border:var(--border-thick);border-radius:var(--radius-none);box-shadow:2px 2px 0 #0000004d;color:var(--color-charcoal);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:4px var(--space-sm)}.history-list{flex-direction:column}.history-item,.history-list{display:flex;gap:var(--space-sm)}.history-item{animation:slideInRight .3s cubic-bezier(.4,0,1,1);border-bottom:1px dashed var(--color-charcoal);border-left:4px solid;font-family:var(--font-mono);padding:var(--space-sm)}.history-item.info{background:#667eea1a;border-left-color:var(--color-amber)}.history-item.action{background:#4caf501a;border-left-color:var(--color-success)}.history-item.special{background:#ff98001a;border-left-color:var(--color-orange)}.history-item.warning{background:#ff6b6b1a;border-left-color:var(--color-danger)}.history-icon{flex-shrink:0;font-size:var(--font-size-lg)}.history-text{flex:1 1}.history-message{color:var(--color-charcoal);font-size:var(--font-size-sm);line-height:1.4;margin-bottom:4px}.history-time{color:#1c1c1e80;font-size:11px}.player-hands{margin-bottom:var(--space-lg)}.hand-section{background:var(--color-felt-green);border:var(--border-thick);border-radius:var(--radius-none);box-shadow:var(--shadow-brutal);margin-bottom:var(--space-md);padding:var(--space-md)}.hand-section h4{color:var(--color-amber);font-family:var(--font-display);letter-spacing:.05em;margin-bottom:var(--space-sm);text-shadow:2px 2px 0 #0000004d;text-transform:uppercase}.loading-overlay{align-items:center;background:#1c1c1ef2;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-overlay)}.loading-spinner{animation:spin 1s linear infinite;border-top:6px solid var(--color-burgundy);border:6px solid var(--color-burgundy);border-radius:var(--radius-none);border-top-color:var(--color-amber);height:60px;margin:0 auto var(--space-md);width:60px}.loading-text{color:var(--color-cream);font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}@media (max-width:768px){.compact-game-info{flex-direction:column;gap:var(--space-xs);padding:var(--space-sm)}.table-container{flex-direction:column;gap:var(--space-md);height:50vh;width:95vw}.opponents-list{bottom:auto;flex-direction:row;left:var(--space-sm);overflow-x:auto;overflow-y:hidden;padding:5px;position:fixed;top:80px;width:calc(100vw - 20px)}.opponent-card{min-width:150px}.central-plate{height:200px;width:200px}.plate-cards{height:160px;width:160px}.opponent-avatar{font-size:var(--font-size-lg);height:40px;width:40px}.action-btn{font-size:var(--font-size-xs);padding:6px var(--space-sm)}.history-sidebar{width:280px}}@media (max-width:480px){.central-plate{height:160px;width:160px}.opponent-card{min-width:120px;padding:var(--space-sm)}.history-sidebar{width:100%}.action-bar{flex-direction:column;gap:4px}.play-btn,.take-btn{width:100%}}.card{background:linear-gradient(135deg,#fff,#f5f5f5);border:3px solid var(--color-charcoal);border-radius:2px;box-shadow:4px 4px 8px #0006,inset 0 0 0 1px #fffc;color:var(--color-charcoal);cursor:default;height:100px;padding:4px;position:relative;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;width:70px}.card-rank{font-family:var(--font-mono);font-size:16px;font-weight:var(--font-weight-bold);line-height:1;top:4px}.card-rank,.card-suit{left:6px;position:absolute}.card-suit{font-size:12px;top:20px}.card:after{bottom:4px;content:attr(data-rank);font-family:var(--font-mono);font-size:16px;font-weight:var(--font-weight-bold)}.card:after,.card:before{line-height:1;position:absolute;right:6px;transform:rotate(180deg)}.card:before{bottom:20px;content:attr(data-suit);font-size:12px}.card .suit-symbol{font-size:32px;left:50%;opacity:.15;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.card.diamonds .card-rank,.card.diamonds .card-suit,.card.diamonds:after,.card.diamonds:before,.card.hearts .card-rank,.card.hearts .card-suit,.card.hearts:after,.card.hearts:before{color:var(--color-card-red)}.card.clubs .card-rank,.card.clubs .card-suit,.card.clubs:after,.card.clubs:before,.card.spades .card-rank,.card.spades .card-suit,.card.spades:after,.card.spades:before{color:var(--color-card-black)}.card.diamonds .suit-symbol,.card.hearts .suit-symbol{color:var(--color-card-red)}.card.clubs .suit-symbol,.card.spades .suit-symbol{color:var(--color-card-black)}.card.selectable{border:3px solid var(--color-charcoal);cursor:pointer}.card.selectable:hover{border-color:var(--color-amber);box-shadow:6px 6px 12px #00000080,inset 0 0 0 1px #ffffffe6;transform:translateY(-12px) rotate(-2deg);z-index:10}.card.selected{animation:selectionGlow 1.5s ease-in-out infinite;background:var(--color-amber);border-color:var(--color-orange);box-shadow:0 0 20px #ffb700cc,0 0 40px #ffb70099,4px 4px 8px #0006;transform:translateY(-20px) rotate(-3deg)}.card.selected,.card.selected .card-rank,.card.selected .card-suit,.card.selected .suit-symbol,.card.selected:after,.card.selected:before{color:var(--color-charcoal)}.card.disabled{cursor:not-allowed;filter:grayscale(70%);opacity:.5}.unrevealed{background:repeating-conic-gradient(from 45deg,var(--color-burgundy) 0deg 90deg,#a00000 90deg 180deg);border:3px solid var(--color-charcoal);box-shadow:4px 4px 8px #0006;color:#0000;cursor:not-allowed}.unrevealed:before{color:var(--color-amber);font-size:40px;left:50%;position:absolute;text-shadow:2px 2px 0 #0000004d;top:50%;transform:translate(-50%,-50%)}.card-back{color:var(--color-amber);font-size:20px}.mini-card{background:#fff;border:2px solid var(--color-charcoal);border-radius:2px;box-shadow:2px 2px 4px #0000004d;color:var(--color-charcoal);height:60px;padding:3px;position:relative;transition:all var(--transition-fast);width:45px}.mini-card:hover{box-shadow:4px 4px 6px #0006;transform:translateY(-3px)}.mini-card-rank{font-family:var(--font-mono);font-size:12px;font-weight:var(--font-weight-bold);left:4px;line-height:1;position:absolute;top:3px}.mini-card-suit{font-size:9px;left:4px;position:absolute;top:15px}.mini-card:after{bottom:3px;content:attr(data-rank);font-family:var(--font-mono);font-size:12px;font-weight:var(--font-weight-bold)}.mini-card:after,.mini-card:before{line-height:1;position:absolute;right:4px;transform:rotate(180deg)}.mini-card:before{bottom:15px;content:attr(data-suit);font-size:9px}.mini-card .suit-symbol{font-size:20px;left:50%;opacity:.15;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.mini-card.diamonds .mini-card-rank,.mini-card.diamonds .mini-card-suit,.mini-card.diamonds:after,.mini-card.diamonds:before,.mini-card.hearts .mini-card-rank,.mini-card.hearts .mini-card-suit,.mini-card.hearts:after,.mini-card.hearts:before{color:var(--color-card-red)}.mini-card.clubs .mini-card-rank,.mini-card.clubs .mini-card-suit,.mini-card.clubs:after,.mini-card.clubs:before,.mini-card.spades .mini-card-rank,.mini-card.spades .mini-card-suit,.mini-card.spades:after,.mini-card.spades:before{color:var(--color-card-black)}.mini-card.diamonds .suit-symbol,.mini-card.hearts .suit-symbol{color:var(--color-card-red)}.mini-card.clubs .suit-symbol,.mini-card.spades .suit-symbol{color:var(--color-card-black)}.opponent-mini-card{align-items:center;background:linear-gradient(135deg,#fff,#f5f5f5);border:2px solid var(--color-charcoal);border-radius:2px;box-shadow:2px 2px 4px #0000004d;display:flex;flex-direction:column;font-family:var(--font-mono);font-size:10px;font-weight:var(--font-weight-bold);height:45px;justify-content:center;margin:0 -4px;position:relative;transition:all var(--transition-fast);width:32px}.opponent-mini-card:hover{box-shadow:4px 4px 6px #0006;margin:0 2px;transform:translateY(-3px);z-index:10}.opponent-mini-card.diamonds,.opponent-mini-card.hearts{color:var(--color-card-red)}.opponent-mini-card.clubs,.opponent-mini-card.spades{color:var(--color-card-black)}.opponent-card-rank{font-family:var(--font-mono);font-size:12px;font-weight:var(--font-weight-bold)}.opponent-card-suit{font-size:10px}.no-revealed-cards{color:#fff6;font-family:var(--font-mono);font-size:11px;font-style:italic}.card-container{flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm);padding:var(--space-sm)}.card-container,.plate-cards{display:flex;justify-content:center}.plate-cards{align-items:center;height:200px;position:relative;width:200px}.plate-cards .mini-card{left:50%;margin:-30px 0 0 -22.5px;position:absolute;top:50%;transition:all var(--transition-base)}.plate-cards .mini-card.top-card{border:3px solid var(--color-amber);box-shadow:0 0 30px #ffb700cc,2px 2px 4px #0000004d;filter:brightness(1.1);z-index:100!important}.plate-count{background:var(--color-amber);border:var(--border-thick);border-radius:var(--radius-none);box-shadow:var(--shadow-brutal-sm);color:var(--color-charcoal);font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);height:40px;justify-content:center;position:absolute;right:-40px;top:-40px;width:40px}.plate-count,.player-hand{align-items:center;display:flex}.player-hand{flex-direction:column;gap:4px;margin-top:var(--space-sm);padding:0 60px}.hand-row{align-items:center;display:flex;gap:var(--space-xs);justify-content:center;position:relative}.hand-label{color:var(--color-cream);font-family:var(--font-display);font-size:11px;font-weight:var(--font-weight-bold);left:-70px;letter-spacing:.05em;position:absolute;text-align:right;text-transform:uppercase;width:60px}.hand-row .cards{display:flex;height:65px;padding:0 var(--space-sm);position:relative}.hand-row .card{flex-shrink:0;height:60px;margin-left:-28px;position:relative;transition:all .3s cubic-bezier(.4,0,1,1);width:45px}.hand-row .card:first-child{margin-left:0}.hand-row .card .card-rank{font-size:14px;left:4px;top:3px}.hand-row .card .card-suit{font-size:10px;left:4px;top:17px}.hand-row .card:after{bottom:3px;font-size:14px;right:4px}.hand-row .card:before{bottom:17px;font-size:10px;right:4px}.hand-row .card .suit-symbol{font-size:24px}.hand-row .card:hover{transform:translateY(-15px) scale(1.08);z-index:50!important}.hand-row .card.selected{transform:translateY(-20px) scale(1.05) rotate(-3deg)}.hand-row .card.selectable:hover{transform:translateY(-15px) scale(1.08) rotate(-2deg)}@media (max-width:768px){.card{height:85px;width:60px}.card-rank,.card:after{font-size:18px}.card-suit,.card:before{font-size:12px}.hand-row .card{height:55px;margin-left:-25px;width:40px}.hand-row .card:first-child{margin-left:0}.hand-row .card .card-rank,.hand-row .card:after{font-size:12px;top:2px}.hand-row .card .card-suit,.hand-row .card:before{font-size:9px;top:14px}.hand-row .card:after{bottom:2px}.hand-row .card:before{bottom:14px}.hand-label{font-size:10px;left:-55px;width:50px}.opponent-mini-card{height:38px;margin:0 -6px;width:28px}.opponent-card-rank{font-size:10px}.opponent-card-suit{font-size:8px}}@media (max-width:480px){.card{height:75px;width:50px}.card-rank,.card:after{font-size:16px}.hand-row .card{height:50px;width:36px}}.round-transition-overlay{align-items:center;animation:fadeIn .2s cubic-bezier(.4,0,1,1);background:#1c1c1ef2;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:var(--z-overlay)}.round-transition-content{background:var(--color-felt-green);border:var(--border-2xl);box-shadow:var(--shadow-brutal-lg);max-width:700px;padding:var(--space-xl);text-align:center;transform:rotate(-1deg)}.transition-icon{animation:trophyBounce 1s ease-in-out infinite;font-size:80px;margin-bottom:var(--space-md)}.transition-title{color:var(--color-amber);font-family:var(--font-display);font-size:var(--font-size-5xl);letter-spacing:.08em;margin-bottom:var(--space-sm);text-shadow:3px 3px 0 var(--color-orange),6px 6px 0 #00000080;text-transform:uppercase}.transition-subtitle{color:var(--color-cream);font-family:var(--font-body);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md)}.first-player{color:var(--color-amber);font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:.05em;margin-top:var(--space-sm);text-transform:uppercase}.round-scores{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-lg);max-height:250px;overflow-y:auto}.score-item{align-items:center;background:var(--color-cream);border:var(--border-thick);border-radius:var(--radius-none);box-shadow:var(--shadow-brutal-sm);display:flex;justify-content:space-between;padding:var(--space-sm) var(--space-md)}.score-name{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.score-name,.score-value{color:var(--color-charcoal)}.score-value{font-family:var(--font-mono);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.tournament-results{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:var(--space-md)}.results-container{animation:scaleIn .4s cubic-bezier(.4,0,1,1);background:var(--color-charcoal);border:var(--border-2xl);box-shadow:var(--shadow-brutal-lg);max-width:800px;padding:var(--space-xl);transform:rotate(-.5deg);width:100%}.results-title{color:var(--color-amber);font-family:var(--font-display);font-size:var(--font-size-5xl);letter-spacing:.08em;margin-bottom:var(--space-sm);text-align:center;text-shadow:3px 3px 0 var(--color-orange),6px 6px 0 #00000080;text-transform:uppercase}.rounds-info{color:var(--color-cream);font-family:var(--font-mono);font-size:var(--font-size-lg);opacity:.8}.rounds-info,.winner-section{margin-bottom:var(--space-lg);text-align:center}.winner-section{border-bottom:6px solid var(--color-burgundy);padding:var(--space-xl) 0}.winner-trophy{animation:trophyBounce 1s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,183,0,.6));font-size:120px;margin-bottom:var(--space-md)}.winner-name{animation:neonFlicker 2s infinite;color:var(--color-amber);font-family:var(--font-display);font-size:var(--font-size-5xl);letter-spacing:.08em;margin-bottom:var(--space-sm);text-shadow:0 0 10px var(--color-amber),0 0 20px var(--color-amber),0 0 40px var(--color-amber),4px 4px 0 var(--color-orange),8px 8px 0 #00000080;text-transform:uppercase}.winner-score{color:var(--color-cream);font-family:var(--font-mono);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.final-standings h4{color:var(--color-amber);font-family:var(--font-display);font-size:var(--font-size-3xl);letter-spacing:.05em;margin-bottom:var(--space-md);text-align:center;text-shadow:2px 2px 0 #0000004d;text-transform:uppercase}.standings-list{display:flex;flex-direction:column;gap:var(--space-sm)}.standing-item{align-items:center;background:var(--color-cream);border:var(--border-thick);border-radius:var(--radius-none);box-shadow:var(--shadow-brutal-sm);display:flex;padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.standing-item:hover{box-shadow:var(--shadow-brutal);transform:translateX(4px) translateY(-2px)}.standing-item.rank-1{background:linear-gradient(135deg,gold,orange);border-color:var(--color-gold);box-shadow:0 0 20px #ffd70099,var(--shadow-brutal-sm)}.standing-item.rank-1:hover{box-shadow:0 0 30px #ffd700cc,var(--shadow-brutal)}.standing-item.rank-2{background:linear-gradient(135deg,silver,#a8a8a8);border-color:silver;box-shadow:var(--shadow-brutal-sm)}.standing-item.rank-3{background:linear-gradient(135deg,#cd7f32,sienna);border-color:#cd7f32;box-shadow:var(--shadow-brutal-sm)}.rank{color:var(--color-charcoal);font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);min-width:50px;text-align:center}.standing-item.rank-1 .rank{color:var(--color-charcoal);text-shadow:1px 1px 0 #ffffff80}.standing-item.rank-2 .rank{color:var(--color-charcoal);text-shadow:1px 1px 0 #ffffff4d}.standing-item.rank-3 .rank{color:var(--color-cream);text-shadow:1px 1px 0 #0000004d}.player-name{flex:1 1;font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-align:left;text-transform:uppercase}.player-name,.standing-item.rank-1 .player-name,.standing-item.rank-2 .player-name{color:var(--color-charcoal)}.standing-item.rank-3 .player-name{color:var(--color-cream)}.player-score{font-family:var(--font-mono);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);min-width:80px;text-align:right}.player-score,.standing-item.rank-1 .player-score,.standing-item.rank-2 .player-score{color:var(--color-charcoal)}.standing-item.rank-3 .player-score{color:var(--color-cream)}.play-again-btn{background:linear-gradient(180deg,var(--color-success) 0,var(--color-success-dark) 100%);border:var(--border-thick);border-radius:var(--radius-none);box-shadow:0 6px 0 var(--color-charcoal);color:var(--color-charcoal);cursor:pointer;font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:.05em;margin-top:var(--space-lg);padding:var(--space-md);text-transform:uppercase;transition:all var(--transition-fast);width:100%}.play-again-btn:hover{background:linear-gradient(180deg,#5cff5c 0,var(--color-success) 100%);box-shadow:0 8px 0 var(--color-charcoal);transform:translateY(-2px)}.play-again-btn:active{box-shadow:0 2px 0 var(--color-charcoal);transform:translateY(4px)}@media (max-width:768px){.results-container{padding:var(--space-md)}.results-title{font-size:var(--font-size-4xl);text-shadow:2px 2px 0 var(--color-orange),4px 4px 0 #00000080}.winner-trophy{font-size:80px}.winner-name{font-size:var(--font-size-4xl);text-shadow:0 0 10px var(--color-amber),0 0 20px var(--color-amber),3px 3px 0 var(--color-orange),6px 6px 0 #00000080}.winner-score{font-size:var(--font-size-xl)}.final-standings h4{font-size:var(--font-size-2xl)}.standing-item{padding:var(--space-sm)}.rank{font-size:var(--font-size-lg);min-width:40px}.player-name{font-size:var(--font-size-base)}.player-score{font-size:var(--font-size-lg);min-width:60px}.play-again-btn{font-size:var(--font-size-lg);padding:var(--space-sm)}.transition-title{font-size:var(--font-size-4xl)}.transition-subtitle{font-size:var(--font-size-xl)}.round-transition-content{padding:var(--space-lg)}}@media (max-width:480px){.results-title{font-size:var(--font-size-3xl)}.winner-trophy{font-size:60px}.winner-name{font-size:var(--font-size-3xl)}.winner-score{font-size:var(--font-size-lg)}.final-standings h4{font-size:var(--font-size-xl)}.standing-item{flex-direction:column;gap:var(--space-xs);text-align:center}.rank{min-width:auto}.player-name,.player-score{text-align:center}.player-score{min-width:auto}.play-again-btn{font-size:var(--font-size-base)}.transition-title{font-size:var(--font-size-3xl)}.transition-subtitle{font-size:var(--font-size-lg)}.transition-icon{font-size:60px}}
/*# sourceMappingURL=main.59b68ad9.css.map*/