.typefall-page{--ink:#16121d;--purple:#7c3aed;--coral:#ff6685;--gold:#ffd166}.typefall-shell{background:linear-gradient(145deg,#171022,#25133b);color:#fff;border:4px solid var(--ink);box-shadow:8px 8px 0 #c4a7ff;padding:clamp(1rem,3vw,2rem);margin:1.4rem 0}.typefall-head,.typefall-actions,.typefall-stats{display:flex;gap:.75rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.typefall-head select,.typefall-actions button,.typefall-keyboard button{font:inherit;font-weight:800;border:2px solid #140d20;background:#fff;color:#1b1028;box-shadow:3px 3px 0 #000;padding:.65rem .9rem}.typefall-stats{margin:1rem 0}.typefall-stats div{min-width:7rem;background:#fff;color:#1b1028;border:2px solid #000;padding:.6rem .8rem}.typefall-stats small,.typefall-stats strong{display:block}.typefall-stats strong{font-size:1.1rem}.typefall-dropzone{position:relative;min-height:24rem;overflow:hidden;border:3px solid #fff;background:linear-gradient(#66d2b5 0 22%,#9de0c9 22% 58%,#52356f 58% 92%,#2c1739 92%);isolation:isolate}.typefall-dropzone:before,.typefall-dropzone:after{content:"";position:absolute;width:13rem;height:13rem;border-radius:50%;background:#0e7a58;left:-4rem;top:3rem;box-shadow:10rem -2rem 0 #15906b,19rem 1rem 0 #0e7a58,28rem -1rem 0 #15906b}.typefall-fruit{position:absolute;z-index:2;left:50%;top:var(--fall,8%);transform:translateX(-50%);width:min(90%,28rem);text-align:center}.typefall-fruit:before{content:"";display:block;width:2.8rem;height:2.8rem;margin:0 auto -.7rem;border-radius:48% 52% 55% 45%;background:var(--coral);border:3px solid #160d20;transform:rotate(14deg)}.typefall-fruit:after{content:"";position:absolute;top:-.2rem;left:50%;width:1.7rem;height:.8rem;background:#3ca66d;border-radius:100% 0;transform:rotate(-28deg)}.typefall-word{display:inline-block;background:#fff;color:#1b1028;border:3px solid #160d20;box-shadow:5px 5px 0 #160d20;padding:.7rem 1rem;font-size:clamp(1.7rem,6vw,3.2rem);letter-spacing:.12em;text-transform:uppercase}.typefall-prefix{margin:.75rem auto 0;width:max-content;max-width:90%;background:#25133b;padding:.35rem .7rem;border:2px solid #fff;letter-spacing:.08em;text-transform:uppercase}.typefall-meter{position:absolute;left:0;right:0;bottom:0;height:1rem;background:linear-gradient(90deg,var(--gold) var(--time,100%),#3a214e 0);border-top:3px solid #160d20}.typefall-status{min-height:3rem;margin:.9rem 0;background:#f7efff;color:#271332;border-left:6px solid var(--coral);padding:.75rem;font-weight:700}.typefall-actions{justify-content:center}.typefall-actions button.primary{background:var(--gold)}.typefall-keyboard{margin:1.2rem auto 0;display:grid;gap:.42rem;max-width:39rem}.typefall-key-row{display:flex;gap:.35rem;justify-content:center}.typefall-keyboard button{min-width:2.45rem;padding:.55rem .35rem;box-shadow:2px 2px 0 #000}.typefall-note{font-size:.93rem;color:#e4d6ff}.typefall-guide .guide-grid article{border-top:5px solid var(--coral)}@media(max-width:600px){.typefall-shell{margin-inline:-.4rem}.typefall-dropzone{min-height:20rem}.typefall-keyboard button{min-width:8.5vw;padding:.6rem .1rem}.typefall-stats div{min-width:calc(50% - .5rem)}}@media(prefers-reduced-motion:reduce){.typefall-fruit{transition:none}}