:root{--stage: #14110f;--foam: #f3e6d8;--metal: #b7a69c;--hit: #ff4d6d;--pad: #f7f1ea;--rim: #3a302b}*{box-sizing:border-box}body{margin:0;background:var(--stage);color:var(--foam);font-family:Bricolage Grotesque,Avenir Next,sans-serif}button{font:inherit}:focus-visible{outline:3px solid var(--foam);outline-offset:4px}.stage{min-height:100svh;display:flex;flex-direction:column;overflow:hidden;position:relative;padding:1.25rem 1.25rem 1rem}.hint{position:relative;z-index:2;margin:.35rem 0 0 3vw;max-width:36rem;color:var(--metal);font-size:1.05rem;line-height:1.45;font-weight:500}kbd{font-family:inherit;font-weight:800;color:var(--foam);background:none;border:0}.backdrop{position:relative;z-index:0;margin:-.5rem 0 0 -.06em;font-weight:800;font-size:clamp(6.5rem,20vw,15rem);line-height:.76;letter-spacing:-.07em;color:var(--foam);-webkit-user-select:none;user-select:none}.backdrop span{display:block}.kit{position:relative;z-index:1;margin-top:.85rem;display:flex;flex-direction:column;gap:.85rem;align-items:flex-start;padding-left:3vw}.row{display:flex;flex-wrap:wrap;gap:.8rem}.kit-row{padding-left:6vw}.pad{position:relative;width:clamp(6.2rem,13vw,8.8rem);height:clamp(6.2rem,13vw,8.8rem);padding:0;border:4px solid var(--rim);border-radius:1.35rem;background-color:var(--pad);background-repeat:no-repeat;background-position:center;background-size:cover;color:var(--foam);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}.pad.kick{width:clamp(7.4rem,16vw,11rem);height:clamp(7.4rem,16vw,11rem)}.pad:hover,.pad.is-down{border-color:var(--hit)}.pad.is-down{filter:brightness(1.12)}.key-letter{position:relative;z-index:1;font-weight:800;font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.06em;line-height:1;text-shadow:0 2px 0 #1a1210,2px 0 0 #1a1210,-1px 0 0 #1a1210,0 -1px 0 #1a1210}.shock{position:absolute;inset:-6px;border-radius:inherit;border:3px solid var(--hit);pointer-events:none}footer{position:relative;z-index:2;margin-top:auto;padding-top:1.5rem}footer p{margin:0;display:flex;align-items:center;gap:.35rem;color:var(--metal);font-weight:500}footer svg{color:var(--hit)}@media(max-width:720px){.hint{margin-left:0;padding-inline:1rem}.backdrop{font-size:clamp(4.6rem,22vw,6.5rem);margin-left:.4rem}.kit{margin-top:1rem;padding-left:0;align-items:center}.toms,.kit-row{display:grid;padding-left:0;justify-content:center}.toms{grid-template-columns:repeat(2,max-content)}.kit-row{grid-template-columns:repeat(3,max-content)}}@media(prefers-reduced-motion:reduce){.backdrop{transform:none!important}}