.hippo-game{--hg-cream:#efeeda;--hg-lime:#ff655e;color:var(--hg-cream);background:#201717;border:1px solid #54403d;border-radius:18px;overflow:hidden;font-family:inherit;box-shadow:0 24px 80px #0003}.hippo-game *{box-sizing:border-box}.hg-top{display:flex;align-items:center;justify-content:space-between;padding:27px 30px 22px}.hg-eyebrow{font:10px/1.5 monospace;letter-spacing:2px;color:#c9aaa4}.hg-top h3{font-size:34px;letter-spacing:-1.4px;line-height:1.15;margin:7px 0 0}.hg-best{text-align:right;font:9px/1.4 monospace;letter-spacing:1px;color:#c8b3ad}.hg-best strong{display:block;font-size:30px;color:var(--hg-lime);letter-spacing:-1px}.hg-scores{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #59433e;background:#2c1f1d}.hg-score{padding:14px 16px;border-right:1px solid #59433e}.hg-score:last-child{border-right:0}.hg-score span{font:9px/1.3 monospace;letter-spacing:.6px;color:#cbb7ae;display:block}.hg-score strong{font:700 27px/1.2 monospace;display:block;margin-top:5px}.hg-score.hg-you{color:var(--hg-lime);background:#ee685510}.hg-you span{color:var(--hg-lime)}.hg-arena{position:relative;max-width:680px;margin:auto;isolation:isolate}.hg-arena canvas{width:100%;aspect-ratio:1;display:block}.hg-clock{position:absolute;top:16px;left:17px;display:flex;align-items:center;gap:9px;background:#201413d9;border:1px solid #654540;border-radius:5px;padding:8px 10px;pointer-events:none}.hg-clock span{font:8px/1.2 monospace;max-width:25px;letter-spacing:1px;color:#c9b2a6}.hg-clock strong{font:700 23px/1 monospace}.hg-player-label{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);font:700 10px/1 monospace;letter-spacing:2px;color:var(--hg-lime)}.hg-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;background:radial-gradient(ellipse,#201413f2 15%,#201413d9 45%,#20141366);z-index:2}.hg-overlay[hidden]{display:none}.hg-overlay h4{font-size:clamp(29px,4vw,49px);letter-spacing:-2px;line-height:1.05;margin:15px 0;color:var(--hg-cream)}.hg-overlay p{font-size:14px;line-height:1.65;max-width:290px;color:#d0c1b8;margin:0 0 24px}.hippo-game button{font-family:inherit;cursor:pointer}.hippo-game button:focus-visible,.hippo-game select:focus-visible{outline:3px solid #fff;outline-offset:4px}.hg-start{background:var(--hg-lime);color:#241411;border:0;border-radius:7px;padding:15px 22px;font-size:12px;letter-spacing:1px;font-weight:800;display:flex;gap:36px;align-items:center}.hg-start span{font-size:20px}.hg-controls{display:flex;gap:9px;padding:16px 20px 11px;border-top:1px solid #61433b;background:#271b19}.hg-chomp{flex:1;border:0;border-radius:7px;padding:17px 12px;background:var(--hg-lime);color:#2a1613;font-weight:900;font-size:16px;letter-spacing:1px;box-shadow:0 4px 0 #a73d38;touch-action:none;user-select:none;-webkit-user-select:none}.hg-chomp:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 #a73d38}.hg-chomp kbd{font:9px monospace;border:1px solid #923d36;padding:3px 5px;border-radius:3px;margin-left:10px;vertical-align:middle}.hg-pause,.hg-sound{background:transparent;border:1px solid #66514a;border-radius:7px;font:10px monospace!important;color:#dfd1c7;padding:9px 12px}.hippo-game button:disabled{opacity:.45;cursor:default}.hg-bottom{padding:15px 20px 19px;display:flex;align-items:center;justify-content:space-between;gap:10px;font:9px/1.6 monospace;color:#c4ada3;background:#271b19;flex-wrap:wrap}.hg-bottom label{white-space:nowrap;letter-spacing:.6px}.hg-bottom select{font:11px monospace;color:#edf0dd;background:#362522;border:1px solid #634941;border-radius:4px;padding:5px;margin-left:5px}.hg-bottom select:disabled{opacity:.65}.hg-bottom>span{max-width:190px;text-align:center}.hg-restart{border:0;background:none;color:#e2ccc0;font:10px monospace!important;padding:5px}.hg-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:500px){.hg-top{padding:21px 18px 18px}.hg-top h3{font-size:29px}.hg-eyebrow{font-size:9px;letter-spacing:1px}.hg-score{padding:11px 9px}.hg-score span{font-size:7px;letter-spacing:0}.hg-score strong{font-size:24px}.hg-controls{padding:13px 12px 10px;gap:7px}.hg-pause,.hg-sound{font-size:8px!important;padding:8px}.hg-chomp{font-size:14px}.hg-chomp kbd{display:none}.hg-bottom{padding:12px;gap:8px}.hg-bottom>span{max-width:140px;font-size:8px}.hg-overlay{padding:22px}.hg-overlay p{font-size:12px;max-width:250px;margin-bottom:18px}.hg-overlay h4{margin:10px 0}.hg-start{padding:11px 20px}.hg-clock{top:9px;left:9px;padding:5px 7px}.hg-clock strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.hg-chomp:active:not(:disabled){transform:none}}