body:has(.gh-game){background:#050505;overflow:hidden}body:has(.gh-game):before,body:has(.gh-game) .scroll-rail{display:none}.gh-game{--green:#42d660;--lane-red:#ef3d50;--yellow:#f1ce32;--blue:#3ba9f4;height:100dvh;color:var(--paper);isolation:isolate;user-select:none;background:radial-gradient(22% 74% at 7% 58%,#c1232c33,#0000 70%),radial-gradient(22% 68% at 93% 55%,#1d608c33,#0000 72%),radial-gradient(circle at 50% 8%,#ffffff17,#0000 24%),linear-gradient(115deg,#160708 0,#070708 32%,#060607 68%,#07131a 100%);grid-template-rows:56px minmax(0,1fr);display:grid;overflow:hidden}.gh-game:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(74deg,#0000 17%,#ffffff09 17.15%,#0000 17.4%),linear-gradient(106deg,#0000 82.6%,#ffffff08 82.8%,#0000 83%),repeating-linear-gradient(0deg,#0000 0 68px,#ffffff04 69px);position:absolute;inset:56px 0 0;mask-image:linear-gradient(#000,#0000 88%)}.gh-game:after{content:"";z-index:-1;pointer-events:none;filter:blur(120px);background:#c1232c29;border-radius:50%;width:min(1100px,90vw);height:70vh;position:absolute;bottom:-35vh;left:50%;transform:translate(-50%)}.gh-header{z-index:30;backdrop-filter:blur(18px);background:#050505b3;border-bottom:1px solid #ffffff1c;grid-template-columns:44px 1fr 44px;align-items:center;padding-inline:clamp(10px,2vw,22px);display:grid;position:relative}.gh-header-action{color:#8f8f8c;cursor:pointer;background:0 0;border:0;place-items:center;width:40px;height:40px;padding:0;text-decoration:none;transition:color .18s,opacity .18s;display:grid}.gh-header-action:last-child{justify-self:end}.gh-header-action:hover:not(:disabled){color:#fff}.gh-header-action:disabled{opacity:.18;cursor:default}.gh-brand{font-family:var(--font-display);letter-spacing:-.045em;justify-self:center;font-size:.96rem;font-weight:800}.gh-brand b{color:var(--red);font:600 .6rem/1 var(--font-mono);letter-spacing:.1em;margin-left:7px}.gh-layout{grid-template-rows:64px minmax(0,1fr);grid-template-columns:minmax(0,1fr) 34px;column-gap:14px;width:min(100%,980px);min-height:0;margin-inline:auto;padding:0 clamp(8px,2vw,22px) clamp(8px,1.6vh,18px);display:grid}.gh-hud{grid-column:1;grid-template-columns:repeat(3,1fr);align-items:center;padding-inline:5%;display:grid}.gh-stat{flex-direction:column;display:flex}.gh-stat:nth-child(2){align-items:center}.gh-stat:last-child{align-items:flex-end}.gh-stat span,.gh-energy-wrap>span{color:#777774;font:500 .55rem/1.35 var(--font-mono);letter-spacing:.13em;text-transform:uppercase}.gh-stat strong{color:#f4f3ee;font:700 clamp(.78rem, 1.7vw, 1rem)/1.35 var(--font-mono);letter-spacing:.01em}.gh-stat em{color:var(--red);font-style:normal}.gh-playfield{background:#050505;border:1px solid #ffffff1a;grid-area:2/1;min-height:0;position:relative;overflow:hidden;box-shadow:0 22px 80px #00000094}.gh-playfield:after{content:"";z-index:5;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 80px #0000007a}.gh-playfield canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.gh-energy-wrap{flex-direction:column;grid-area:2/2;align-items:center;gap:10px;min-height:0;padding-block:4px;display:flex}.gh-energy-wrap>span{writing-mode:vertical-rl}.gh-energy{--energy:78%;background:#151515;border:1px solid #ffffff26;flex:1;width:10px;position:relative;overflow:hidden}.gh-energy:after{content:"";background:#fff6;height:1px;position:absolute;inset:33% -2px auto}.gh-energy i{height:var(--energy);background:linear-gradient(0deg,#b91d28 0 28%,#e2bc2e 48%,#43c45b 72%);transition:height .14s ease-out;display:block;position:absolute;bottom:1px;left:1px;right:1px;box-shadow:0 0 14px #43c45b57}.gh-controls{z-index:12;height:0;position:absolute;inset:85.5% 0 auto}.gh-controls button{top:0;left:var(--x);aspect-ratio:2.25;border:2px solid var(--lane-color);color:#ffffffb8;width:clamp(46px,8.4%,76px);box-shadow:0 0 18px color-mix(in srgb, var(--lane-color) 35%, transparent);cursor:pointer;touch-action:none;background:#05050540;border-radius:50%;place-items:center;padding:0;transition:background 60ms,filter 60ms,transform 60ms;display:grid;position:absolute;transform:translate(-50%,-50%)}.gh-controls button:first-child{--x:21.5%;--lane-color:var(--green)}.gh-controls button:nth-child(2){--x:40.5%;--lane-color:var(--lane-red)}.gh-controls button:nth-child(3){--x:59.5%;--lane-color:var(--yellow)}.gh-controls button:nth-child(4){--x:78.5%;--lane-color:var(--blue)}.gh-controls b{font:800 clamp(.62rem, 1.5vw, .82rem)/1 var(--font-mono);text-shadow:0 1px 3px #000}.gh-controls button.is-pressed{color:#fff;background:color-mix(in srgb, var(--lane-color) 38%, transparent);filter:brightness(1.7);transform:translate(-50%,calc(3px - 50%))scale(.93)}.gh-feedback{z-index:14;color:#fff;font:800 clamp(1rem, 3vw, 1.55rem)/1 var(--font-display);letter-spacing:-.04em;text-transform:uppercase;opacity:0;pointer-events:none;position:absolute;top:67%;left:50%;transform:translate(-50%,12px)scale(.88)}.gh-feedback.is-visible{opacity:1;transition:opacity 70ms,transform .14s cubic-bezier(.18,.8,.2,1);transform:translate(-50%)scale(1)}.gh-feedback.great{color:#e9e9e5}.gh-feedback.good{color:#bbb}.gh-feedback.miss,.gh-feedback.empty{color:var(--red)}.gh-countdown{z-index:25;color:#fff;font:800 clamp(4rem, 15vw, 9rem)/1 var(--font-display);opacity:0;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0;transform:scale(1.22)}.gh-countdown.is-visible{opacity:1;transition:opacity 60ms,transform .32s cubic-bezier(.16,.8,.2,1);transform:scale(1)}.gh-overlay{z-index:20;backdrop-filter:blur(9px);opacity:0;visibility:hidden;background:#050505c2;place-items:center;padding:24px;transition:opacity .2s,visibility .2s;display:grid;position:absolute;inset:0}.gh-overlay.is-visible{opacity:1;visibility:visible}.gh-overlay-content{text-align:center;width:min(100%,460px)}.gh-overline{letter-spacing:.16em;text-transform:uppercase;color:var(--red)!important;font:600 .62rem/1 var(--font-mono)!important;margin:0 0 16px!important}.gh-overlay h1{font-family:var(--font-display);letter-spacing:-.075em;text-transform:uppercase;margin:0;font-size:clamp(2.65rem,8vw,5.2rem);font-weight:780;line-height:.85}.gh-overlay p:not(.gh-overline){max-width:390px;color:var(--muted);margin:22px auto;font-size:.92rem;line-height:1.55}.gh-overlay button{border:1px solid var(--red);background:var(--red);color:#fff;text-transform:uppercase;cursor:pointer;min-width:170px;min-height:46px;padding:0 24px;font-weight:760}.gh-overlay button:hover{background:#d62b35}.gh-overlay small{color:#686866;font:500 .62rem/1.4 var(--font-mono);letter-spacing:.04em;margin-top:18px;display:block}@media (width<=640px){.gh-game{grid-template-rows:50px minmax(0,1fr)}.gh-game:before{inset-block-start:50px}.gh-header{grid-template-columns:40px 1fr 40px;padding-inline:5px}.gh-layout{grid-template-rows:58px minmax(0,1fr);grid-template-columns:minmax(0,1fr) 18px;column-gap:5px;padding:0 4px 5px}.gh-hud{padding-inline:3%}.gh-playfield{border-inline:0}.gh-energy-wrap{gap:6px}.gh-energy{width:7px}.gh-controls button{width:clamp(46px,15vw,66px)}.gh-stat span{font-size:.5rem}}@media (height<=570px){.gh-game{grid-template-rows:46px minmax(0,1fr)}.gh-layout{grid-template-rows:45px minmax(0,1fr)}.gh-overlay p:not(.gh-overline){margin-block:12px}.gh-overlay small{margin-top:10px}}@media (prefers-reduced-motion:reduce){.gh-overlay,.gh-feedback,.gh-countdown,.gh-controls button{transition:none}}