:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#121213;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background-color:#121213}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}*{margin:0;padding:0;box-sizing:border-box}#root{width:100%}.container{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#121213;color:#fff;padding:20px}@media(max-width:480px){.container{justify-content:flex-start;padding-top:24px}}.content{max-width:500px;width:100%;text-align:center}.game-content{max-width:600px;width:100%;display:flex;flex-direction:column;align-items:center;gap:24px}.title{font-size:48px;font-weight:700;margin-bottom:8px;letter-spacing:.05em}.game-title{font-size:20px;font-weight:500;margin-bottom:8px;color:#d7dadc}.subtitle{font-size:18px;color:#d7dadc;margin-bottom:32px}.win-title{font-size:42px;margin-bottom:12px}.win-subtitle{font-size:18px;color:#d7dadc;margin-bottom:8px}.length-selector{display:flex;gap:12px;justify-content:center;margin-bottom:32px;flex-wrap:wrap}.length-button{display:flex;justify-content:center;width:60px;height:60px;font-size:24px;font-weight:600;border:2px solid #3a3a3c;background-color:#121213;color:#d7dadc;border-radius:8px;cursor:pointer;transition:all .2s}.length-button:hover{background-color:#1a1a1b}.length-button.active{background-color:#538d4e;border-color:#538d4e;color:#fff}.start-button{width:100%;padding:16px 32px;font-size:18px;font-weight:600;background-color:#538d4e;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s}.start-button:hover{background-color:#5fa357}.secondary-button{width:100%;padding:16px 32px;font-size:18px;font-weight:600;background-color:#3a3a3c;color:#fff;border:none;border-radius:8px;cursor:pointer;margin-top:12px;transition:background-color .2s}.secondary-button:hover{background-color:#4a4a4c}.action-button{padding:16px 48px;font-size:18px;font-weight:600;background-color:#538d4e;color:#fff;border:none;border-radius:8px;cursor:pointer;margin-top:8px;min-width:200px;transition:background-color .2s}.action-button:hover:not(:disabled){background-color:#5fa357}.action-button:disabled{background-color:#3a3a3c;cursor:not-allowed;opacity:.5}.row{display:flex;gap:8px;justify-content:center;width:100%}.tile{width:62px;height:62px;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;text-transform:uppercase;border:2px solid #3a3a3c;border-radius:4px;background-color:#121213;color:#fff}.tile-finalized{background-color:#121213}.tile-input{text-align:center;outline:none;caret-color:transparent}.tile-input:focus{border-color:#565758}.tile-input:disabled{cursor:not-allowed}.tile-correct{background-color:#538d4e;border-color:#538d4e}.tile-present{background-color:#b59f3b;border-color:#b59f3b}.tile-absent{background-color:#3a3a3c;border-color:#3a3a3c}.stats-box{background-color:#1a1a1b;border-radius:8px;padding:24px;margin-top:24px;margin-bottom:24px}.stats-title{font-size:20px;margin-bottom:16px;color:#d7dadc}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:32px;font-weight:700;color:#fff}.stat-label{font-size:12px;color:#787c7e;margin-top:4px}.debug{font-size:14px;color:#787c7e;margin-top:16px;font-family:monospace;display:flex;align-items:center;gap:12px}.debug-toggle{font-size:12px;padding:4px 8px;background-color:#1a1a1b;color:#787c7e;border:1px solid #3a3a3c;border-radius:4px;cursor:pointer;font-family:monospace}.debug-toggle:hover{background-color:#3a3a3c}@media(max-width:480px){.tile{width:52px;height:52px;font-size:28px}.title{font-size:36px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@keyframes flip{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.tile-flip{animation:flip .6s ease-in-out}.tile-shake{animation:shake .3s ease-in-out}.tile-slide-up{animation:slide-up .4s ease-out}