body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--red-color:#9c332d;--blue-color:#3d6b92;--neutral-color:#b2b6ad;--black-color:#222;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 8px 16px #0000001a;--font-primary:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.App{-webkit-font-smoothing:antialiased;background:linear-gradient(135deg,#f5f7fa,#e4e8eb);min-height:100vh;text-align:center}.App,body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-primary);font-size:1rem}body,html{margin:0;padding:0}button{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-primary);font-size:1rem}.game-board{display:flex;margin:0 auto;max-width:1400px}.game-container{padding:20px;width:100%}.grid-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(5,1fr);width:100%}.bottom-controls{align-items:center;justify-content:flex-end;margin-top:12px;width:100%}.side-panel{flex-shrink:0;max-height:100%;padding:20px;width:min(360px,32%)}.game-info{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);box-sizing:border-box;display:flex;flex-direction:column;gap:12px;padding:20px;width:100%}.game-info h2{align-items:center;border-radius:8px;display:flex;font-weight:600;justify-content:center;margin:0;padding:12px}.game-header h2.red,.game-info h2.red{color:#9c332d;color:var(--red-color)}.game-header h2.blue,.game-info h2.blue{color:#3d6b92;color:var(--blue-color)}.score-progress{display:flex;gap:16px;justify-content:center}.team-progress{flex-direction:column}.team-progress,.timer-box{align-items:center;display:flex}.timer-box{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);gap:12px;justify-content:center;padding:5.5px}.timer-display{color:#2c3e50;font-weight:600;min-width:70px;text-align:center}.control-icons{gap:12px}.control-icon{align-items:center;background:#fff;border:none;border-radius:6px;box-shadow:none;color:#2c3e50;display:inline-flex;font-size:1.2rem;height:32px;justify-content:center;line-height:0;margin:0;outline:none;padding:0;transition:all .15s ease;width:32px}.control-icon:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.end-turn-button{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:12px;transition:all .15s ease}.end-turn-button.red{background-color:#9c332d;background-color:var(--red-color);color:#fff}.end-turn-button.blue{background-color:#3d6b92;background-color:var(--blue-color);color:#fff}.end-turn-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.toggle-buttons{flex:1 1}.new-game-btn,.toggle-btn{background:#0000;border:none;border-radius:4px;color:#64748b;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:500;padding:6px 12px;transition:all .15s ease;white-space:nowrap}.toggle-btn.active{background:#fff;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);color:#2c3e50}.toggle-btn:hover:not(.active){background:#ffffff80}.new-game-btn{background:#eaeef1;color:#2c3e50;width:100%}.new-game-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.grid-item{aspect-ratio:1;border-radius:16px;cursor:pointer;overflow:hidden;position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.34,1.56,.64,1);will-change:transform}.card-inner{position:relative;text-align:center;transition:transform .6s}.card-face,.card-inner{height:100%;transform-style:preserve-3d;width:100%}.card-face{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:16px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);box-sizing:border-box;display:flex;justify-content:center;overflow:hidden;position:absolute}.card-face.front{transform:rotateY(0);z-index:2}.card-face.back{transform:rotateY(180deg);z-index:1}.card-image{height:100%;object-fit:cover;transform:scale(1.04);transform-origin:center;width:100%}.grid-item.just-clicked{animation:revealAnimation 2s cubic-bezier(.4,0,.2,1) forwards;transform-origin:center}.grid-item.just-clicked .card-inner{animation:revealAnimationCard 2s cubic-bezier(.4,0,.2,1) forwards}.grid-item.revealed .card-inner{transform:rotateY(180deg)}.grid-item.touch-hover,.grid-item:hover{transform:scale(1.5);z-index:10000}.grid-item:not(:hover):not(.touch-hover){transition-timing-function:cubic-bezier(.34,.25,.64,1)}.grid-item.spymaster-red{border-color:#9c332d;border-color:var(--red-color)}.grid-item.spymaster-blue{border-color:#3d6b92;border-color:var(--blue-color)}.grid-item.spymaster-neutral{border-color:#b2b6ad;border-color:var(--neutral-color)}.grid-item.spymaster-black{border-color:#222;border-color:var(--black-color)}.grid-item.spymaster-black,.grid-item.spymaster-blue,.grid-item.spymaster-neutral,.grid-item.spymaster-red{background:currentColor;box-shadow:0 0 .3rem .5rem currentColor}.toggle-switch{height:40px;position:relative;width:100%}.toggle-switch input{height:0;opacity:0;width:0}.toggle-switch label{align-items:center;background:#f0f0f0;border-radius:20px;cursor:pointer;display:flex;height:100%;justify-content:space-between;padding:0 12px;position:relative;transition:all .3s ease;width:100%}.toggle-button{background:#fff;border-radius:16px;bottom:4px;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);content:"";height:32px;left:4px;position:absolute;transition:.3s cubic-bezier(.4,0,.2,1);width:50%}.toggle-switch input:checked+label{background:#2c3e50;color:#fff}.toggle-switch input:checked+label .toggle-button{transform:translateX(calc(100% - 8px))}.toggle-switch input:checked+label:hover .toggle-button,.toggle-switch label:hover .toggle-button{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md)}@keyframes revealAnimation{0%,90%{transform:scale(1) translate(0);z-index:1000}to{transform:scale(1) translate(0);z-index:auto}20%,80%{transform:scale(3) translate(0,0);transform:scale(3) translate(calc(var(--card-translate-x, 0)/3),calc(var(--card-translate-y, 0)/3));z-index:1000}}@keyframes revealAnimationCard{0%{transform:rotateY(0deg)}20%{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}to{transform:rotateY(180deg)}20%,50% :after{background:#000c;border-radius:4px;color:#fff;content:"";content:var(--card-message,"");font-size:16px;left:50%;padding:8px 16px;position:absolute;top:-30px;transform:translateX(-50%);white-space:nowrap}}@keyframes messageSlide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.grid-item.spymaster-red{color:#9c332d;color:var(--red-color)}.grid-item.spymaster-blue{color:#3d6b92;color:var(--blue-color)}.grid-item.spymaster-neutral{color:#b2b6ad;color:var(--neutral-color)}.grid-item.spymaster-black{color:#222;color:var(--black-color)}.color-overlay{animation:fadeInTint .5s forwards;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%}@keyframes fadeInTint{0%{opacity:0}to{opacity:.5}}.color-overlay.red{background-color:#9c332d;background-color:var(--red-color)}.color-overlay.blue{background-color:#3d6b92;background-color:var(--blue-color)}.color-overlay.neutral{background-color:#b2b6ad;background-color:var(--neutral-color)}.color-overlay.black{background-color:#222;background-color:var(--black-color);padding:20px}@media (max-width:768px){body,button,html{font-size:.85rem}.grid-container{gap:18px;grid-template-columns:repeat(4,1fr)}.turn-indicator{align-items:center;display:flex;gap:12px;justify-content:space-between}.turn-indicator h2{margin:0}.game-board{flex-direction:column;gap:12px;padding:12px}.game-container{padding:0}.score-progress{gap:8px;padding:0}.timer-box{border-radius:8px;gap:4px;padding:4px}.control-icons{gap:4px}.control-icon{height:24px;width:24px}.end-turn-button{border-radius:8px;padding:6px}.bottom-controls{justify-content:center;margin-top:4px;padding:0}.new-game-btn,.toggle-btn{padding:4px 8px}.new-game-btn{margin-top:12px}.message-content{margin-top:16px}}@media (max-width:480px){.bottom-controls{align-items:stretch;flex-direction:column;gap:8px}.new-game-btn,.toggle-buttons{width:100%}}.timer-display{font-weight:700}.control-icons{align-items:center;display:flex;gap:5px}.control-icon{cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;width:2em}.copy-link{margin-left:10px}.role-toggle{align-items:center;display:flex}.toggle-buttons{background:#f1f5f9;border-radius:6px;display:flex;gap:1px;padding:2px}.side-panel-mobile{background:#fff;border-radius:12px;box-shadow:0 -4px 6px #0000001a;margin-top:12px;padding:12px}.game-header{display:flex;flex-direction:column;gap:12px}.score-row{gap:12px;justify-content:space-between}.message-content,.score-row{align-items:center;display:flex}.message-content{font-weight:500;gap:8px;justify-content:center;text-align:center;width:100%}.mobile-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.mobile-controls .toggle-buttons{flex:1 1;min-width:200px}.mobile-controls .new-game-btn,.mobile-controls .share-btn{padding:8px 16px;white-space:nowrap}
/*# sourceMappingURL=main.2cfb1405.css.map*/