:root{--bg-color: #ffffff;--text-color: #1a1a1b;--border-color: #d3d6da;--border-color-filled: #999;--key-bg: #d3d6da;--key-text-color: #1a1a1b;--correct-color: #6aaa64;--present-color: #c9b458;--absent-color: #787c7e;--header-border-color: #ccc;--message-bg-color: rgba(0, 0, 0, .85);--message-text-color: #fff}@media (prefers-color-scheme: dark){:root{--bg-color: #121213;--text-color: #d7dadc;--border-color: #3a3a3c;--border-color-filled: #565758;--key-bg: #818384;--key-text-color: #d7dadc;--correct-color: #6aaa64;--present-color: #c9b458;--absent-color: #3a3a3c;--header-border-color: #3a3a3c;--message-bg-color: rgba(255, 255, 255, .85);--message-text-color: #000}}body.dark{--bg-color: #121213;--text-color: #d7dadc;--border-color: #3a3a3c;--border-color-filled: #565758;--key-bg: #818384;--key-text-color: #d7dadc;--correct-color: #6aaa64;--present-color: #c9b458;--absent-color: #3a3a3c;--header-border-color: #3a3a3c;--message-bg-color: rgba(255, 255, 255, .85);--message-text-color: #000}body.light{--bg-color: #ffffff;--text-color: #1a1a1b;--border-color: #d3d6da;--border-color-filled: #999;--key-bg: #d3d6da;--key-text-color: #1a1a1b;--correct-color: #6aaa64;--present-color: #c9b458;--absent-color: #787c7e;--header-border-color: #ccc;--message-bg-color: rgba(0, 0, 0, .85);--message-text-color: #fff}body{font-family:Clear Sans,Helvetica Neue,Arial,sans-serif;text-align:center;max-width:500px;margin:0 auto;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}h1{margin:4px 0;font-size:36px}header{border-bottom:1px solid var(--header-border-color);margin-bottom:30px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 10px;height:50px}#source-link{position:relative;color:var(--text-color);margin-left:10px}.correct,.present,.absent{color:#fff!important}.correct{background-color:var(--correct-color)!important}.present{background-color:var(--present-color)!important}.absent{background-color:var(--absent-color)!important}#board{display:grid;grid-template-rows:repeat(6,1fr);grid-gap:5px;padding:10px;box-sizing:border-box;--height: min(420px, calc(var(--vh, 100vh) - 310px));height:var(--height);width:min(350px,calc(var(--height) / 6 * 5));margin:0 auto}.message{position:absolute;left:50%;top:80px;color:var(--message-text-color);background-color:var(--message-bg-color);padding:16px 20px;z-index:2;border-radius:4px;transform:translate(-50%);transition:opacity .3s ease-out;font-weight:600}.message.hidden{opacity:0}.row{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:5px}.tile{width:100%;aspect-ratio:1;font-size:2rem;line-height:2rem;font-weight:700;vertical-align:middle;text-transform:uppercase;-webkit-user-select:none;user-select:none;position:relative}.tile.filled{animation:zoom .2s}.tile .front,.tile .back{box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .6s;backface-visibility:hidden;-webkit-backface-visibility:hidden}.tile .front{border:2px solid var(--border-color)}.tile.filled .front{border-color:var(--border-color-filled)}.tile .back,.tile.revealed .front{transform:rotateX(180deg)}.tile.revealed .back{transform:rotateX(0)}@keyframes zoom{0%{transform:scale(1.1)}to{transform:scale(1)}}.shake{animation:shake .5s}@keyframes shake{0%{transform:translate(1px)}10%{transform:translate(-2px)}20%{transform:translate(2px)}30%{transform:translate(-2px)}40%{transform:translate(2px)}50%{transform:translate(-2px)}60%{transform:translate(2px)}70%{transform:translate(-2px)}80%{transform:translate(2px)}90%{transform:translate(-2px)}to{transform:translate(1px)}}.jump .tile .back{animation:jump .5s}@keyframes jump{0%{transform:translateY(0)}20%{transform:translateY(5px)}60%{transform:translateY(-25px)}90%{transform:translateY(3px)}to{transform:translateY(0)}}@media (max-height: 680px){.tile{font-size:3vh}}@media (max-width: 480px){body{max-width:100%;padding:0 10px}#board{width:100%;height:min(420px,calc(var(--vh, 100vh) - 310px))}#keyboard{margin:20px 0 0}#keyboard button{height:50px;margin:0 4px 0 0}h1{font-size:28px}}#keyboard{margin:30px 8px 0;-webkit-user-select:none;user-select:none}#keyboard .row{display:flex;width:100%;margin:0 auto 8px;touch-action:manipulation}#keyboard .spacer{flex:.5}#keyboard button{font-family:inherit;font-weight:700;border:0;padding:0;margin:0 6px 0 0;height:58px;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--key-bg);color:var(--key-text-color);flex:1;display:flex;justify-content:center;align-items:center;text-transform:uppercase;-webkit-tap-highlight-color:rgba(0,0,0,.3);transition:all .2s 1.5s}#keyboard button:last-of-type{margin:0}#keyboard button.big{flex:1.5}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:100}.modal-content{background-color:var(--bg-color);border-radius:8px;padding:20px;max-width:90%;width:500px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 4px 23px #0003}.close-button{position:absolute;top:10px;right:15px;font-size:24px;border:none;background:none;cursor:pointer;color:var(--text-color)}.stats-container{display:flex;justify-content:space-around;margin:20px 0}.stat-item{text-align:center}.stat-number{font-size:36px;font-weight:700;color:var(--text-color)}.stat-label{font-size:12px;color:var(--text-color)}.guess-distribution{width:100%;margin:20px 0}.guess-row{display:flex;align-items:center;margin:5px 0}.guess-number{width:20px;margin-right:5px;text-align:right;color:var(--text-color)}.guess-bar-container{flex:1;margin-left:5px}.guess-bar{background-color:var(--key-bg);color:var(--text-color);padding:5px 10px 5px 0;text-align:right;font-weight:700;border-radius:4px;min-width:20px;transition:width .3s ease-in-out}.share-button{margin-top:20px;background-color:var(--correct-color);color:#fff;border:none;padding:10px 20px;border-radius:4px;font-weight:700;cursor:pointer}.share-button:disabled{opacity:.5;cursor:not-allowed}.countdown-section{margin-top:20px;text-align:center}.countdown-timer{display:flex;justify-content:center;gap:15px;margin:15px 0}.countdown-timer-box{background-color:var(--key-bg);padding:10px;border-radius:5px;min-width:60px}.timer-value{font-size:24px;font-weight:700;color:var(--text-color)}.timer-label{font-size:12px;color:var(--text-color);margin-top:5px}.theme-toggle{position:relative;background:none;border:none;font-size:24px;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;background-color:transparent;border-radius:50%;width:40px;height:40px;transition:background-color .3s;margin-right:8px}.theme-toggle:hover,.stats-button:hover{background-color:#0000001a}body.dark .theme-toggle:hover,body.dark .stats-button:hover{background-color:#ffffff1a}.header-right{display:flex;align-items:center}.stats-button{background:none;border:none;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;width:40px;height:40px;padding:5px;margin-right:8px}