.hud{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.pill{background:var(--surface);border:var(--bw) solid var(--ink);border-radius:999px;align-items:center;gap:.4rem;padding:.2rem .8rem;font-size:.92rem;font-weight:700;display:inline-flex}.pill b{font-family:var(--display);font-size:1.15rem;font-weight:400}.ph-pill .bar{border:2px solid var(--ink);background:var(--surface);border-radius:99px;width:70px;height:10px;display:inline-block;overflow:hidden}.ph-pill .bar>i{background:linear-gradient(90deg, var(--red), var(--yellow), var(--mint));background-size:70px 100%;width:100%;height:100%;transition:width .3s;display:block}.field{border:var(--bw) solid var(--ink);border-radius:var(--r);height:calc(100dvh - 200px);min-height:360px;max-height:640px;box-shadow:var(--shadow);color:#1c1c21;background:linear-gradient(#8fd4ff 0%,#c9ecff 70%,#eaf8ff 100%);position:relative;overflow:hidden}.field.frozen{background:linear-gradient(#b6e7ff 0%,#e2f6ff 100%)}.field.frozen:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 6px #fff,inset 0 0 50px #9fe0ff}.field.hit{animation:.3s shake}.ground{background:var(--ink);gap:3px;height:44px;padding:0 3px;display:flex;position:absolute;bottom:0;left:0;right:0}.blk{border-top:4px solid var(--mint);background:repeating-linear-gradient(135deg,#8a5a2b 0 8px,#9c6a37 8px 16px);flex:1;margin-top:3px;transition:transform .5s,opacity .5s}.blk.gone{opacity:0;transform:translateY(120%)scale(.7)}.word{will-change:transform;white-space:nowrap;color:#1c1c21;font:800 1.05rem/1 var(--font);background:#fff;border:2.5px solid #1c1c21;border-radius:10px;align-items:center;height:34px;padding:.4rem .65rem;display:flex;position:absolute;top:0;box-shadow:2px 2px #1c1c21}.word.gold{background:var(--yellow);box-shadow:2px 2px #1c1c21,0 0 14px 2px #ffd23f}.word.freeze{background:#bdf0ff}.word.bomb{background:var(--red);color:#fff}.burst{pointer-events:none;z-index:3;width:0;height:0;position:absolute}.burst:after{content:attr(data-pts);font:400 1.4rem var(--display);color:#1c1c21;text-shadow:0 2px #fff,2px 0 #fff,-2px 0 #fff;white-space:nowrap;animation:.6s ease-out forwards rise;position:absolute;top:0;left:0;transform:translate(-50%)}.burst.gold:after{color:#c77d00}.burst i{background:var(--mint);border:2px solid #1c1c21;border-radius:50%;width:12px;height:12px;animation:.5s ease-out forwards fly;position:absolute;top:8px;left:-6px}.burst i:nth-child(odd){background:var(--yellow)}.burst i:nth-child(3n){background:var(--pink)}@keyframes fly{to{transform:translate(var(--dx), var(--dy)) scale(.2);opacity:0}}@keyframes rise{0%{opacity:0;transform:translate(-50%)scale(.6)}30%{opacity:1;transform:translate(-50%,-8px)scale(1.15)}to{opacity:0;transform:translate(-50%,-34px)scale(1)}}.banner{text-align:center;max-width:none;font:400 clamp(1.8rem, 8vw, 3rem) var(--display);color:#1c1c21;text-shadow:0 3px #fff,3px 0 #fff,-3px 0 #fff;opacity:0;pointer-events:none;z-index:4;margin:0;position:absolute;top:14%;left:0;right:0}.banner.on{opacity:1;animation:.4s cubic-bezier(.2,1.4,.4,1) both pop}.overlay{z-index:5;text-align:center;backdrop-filter:blur(2px);background:#ffffffd1;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:1rem;display:flex;position:absolute;inset:0}.overlay h2{margin:0}.overlay p{margin:0;font-weight:600}.overlay img{animation:.5s cubic-bezier(.2,1.4,.4,1) both pop}.btn.big{font:400 1.8rem var(--display);min-height:64px;margin-top:.4rem;padding:.6rem 2.6rem}.stats{grid-template-columns:repeat(2,1fr);gap:.5rem;width:min(100%,360px);margin:.4rem 0;display:grid}.stats div{background:var(--yellow);border:var(--bw) solid #1c1c21;border-radius:12px;padding:.35rem .5rem;box-shadow:2px 2px #1c1c21}.stats div:first-child{background:var(--mint);grid-column:span 2}.stats dt{font-size:.8rem;font-weight:700}.stats dd{font:400 1.5rem/1.2 var(--display);margin:0}.typer{gap:.6rem;margin:1rem 0 .5rem;display:flex}.typer input{min-width:0;font:700 1.2rem var(--font);border:var(--bw) solid var(--ink);background:var(--surface);min-height:52px;color:var(--ink);border-radius:14px;flex:1;padding:.65rem .9rem}.typer input.bad{border-color:var(--red);animation:.25s shake}.typer input:disabled{opacity:.55}