:root{--bg-color: #1a1a2e;--box-color: #16213e;--accent-color: #0f3460;--highlight-color: #e94560;--neon-blue: #4dfff3;--text-color: #ffffff;--text-muted: #a0a0a0}body,html{margin:0;padding:0;height:100%;background-color:var(--bg-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text-color)}.start-page-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.login-box{background-color:var(--box-color);padding:40px;border-radius:20px;box-shadow:0 10px 25px #00000080;text-align:center;width:100%;max-width:450px;border:1px solid var(--accent-color)}h1{margin-bottom:30px;font-size:1.8rem;text-transform:uppercase;letter-spacing:1px}.main-avatar-wrapper{position:relative;width:150px;height:150px;margin:0 auto 30px;cursor:pointer;border-radius:50%;border:4px solid var(--neon-blue);overflow:hidden;background-color:var(--accent-color);transition:transform .2s,box-shadow .2s}.main-avatar-wrapper:hover{transform:scale(1.05);box-shadow:0 0 15px var(--neon-blue)}.main-avatar{width:100%;height:100%;object-fit:cover}.edit-hint{position:absolute;bottom:0;left:0;width:100%;background:#000000b3;font-size:.8rem;padding:5px 0;opacity:0;transition:opacity .3s}.main-avatar-wrapper:hover .edit-hint{opacity:1}.avatar-selector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:30px;background:var(--bg-color);padding:15px;border-radius:10px;border:2px solid var(--accent-color);animation:fadeIn .3s ease-in-out}.avatar-option{width:100%;aspect-ratio:1/1;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .2s;background-color:var(--box-color)}.avatar-option:hover{border-color:var(--neon-blue);transform:scale(1.1)}.avatar-option.active{border-color:var(--neon-blue);background-color:var(--accent-color);box-shadow:0 0 10px var(--neon-blue)}.login-form{display:flex;flex-direction:column;gap:15px}.username-input{padding:15px;border-radius:10px;border:2px solid var(--accent-color);background-color:var(--bg-color);color:var(--text-color);font-size:1.1rem;outline:none;transition:border-color .3s}.username-input::placeholder{color:var(--text-muted)}.username-input:focus{border-color:var(--neon-blue)}.submit-button{padding:15px;border-radius:10px;border:none;background:linear-gradient(45deg,var(--accent-color),var(--neon-blue));color:var(--bg-color);font-size:1.2rem;font-weight:700;cursor:pointer;text-transform:uppercase;transition:transform .2s,filter .2s}.submit-button:hover{transform:translateY(-3px);filter:brightness(1.1);box-shadow:0 5px 15px #4dfff366}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.homepage-container{height:100vh;background-color:var(--bg-color);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;color:#fff}.header-profile{position:absolute;top:20px;right:30px;cursor:pointer;z-index:10}.profile-info{display:flex;align-items:center;gap:15px;padding:10px 20px;background:#ffffff1a;border-radius:50px;transition:background .3s;border:1px solid rgba(255,255,255,.2)}.profile-info:hover{background:#fff3}.profile-name{font-size:1.2rem;font-weight:700}.profile-avatar-small{width:50px;height:50px;border-radius:50%;border:2px solid #4dfff3;background:#0f3460}.action-buttons-container{display:flex;gap:50px;align-items:center}.big-action-btn{width:250px;height:300px;font-size:2rem;font-weight:700;border:none;border-radius:20px;cursor:pointer;text-transform:uppercase;transition:transform .2s,box-shadow .2s;color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 10px 20px #00000080}.create-btn{background:linear-gradient(135deg,#0f3460,#16213e);border:3px solid #4dfff3}.join-btn{background:linear-gradient(135deg,#4a1c40,#1a1a2e);border:3px solid #e94560}.big-action-btn:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0009}.create-btn:hover{box-shadow:0 0 25px #4dfff366}.join-btn:hover{box-shadow:0 0 25px #e9456066}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:100}.modal-content{background:#16213e;padding:30px;border-radius:20px;border:2px solid #4dfff3;width:400px;text-align:center;animation:fadeIn .3s}.modal-main-avatar{width:100px;height:100px;border-radius:50%;margin-bottom:20px;background:#0f3460}.modal-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-bottom:20px}.mini-avatar{width:100%;border-radius:50%;cursor:pointer;opacity:.6;transition:.2s}.mini-avatar.selected{opacity:1;border:2px solid #4dfff3;transform:scale(1.2)}.modal-input{width:90%;padding:10px;margin-bottom:20px;background:#1a1a2e;border:1px solid #4dfff3;color:#fff;border-radius:5px;font-size:1.1rem}.modal-actions{display:flex;justify-content:space-between}.save-btn,.cancel-btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-weight:700}.save-btn{background:#4dfff3;color:#1a1a2e}.cancel-btn{background:transparent;color:#aaa;border:1px solid #aaa}.create-lobby-container{display:flex;height:100vh;width:100vw;background-color:#1a1a2e;color:#fff;overflow:hidden}.left-panel{width:35%;background-color:#16213e;padding:40px;display:flex;flex-direction:column;justify-content:space-between;border-right:2px solid #0f3460}.settings-top{display:flex;flex-direction:column;gap:20px}.input-label{font-size:1.2rem;color:#4dfff3;font-weight:700;text-transform:uppercase}.room-id-input{background:#0f3460;border:2px solid #4dfff3;color:#fff;padding:15px;font-size:1.5rem;border-radius:10px;outline:none;width:100%;box-sizing:border-box}.room-id-input::placeholder{color:#a0a0a0}.checkbox-container{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:1.2rem;-webkit-user-select:none;user-select:none}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#0f3460;border:2px solid #a0a0a0;border-radius:5px}.checkbox-container:hover input~.checkmark{background-color:#ccc}.checkbox-container input:checked~.checkmark{background-color:#4dfff3;border-color:#4dfff3}.create-lobby-btn{width:100%;padding:20px;background:linear-gradient(45deg,#0f3460,#4dfff3);border:none;border-radius:10px;font-size:1.5rem;font-weight:700;color:#1a1a2e;cursor:pointer;text-transform:uppercase;transition:transform .2s}.create-lobby-btn:hover{transform:scale(1.02);box-shadow:0 0 20px #4dfff366}.right-panel{width:65%;padding:40px;display:flex;flex-direction:column}.games-headline{margin-top:0;margin-bottom:20px;font-size:1.8rem;text-align:right;color:#e94560}.games-scroll-area{flex-grow:1;overflow-y:auto;padding-right:10px}.games-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.game-card{background-color:#16213e;border:2px solid transparent;border-radius:15px;padding:20px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s}.game-card:hover{background-color:#1f2b4d;transform:translateY(-5px)}.game-card.selected{border-color:#e94560;box-shadow:0 0 15px #e9456066}.game-icon-placeholder{width:80px;height:80px;border-radius:50%;border:2px solid #a0a0a0;margin-bottom:10px;background-color:#ffffff0d}.game-name{font-size:1rem;color:#a0a0a0;font-weight:700}.games-scroll-area::-webkit-scrollbar{width:10px}.games-scroll-area::-webkit-scrollbar-track{background:#0f3460}.games-scroll-area::-webkit-scrollbar-thumb{background:#e94560;border-radius:5px}.join-lobby-container{display:flex;height:100vh;width:100vw;background-color:#1a1a2e;color:#fff;overflow:hidden}.col-left{width:25%;background-color:#12182b;border-right:1px solid #0f3460;display:flex;flex-direction:column;padding:20px;height:100%;box-sizing:border-box}.col-center{width:40%;background-color:#16213e;border-right:1px solid #0f3460;display:flex;flex-direction:column;padding:20px;height:100%;box-sizing:border-box}.col-right{width:35%;background-color:#1a1a2e;display:flex;flex-direction:column;padding:20px;position:relative;height:100%;box-sizing:border-box}.search-section{margin-bottom:30px;flex-shrink:0}.search-section label{display:block;color:#4dfff3;margin-bottom:10px;font-weight:700}.search-section input{width:100%;padding:10px;background:#0f3460;border:1px solid #4dfff3;color:#fff;border-radius:5px;font-size:1.1rem;box-sizing:border-box}.sort-section{display:flex;flex-direction:column;flex-grow:1;min-height:0}.sort-section h3{color:#e94560;margin-bottom:15px;font-size:1rem;flex-shrink:0}.mini-games-list{overflow-y:auto;flex-grow:1;padding-right:5px}.mini-game-item{display:flex;align-items:center;gap:10px;padding:8px;margin-bottom:5px;border-radius:5px;cursor:pointer;background:#ffffff0d;transition:.2s}.mini-game-item:hover{background:#ffffff1a}.mini-game-item.active{background:#0f3460;border:1px solid #e94560}.mini-circle{width:20px;height:20px;border-radius:50%;background:#aaa}.col-center h2{text-align:center;margin-bottom:20px;color:#4dfff3;flex-shrink:0}.lobby-list{overflow-y:auto;flex-grow:1;display:flex;flex-direction:column;gap:15px;min-height:0;padding-right:5px}.lobby-card{background:#1f2b4d;padding:20px;border-radius:10px;cursor:pointer;border:2px solid transparent;transition:transform .2s;flex-shrink:0}.lobby-card:hover{transform:scale(1.02)}.lobby-card.active{border-color:#4dfff3;background:#25355e;box-shadow:0 0 15px #4dfff34d}.lobby-info-row{display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;font-weight:700}.creator-name{color:#fff}.lobby-id{color:#a0a0a0;font-family:monospace}.match-info{font-size:.8rem;color:#e94560;margin-top:5px;text-align:right}.right-header{margin-top:0;text-align:center;color:#a0a0a0;font-weight:400;margin-bottom:20px;flex-shrink:0}.creator-games-area{flex-grow:1;overflow-y:auto;background:#0003;border-radius:10px;padding:15px;margin-bottom:80px;min-height:0}.placeholder-text,.no-games-text{text-align:center;color:#666;margin-top:50px}.creator-games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.creator-game-card{background:#0f3460;padding:10px;border-radius:8px;display:flex;flex-direction:column;align-items:center;text-align:center;font-size:.9rem}.creator-game-icon{width:40px;height:40px;background:#ccc;border-radius:50%;margin-bottom:5px}.join-room-btn{position:absolute;bottom:20px;right:20px;left:20px;padding:15px;font-size:1.5rem;font-weight:700;background:linear-gradient(45deg,#e94560,#ff6b6b);color:#fff;border:none;border-radius:10px;cursor:pointer;box-shadow:0 5px 15px #00000080;transition:.2s}.join-room-btn:disabled{background:#555;cursor:not-allowed;box-shadow:none}.join-room-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 20px #e9456080}.mini-games-list::-webkit-scrollbar,.lobby-list::-webkit-scrollbar,.creator-games-area::-webkit-scrollbar{width:8px}.mini-games-list::-webkit-scrollbar-track,.lobby-list::-webkit-scrollbar-track,.creator-games-area::-webkit-scrollbar-track{background:transparent}.mini-games-list::-webkit-scrollbar-thumb,.lobby-list::-webkit-scrollbar-thumb,.creator-games-area::-webkit-scrollbar-thumb{background:#4dfff3;border-radius:4px}.gameroom-container{display:flex;width:100%;height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}.room-left{width:500px;display:flex;flex-direction:column;border-right:1px solid #333;background:#0003}.player-ranking-section{flex:1;padding:20px;overflow-y:auto;border-bottom:1px solid #333;flex-shrink:0}.player-ranking-section h3{margin-top:0;color:#4dfff3;font-size:1.1rem;margin-bottom:15px}.ranking-list{display:flex;flex-direction:column;gap:10px}.player-card{display:flex;align-items:center;background:#2b3652;padding:10px;border-radius:8px;position:relative;border:1px solid transparent;transition:transform .2s}.player-card.rank-1{border-color:gold;background:linear-gradient(90deg,#2b3652,#3e4c70)}.rank-number{font-size:1.2rem;font-weight:700;margin-right:10px;color:#888;width:30px}.rank-1 .rank-number{color:gold}.player-avatar{width:40px;height:40px;border-radius:50%;margin-right:10px;border:2px solid #555;object-fit:cover}.player-details{display:flex;flex-direction:column;flex:1}.player-name{font-weight:700;font-size:.95rem}.player-points{font-size:.8rem;color:#aaa}.ready-indicator{font-size:.7rem;padding:4px 8px;border-radius:4px;font-weight:700;text-transform:uppercase}.ready-indicator.ready{background:#00e676;color:#1a1a2e}.ready-indicator.not-ready{background:#444;color:#aaa}.chat-section{display:flex;flex:1;flex-direction:column;background:#1f2940;min-height:0}.chat-window{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:8px}.chat-empty{color:#555;text-align:center;margin-top:20px;font-style:italic}.chat-bubble{max-width:80%;padding:8px 12px;border-radius:10px;font-size:.9rem;position:relative;word-wrap:break-word}.my-msg{align-self:flex-end;background:#4dfff3;color:#1a1a2e;border-bottom-right-radius:0}.other-msg{align-self:flex-start;background:#333;color:#fff;border-bottom-left-radius:0}.chat-sender{font-size:.7rem;display:block;margin-bottom:2px;opacity:.7;font-weight:700}.chat-time{font-size:.65rem;display:block;margin-top:4px;opacity:.6;text-align:right}.chat-input-area{display:flex;padding:10px;background:#1a1a2e;border-top:1px solid #333}.chat-input-area input{flex:1;padding:10px;border-radius:20px;border:1px solid #444;background:#222;color:#fff;outline:none}.chat-input-area button{margin-left:10px;background:none;border:none;font-size:1.5rem;color:#4dfff3;cursor:pointer}.room-right{flex:1;padding:30px;display:flex;flex-direction:column;position:relative}.game-selection-area{display:flex;gap:30px;height:100%}.my-selection-col{flex:2;display:flex;flex-direction:column;background:#1f2940;border-radius:15px;padding:20px;box-shadow:0 10px 30px #0000004d}.my-selection-col h3{margin-top:0;color:#4dfff3;margin-bottom:15px;border-bottom:1px solid #333;padding-bottom:10px}.games-list-scroll{flex:1;overflow-y:auto;padding-right:5px;display:flex;flex-direction:column;gap:8px}.game-item-row{display:flex;align-items:center;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s;background:#ffffff08;border:1px solid transparent}.game-item-row:hover{background:#ffffff14}.game-item-row.selected{background:#4dfff326;border-color:#4dfff3;box-shadow:0 0 15px #4dfff31a}.game-item-row.locked-game{opacity:.4;filter:grayscale(1)}.random-opt{border:1px dashed #666;font-style:italic}.game-icon-small{width:40px;height:40px;border-radius:8px;background:#0003;display:flex;justify-content:center;align-items:center;font-size:1.5rem;margin-right:15px}.opponent-selection-col{flex:1;display:flex;flex-direction:column;background:#1f2940;border-radius:15px;padding:20px;align-items:center;text-align:center;box-shadow:0 10px 30px #0000004d}.opponent-selection-col h3{color:#ff5252;margin-bottom:30px}.opponent-choice-display{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.big-game-icon{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,#2b3652,#16213e);border:4px solid #ff5252;display:flex;justify-content:center;align-items:center;font-size:4rem;margin-bottom:20px;box-shadow:0 0 30px #ff52524d;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.big-game-name{font-size:1.5rem;font-weight:700;color:#fff;max-width:100%;word-wrap:break-word}.waiting-text{color:#666;font-style:italic;animation:pulse 1.5s infinite}.room-actions{position:absolute;bottom:30px;right:30px;display:flex;gap:15px}.leave-btn{padding:15px 30px;background:#333;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;font-size:1rem;transition:background .2s}.leave-btn:hover{background:#444}.ready-btn{padding:15px 40px;background:#00e676;color:#1a1a2e;border:none;border-radius:8px;font-weight:700;cursor:pointer;font-size:1.1rem;box-shadow:0 5px 15px #00e67666;transition:all .2s}.ready-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00e67699}.ready-btn.is-ready{background:#ff3d00;color:#fff;box-shadow:0 5px 15px #ff3d0066}.ready-btn.is-ready:hover{box-shadow:0 8px 20px #ff3d0099}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:#444;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#666}.ttt-container{display:flex;flex-direction:column;align-items:center;color:#fff}.ttt-grid{display:flex;flex-direction:column;gap:2px;background-color:#4dfff3;padding:2px;border-radius:5px;margin-top:20px}.ttt-row{display:flex;gap:2px}.ttt-cell{width:40px;height:40px;background-color:#1a1a2e;display:flex;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;cursor:default}.ttt-cell.clickable:hover{background-color:#25355e;cursor:pointer}.ttt-cell.X{color:#4dfff3;text-shadow:0 0 5px #4dfff3}.ttt-cell.O{color:#e94560;text-shadow:0 0 5px #e94560}.game-status{font-size:1.5rem;margin-bottom:10px;padding:10px;background:#0000004d;border-radius:10px}.game-status.win{color:gold;border:1px solid #ffd700}.game-status.draw{color:#aaa;border:1px solid #aaa}.bs-container{display:flex;flex-direction:column;align-items:center;color:#fff;width:100%}.bs-grid{display:flex;flex-direction:column;gap:1px;background-color:#0f3460;padding:2px;border:2px solid #4dfff3;margin-top:10px}.bs-row{display:flex;gap:1px}.bs-cell{width:30px;height:30px;background-color:#1a1a2e;display:flex;justify-content:center;align-items:center;font-size:.8rem;cursor:default;-webkit-user-select:none;user-select:none}.ship{background-color:#a0a0a0;color:#000;font-weight:700}.C{background-color:#555}.B{background-color:#666}.R{background-color:#777}.S{background-color:#888}.D{background-color:#999}.play-mode{width:90%}.boards-wrapper{display:flex;gap:50px;margin-top:20px}.active-target .bs-cell.fog:hover{background-color:#25355e;cursor:crosshair;border:1px solid #e94560}.hit{background-color:#e94560!important;color:#fff}.miss{background-color:#16213e!important;color:#aaa}.sunk{background-color:#222!important;color:#e94560;border:1px solid #e94560;text-decoration:line-through}.destroyed{background-color:#000!important;border:1px solid red;opacity:.7}.revealed-ship{background-color:gold!important;color:#000}.revealed-water{background-color:#00b09b!important;opacity:.5}.damaged{background-color:#ff4d4d;border:1px solid red}.splash{background-color:#4dfff3;opacity:.3}.marker-x{position:absolute;font-size:1.5rem;color:#8b0000;font-weight:700}.tools-menu{display:flex;gap:10px;margin-bottom:10px}.tools-menu button{padding:5px 10px;border:1px solid #4dfff3;background:transparent;color:#fff;cursor:pointer}.tools-menu button.active{background:#4dfff3;color:#000}.tools-menu button:disabled{border-color:#555;color:#555;cursor:not-allowed}.sub-tool{border-color:#e94560!important;color:#e94560!important}.setup-controls button{margin-left:10px;padding:10px;background:#4dfff3;border:none;cursor:pointer}.turn-indicator{font-size:1.2rem;margin:10px 0;padding:10px 20px;background:#333;border-radius:5px}.turn-indicator.my-turn{background:#4dfff3;color:#000;font-weight:700;box-shadow:0 0 10px #4dfff3}.pong-container{display:flex;flex-direction:column;align-items:center;width:100%;color:#fff}.score-board{display:flex;gap:50px;font-size:2rem;font-weight:700;font-family:Courier New,monospace;margin-bottom:10px}.score.me{color:#4dfff3;text-shadow:0 0 10px #4dfff3}.score.enemy{color:#e94560;text-shadow:0 0 10px #e94560}.pong-field{position:relative;width:800px;max-width:95%;aspect-ratio:800 / 500;background-color:#050510;border:4px solid #fff;box-shadow:0 0 20px #fff3;overflow:hidden}.center-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 10px,transparent 10px,transparent 20px);transform:translate(-50%)}.paddle{position:absolute;width:1.25%;background-color:#fff;box-shadow:0 0 10px #fff;border-radius:4px;transition:top .05s linear}.my-paddle{background-color:#4dfff3;box-shadow:0 0 15px #4dfff3}.enemy-paddle{background-color:#e94560;box-shadow:0 0 15px #e94560}.ball{position:absolute;width:1.25%;aspect-ratio:1/1;background-color:gold;border-radius:50%;box-shadow:0 0 15px gold;transform:translate(-50%,-50%)}.controls-hint{margin-top:10px;color:#888;font-size:.9rem}.tank-container{display:flex;flex-direction:column;align-items:center;color:#fff}.tank-hp-bar{display:flex;gap:40px;font-size:1.5rem;margin-bottom:10px;font-weight:700;text-shadow:0 0 5px black}.tank-field{position:relative;background-color:#1a1a1a;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;border:4px solid #555;box-shadow:0 0 20px #000;overflow:hidden}.wall{position:absolute;background-color:#555;border:2px solid #777;box-shadow:5px 5px 15px #000000b3;background-image:repeating-linear-gradient(45deg,#555,#555 10px,#444 10px 20px)}.tank{position:absolute;width:40px;height:40px;display:flex;justify-content:center;align-items:center;transition:left .05s linear,top .05s linear,transform .05s linear;z-index:10}.tank-tracks{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.tank-tracks:before,.tank-tracks:after{content:"";position:absolute;left:0;width:100%;height:8px;background-color:#666;border:1px solid #333;background-image:repeating-linear-gradient(90deg,transparent,transparent 3px,#222 3px,#222 5px)}.tank-tracks:before{top:0}.tank-tracks:after{bottom:0}.tank-body{position:relative;width:32px;height:24px;border:2px solid rgba(0,0,0,.5);z-index:2;border-radius:3px;box-shadow:inset 0 0 5px #00000080}.tank-hatch{position:absolute;top:50%;left:30%;width:10px;height:10px;background:#0000004d;border-radius:50%;transform:translateY(-50%)}.tank-barrel{position:absolute;right:-8px;width:28px;height:6px;background-color:#555;border:1px solid #bbb;border-radius:2px;z-index:3;box-shadow:2px 2px 2px #00000080}.bullet{position:absolute;width:10px;height:10px;background-color:#fff;border:2px solid #ffd700;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px orange,0 0 15px red;z-index:5}.sumo-container{display:flex;flex-direction:column;align-items:center;color:#fff;width:100%;height:100%;overflow:hidden}.sumo-arena{position:relative;margin-top:20px;background-color:tan;border-radius:50%;border:15px solid #8b4513;box-shadow:0 0 50px #000c inset;overflow:visible}.arena-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:#0000001a;border-radius:50%}.sumo-player{position:absolute;width:60px;height:60px;border-radius:50%;border:3px solid black;box-shadow:0 5px 15px #00000080;display:flex;justify-content:center;align-items:center;transition:left .03s linear,top .03s linear}.sumo-player.me{border-color:#fff;box-shadow:0 0 20px #4dfff3}.mawashi{width:100%;height:10px;background-color:#00000080;position:absolute}.energy-bar{position:absolute;bottom:-15px;width:80%;height:6px;background:#333;border-radius:3px;overflow:hidden}.energy-fill{height:100%;background-color:gold;transition:width .1s linear}.hurdles-container{display:flex;flex-direction:column;align-items:center;color:#fff;width:100%}.progress-bar-container{width:80%;height:10px;background:#333;margin:20px 0;border-radius:5px;position:relative;border:1px solid #555}.progress-dot{position:absolute;width:10px;height:10px;border-radius:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 5px #fff;transition:left .1s linear;z-index:2}.progress-finish{position:absolute;right:0;top:0;bottom:0;width:2px;background:#fff}.track-window{width:800px;height:400px;border:4px solid white;background-color:#87ceeb;overflow:hidden;position:relative;border-radius:10px;z-index:1}.world-container{position:absolute;top:0;left:0;height:100%;transition:transform .03s linear}.track-sky{position:absolute;top:0;left:-1000px;width:50000px;height:65%;background:linear-gradient(to bottom,#87ceeb,#e0f6ff);z-index:0}.track-floor{position:absolute;bottom:0;left:-1000px;width:50000px;height:35%;background-color:sienna;border-top:5px solid #eee;z-index:1}.track-lines{position:absolute;top:50%;left:0;width:100%;height:2px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.5),rgba(255,255,255,.5) 50px,transparent 50px,transparent 100px)}.finish-line{position:absolute;bottom:20px;height:250px;width:20px;display:flex;justify-content:center;z-index:2}.finish-post{position:absolute;width:10px;height:100%;background:#ddd;bottom:0;border:2px solid #555}.finish-post.left{left:-15px}.finish-post.right{right:15px}.finish-banner{position:absolute;top:20px;background:repeating-linear-gradient(45deg,#000,#000 20px,#fff 20px 40px);padding:10px 40px;color:#fff;font-weight:700;font-size:1.5rem;text-shadow:2px 2px 4px black;border:3px solid black;z-index:10}.hurdle{position:absolute;bottom:20px;width:60px;height:70px;pointer-events:none;z-index:3}.hurdle-top-bar{position:absolute;top:0;left:-5px;width:70px;height:12px;background:repeating-linear-gradient(90deg,#f33,#f33 15px,#eee 15px 30px);border:2px solid #333;border-radius:2px;z-index:2;box-shadow:2px 5px 5px #0000004d}.hurdle-stand{position:absolute;width:6px;height:100%;background:#ccc;border:1px solid #999;bottom:0}.hurdle-stand.left{left:5px}.hurdle-stand.right{right:5px}.hurdle-stand:after{content:"";position:absolute;bottom:-2px;left:-10px;width:26px;height:6px;background:#bbb;border:1px solid #888}.runner-container{position:absolute;width:40px;height:80px;transform:translate(-50%);transition:bottom .03s linear,left .03s linear;z-index:10}.runner-sprite{position:relative;width:100%;height:100%}.head{position:absolute;top:0;left:10px;width:20px;height:20px;background:#ffdbac;border-radius:50%;border:2px solid #d4a373;z-index:5}.head:after{content:"";position:absolute;top:3px;right:-2px;width:15px;height:5px;background:#333}.torso{position:absolute;top:18px;left:5px;width:30px;height:35px;border-radius:5px;border:2px solid rgba(0,0,0,.2);z-index:4}.limb{position:absolute;background:#333;width:8px;border-radius:4px;transform-origin:top center}.arm{height:28px;top:20px;z-index:3}.arm.left{left:8px}.arm.right{left:24px;z-index:6}.leg{height:35px;top:50px;z-index:2}.leg.left{left:10px}.leg.right{left:22px;z-index:3}@keyframes runCycle{0%{transform:rotate(30deg)}50%{transform:rotate(-30deg)}to{transform:rotate(30deg)}}@keyframes runCycleOpposite{0%{transform:rotate(-30deg)}50%{transform:rotate(30deg)}to{transform:rotate(-30deg)}}.runner-sprite.running .arm.left{animation:runCycle .4s infinite linear}.runner-sprite.running .arm.right,.runner-sprite.running .leg.left{animation:runCycleOpposite .4s infinite linear}.runner-sprite.running .leg.right{animation:runCycle .4s infinite linear}.runner-sprite.stumbled .head{transform:rotate(-20deg) translate(-5px,5px)}.runner-sprite.stumbled .torso{transform:rotate(-10deg)}.runner-sprite.stumbled .arm.left{transform:rotate(-60deg)}.runner-sprite.stumbled .arm.right{transform:rotate(-80deg)}.runner-sprite.stumbled .leg.left{transform:rotate(20deg)}.runner-sprite.stumbled .leg.right{transform:rotate(45deg)}.speedometer{margin-top:10px;font-size:2rem;font-weight:700;color:gold}.controls-hint{margin:10px;font-size:1.2rem;color:gold;text-shadow:0 0 5px black}.archery-container{display:flex;flex-direction:column;align-items:center;width:100%;height:100dvh;max-height:100dvh;overflow:hidden;background-color:#2b2b2b;padding:10px;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff}.archery-header{display:flex;justify-content:space-between;width:100%;max-width:800px;height:80px;margin-bottom:10px;gap:10px;flex-shrink:0}.hud-wood-panel{background:repeating-linear-gradient(90deg,#5d4037,#5d4037 10px,#4e342e 10px 20px);border:3px solid #3e2723;border-radius:8px;box-shadow:0 4px 6px #00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px}.hud-wood-panel.left,.hud-wood-panel.right{width:80px}.hud-wood-panel.center{flex-grow:1;position:relative}.score-gem{font-size:1.5rem;font-weight:700;color:gold;text-shadow:0 2px 0 #b8860b;background:#0000004d;padding:2px 10px;border-radius:5px}.score-gem.enemy{color:#ff6b6b;text-shadow:0 2px 0 #c0392b}.arrow-icon{font-size:.8rem;filter:grayscale(1);opacity:.3}.arrow-icon.active{filter:none;opacity:1}.wind-compass{display:flex;flex-direction:column;align-items:center;width:100%}.wind-text{font-size:.7rem;color:#81d4fa;letter-spacing:1px}.wind-gauge{display:flex;align-items:center;gap:10px;width:100%;justify-content:center}.wind-needle{font-size:1.5rem;transition:transform .5s ease}.calm{color:#81d4fa;font-style:italic}.game-message{position:absolute;bottom:-5px;background:#3e2723;color:#fff;padding:2px 10px;border-radius:10px;font-size:.8rem;border:1px solid #8d6e63;white-space:nowrap}.field-wrapper{flex-grow:1;width:100%;max-width:900px;display:flex;justify-content:center;align-items:center;overflow:hidden;min-height:0}.archery-field{position:relative;width:100%;aspect-ratio:16/9;max-height:100%;border:4px solid #3e2723;border-radius:5px;overflow:hidden;background:#87ceeb;box-shadow:inset 0 0 50px #0003}.bg-sky{position:absolute;top:0;left:0;width:100%;height:70%;background:linear-gradient(to bottom,#4fc3f7,#e1f5fe);z-index:0}.bg-clouds .cloud{position:absolute;background:#fffc;border-radius:50%;z-index:1}.c1{width:100px;height:40px;top:20%;left:10%;animation:floatCloud 20s linear infinite}.c2{width:140px;height:60px;top:10%;left:60%;animation:floatCloud 35s linear infinite}.c3{width:80px;height:30px;top:30%;left:80%;animation:floatCloud 25s linear infinite}@keyframes floatCloud{0%{transform:translate(0)}to{transform:translate(-50px)}}.bg-mountains{position:absolute;bottom:20%;width:100%;height:50%;z-index:1}.bg-mountains:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:80%;background:linear-gradient(to bottom,#8d6e63,#5d4037);clip-path:polygon(0% 100%,0% 30%,15% 50%,35% 10%,55% 40%,70% 20%,85% 45%,100% 20%,100% 100%);opacity:.7}.bg-mountains:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:60%;background:linear-gradient(to bottom,#4e342e,#3e2723);clip-path:polygon(0% 100%,0% 50%,20% 80%,40% 30%,60% 70%,80% 40%,100% 60%,100% 100%)}.bg-ground{position:absolute;bottom:0;width:100%;height:20%;background:#558b2f;border-top:5px solid #7cb342;z-index:2}.grass-texture{width:100%;height:100%;background-image:repeating-linear-gradient(90deg,transparent,transparent 10px,rgba(0,0,0,.05) 10px,rgba(0,0,0,.05) 12px)}.archer{position:absolute;bottom:15%;left:5%;width:40px;height:80px;z-index:10}.archer-legs{position:absolute;bottom:0;width:100%;height:40%;background:#3e2723;border-radius:5px}.archer-tunic{position:absolute;top:20%;width:100%;height:50%;background:#2e7d32;border-radius:5px 5px 0 0;border-bottom:3px solid #fdd835}.archer-hood{position:absolute;top:0;left:5px;width:30px;height:30px;background:#1b5e20;border-radius:50% 50% 5px 5px;z-index:2}.bow-arm{position:absolute;top:25px;left:15px;width:60px;height:4px;transform-origin:0% 50%;z-index:5}.bow-wood{position:absolute;right:0;top:-25px;width:10px;height:60px;border-right:4px solid #8d6e63;border-radius:50%}.bow-string{position:absolute;right:0;top:-25px;width:1px;height:60px;background:#fff;opacity:.6}.loaded-arrow{position:absolute;top:1px;left:0;width:60px;height:2px;background:#000}.target{position:absolute;bottom:20%;width:20px;height:80px;transform:translate(-50%);z-index:5}.target-leg{position:absolute;width:4px;height:60px;background:#8d6e63;bottom:-10px}.target-leg.back{transform:rotate(15deg);left:15px}.target-leg.front{transform:rotate(-15deg);left:0}.straw-boss{position:absolute;top:0;width:20px;height:60px;background:beige;border:1px solid #333;display:flex;flex-direction:column}.ring{flex:1;border-top:1px solid rgba(0,0,0,.1)}.ring.white{background:#fff}.ring.black{background:#000}.ring.blue{background:#0288d1}.ring.red{background:#d32f2f}.ring.yellow{background:#fbc02d;flex:2;border:none}.distance-flag{position:absolute;bottom:-30px;left:-15px;background:#fff;color:#000;padding:2px 4px;font-size:.7rem;font-weight:700;border:1px solid #000}.flying-arrow{position:absolute;width:30px;height:3px;background:#000;z-index:20}.flying-arrow:after{content:"";position:absolute;left:0;top:-2px;width:8px;height:6px;background:red}.hit-popup{position:absolute;top:30%;left:50%;transform:translate(-50%);z-index:100;animation:popup 1s ease-out forwards}.hit-text{font-size:4rem;color:gold;text-shadow:2px 2px 0 #000;font-weight:700}.miss-text{font-size:3rem;color:#ccc;text-shadow:2px 2px 0 #000}@keyframes popup{0%{opacity:0;transform:translate(-50%,20px)}20%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}.wood-controls{flex-shrink:0;width:100%;max-width:800px;height:100px;background-color:#4e342e;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 10px,transparent 10px,transparent 20px);border:4px solid #3e2723;border-radius:10px;display:flex;justify-content:space-around;align-items:center;padding:10px;margin-top:10px;box-shadow:0 -5px 15px #00000080}.wood-controls.disabled{filter:grayscale(1);opacity:.7;pointer-events:none}.slider-group{display:flex;flex-direction:column;align-items:center;color:#d7ccc8;font-weight:700;width:35%}.wood-slider{-webkit-appearance:none;appearance:none;width:100%;height:10px;background:#3e2723;outline:none;border-radius:5px;border:1px solid #8d6e63;margin-top:5px}.wood-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;background:#8d6e63;border:2px solid #fff;border-radius:50%;cursor:pointer}.fire-btn-wood{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#d32f2f,#b71c1c);border:4px solid #5d4037;color:#fff;font-weight:700;font-size:1.2rem;box-shadow:0 5px 10px #00000080;cursor:pointer;transition:transform .1s}.fire-btn-wood:active{transform:scale(.95);box-shadow:inset 0 5px 10px #00000080}.airhockey-container{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;background-color:#111;color:#fff}.ah-hud{display:flex;justify-content:space-between;align-items:center;width:600px;margin-bottom:20px;font-family:Orbitron,sans-serif}.ah-score{font-size:3rem;font-weight:700;width:100px;text-align:center}.ah-score.p1{color:#4dfff3;text-shadow:0 0 10px #4dfff3}.ah-score.p2{color:#e94560;text-shadow:0 0 10px #e94560}.ah-timer-box{text-align:center;border:2px solid #333;padding:5px 20px;border-radius:10px;background:#222}.ah-timer-label{font-size:.8rem;color:#888}.ah-timer-val{font-size:1.5rem;font-weight:700;color:#fff}.ah-board{position:relative;background:#1a1a2e;border:8px solid #333;border-radius:20px;box-shadow:0 0 30px #00000080;overflow:hidden;cursor:none}.ah-center-line{position:absolute;left:50%;top:0;bottom:0;width:4px;background:#fff3;transform:translate(-50%)}.ah-center-circle{position:absolute;left:50%;top:50%;width:100px;height:100px;border:4px solid rgba(255,255,255,.2);border-radius:50%;transform:translate(-50%,-50%)}.ah-goal-area{position:absolute;top:50%;width:60px;height:160px;border:4px solid rgba(255,0,0,.3);transform:translateY(-50%)}.ah-goal-area.left{left:0;border-left:none;border-radius:0 20px 20px 0}.ah-goal-area.right{right:0;border-right:none;border-radius:20px 0 0 20px}.ah-mallet{position:absolute;border-radius:50%;border:3px solid rgba(255,255,255,.5);transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}.ah-mallet-handle{width:60%;height:60%;background:#0000004d;border-radius:50%}.ah-puck{position:absolute;background:#000;border:2px solid #555;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #000c;background:radial-gradient(circle at 30% 30%,#444,#000)}.controls-hint{margin-top:15px;color:#666;font-style:italic}.reaction-container{width:100%;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;cursor:pointer;transition:background-color .1s;font-family:Arial Black,sans-serif;color:#fff;text-align:center}.bg-waiting{background-color:#d32f2f;box-shadow:inset 0 0 100px #00000080}.bg-go{background-color:#00c853;box-shadow:inset 0 0 50px #b2ff59}.bg-fake{background-color:#2962ff;box-shadow:inset 0 0 50px #448aff}.bg-result{background-color:#212121}.reaction-scores{position:absolute;top:20px;display:flex;gap:50px;font-size:1.5rem;align-items:center}.score-box{background:#0000004d;padding:10px 20px;border-radius:10px;border:2px solid rgba(255,255,255,.2)}.score-box.me .value{color:#4dfff3}.score-box.opp .value{color:#e94560}.vs{font-style:italic;opacity:.5}.reaction-center{display:flex;flex-direction:column;align-items:center;transform:scale(1);transition:transform .1s}.reaction-container:active .reaction-center{transform:scale(.95)}.status-icon{font-size:6rem;margin-bottom:20px;text-shadow:0 5px 20px rgba(0,0,0,.5)}.main-text{font-size:4rem;text-transform:uppercase;text-shadow:0 5px 10px rgba(0,0,0,.5);line-height:1.1}.sub-text{margin-top:10px;font-size:1.5rem;opacity:.8}.pulse-warning{color:#ff1744;text-shadow:0 0 5px white;animation:warnPulse .2s infinite alternate}@keyframes warnPulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.winner-msg{font-size:5rem;color:gold;text-shadow:0 0 20px black;animation:pulse 1s infinite}.click-hint{position:absolute;bottom:30px;font-size:1.2rem;opacity:.5;letter-spacing:2px}.balloons-container{display:flex;flex-direction:column;align-items:center;width:100%;height:100dvh;background-color:#81d4fa;font-family:Comic Sans MS,Chalkboard SE,sans-serif;color:#fff;overflow:hidden}.bloon-hud{display:flex;justify-content:space-between;align-items:center;width:600px;margin:10px 0;padding:10px;background:#ffffff4d;border-radius:20px;border:3px solid white;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:10}.bloon-score{text-align:center}.bloon-score .val{font-size:2.5rem;font-weight:700;text-shadow:2px 2px 0 rgba(0,0,0,.2)}.bloon-score.me{color:#2979ff}.bloon-score.opp{color:#ff1744}.label{font-size:.8rem;opacity:.8;color:#01579b;font-weight:700}.bloon-timer{background:#fff;color:#ff9100;padding:5px 20px;border-radius:50px;font-size:2rem;font-weight:700;display:flex;align-items:center;gap:10px;box-shadow:0 5px 10px #0000001a}.bloon-field{position:relative;background:linear-gradient(to bottom,#81d4fa,#b3e5fc);border:8px solid white;border-radius:20px;box-shadow:0 10px 30px #0003;overflow:hidden;cursor:crosshair}.bg-cloud{position:absolute;background:#fff9;border-radius:50%}.b-c1{width:150px;height:60px;top:100px;left:50px}.b-c2{width:200px;height:80px;top:300px;right:80px}.balloon-wrapper{position:absolute;width:60px;height:80px;transform:translate(-50%,-50%);pointer-events:none;transition:top .05s linear}.balloon-body{width:50px;height:65px;border-radius:50%/40% 40% 60% 60%;position:relative;z-index:2}.balloon-body:after{content:"";position:absolute;top:10px;right:10px;width:10px;height:20px;border-radius:50%;background:#fffc;transform:rotate(-30deg)}.balloon-string{position:absolute;bottom:0;left:50%;width:2px;height:30px;background:#0000004d;transform:translate(-50%);z-index:1}.balloon-string:before{content:"";position:absolute;top:-2px;left:-3px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid rgba(0,0,0,.3)}.fs-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:#fff}.fs-boards{display:flex;gap:50px}.fs-grid{display:flex;flex-direction:column;background:#333;padding:10px;border-radius:10px;box-shadow:0 10px 30px #00000080}.fs-label{text-align:center;margin-bottom:10px;font-weight:700;color:#aaa}.fs-row{display:flex}.fs-cell{width:30px;height:30px;background-color:#f4a261;border:1px solid #e76f51;margin:1px;display:flex;justify-content:center;align-items:center;transition:background-color .2s}.fs-cell.cracking{background-color:#e76f51;animation:shake .5s infinite}.fs-cell.hole{background-color:#111;border:1px solid #333;box-shadow:inset 0 0 10px #000}.fs-player{width:20px;height:20px;border-radius:50%;box-shadow:0 0 5px #000}.controls-hint{margin-top:20px;font-size:1.2rem;color:gold}.ccr-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-family:Segoe UI,sans-serif;position:relative;overflow:hidden}.ccr-container.scrollable{align-items:flex-start;overflow-y:auto}.ccr-content{width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.ccr-container.centered{text-align:center}.ccr-header{display:flex;gap:30px;align-items:center;margin-bottom:20px}.letter-badge{font-size:4rem;font-weight:700;background:#ff5252;width:80px;height:80px;border-radius:10px;display:flex;justify-content:center;align-items:center;box-shadow:0 5px 15px #0000004d}.timer-badge{font-size:2.5rem;font-weight:700;font-family:monospace}.letter-display.animate{font-size:8rem;font-weight:700;color:#4dfff3;animation:pop .1s infinite}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.1)}}.ccr-grid{display:grid;gap:15px;width:100%;max-width:600px;margin-bottom:20px}.ccr-grid.input-mode{grid-template-columns:1fr}.ccr-grid.review-mode{grid-template-columns:1fr 1fr}.ccr-field{display:flex;align-items:center;background:#ffffff1a;padding:10px;border-radius:8px;transition:background .2s}.ccr-field:focus-within{background:#fff3}.ccr-field label{width:80px;font-weight:700;color:#aaa}.ccr-field input{flex:1;background:transparent;border:none;color:#fff;font-size:1.2rem;outline:none;border-bottom:1px solid #444;padding:5px}.ccr-field input:focus{border-bottom-color:#4dfff3}.ccr-review-card{background:#333;padding:15px;border-radius:8px;cursor:pointer;border:2px solid transparent;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .2s;-webkit-user-select:none;user-select:none}.ccr-review-card:hover{transform:translateY(-2px)}.ccr-review-card.valid{border-color:#00e676;background:#00e6761a}.ccr-review-card.invalid{border-color:#ff1744;background:#ff17441a;opacity:.8}.ccr-review-card.invalid .ans-text{text-decoration:line-through;opacity:.7}.cat-label{font-size:.8rem;color:#aaa;margin-bottom:5px;text-transform:uppercase;letter-spacing:1px}.ans-text{font-size:1.2rem;font-weight:700;word-break:break-word}.ccr-btn{padding:15px 40px;border:none;border-radius:50px;font-size:1.2rem;font-weight:700;cursor:pointer;box-shadow:0 5px 20px #0000004d;transition:transform .2s}.ccr-btn:hover{transform:scale(1.05)}.ccr-btn.submit{background:#4dfff3;color:#1a1a2e}.ccr-btn.review{background:gold;color:#1a1a2e;margin-top:20px}.ccr-btn.next{background:#00e676;color:#fff;margin-top:20px}.waiting-msg{text-align:center;font-size:1.5rem;color:#aaa;margin-top:50px}.spinner{font-size:3rem;margin-bottom:20px;animation:spin 2s infinite linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.results-table{width:100%;max-width:800px;background:#0000004d;border-radius:10px;padding:20px}.results-table .row{display:grid;grid-template-columns:100px 1fr 1fr;gap:10px;padding:10px;border-bottom:1px solid rgba(255,255,255,.1);align-items:center}.results-table .header{font-weight:700;color:#4dfff3;border-bottom:2px solid #4dfff3;text-align:center}.results-table .pts{display:flex;flex-direction:column;align-items:center}.res-word{font-size:1rem}.res-score{font-size:.9rem;font-weight:700}.pts.good .res-score{color:#00e676}.pts.bad .res-score{color:#ff1744}.pts.bad .res-word{opacity:.6;text-decoration:line-through}.win-msg{color:gold;font-size:3rem;text-shadow:0 0 20px black;margin-bottom:20px;text-align:center}.ws-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;background-color:#222;color:#fff;font-family:Courier New,monospace}.ws-timers{display:flex;justify-content:space-between;width:100%;padding:20px;background:#111;border-bottom:2px solid #444}.timer-box{text-align:center;padding:10px 20px;border-radius:10px;border:2px solid #555;background:#333;min-width:120px;transition:all .2s}.timer-box.active{border-color:#4dfff3;box-shadow:0 0 15px #4dfff333;transform:scale(1.05)}.timer-box.danger{border-color:#ff1744;color:#ff1744;animation:pulseRed .5s infinite}.timer-box .label{font-size:.8rem;color:#aaa;margin-bottom:5px}.timer-box .time{font-size:2rem;font-weight:700}@keyframes pulseRed{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.ws-board{flex:1;width:100%;max-width:800px;display:flex;flex-direction:column;align-items:center;padding:20px;overflow:hidden}.ws-winner{font-size:3rem;color:gold;margin-top:50px;text-shadow:0 0 10px black;animation:bounce 1s infinite}.ws-instruction{font-size:1.5rem;margin-top:20px}.ws-instruction.sub{font-size:1.2rem;color:#aaa;margin-top:10px}.highlight{color:#4dfff3;font-weight:700}.big-letter{display:inline-block;background:#ff5252;color:#fff;padding:0 10px;border-radius:5px;margin-left:10px}.ws-error{margin-top:10px;background:#ff1744;color:#fff;padding:5px 15px;border-radius:5px;font-weight:700;animation:shake .3s}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}to{transform:translate(0)}}.ws-chain{margin-top:30px;width:100%;flex:1;overflow-y:auto;display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start;padding:10px;background:#ffffff0d;border-radius:10px}.chain-word{font-size:1.2rem;color:#ccc}.chain-word:last-child{color:#4dfff3;font-weight:700;text-decoration:underline}.arrow{color:#555;margin-left:10px}.ws-input-area{width:100%;max-width:600px;padding:20px;display:flex;gap:10px}.ws-input-area input{flex:1;padding:15px;font-size:1.2rem;border-radius:5px;border:2px solid #555;background:#222;color:#fff;outline:none;text-transform:uppercase}.ws-input-area input:focus{border-color:#4dfff3}.ws-input-area input:disabled{opacity:.5;cursor:not-allowed}.ws-input-area button{padding:0 30px;font-weight:700;font-size:1.2rem;background:#4dfff3;color:#111;border:none;border-radius:5px;cursor:pointer}.ws-input-area button:disabled{background:#555;color:#888;cursor:not-allowed}.hangman-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;background:#202124;color:#fff;font-family:Courier New,monospace}.hm-status-bar{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:800px;padding:10px 20px;background:#303134;border-bottom:2px solid #555}.player-status{display:flex;flex-direction:column;align-items:center;padding:10px;border-radius:10px;transition:background .3s;width:120px}.player-status.active{background:#ffffff1a;border:1px solid #4dfff3}.player-status .label{font-size:.8rem;font-weight:700;margin-bottom:5px}.lives-text{font-size:.9rem;margin-top:5px}.vs-badge{font-size:1.5rem;font-weight:700;color:#555}.hangman-svg{width:60px;height:80px;stroke:#fff;stroke-width:3;fill:none}.hangman-svg .draw{display:none}.hangman-svg .draw.show{display:block}.hm-board{flex:1;display:flex;justify-content:center;align-items:center;width:100%;flex-direction:column}.word-display{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.char{font-size:3rem;width:50px;text-align:center;border-bottom:4px solid white;text-transform:uppercase}.char.empty{color:transparent}.char.revealed{color:#4dfff3;animation:revealPop .3s}@keyframes revealPop{0%{transform:scale(0)}to{transform:scale(1)}}.game-over-box{text-align:center}.res-msg{font-size:3rem;color:gold;font-weight:700}.res-sub{font-size:1.5rem;color:#ccc;margin:10px 0}.reveal-word{font-size:2rem;color:#4dfff3;margin-top:20px;border:2px solid #4dfff3;padding:10px 20px;border-radius:10px}.hm-controls{width:100%;max-width:800px;padding:20px;background:#303134;border-top:2px solid #555;display:flex;flex-direction:column;gap:15px;align-items:center}.keyboard{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.key-btn{width:40px;height:40px;font-size:1.2rem;font-weight:700;background:#444;color:#fff;border:none;border-radius:5px;cursor:pointer}.key-btn:hover:not(:disabled){background:#666}.key-btn.used{background:#222;color:#555;cursor:default}.key-btn:disabled{opacity:.5}.solve-form{display:flex;gap:10px;width:100%;max-width:400px}.solve-form input{flex:1;padding:10px;font-size:1rem;border-radius:5px;border:1px solid #555;background:#222;color:#fff}.solve-form button{padding:0 20px;font-weight:700;background:#ff5252;color:#fff;border:none;border-radius:5px;cursor:pointer}.solve-form button:disabled{background:#555;cursor:not-allowed}.turn-hint{font-size:1.2rem;color:#4dfff3;font-weight:700}.ws-main{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#222;color:#fff;-webkit-user-select:none;user-select:none;font-family:Verdana,sans-serif}.ws-hud{display:flex;justify-content:space-between;width:600px;margin-bottom:10px;font-size:1.5rem;font-weight:700}.score-panel.me{color:#00e676}.score-panel.opp{color:#ff1744}.timer-panel{font-family:monospace;font-size:2rem}.ws-grid-container{display:flex;flex-direction:column;background:#333;padding:5px;border-radius:5px;box-shadow:0 10px 30px #00000080;cursor:crosshair}.ws-row{display:flex}.ws-cell{width:25px;height:25px;display:flex;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;color:#ccc;border:1px solid #444}.ws-cell.selecting{background:#e040fb;color:#fff}.ws-cell.found-me{background:#00e676;color:#000;animation:pop .3s}.ws-cell.found-opp{background:#ff1744;color:#fff;animation:pop .3s}@keyframes pop{0%{transform:scale(.5)}to{transform:scale(1)}}.ws-winner-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;padding:20px 50px;border-radius:20px;font-size:4rem;color:gold;border:5px solid white;z-index:10}.ws-hint{margin-top:10px;color:#888}.mem-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a1a2e;color:#fff;perspective:1000px}.mem-hud{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:500px;margin-bottom:20px;padding:10px;background:#2b3652;border-radius:10px}.player-score{text-align:center;padding:5px 15px;border-radius:5px;border:2px solid transparent;transition:all .3s}.player-score.active{background:#4dfff31a;border-color:#4dfff3;transform:scale(1.1)}.player-score .label{font-size:.8rem;color:#aaa}.player-score .score{font-size:2rem;font-weight:700}.status-msg{font-weight:700;color:gold;text-transform:uppercase}.mem-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;width:100%;max-width:600px;aspect-ratio:1}.mem-card{background-color:transparent;perspective:1000px;cursor:pointer;position:relative}.card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d;border-radius:8px;box-shadow:0 4px 6px #0000004d}.mem-card.flipped .card-inner,.mem-card.matched .card-inner{transform:rotateY(180deg)}.mem-card.matched.mine .card-inner .card-back{border:3px solid #00e676;background:#1b3a2b}.mem-card.matched.theirs .card-inner .card-back{border:3px solid #ff1744;background:#3a1b1f}.card-front,.card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:2rem}.card-front{background-color:#333;color:#555;border:2px solid #444}.mem-card:hover .card-front{background-color:#3d3d3d}.card-back{background-color:#eee;color:#000;transform:rotateY(180deg)}.snake-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#111}.snake-board{position:relative;background:#222;border:4px solid #444;box-shadow:0 0 20px #00000080;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:20px 20px}.snake-food{position:absolute;display:flex;justify-content:center;align-items:center;font-size:14px;animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.snake-segment{position:absolute;border-radius:4px;border:1px solid rgba(0,0,0,.2);display:flex;justify-content:center;align-items:center}.snake-eyes{display:flex;gap:4px}.eye{width:4px;height:4px;background:#000;border-radius:50%}.snake-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:gold;padding:20px 40px;border:3px solid white;border-radius:10px;font-size:3rem;font-weight:700;z-index:10}.snake-controls-hint{margin-top:20px;color:#888;font-family:monospace}.snake-identity{font-size:1.5rem;margin-bottom:20px;color:#fff;font-weight:700;display:flex;align-items:center;gap:15px;background:#ffffff0d;padding:10px 20px;border-radius:50px;border:1px solid rgba(255,255,255,.1)}.snake-dot{width:24px;height:24px;border-radius:50%;border:2px solid white;display:inline-block;box-shadow:0 0 10px currentColor}.cm-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#212121;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-user-select:none;user-select:none}.cm-hud{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:500px;margin-bottom:40px;background:#333;padding:15px;border-radius:50px}.score-box{text-align:center;width:80px}.score-box .lbl{font-size:.8rem;color:#aaa;font-weight:700}.score-box .val{font-size:1.8rem;font-weight:700}.score-box.me .val{color:#00e676}.score-box.opp .val{color:#ff1744}.timer-display{font-size:2.5rem;font-weight:700;font-family:monospace}.cm-area{display:flex;flex-direction:column;align-items:center;position:relative;width:100%;max-width:400px}.cm-question{font-size:1.2rem;color:#888;margin-bottom:20px;text-transform:uppercase;letter-spacing:2px}.cm-word-card{background:#fff;width:100%;height:200px;display:flex;justify-content:center;align-items:center;border-radius:20px;box-shadow:0 10px 30px #00000080;margin-bottom:40px;font-size:4rem;font-weight:900;text-transform:uppercase}.cm-controls{display:flex;gap:20px;width:100%}.cm-btn{flex:1;padding:20px;font-size:1.5rem;font-weight:700;border:none;border-radius:15px;cursor:pointer;transition:transform .1s;color:#fff;box-shadow:0 5px #0003}.cm-btn:active{transform:translateY(5px);box-shadow:none}.cm-btn.no{background-color:#ff1744}.cm-btn.yes{background-color:#00e676}.cm-result{font-size:4rem;font-weight:700;color:gold;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}.cm-hint{margin-top:30px;color:#666;font-size:.9rem}.ah-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#2c3e50;color:#fff;font-family:Verdana,sans-serif}.ah-hud{display:flex;gap:40px;align-items:center;margin-bottom:50px}.ah-score-box{text-align:center;background:#0000004d;padding:15px 30px;border-radius:10px;border:2px solid transparent;transition:all .3s}.ah-score-box.round-win{background:#27ae60;transform:scale(1.1);border-color:#2ecc71;box-shadow:0 0 20px #2ecc7180}.ah-score-box .lbl{font-size:.9rem;color:#bdc3c7;font-weight:700}.ah-score-box .val{font-size:2.5rem;font-weight:700}.vs{font-size:1.5rem;color:#7f8c8d;font-weight:700}.ah-area{display:flex;flex-direction:column;align-items:center;width:100%;max-width:600px}.ah-label{font-size:1.2rem;color:#bdc3c7;margin-bottom:20px;text-transform:uppercase;letter-spacing:2px}.ah-word-display{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:40px;min-height:80px;align-items:center}.ah-word-display.solved{font-size:2rem;font-weight:700;color:#f1c40f;animation:pulse .5s infinite alternate}.char-tile{background:#ecf0f1;color:#2c3e50;width:50px;height:60px;display:flex;justify-content:center;align-items:center;font-size:2rem;font-weight:700;border-radius:8px;box-shadow:0 5px #bdc3c7;animation:dropIn .3s backwards}.char-tile:nth-child(1){animation-delay:0s}.char-tile:nth-child(2){animation-delay:.1s}.char-tile:nth-child(3){animation-delay:.2s}.char-tile:nth-child(4){animation-delay:.3s}.char-tile:nth-child(5){animation-delay:.4s}.char-tile:nth-child(6){animation-delay:.5s}.char-tile:nth-child(7){animation-delay:.6s}@keyframes dropIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.ah-input-form{display:flex;gap:10px;width:100%}.ah-input-form input{flex:1;padding:15px;font-size:1.5rem;border:none;border-radius:8px;outline:none;text-align:center;text-transform:uppercase;color:#2c3e50;font-weight:700}.ah-input-form button{padding:0 30px;background:#e67e22;color:#fff;font-weight:700;font-size:1.2rem;border:none;border-radius:8px;cursor:pointer;box-shadow:0 5px #d35400;transition:transform .1s}.ah-input-form button:active{transform:translateY(5px);box-shadow:none}.ah-input-form button:disabled{background:#95a5a6;box-shadow:none;cursor:not-allowed}.ah-result{font-size:4rem;font-weight:700;color:#f1c40f;text-shadow:0 5px 10px rgba(0,0,0,.5)}.ah-hint{margin-top:40px;color:#7f8c8d}.quiz-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1e1e2e;color:#fff;font-family:Segoe UI,sans-serif}.quiz-hud{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:600px;margin-bottom:30px;background:#ffffff0d;padding:15px;border-radius:15px}.q-score{text-align:center}.q-score .lbl{font-size:.8rem;color:#aaa}.q-score .val{font-size:1.5rem;font-weight:700}.q-score.me .val{color:#00e676}.q-score.opp .val{color:#ff1744}.q-timer{font-size:2rem;font-weight:700;color:gold;width:120px;text-align:center}.quiz-area{width:100%;max-width:700px;display:flex;flex-direction:column;align-items:center}.round-badge{background:#333;padding:5px 15px;border-radius:20px;font-size:.9rem;margin-bottom:20px;color:#aaa}.question-card{background:#fff;color:#1e1e2e;padding:30px;border-radius:15px;font-size:1.5rem;font-weight:700;text-align:center;width:100%;margin-bottom:30px;box-shadow:0 10px 30px #0000004d;transition:transform .3s}.question-card.active{transform:scale(1.05)}.answers-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;width:100%}.quiz-btn{padding:20px;border:none;border-radius:10px;font-size:1.1rem;cursor:pointer;background:#333;color:#fff;transition:all .2s;position:relative}.quiz-btn:hover:not(:disabled){background:#444;transform:translateY(-2px)}.quiz-btn.selected{background:#448aff;color:#fff;border:2px solid white}.quiz-btn.correct{background:#00e676;color:#000;animation:pulse .5s}.quiz-btn.wrong{background:#ff1744;opacity:.7}.quiz-btn.disabled{opacity:.5;cursor:default}.quiz-btn.opp-choice{border:2px solid #ff1744}.opp-marker{position:absolute;top:-10px;right:-10px;background:#ff1744;color:#fff;font-size:.7rem;padding:2px 5px;border-radius:5px;font-weight:700}.wait-msg{margin-top:20px;color:#aaa;font-style:italic;animation:fadeIn 1s infinite alternate}.quiz-end{font-size:3rem;color:gold;font-weight:700;text-align:center}.final-score{font-size:1.5rem;color:#fff;margin-top:10px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:.5}to{opacity:1}}.pd-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#111;color:#fff;font-family:Segoe UI,sans-serif;-webkit-user-select:none;user-select:none}.pd-header{margin-bottom:20px;text-align:center;height:80px}.pd-header h3{margin:0;color:#4dfff3;text-transform:uppercase;letter-spacing:2px}.pd-header p{color:#aaa;margin-top:10px;font-size:1.2rem}.pd-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px;background:#222;border-radius:50%;box-shadow:0 10px 50px #000c}.pd-btn{width:120px;height:120px;border-radius:20px;cursor:pointer;opacity:.6;transition:all .1s cubic-bezier(.175,.885,.32,1.275);border:4px solid rgba(255,255,255,.1);position:relative;box-shadow:inset 0 0 20px #00000080}.pd-container.my-turn .pd-btn{opacity:.8;border-color:#ffffff4d}.pd-btn.active{opacity:1;filter:brightness(2) saturate(1.5);transform:scale(.95);box-shadow:0 0 40px currentColor,inset 0 0 10px #fff;border-color:#fff;z-index:10}.pd-btn:nth-child(1){border-top-left-radius:100%}.pd-btn:nth-child(2){border-top-right-radius:100%}.pd-btn:nth-child(3){border-bottom-left-radius:100%}.pd-btn:nth-child(4){border-bottom-right-radius:100%}.pd-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000f2;padding:30px 50px;font-size:3rem;font-weight:700;color:gold;border:2px solid white;z-index:20;text-align:center;box-shadow:0 0 50px #ffd7004d}.pd-hint{margin-top:30px;color:#888;font-style:italic}.cat-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#111}.cat-top-hud{display:flex;justify-content:space-between;align-items:center;width:800px;padding:10px 20px;background:#222;border:2px solid #444;border-bottom:none;border-radius:10px 10px 0 0;color:#fff}.hud-player{display:flex;flex-direction:column;align-items:center;opacity:.5}.hud-player.active{opacity:1;text-shadow:0 0 10px white}.hearts{font-size:1.5rem;letter-spacing:5px}.hud-msg{font-size:1.2rem;font-weight:700;color:gold;text-transform:uppercase}.cat-viewport{position:relative;width:800px;height:500px;overflow:hidden;border:4px solid #444;border-top:none;border-radius:0 0 10px 10px;box-shadow:0 0 30px #00000080;background:linear-gradient(to bottom,#1e3c72,#2a5298,#87ceeb)}.cat-world{position:absolute;top:0;left:0;width:2000px;height:100%;transition:transform .5s cubic-bezier(.25,1,.5,1);will-change:transform}.cat-ground{position:absolute;bottom:0;width:100%;height:30px;background:#3e2723;border-top:8px solid #43a047}.bg-decoration{position:absolute;pointer-events:none}.cloud{background:#fff3;border-radius:50%;width:100px;height:40px;filter:blur(5px)}.c1{top:50px;left:200px}.c2{top:80px;left:1400px;transform:scale(1.5)}.mountain{bottom:30px;width:0;height:0;border-left:100px solid transparent;border-right:100px solid transparent;border-bottom:200px solid rgba(0,0,0,.2)}.m1{left:400px}.m2{left:1600px;transform:scale(1.2)}.cat-svg-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.cat-unit{position:absolute;width:0;height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.cat-hill{position:absolute;bottom:-15px;left:-70px;z-index:1}.cat-castle-structure{position:absolute;bottom:20px;left:-40px;z-index:2}.catapult-svg{transform-origin:bottom center;position:absolute;bottom:70px;left:-30px;z-index:3}.catapult-svg.flip{transform:scaleX(-1)}.me-arrow{position:absolute;top:-120px;color:#00e676;font-size:1.5rem;animation:bounce 1s infinite;text-shadow:0 0 5px black;font-weight:700;z-index:10}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.cat-bomb{position:absolute;width:20px;height:20px;font-size:1.2rem;display:flex;justify-content:center;align-items:center;transform:translate(-50%,-50%);animation:spin .5s infinite linear;z-index:20}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.cat-boom{position:absolute;font-size:4rem;transform:translate(-50%,-50%);animation:boomAnim .5s forwards;z-index:30}@keyframes boomAnim{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.cat-controls{display:flex;gap:20px;padding:20px;background:#222;width:800px;margin-top:10px;border-radius:10px;align-items:center;color:#fff;border-top:2px solid #444}.ctrl-grp{display:flex;flex-direction:column;align-items:center;flex:1}.ctrl-grp label{margin-bottom:5px;font-weight:700;color:#4dfff3}input[type=range]{width:100%;cursor:pointer;accent-color:#4dfff3}.fire-btn{padding:10px 40px;background:#ff1744;color:#fff;font-weight:700;font-size:1.2rem;border:none;border-radius:5px;cursor:pointer}.fire-btn:disabled{background:#555;cursor:not-allowed}.cat-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000f2;padding:50px;font-size:4rem;color:gold;border:5px solid white;z-index:100}.catapult-arm{transform-origin:50px 50px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.catapult-arm.firing{animation:fireShot .4s forwards}@keyframes fireShot{0%{transform:rotate(0)}15%{transform:rotate(-10deg)}40%{transform:rotate(110deg)}60%{transform:rotate(90deg)}to{transform:rotate(0)}}.bp-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background-color .5s;font-family:Verdana,sans-serif;color:#fff}.bp-container.safe{background-color:#1a1a2e}.bp-container.panic{background-color:#3a0000;animation:panicPulse .8s infinite alternate}@keyframes panicPulse{0%{box-shadow:inset 0 0 50px transparent;background-color:#3a0000}to{box-shadow:inset 0 0 100px red;background-color:#5a0000}}.bp-header{font-size:2rem;font-weight:700;margin-bottom:30px;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.5)}.bp-bomb-visual{font-size:8rem;margin-bottom:40px;transition:transform .3s}.panic .bp-bomb-visual{animation:shake .5s infinite}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}.bp-task{background:#00000080;padding:30px;border-radius:20px;display:flex;flex-direction:column;align-items:center;border:2px solid #ff5252}.math-prob{font-size:3rem;font-weight:700;margin-bottom:20px;font-family:monospace}.bp-task form{display:flex;gap:10px}.bp-task input{font-size:2rem;width:120px;padding:10px;text-align:center;border:none;border-radius:10px;outline:none}.bp-task button{font-size:1.5rem;padding:0 20px;font-weight:700;background:#ff5252;color:#fff;border:none;border-radius:10px;cursor:pointer}.bp-task button:hover{background:#ff1744}.hint{margin-top:15px;color:#ccc;font-style:italic}.bp-waiting{font-size:1.5rem;color:#4dfff3;animation:float 2s infinite ease-in-out}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.bp-overlay{font-size:4rem;font-weight:700;color:gold;text-shadow:0 0 20px black;z-index:10}html,body{margin:0;padding:0;width:100%;height:100%;background-color:#1a1a2e;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;box-sizing:border-box;color:#fff}*,*:before,*:after{box-sizing:inherit}.app-container{width:100vw;height:100vh;display:block}