:root{--primary-color:#0d6efd;--primary-hover:#0b5ed7;--background:#f8f9fa;--card-bg:#ffffff;--text-primary:#212529;--text-secondary:#6c757d;--border-color:#dee2e6;--wordle-correct:#6aaa64;--wordle-present:#c9b458;--wordle-absent:#787c7e;--wordle-key-bg:#d3d6da;--snake-color:#4caf50;--ladder-color:#ff9800;--player1-color:#0d6efd;--player2-color:#dc3545}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;background-color:var(--background);color:var(--text-primary)}.container{max-width:1200px;margin:0 auto;padding:2rem}.title{text-align:center;font-size:2.5rem;margin-bottom:2rem;color:var(--text-primary)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;padding:.75rem}.card{background:var(--card-bg);border-radius:.75rem;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;color:inherit}.card:hover{transform:translateY(-3px);box-shadow:0 6px 10px -2px rgba(0,0,0,.1)}.card-content{padding:1rem;text-align:center}.icon-wrapper{display:flex;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto .75rem;border-radius:50%;background:var(--primary-color);color:white}.card h2{margin-bottom:.4rem;font-size:1.1rem;color:var(--text-primary)}.card p{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem}.badge{display:inline-block;padding:.2rem .5rem;border-radius:999px;background:var(--primary-color);color:white;font-size:.75rem;text-transform:capitalize}.game{text-align:center;padding:2rem;background:var(--card-bg);border-radius:1rem;max-width:600px;margin:2rem auto;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.game h1{margin-bottom:2rem;color:var(--text-primary)}.player-select{display:flex;flex-direction:column;gap:.75rem;max-width:360px;margin:0 auto 2rem}.player-select select{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;min-width:220px;background-color:var(--card-bg);color:var(--text-primary);font-size:.95rem;transition:all .2s ease;cursor:pointer;outline:none}.player-select select:focus,.player-select select:hover{border-color:var(--primary-color)}.player-select select:focus{box-shadow:0 0 0 2px rgba(13,110,253,.1)}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;max-width:360px;margin:0 auto 2rem}.square{width:100%;aspect-ratio:1;font-size:2.5rem;font-weight:700;background:var(--card-bg);border:2px solid var(--border-color);border-radius:1rem;cursor:pointer;transition:all .2s ease;color:var(--primary-color);display:flex;align-items:center;justify-content:center;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.square:hover{background:var(--background);border-color:var(--primary-color);transform:scale(1.02)}.square:active{transform:scale(.98)}.player-select button,.reset-button{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:white;background:var(--primary-color);border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.player-select button:hover,.reset-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.player-select button:active,.reset-button:active{transform:translateY(1px)}.status{margin-bottom:2rem;font-size:1.25rem;color:var(--text-secondary);font-weight:500;padding:.75rem;border-radius:.5rem;background:var(--background)}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.modal-content{background:var(--card-bg);padding:2rem;border-radius:1rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1);animation:slideUp .3s ease;width:90%;max-width:400px}.modal-content h2{margin-bottom:1rem}.modal-content input{width:100%;padding:.75rem;margin-bottom:1rem;border:1px solid var(--border-color);border-radius:.5rem}.modal-content button{margin:0 .5rem}.game-board{border:3px solid #333;border-radius:4px}.game-board,.game-grid{width:400px;height:400px}.game-grid{display:flex;flex-direction:column;border:1px solid #ddd;margin:0 auto}.game-grid>div{flex:1;display:flex}.cell{flex:1;aspect-ratio:1;width:20px;height:20px;border:1px solid #f0f0f0;box-sizing:border-box}.snake{background-color:#4CAF50;border-radius:2px}.food,.snake{box-shadow:inset 0 0 3px rgba(0,0,0,.3)}.food{background-color:#F44336;border-radius:50%}.game-board-container{width:100%}.game-board,.game-board-container{position:relative;margin:0 auto;overflow:hidden}.game-board{display:flex;flex-direction:column;border:2px solid #333;border-radius:8px;max-width:100%;background-color:#f0f0f0;z-index:1}.board-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;transition:transform .3s ease}.board-row{display:flex;flex-direction:row;flex:1}.game-cell{flex:1;aspect-ratio:1;border:1px solid #ccc;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:4px;position:relative;font-size:12px}.light-cell{background-color:#f9f9f9}.dark-cell{background-color:#eaeaea}.cell-number{position:absolute;top:2px;left:2px;font-weight:700;font-size:10px;opacity:.7}.snake-cell{background-color:rgba(255,99,71,.1)}.ladder-cell{background-color:rgba(60,179,113,.1)}.ladder-indicator,.snake-indicator{font-size:9px;position:absolute;bottom:2px;right:2px;opacity:.7}.snake-indicator{color:#d32f2f}.ladder-indicator{color:#2e7d32}.ladder-bottom-icon,.snake-head-icon{position:absolute;bottom:2px;right:2px;font-size:12px;z-index:3;opacity:.7;transition:opacity .3s ease}.ladder-bottom-icon:hover,.snake-head-icon:hover{opacity:1}.snake-path{opacity:.9;transition:all .3s ease}.snake-path:hover{opacity:1}.snake-body{animation:snakeBody 5s infinite}.snake-head{animation:snakeHead 2s infinite}.snake-tail{animation:snakeTail 3s infinite alternate}@keyframes snakeBody{0%{stroke-dasharray:5;stroke-dashoffset:0}to{stroke-dasharray:5;stroke-dashoffset:-20}}@keyframes snakeHead{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes snakeTail{0%{transform:scale(.9) translateX(-1px)}to{transform:scale(1.1) translateX(1px)}}.ladder-path{opacity:.8;transition:all .3s ease}.ladder-path:hover{opacity:1}.player{width:18px;height:18px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:9px;font-weight:700;color:white;z-index:10;margin:2px}.player1{background-color:var(--player1-color)}.player2{background-color:var(--player2-color)}.game-controls{border:1px solid var(--border-color);border-radius:8px}.player-indicator{display:inline-block;padding:8px 15px;border-radius:20px;font-weight:700;margin-bottom:15px;color:white}.dice-value{margin:15px 0}.dice,.dice-value{display:flex;justify-content:center}.dice{width:60px;height:60px;border:2px solid #333;border-radius:8px;align-items:center;font-size:28px;font-weight:700;background-color:white;box-shadow:0 4px 8px rgba(0,0,0,.1);position:relative}.dot{position:absolute;width:10px;height:10px;border-radius:50%;background-color:#333}.center{top:50%;left:50%;transform:translate(-50%,-50%)}.top-left{top:20%;left:20%}.top-right{top:20%;right:20%}.mid-left{left:20%}.mid-left,.mid-right{top:50%;transform:translateY(-50%)}.mid-right{right:20%}.bottom-left{bottom:20%;left:20%}.bottom-right{bottom:20%;right:20%}.player-positions{font-size:14px;margin-top:10px;padding:10px;background-color:#f8f9fa;border-radius:8px}.realign-button{margin:10px auto;font-size:.85rem;padding:5px 15px;border-radius:20px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .2s ease}.realign-button:hover{transform:translateY(-2px);box-shadow:0 3px 6px rgba(0,0,0,.15)}.realign-button:active{transform:translateY(0)}.adjustment-controls{animation:fadeIn .3s ease;border:1px solid #ddd;border-radius:10px;background-color:#f8f9fa;box-shadow:0 2px 5px rgba(0,0,0,.1)}.adjustment-controls .card-body{padding:1rem}.adjustment-controls h6{color:#444;font-weight:600}.adjustment-controls .form-label{font-size:.85rem;color:#666;margin-bottom:.3rem}.adjustment-controls .form-control{text-align:center}.adjustment-controls .form-range{margin:.5rem 0}.adjustment-controls .btn{transition:all .2s ease}.adjustment-controls .btn:hover{transform:translateY(-1px)}.adjust-button,.realign-button{margin:10px 5px;font-size:.85rem;padding:5px 15px;border-radius:20px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .2s ease}.adjust-button:hover,.realign-button:hover{transform:translateY(-2px);box-shadow:0 3px 6px rgba(0,0,0,.15)}.adjust-button:active,.realign-button:active{transform:translateY(0)}@media (max-width:768px){.game-cell{font-size:10px}.cell-number,.ladder-indicator,.snake-indicator{font-size:8px}.player{width:14px;height:14px;font-size:7px}.dice{width:50px;height:50px;font-size:24px}.dot{width:8px;height:8px}}.wordle-container{display:flex;flex-direction:column;align-items:center;max-width:500px;margin:0 auto}.wordle-grid{display:grid;grid-template-rows:repeat(6,1fr);gap:5px;margin-bottom:20px;width:330px}.wordle-row{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.wordle-tile{aspect-ratio:1;border:2px solid var(--border-color);display:flex;justify-content:center;align-items:center;font-size:2rem;font-weight:700;text-transform:uppercase;transition:all .2s}.wordle-tile-filled{border-color:var(--text-primary)}.wordle-tile-correct{background-color:var(--wordle-correct);border-color:var(--wordle-correct);color:white}.wordle-tile-present{background-color:var(--wordle-present);border-color:var(--wordle-present);color:white}.wordle-tile-absent{background-color:var(--wordle-absent);border-color:var(--wordle-absent);color:white}.wordle-keyboard{display:flex;flex-direction:column;gap:8px;width:100%;max-width:500px}.wordle-keyboard-row{gap:6px;width:100%}.wordle-key,.wordle-keyboard-row{display:flex;justify-content:center}.wordle-key{background-color:var(--wordle-key-bg);border-radius:4px;cursor:pointer;font-weight:700;height:58px;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;flex:1;min-width:20px}.wordle-key-wide{flex:1.5}.wordle-key:hover{opacity:.8}.wordle-key-correct{background-color:var(--wordle-correct);color:white}.wordle-key-present{background-color:var(--wordle-present);color:white}.wordle-key-absent{background-color:var(--wordle-absent);color:white}.wordle-message{margin:15px 0;font-size:18px;font-weight:500}.wordle-message-error{color:#e74c3c}.wordle-message-success{color:var(--wordle-correct)}.transition-transform{transition:transform .2s}.hover-lift:hover{transform:translateY(-5px)}@media (max-width:640px){.container{padding:1rem}.grid{grid-template-columns:1fr}.title{font-size:2rem}}@media (max-width:480px){.game{padding:1.5rem}.board{gap:.5rem}.square{font-size:2rem}.player-select select{min-width:180px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}