.g-esc{width:min(620px,100%);display:flex;flex-direction:column;align-items:center;gap:.9rem}.g-esc__hud{display:flex;align-items:center;justify-content:center;gap:.9rem;flex-wrap:wrap}.g-esc__timer{font-family:var(--g-font-display);font-weight:700;font-size:1.35rem;letter-spacing:.06em;color:#fff;background:#2b3140;border-radius:.6rem;padding:.25rem .85rem;box-shadow:inset 0 2px 6px #00000073;font-variant-numeric:tabular-nums}.g-esc__pips{display:flex;gap:.4rem}.g-esc__pip{width:.85rem;height:1.1rem;border-radius:.2rem .2rem .3rem .3rem;background:color-mix(in srgb,#6a6f9b 22%,white);border:1.5px solid color-mix(in srgb,#6a6f9b 45%,transparent);position:relative}.g-esc__pip:before{content:"";position:absolute;left:50%;top:-.42rem;width:.5rem;height:.5rem;transform:translate(-50%);border:2px solid color-mix(in srgb,#6a6f9b 55%,transparent);border-bottom:none;border-radius:.35rem .35rem 0 0}.g-esc__pip.is-open{background:var(--g-sage-deep);border-color:var(--g-sage-deep)}.g-esc__pip.is-open:before{transform:translate(-20%) rotate(18deg);border-color:var(--g-sage-deep)}.g-esc__pip.is-current{background:var(--g-coral);border-color:var(--g-coral);box-shadow:0 0 0 4px color-mix(in srgb,var(--g-coral) 20%,transparent)}.g-esc__panel{width:100%;padding:.9rem;border-radius:1.1rem;background:linear-gradient(165deg,#eef1f6,#e2e6ef);border:1.5px solid color-mix(in srgb,#6a6f9b 30%,transparent);box-shadow:0 12px 26px var(--g-shadow)}.g-esc__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.65rem}.g-esc__key{appearance:none;display:flex;align-items:center;gap:.6rem;border:1.5px solid color-mix(in srgb,#6a6f9b 28%,transparent);background:#fbfcfe;border-radius:.75rem;padding:.7rem .8rem;cursor:pointer;text-align:left;box-shadow:0 4px color-mix(in srgb,#6a6f9b 25%,transparent);transition:transform .12s ease,border-color .15s,box-shadow .15s;animation:g-rise .35s ease both}.g-esc__key:hover{transform:translateY(-2px);border-color:var(--g-coral)}.g-esc__key.is-open{transform:translateY(3px);border-color:var(--g-sage-deep);box-shadow:0 1px 0 var(--g-sage-deep)}.g-esc__key-num{flex-shrink:0;width:1.6rem;height:1.6rem;display:grid;place-items:center;border-radius:.4rem;background:#2b3140;color:#fff;font-family:var(--g-font-display);font-weight:700;font-size:.85rem}.g-esc__key-label{font-family:var(--g-font-display);font-weight:600;font-size:.94rem;line-height:1.25;color:var(--g-ink)}.g-esc__hint-btn{appearance:none;border:none;background:none;cursor:pointer;font-family:var(--g-font-display);font-weight:600;font-size:.92rem;color:var(--g-sage-deep);text-decoration:underline;padding:.2rem .4rem}.g-esc__hint-btn[hidden]{display:none}.g-esc__hint{margin:0;max-width:30rem;text-align:center;font-size:.92rem;line-height:1.45;color:var(--g-muted);animation:g-rise .3s ease both}.g-esc__end{text-align:center;animation:g-rise .4s ease both}.g-esc__door{display:block;width:64px;height:88px;margin:0 auto .75rem;border-radius:6px 6px 3px 3px;background:linear-gradient(100deg,#2b3140 0 38%,#7f9e8a 38% 44%,#f7fbf8 44%);box-shadow:0 12px 24px var(--g-shadow);animation:g-door .7s ease both}.g-esc__time{margin:0;font-family:var(--g-font-display);font-weight:700;font-size:2.2rem;color:var(--g-ink);font-variant-numeric:tabular-nums}.g-esc__rank{margin:.1rem 0 0;font-family:var(--g-font-display);font-weight:600;color:var(--g-coral-deep)}@keyframes g-door{0%{transform:perspective(400px) rotateY(0)}to{transform:perspective(400px) rotateY(-38deg)}}