main.game-main{margin:0 auto;max-width:810px;padding:30px 20px 70px}.game-title{text-align:center}.game-title .eyebrow{justify-content:center;color:#62824d}.game-title h1{font-size:58px;max-width:none;margin:15px 0 8px}.game-title h1 em{color:#618545}.game-title p{color:var(--muted);font-size:14px}.mode-picker{display:flex;background:#e8ede1;border-radius:30px;padding:4px;max-width:310px;margin:26px auto 12px}.mode-picker button{border:0;background:none;border-radius:25px;padding:10px 22px;flex:1;color:#67775e;font-size:12px;font-weight:700}.mode-picker button[aria-pressed=true]{background:white;color:var(--green);box-shadow:0 2px 8px #203b2110}.game-meta{display:flex;justify-content:center;align-items:center;gap:12px;min-height:30px;font-size:10px;color:var(--muted);margin-bottom:14px}.board{width:310px;max-width:100%;display:grid;gap:7px;margin:0 auto}.board-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.cell{height:54px;display:grid;place-items:center;border:1.5px solid #d4dccb;background:white;border-radius:7px;font:800 24px Manrope;transition:background .2s}.cell.typing{border-color:#829a73}.cell.green,.key.green,.demo.green{background:#39784d;border-color:#39784d;color:white}.cell.yellow,.key.yellow,.demo.yellow{background:#997b15;border-color:#997b15;color:white}.cell.gray,.key.gray,.demo.gray{background:#737d78;border-color:#737d78;color:white}.game-message{min-height:26px;text-align:center;font-size:13px;margin:18px 0 10px;color:var(--green)}.game-form{display:flex;gap:9px;max-width:370px;margin:0 auto 20px}.game-form input{min-width:0;width:155px;border:1px solid var(--line);border-radius:7px;padding:11px;text-transform:uppercase;letter-spacing:3px;font-weight:700}.game-form button{flex:1;font-size:11px;padding:10px 14px}.keyboard{max-width:490px;margin:0 auto}.key-row{display:flex;justify-content:center;gap:5px;margin:6px 0}.key{min-width:0;flex:1;max-width:42px;height:46px;border:0;border-radius:5px;background:#dfe6d8;color:var(--green);font:700 12px Manrope;padding:2px}.key.wide{max-width:65px;flex:1.6;font-size:10px}.game-finish{text-align:center;margin:22px}.game-finish .primary{padding:12px 25px}.game-finish p{font-size:11px;color:var(--muted)}.game-finish textarea{width:100%;height:180px}.stats{max-width:420px;margin:30px auto 15px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.stats strong{display:block;font:700 26px Manrope}.stats span{font-size:10px;color:var(--muted)}.game-note{text-align:center;font-size:10px;color:var(--muted)}.play-guide{margin-top:45px;padding-top:30px;border-top:1px solid var(--line)}.play-guide h2{font:700 25px Manrope;letter-spacing:-1px}.legend-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.demo{display:grid;place-items:center;width:35px;height:37px;border-radius:5px;margin-bottom:10px;font:700 18px Manrope}.legend-cards strong{font-size:12px}.play-guide p{font-size:12px;color:var(--muted)}.play-guide h3{font-size:14px;margin-top:25px}.play-guide a{text-decoration:underline;color:var(--green)}button:disabled{opacity:.5;cursor:default}@media(max-width:480px){.game-title h1{font-size:46px}.board{width:285px}.cell{height:49px}.key{height:43px;font-size:11px}.key-row{gap:4px}.legend-cards{gap:12px}.game-main{padding-left:14px!important;padding-right:14px!important}}