body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}.card-deck-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.card-deck{display:flex;gap:20px;position:relative}.deck-card{flex-shrink:0;width:300px;height:200px;perspective:1000px;transition:transform .3s ease}.deck-card.current{transform:scale(1.05);z-index:10}.deck-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d}.deck-card-back,.deck-card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 30px #0000004d}.deck-card-back{background:linear-gradient(135deg,#d32f2f,#b71c1c);border:2px solid #FFD700;top:0;left:0;overflow:hidden}.deck-card-pattern{position:absolute;width:100%;height:100%;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.05) 10px,rgba(255,255,255,.05) 20px),repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(255,255,255,.05) 10px,rgba(255,255,255,.05) 20px)}.deck-card-number{font-size:60px;font-weight:700;color:#ffffffe6;text-shadow:0 4px 20px rgba(0,0,0,.3);z-index:1}.deck-card-front{background:linear-gradient(135deg,gold,#ffa000);border:2px solid #D32F2F;transform:rotateY(180deg)}.deck-card-content{width:90%;height:90%;background:#fffffff2;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:15px}.deck-card-text{font-size:32px;font-weight:700;color:#333;text-align:center;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.deck-card.correct .deck-card-front{border-color:#4ade80;box-shadow:0 0 20px #4ade8099}.deck-card.skipped .deck-card-front{border-color:#ef4444;box-shadow:0 0 20px #ef444499}.deck-card.correct .deck-card-content,.deck-card.skipped .deck-card-content{background:#ffffffe6}.deck-card.correct .deck-card-text{color:#059669}.deck-card.skipped .deck-card-text{color:#b91c1c;text-decoration:line-through}.timer-panel{background:#14141ed9;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px;box-shadow:0 10px 40px #0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.timer-main{display:flex;justify-content:space-between;align-items:flex-start}.timer-display{flex:1}.timer-label{font-size:16px;color:#fff9;margin-bottom:5px;text-transform:uppercase;letter-spacing:2px}.timer-value{font-size:72px;font-weight:700;color:#4ade80;font-family:Courier New,monospace;text-shadow:0 0 20px rgba(74,222,128,.4);transition:color .3s ease}.timer-value.urgent{color:#ef4444;text-shadow:0 0 20px rgba(239,68,68,.6);animation:pulse 1s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.progress-info{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:15px}.card-counter{font-size:20px;color:#ffffffe6;font-weight:600;padding:8px 16px;background:#ffffff1a;border-radius:8px;display:inline-block}.score-board{display:flex;gap:15px}.score-item{display:flex;flex-direction:column;align-items:center;background:#0003;padding:10px 20px;border-radius:12px;min-width:80px}.score-item.correct{border-bottom:3px solid #4ade80}.score-item.skipped{border-bottom:3px solid #ef4444}.score-item .label{font-size:12px;color:#fff9;margin-bottom:4px}.score-item .value{font-size:28px;font-weight:700;color:#fff}.leaderboard-toggle{position:fixed;right:0;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,gold,#ff6f00);border:none;border-radius:12px 0 0 12px;padding:20px 15px;cursor:pointer;box-shadow:-5px 5px 20px #0000004d;z-index:100;display:flex;flex-direction:column;align-items:center;gap:10px;transition:all .3s ease}.leaderboard-toggle:hover{padding-right:20px}.toggle-icon{font-size:24px;color:#8b0000}.toggle-text{writing-mode:vertical-rl;font-size:16px;font-weight:700;color:#8b0000;letter-spacing:2px}.leaderboard-panel{position:fixed;right:0;top:0;width:400px;height:100vh;background:linear-gradient(135deg,#8b0000fa,#b71c1cfa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:2px solid rgba(255,215,0,.3);box-shadow:-10px 0 40px #00000080;z-index:99;display:flex;flex-direction:column;overflow:hidden}.leaderboard-header{padding:30px;border-bottom:2px solid rgba(255,255,255,.1)}.leaderboard-title{font-size:32px;color:gold;margin:0 0 10px;font-weight:700;text-shadow:0 0 20px rgba(255,215,0,.5)}.leaderboard-count{font-size:14px;color:#fff9;text-transform:uppercase;letter-spacing:1px}.leaderboard-headers{display:flex;padding:15px 20px 5px;color:#ffffff80;font-size:12px;text-transform:uppercase;letter-spacing:1px}.col-rank{width:50px;text-align:center}.col-name{flex:1;padding-left:10px}.col-score{width:60px;text-align:center}.col-time{width:80px;text-align:right}.leaderboard-list{flex:1;overflow-y:auto;padding:10px 20px 20px}.leaderboard-list::-webkit-scrollbar{width:8px}.leaderboard-list::-webkit-scrollbar-track{background:#ffffff0d}.leaderboard-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.empty-state{text-align:center;padding:60px 20px;color:#ffffff80}.empty-state p{margin:10px 0;font-size:18px}.empty-hint{font-size:14px!important;color:#ffffff4d!important}.leaderboard-item{display:flex;align-items:center;gap:0;padding:15px 10px;background:#ffffff0d;border-radius:12px;margin-bottom:12px;transition:all .3s ease}.leaderboard-item:hover{background:#ffffff1a;transform:translate(-5px)}.leaderboard-item.champion{background:linear-gradient(135deg,#ffd70033,#ffc10733);border:2px solid rgba(255,215,0,.5);box-shadow:0 0 20px #ffd7004d}.rank{width:50px;font-size:20px;font-weight:700;color:#ffffffb3;text-align:center;flex-shrink:0}.champion .rank{font-size:24px}.team-name{flex:1;font-size:16px;color:#fff;font-weight:600;padding-left:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.team-score{width:60px;font-size:16px;color:#4ade80;font-weight:700;text-align:center;flex-shrink:0}.team-time{width:80px;font-size:16px;color:gold;font-family:Courier New,monospace;font-weight:700;text-align:right;flex-shrink:0}.champion .team-time{color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center}.modal-container{position:relative;width:90%;max-width:500px;background:linear-gradient(135deg,#8b0000fa,#b71c1cfa);border:2px solid #FFD700;border-radius:24px;padding:40px;box-shadow:0 20px 60px #00000080,0 0 40px #ffd7004d;z-index:1001}.modal-header{text-align:center;margin-bottom:30px}.modal-title{font-size:32px;color:gold;margin:0 0 10px;font-weight:700;text-shadow:0 0 20px rgba(255,215,0,.5)}.modal-subtitle{font-size:16px;color:#ffffffe6;margin:0}.modal-form{margin-bottom:30px}.team-input{width:100%;padding:18px 24px;font-size:18px;border:2px solid #FFD700;border-radius:12px;background:#ffffff26;color:#fff;outline:none;transition:all .3s ease;margin-bottom:20px}.team-input::placeholder{color:#ffffff80}.team-input:focus{border-color:#ffa000;background:#fff3;box-shadow:0 0 20px #ffd70066}.modal-actions{display:flex;gap:15px}.btn{flex:1;padding:16px 24px;font-size:16px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn-cancel{background:#ffffff26;color:#ffffffe6;border:1px solid rgba(255,255,255,.3)}.btn-cancel:hover{background:#ffffff40;color:#fff}.btn-submit{background:linear-gradient(135deg,gold,#ff6f00);color:#8b0000;font-weight:700}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #ffd70080}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.modal-hint{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.modal-hint p{font-size:14px;color:#fff9;margin:8px 0}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a;display:flex;justify-content:center;align-items:center;z-index:9999}.loading-content{width:400px;text-align:center;padding:40px;background:#ffffff0d;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 50px #00000080;border:1px solid rgba(255,255,255,.1)}.loading-title{color:#fff;font-size:24px;margin-bottom:30px;letter-spacing:2px}.progress-bar-container{width:100%;height:10px;background:#ffffff1a;border-radius:5px;overflow:hidden;margin-bottom:15px;box-shadow:inset 0 2px 5px #0003}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#4ade80,#3b82f6);border-radius:5px;box-shadow:0 0 10px #4ade8080}.progress-text{color:#4ade80;font-size:20px;font-weight:700;font-family:Courier New,monospace;margin-bottom:10px}.loading-hint{color:#ffffff80;font-size:12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.app{width:100vw;height:100vh;background:linear-gradient(135deg,#8b0000,#b71c1c,#4a0000);position:relative;overflow:hidden}.background-animation{position:absolute;width:100%;height:100%;overflow:hidden;z-index:0}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 20s ease-in-out infinite}.orb-1{width:500px;height:500px;background:radial-gradient(circle,#FFD700 0%,transparent 70%);top:-200px;left:-200px;animation-delay:0s}.orb-2{width:600px;height:600px;background:radial-gradient(circle,#FF6F00 0%,transparent 70%);bottom:-250px;right:-250px;animation-delay:7s}.orb-3{width:400px;height:400px;background:radial-gradient(circle,#FFA000 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-50px,50px) scale(.9)}}.main-content{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;padding:40px;gap:30px}.card-area{flex:6;display:flex;align-items:center;justify-content:center}.timer-area{flex:4;display:flex;align-items:flex-start;justify-content:center}.idle-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:25vh;background-size:cover;background-position:center}.game-title{font-size:72px;font-weight:700;color:#fff;margin-bottom:20px;text-shadow:0 0 30px rgba(255,255,255,.3)}.game-subtitle{font-size:28px;color:#ffffffb3;margin-bottom:60px;letter-spacing:4px}.start-hint{font-size:24px;color:#ffffffe6;display:flex;align-items:center;justify-content:center;gap:15px}.ready-screen{width:100%;height:100%;display:flex;flex-direction:column}.ready-hint{text-align:center;margin-top:20px;font-size:24px;color:gold;display:flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;font-weight:600}.running-screen{width:100%;height:100%;display:flex;flex-direction:column}.game-header{text-align:center;margin-bottom:20px;flex-shrink:0}.team-display{font-size:32px;color:#fff;font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.3)}.control-hint{text-align:center;margin-top:20px;font-size:20px;color:#ffffffb3;display:flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0}.finish-screen{text-align:center;position:relative;width:100%}.finish-back-button{position:absolute;top:0;right:0;padding:12px 32px;font-size:16px;font-weight:600;background:linear-gradient(135deg,gold,#ff6f00);color:#8b0000;border:none;border-radius:12px;cursor:pointer;box-shadow:0 5px 20px #ffd70066;transition:all .3s ease}.finish-back-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ffd70099}.finish-title{font-size:64px;color:gold;margin-bottom:40px;text-shadow:0 0 30px rgba(255,215,0,.5)}.finish-info{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,215,0,.3);border-radius:20px;padding:40px;margin-bottom:40px;display:inline-block;min-width:400px}.finish-team{font-size:28px;color:gold;margin-bottom:20px}.finish-time{font-size:24px;color:#ffffffe6}.finish-time span{font-size:48px;color:gold;font-family:Courier New,monospace;font-weight:700;display:block;margin-top:10px;text-shadow:0 0 20px rgba(255,215,0,.6)}.finish-button{padding:18px 48px;font-size:20px;font-weight:600;background:linear-gradient(135deg,gold,#ff6f00);color:#8b0000;border:none;border-radius:12px;cursor:pointer;box-shadow:0 10px 30px #ffd70066;transition:all .3s ease;margin-bottom:20px}.finish-button:hover{transform:translateY(-2px);box-shadow:0 15px 40px #ffd70099}.finish-hint{font-size:16px;color:#ffffff80;display:flex;align-items:center;justify-content:center;gap:10px}kbd{display:inline-block;padding:8px 16px;font-size:16px;font-family:monospace;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:8px;box-shadow:0 4px #0003;color:#fff;font-weight:700}