.pip-game{border-radius:inherit;width:100%;height:clamp(320px,42vw,460px);font-family:var(--font-ui,"General Sans", sans-serif);isolation:isolate;background:radial-gradient(120% 140% at 50% 0,#18161d 0%,#0b0a0e 70%);position:relative;overflow:hidden}.pip-game__idle{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:clamp(1.25rem,4vw,2.5rem);display:flex;position:absolute;inset:0}.pip-game__idle-dot{background:radial-gradient(circle at 32% 28%,#ef6a3c 0%,#d94e1f 55%,#b03d16 100%);border-radius:50%;width:32px;height:32px;margin-bottom:.5rem;animation:2.6s ease-in-out infinite pip-idle-breathe;box-shadow:0 0 24px #d94e1f73}@keyframes pip-idle-breathe{0%,to{transform:scale(1)translateY(0)}50%{transform:scale(1.08,.92)translateY(-4px)}}.pip-game__idle-title{font-family:var(--font-display);letter-spacing:-.02em;color:#f8f7f4;margin:0;font-size:clamp(1.5rem,4vw,2.1rem);font-weight:500}.pip-game__idle-sub{color:#f8f7f48f;max-width:34ch;margin:0 0 .7rem;font-size:12.5px}.pip-game__modes{grid-template-columns:repeat(2,minmax(150px,220px));gap:.6rem;width:100%;max-width:480px;display:grid}@media (max-width:480px){.pip-game__modes{grid-template-columns:1fr;max-width:320px}}.pip-game__mode{text-align:left;cursor:pointer;color:#f8f7f4;font:inherit;background:#f8f7f40d;border:1px solid #f8f7f41f;border-radius:10px;flex-direction:column;gap:3px;padding:.8rem .95rem;transition:border-color .2s,transform .2s,background .2s;display:flex;position:relative}.pip-game__mode:hover{border-color:#d94e1f8c;transform:translateY(-2px)}.pip-game__mode--accent{background:#d94e1f1a;border-color:#d94e1f52}.pip-game__mode-name{font-family:var(--font-display);letter-spacing:-.01em;font-size:16px;font-weight:500}.pip-game__mode-desc{color:#f8f7f499;font-size:11px;line-height:1.4}.pip-game__mode-pb{letter-spacing:.14em;text-transform:uppercase;color:#d94e1f;margin-top:4px;font-size:9.5px}.pip-game__mode-tag{letter-spacing:.18em;text-transform:uppercase;color:#d94e1f;background:#d94e1f29;border-radius:999px;padding:2px 7px;font-size:9px;position:absolute;top:9px;right:11px}.pip-game__arena{z-index:3;-webkit-backdrop-filter:blur(4px);cursor:crosshair;background:#0a090c66;animation:.24s both pip-fade-in;position:absolute;inset:0}.pip-game__arena-hint{letter-spacing:.18em;text-transform:uppercase;color:#f8f7f48c;white-space:nowrap;pointer-events:none;padding:0 .75rem;font-size:10px;position:absolute;top:14px;left:50%;transform:translate(-50%)}@media (max-width:480px){.pip-game__arena-hint{letter-spacing:.14em;font-size:9px}}.pip-game__hud{z-index:6;color:#f8f7f4;letter-spacing:.14em;text-transform:uppercase;background:#0e0e0c;border-radius:10px;flex-direction:column;align-items:flex-end;gap:.4rem;min-width:126px;padding:8px 12px;font-size:10px;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 8px 20px #00000059}.pip-game__hud-row{justify-content:space-between;align-items:baseline;gap:.6rem;width:100%;display:flex}.pip-game__hud-label{color:#f8f7f48c}.pip-game__hud-time{font-variant-numeric:tabular-nums;letter-spacing:-.01em;text-transform:none;color:#d94e1f;font-size:15px;font-weight:600}.pip-game__hud-catches{font-variant-numeric:tabular-nums;letter-spacing:-.01em;text-transform:none;color:#f8f7f4;font-size:15px;font-weight:600}.pip-game__giveup{color:#f8f7f4b3;cursor:pointer;font:inherit;letter-spacing:.14em;text-underline-offset:3px;background:0 0;border:none;padding:0;-webkit-text-decoration:underline #f8f7f44d;text-decoration:underline #f8f7f44d;transition:color .25s}.pip-game__giveup:hover{color:#f8f7f4}.pip-game__sprite{z-index:5;cursor:pointer;opacity:0;transform-origin:50%;pointer-events:none;filter:drop-shadow(0 8px 18px #0006);background:0 0;border:none;padding:0;position:absolute}.pip-game__sprite.is-visible{pointer-events:auto}.pip-game__sprite:before{content:"";pointer-events:auto;border-radius:999px;position:absolute;inset:-20px}.pip-game__sprite:not(.is-visible):before{pointer-events:none}.pip-game__dot-inner{background:radial-gradient(circle at 32% 28%,#ef6a3c 0%,#d94e1f 55%,#b03d16 100%);border-radius:50%;width:100%;height:100%;display:block;box-shadow:0 0 22px #d94e1f73}.pip-game__sprite--top.is-visible{animation:1.4s cubic-bezier(.34,1.56,.64,1) both pip-pop-top}.pip-game__sprite--right.is-visible{animation:1.4s cubic-bezier(.34,1.56,.64,1) both pip-pop-right}.pip-game__sprite--bottom.is-visible{animation:1.4s cubic-bezier(.34,1.56,.64,1) both pip-pop-bottom}.pip-game__sprite--left.is-visible{animation:1.4s cubic-bezier(.34,1.56,.64,1) both pip-pop-left}@keyframes pip-pop-top{0%{opacity:0;transform:translateY(-100%)scale(.72,1.3)}18%{opacity:1;transform:translateY(28%)scale(1.14,.86)}35%{transform:translateY(18%)scale(.95,1.05)}75%{transform:translateY(20%)scale(1)}90%{opacity:1;transform:translateY(20%)scale(1.08,.92)}to{opacity:0;transform:translateY(-90%)scale(.72,1.3)}}@keyframes pip-pop-right{0%{opacity:0;transform:translate(100%)scale(1.3,.72)}18%{opacity:1;transform:translate(-28%)scale(.86,1.14)}35%{transform:translate(-18%)scale(1.05,.95)}75%{transform:translate(-20%)scale(1)}90%{opacity:1;transform:translate(-20%)scale(.92,1.08)}to{opacity:0;transform:translate(90%)scale(1.3,.72)}}@keyframes pip-pop-bottom{0%{opacity:0;transform:translateY(100%)scale(.72,1.3)}18%{opacity:1;transform:translateY(-28%)scale(1.14,.86)}35%{transform:translateY(-18%)scale(.95,1.05)}75%{transform:translateY(-20%)scale(1)}90%{opacity:1;transform:translateY(-20%)scale(1.08,.92)}to{opacity:0;transform:translateY(90%)scale(.72,1.3)}}@keyframes pip-pop-left{0%{opacity:0;transform:translate(-100%)scale(1.3,.72)}18%{opacity:1;transform:translate(28%)scale(.86,1.14)}35%{transform:translate(18%)scale(1.05,.95)}75%{transform:translate(20%)scale(1)}90%{opacity:1;transform:translate(20%)scale(.92,1.08)}to{opacity:0;transform:translate(-90%)scale(1.3,.72)}}.pip-game__sprite:hover{transform:scale(1.08)}.pip-game__sprite:active{transform:scale(.9)}@media (prefers-reduced-motion:reduce){.pip-game__sprite.is-visible{animation:1.4s both pip-pop-fade}.pip-game__idle-dot,.pip-game__tier-emoji{animation:none}}@keyframes pip-pop-fade{0%,to{opacity:0}20%,90%{opacity:1}}.pip-game__modal{z-index:8;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.pip-game__modal-backdrop{-webkit-backdrop-filter:blur(5px);background:#0a090c99;animation:.24s both pip-fade-in;position:absolute;inset:0}.pip-game__modal-card{color:#f8f7f4;text-align:center;background:#141318;border:1px solid #f8f7f41f;border-radius:12px;width:min(340px,100%);max-height:100%;padding:1.4rem 1.1rem 1.1rem;animation:.32s cubic-bezier(.16,1,.3,1) both pip-pop-in;position:relative;overflow-y:auto;box-shadow:0 20px 44px #0006}@keyframes pip-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pip-pop-in{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.pip-game__modal-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:#f8f7f48c;margin:0 0 .35rem;font-size:10px}.pip-game__modal-title{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#d94e1f;margin:0 0 .6rem;font-size:clamp(1.7rem,7vw,2.3rem);font-weight:500;line-height:1}.pip-game__modal-pct-line{margin:0 0 .4rem}.pip-game__modal-pct{color:#d94e1f;letter-spacing:.14em;text-transform:uppercase;background:#d94e1f24;border-radius:999px;padding:3px 9px;font-size:9.5px;display:inline-block}.pip-game__modal-pb{letter-spacing:.12em;text-transform:uppercase;color:#f8f7f48c;margin:.25rem 0 1rem;font-size:10px}.pip-game__modal-pb strong{color:#f8f7f4;font-variant-numeric:tabular-nums}.pip-game__modal-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.pip-game__modal-primary,.pip-game__modal-secondary{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:1px solid #f8f7f429;border-radius:999px;padding:.6rem 1rem;font-size:10px;transition:background .2s,color .2s,border-color .2s}.pip-game__modal-primary{color:#0e0e0c;background:#f8f7f4;border-color:#f8f7f4}.pip-game__modal-primary:hover{color:#f8f7f4;background:#d94e1f;border-color:#d94e1f}.pip-game__modal-secondary{color:#f8f7f4;background:0 0}.pip-game__modal-secondary:hover{background:#f8f7f414}.pip-game__modal-tertiary{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:#f8f7f48c;cursor:pointer;text-underline-offset:4px;background:0 0;border:none;padding:.6rem .4rem;font-size:10px;-webkit-text-decoration:underline #f8f7f440;text-decoration:underline #f8f7f440}.pip-game__modal-tertiary:hover{color:#f8f7f4}.pip-game__tier{flex-direction:column;align-items:center;gap:3px;margin:.3rem 0 .75rem;display:flex}.pip-game__tier-emoji{filter:drop-shadow(0 4px 10px #0000004d);font-size:44px;line-height:1;animation:.56s cubic-bezier(.34,1.56,.64,1) both pip-tier-pop}@keyframes pip-tier-pop{0%{opacity:0;transform:scale(.4)rotate(-14deg)}70%{transform:scale(1.16)rotate(4deg)}to{opacity:1;transform:scale(1)rotate(0)}}.pip-game__tier-name{font-family:var(--font-display);letter-spacing:-.02em;color:#d94e1f;text-transform:uppercase;font-size:clamp(1.1rem,4vw,1.4rem);font-weight:500;line-height:1}.pip-game__tier-flavor{letter-spacing:.14em;text-transform:uppercase;color:#f8f7f48c;font-size:10px}.pip-game__sprite svg{width:100%;height:100%;display:block}.pip-game__idle-pip{margin-bottom:4px;display:inline-block}.pip-game__idle-pip svg{display:block}.pip-game__modal-pip{width:72px;margin:0 auto 6px;display:block}