.letter-mix-page{max-width:920px}.mix-heading{width:min(820px,100%);margin-right:auto;margin-left:auto}.letter-mix-game{--mix-cobalt:#3156cf;--mix-cobalt-dark:#173380;--mix-coral:#ff694a;--mix-yellow:#f6cb4f;--mix-mint:#9ee3c4;width:min(820px,100%);margin:0 auto;overflow:hidden;border:2px solid var(--ink);border-radius:25px;background:var(--mix-cobalt);box-shadow:9px 10px #182a68;color:var(--ink)}.mix-topbar{height:86px;padding:0 clamp(18px,5vw,40px);display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;border-bottom:2px solid var(--ink);background:var(--mix-yellow);box-shadow:inset 0 -5px #6d4d0c29}.mix-stat span,.mix-clock>span{display:block;margin-bottom:3px;font-size:8px;font-weight:800;letter-spacing:.2em}.mix-stat strong{font:800 23px var(--serif)}.mix-stat-right{text-align:right}.mix-clock{align-self:stretch;position:relative;display:grid;place-content:center;text-align:center}.mix-clock strong{font:800 34px/1 var(--serif);font-variant-numeric:tabular-nums}.mix-clock i{position:absolute;right:8px;bottom:0;left:8px;height:6px;overflow:hidden;border:1px solid var(--ink);border-bottom:0;border-radius:5px 5px 0 0;background:#fff5c7}.mix-clock i b{display:block;width:100%;height:100%;transform-origin:left;background:var(--mix-coral);transition:background .2s}.mix-time-low .mix-clock strong{color:#a42720}.mix-time-low .mix-clock i b{background:#d4382e}.mix-cabinet{padding:clamp(17px,4vw,34px);background:radial-gradient(circle at 50% -10%,rgba(255,255,255,.16),transparent 42%),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 8px),var(--mix-cobalt)}.mix-press{position:relative;min-height:410px;padding:clamp(44px,8vw,72px) clamp(12px,3vw,28px) 35px;display:flex;flex-direction:column;align-items:center;border:3px solid var(--ink);border-radius:19px;background:linear-gradient(145deg,#203f9d,#172f79);box-shadow:0 9px #0e225f,inset 0 0 0 5px #ffffff0f,inset 0 0 38px #0512406b;color:#fff}.mix-message{position:relative;z-index:2;min-height:28px;margin:0 0 27px;text-align:center;font:800 clamp(17px,3.2vw,24px)/1.15 var(--serif)}.mix-message.valid{color:#baf5d7}.mix-message.invalid{color:#ffb19f}.mix-message-pop{animation:mix-message-pop .26s ease-out}@keyframes mix-message-pop{0%{opacity:.35;transform:translateY(5px)}}.mix-slots{--mix-length:4;position:relative;z-index:2;width:min(600px,100%);display:grid;grid-template-columns:repeat(var(--mix-length),minmax(0,1fr));gap:clamp(7px,1.7vw,14px)}.mix-tile-shell{position:relative;min-width:0;aspect-ratio:.9;display:block;border:2px solid #8d6d28;border-radius:10px;background:linear-gradient(140deg,#fff9d9,#e8ce87);box-shadow:0 7px #8e5523,0 11px 14px #00000047,inset 0 0 0 4px #ffffff57;transform:rotate(-.5deg);transition:transform .15s,box-shadow .15s,background .15s}.mix-tile-shell:nth-child(2n){transform:rotate(.65deg)}.mix-tile-shell:nth-child(3n){transform:rotate(-.9deg)}.mix-letter{width:100%;height:100%;padding:0;border:0;border-radius:8px;outline:0;background:transparent;color:#251d22;text-align:center;text-transform:uppercase;font:800 clamp(28px,7vw,53px)/1 var(--serif);caret-color:var(--mix-coral);user-select:text;-webkit-user-select:text}.mix-letter:disabled{pointer-events:none;user-select:none;-webkit-user-select:none}.mix-letter:focus{box-shadow:inset 0 0 0 4px var(--mix-coral),inset 0 0 0 7px #ffffff94}.mix-tile-shell:focus-within{transform:translateY(-5px) rotate(0);box-shadow:0 12px #8e5523,0 16px 18px #0000004d}.mix-tile-shell.locked{border-color:#306750;background:linear-gradient(145deg,#c4f2da,#76caa6);box-shadow:0 7px #276149,0 11px 14px #00000047,inset 0 0 0 4px #ffffff40}.mix-tile-shell.locked:after{content:"";position:absolute;right:4px;bottom:4px;width:9px;height:7px;border-radius:2px;background:#234f3d;box-shadow:inset 0 1px #ffffff40}.mix-tile-shell.locked:before{content:"";position:absolute;z-index:2;right:6px;bottom:11px;width:5px;height:5px;border:1.5px solid #234f3d;border-bottom:0;border-radius:5px 5px 0 0}.mix-tile-shell.invalid{background:linear-gradient(145deg,#ffd2c8,#ff8f78);border-color:#9c2c26}.mix-tile-shell.correct{background:linear-gradient(145deg,#c7f5dc,#75d5ab);border-color:#255b45;animation:mix-tile-stamp .32s ease}.mix-tile-shell.locked.invalid{background:linear-gradient(145deg,#c4f2da,#76caa6);border-color:#306750}@keyframes mix-tile-stamp{45%{transform:translateY(5px) scale(.96);box-shadow:0 2px #276149,0 4px 6px #00000038}}.mix-invalid .mix-slots{animation:mix-shake .3s ease}@keyframes mix-shake{25%{transform:translate(-6px)}60%{transform:translate(6px)}85%{transform:translate(-2px)}}.mix-keyboard-hint{position:relative;z-index:2;margin:26px 0 0;color:#ced8ff;text-align:center;font-size:10px;font-weight:700;letter-spacing:.04em}.mix-start,.mix-retry-load{position:relative;z-index:2;margin-top:23px;border:2px solid var(--ink);cursor:pointer}.mix-start{min-width:210px;padding:12px 24px 14px;border-radius:11px;background:var(--mix-coral);color:#fff;box-shadow:0 6px #8e2f25,0 9px 14px #00000040;animation:mix-start-pulse 1.7s ease-in-out infinite}.mix-start small,.mix-start strong{display:block}.mix-start small{font:800 7px var(--sans);letter-spacing:.18em;opacity:.76}.mix-start strong{margin-top:2px;font:800 21px var(--serif)}.mix-start:active{transform:translateY(5px);box-shadow:0 1px #8e2f25;animation:none}.mix-start:disabled{filter:grayscale(.5);opacity:.55;animation:none;cursor:default}@keyframes mix-start-pulse{50%{transform:translateY(-3px);box-shadow:0 9px #8e2f25,0 14px 20px #00000047}}.mix-retry-load{padding:10px 16px;border-radius:8px;background:var(--mix-yellow);color:var(--ink);box-shadow:0 4px #8c6515;font-weight:800}.mix-retry-load[hidden],.mix-start[hidden],.mix-results[hidden],.mix-press[hidden]{display:none}.mix-results{padding:clamp(25px,6vw,52px);border:3px solid var(--ink);border-radius:19px;background:linear-gradient(165deg,#fff9e9,#f2e7c9);box-shadow:0 9px #0e225f;color:var(--ink);text-align:center}.mix-result-kicker{font-size:8px;font-weight:800;letter-spacing:.22em;color:#3156cf}.mix-results h2{margin:8px 0 20px;font:800 clamp(37px,7vw,58px)/1 var(--serif)}.mix-answer{--mix-answer-length:4;width:min(520px,100%);margin:0 auto 24px;display:flex;justify-content:center;gap:clamp(5px,1.2vw,10px)}.mix-answer span{width:min(78px,15vw);aspect-ratio:.9;display:grid;place-items:center;border:2px solid #8d6d28;border-radius:8px;background:linear-gradient(140deg,#fff9d9,#e8ce87);box-shadow:0 5px #8e5523;font:800 clamp(26px,6vw,46px)/1 var(--serif);animation:mix-result-tile .34s ease both}.mix-answer span:nth-child(2){animation-delay:.06s}.mix-answer span:nth-child(3){animation-delay:.12s}.mix-answer span:nth-child(4){animation-delay:.18s}.mix-answer span:nth-child(5){animation-delay:.24s}.mix-answer span:nth-child(6){animation-delay:.3s}@keyframes mix-result-tile{0%{opacity:0;transform:translateY(-18px) rotate(-4deg)}}.mix-final-score{margin:0;font:700 20px var(--serif)}.mix-final-score strong{color:#3156cf;font-size:29px}.mix-personal-best{margin:5px 0 0;font-size:11px;font-weight:800;letter-spacing:.05em}.mix-result-actions{margin:22px 0 0;display:flex;justify-content:center;gap:10px}.mix-result-actions button{min-width:120px;padding:12px 18px;border:2px solid var(--ink);border-radius:9px;font-weight:800;cursor:pointer}.mix-play-again{background:var(--mix-coral);color:#fff;box-shadow:0 4px #8e2f25}.mix-share{background:var(--mix-yellow);color:var(--ink);box-shadow:0 4px #98711b}.mix-result-actions button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.mix-share-status{min-height:18px;margin:10px 0 0;color:#3156cf;font-size:10px;font-weight:800}.mix-final-score strong{margin-left:.28em}.mix-proof{margin-top:25px;padding:22px;border:2px solid var(--ink);border-radius:11px;background:#fffdf5;box-shadow:4px 4px #14213d1f;text-align:left}.mix-proof-heading{padding-bottom:15px;border-bottom:1px dashed rgba(20,33,61,.3)}.mix-proof-heading span,.mix-proof-heading strong{display:block}.mix-proof-heading span{font-size:7px;font-weight:800;letter-spacing:.2em;color:#3156cf}.mix-proof-heading strong{margin-top:3px;font:800 24px var(--serif)}.mix-word-list{padding-top:17px;display:flex;flex-wrap:wrap;gap:8px}.mix-word-list a{padding:7px 10px;border:1px solid rgba(20,33,61,.25);border-radius:6px;background:#fff6d4;color:var(--ink);font:800 12px var(--serif);text-decoration:none;box-shadow:0 2px #14213d21}.mix-word-list a:hover{background:var(--mix-mint)}.mix-rare-words{margin-top:18px;border-top:1px dashed rgba(20,33,61,.3)}.mix-rare-words[hidden]{display:none}.mix-rare-words summary{padding-top:15px;color:#3156cf;font-size:11px;font-weight:800;cursor:pointer}.mix-word-list-rare a{background:#f2eee3;color:#5d6170;font-size:11px}.mix-solver-nudge{margin:22px 0 0;padding:13px 15px;display:flex;justify-content:space-between;gap:15px;border-radius:8px;background:#3156cf;color:#fff;text-align:left;font-size:10px}.mix-solver-nudge a{font-weight:800}.mix-explainer a{font-weight:800;text-underline-offset:4px}.mix-how-dialog li{grid-template-columns:72px minmax(0,1fr);gap:12px;line-height:1.4}@media(max-width:700px){.letter-mix-page{padding:16px 9px 60px}.mix-heading{padding:0 7px}.letter-mix-game{border-radius:19px;box-shadow:5px 6px #182a68}.mix-topbar{height:68px;padding:0 17px}.mix-stat strong{font-size:19px}.mix-clock strong{font-size:28px}.mix-cabinet{padding:12px}.mix-press{min-height:350px;padding:45px 14px 27px;border-radius:15px}.mix-message{margin-bottom:23px;font-size:17px}.mix-slots{gap:6px}.mix-tile-shell{border-radius:7px;box-shadow:0 5px #8e5523,0 8px 10px #00000040,inset 0 0 0 3px #ffffff57}.mix-tile-shell.locked{box-shadow:0 5px #276149,0 8px 10px #00000040,inset 0 0 0 3px #ffffff40}.mix-tile-shell.locked:after{right:3px;bottom:3px;width:6px;height:5px;border-radius:1px}.mix-tile-shell.locked:before{right:4px;bottom:8px;width:4px;height:4px;border-width:1px}.mix-letter{font-size:clamp(27px,10vw,44px)}.mix-keyboard-hint{margin-top:22px;font-size:9px}.mix-start{margin-top:20px}.mix-results{padding:26px 15px}.mix-proof{padding:17px 14px}.mix-word-list{gap:6px}.mix-word-list a{padding:6px 8px;font-size:11px}.mix-solver-nudge{display:block;text-align:center}.mix-solver-nudge span{display:block;margin-bottom:5px}.mix-how-dialog{padding:30px 24px}}@media(max-width:350px){.letter-mix-page{padding-right:5px;padding-left:5px}.mix-cabinet{padding:8px}.mix-press{padding-right:10px;padding-left:10px}.mix-slots{gap:4px}.mix-letter{font-size:clamp(24px,10vw,37px)}.mix-tile-shell.locked:before,.mix-tile-shell.locked:after{transform:scale(.82);transform-origin:right bottom}}@media(max-height:520px)and (orientation:landscape){.letter-mix-page{max-width:960px;padding-top:10px}.mix-heading{margin-bottom:8px}.letter-mix-game{width:min(900px,100%)}.mix-topbar{height:57px}.mix-cabinet{padding:10px}.mix-press{min-height:235px;padding-top:29px;padding-bottom:18px}.mix-message{margin-bottom:15px}.mix-slots{width:min(470px,70%)}.mix-keyboard-hint{margin-top:15px}.mix-start{margin-top:13px;padding-top:8px;padding-bottom:9px}.mix-results{padding-top:20px}.mix-answer{margin-bottom:15px}}.letter-mix-game{width:min(800px,100%);max-width:800px;margin-right:auto;margin-left:auto}.mix-heading{width:min(800px,100%);margin-right:auto;margin-left:auto}.mix-install-icon{position:absolute;z-index:4;top:12px;right:12px;border-color:#0e225f;background:var(--mix-yellow);color:var(--ink);box-shadow:0 3px #8c6515}.mix-install-link{margin:12px auto -10px;color:#fff}.letter-mix-game.install-offer-blocked .game-install-icon,.letter-mix-game.install-offer-blocked .game-install-link{display:none!important}