.gg47-game{--navy:#061633;--blue:#1661b7;--red:#df253e;--gold:#efbd3e;--cream:#fff5c7;max-width:1220px;margin:0 auto 28px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff;user-select:none;-webkit-user-select:none}
.gg47,.gg47 *{box-sizing:border-box}
.gg47{position:relative;overflow:hidden;width:100%;aspect-ratio:55/36;min-height:560px;border:5px solid #0a2e61;border-radius:28px;background:#03091a;box-shadow:0 22px 70px rgba(2,13,36,.32),inset 0 0 0 2px var(--gold);touch-action:none}
.gg47-canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}
.gg47-canvas:active{cursor:grabbing}
.gg47-topbar{position:absolute;z-index:5;left:2.1%;right:2.1%;top:2.2%;min-height:72px;display:flex;align-items:center;gap:10px;padding:10px 13px;border:2px solid rgba(241,194,65,.82);border-radius:17px;background:linear-gradient(180deg,rgba(2,8,22,.96),rgba(4,20,50,.91));box-shadow:0 7px 22px rgba(0,0,0,.35)}
.gg47-brand{display:flex;flex-direction:column;min-width:290px;line-height:1}.gg47-brand b{font:1000 24px/1 Impact,"Arial Black",sans-serif;letter-spacing:.8px}.gg47-brand em{color:var(--gold);font-style:normal}.gg47-brand span{margin-top:7px;color:#91cbff;font:900 9px/1 Arial,sans-serif;letter-spacing:2.1px}
.gg47-stat{min-width:75px;padding:5px 10px;border-left:1px solid rgba(255,255,255,.15);text-align:center}.gg47-stat small{display:block;color:#8dbce9;font:900 8px/1 Arial,sans-serif;letter-spacing:1.3px}.gg47-stat b{display:block;margin-top:6px;color:#fff4b7;font:1000 17px/1 Arial,sans-serif}
.gg47-sound{margin-left:auto;width:43px;height:43px;border:2px solid var(--gold);border-radius:50%;background:#07172f;color:#fff;font-size:19px;cursor:pointer}
.gg47-stage-label{position:absolute;z-index:4;left:4%;top:14.8%;padding:8px 15px;border:1px solid rgba(239,189,62,.72);border-radius:9px;background:rgba(1,7,20,.82);color:#ffed9a;font:900 10px/1 Arial,sans-serif;letter-spacing:1.5px}
.gg47-power-meter{position:absolute;z-index:4;right:4%;top:14.5%;display:grid;grid-template-columns:auto 150px 40px;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(239,189,62,.72);border-radius:9px;background:rgba(1,7,20,.82);font:900 9px/1 Arial,sans-serif;letter-spacing:1px}.gg47-power-meter i{height:8px;overflow:hidden;border-radius:6px;background:#15284c}.gg47-power-meter i b{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b20e28,#f4bd35,#fff4a4);box-shadow:0 0 12px #ffd84e;transition:width .25s}.gg47-power-meter strong{color:#ffe471;text-align:right}
.gg47-panel{position:absolute;z-index:12;left:50%;top:52%;width:min(650px,88%);transform:translate(-50%,-50%);padding:32px 38px;text-align:center;border:3px solid var(--gold);border-radius:25px;background:radial-gradient(circle at 50% 0,rgba(32,83,151,.96),rgba(2,11,30,.98) 62%);box-shadow:0 24px 90px #000,0 0 45px rgba(242,194,60,.25),inset 0 0 0 4px rgba(255,255,255,.045)}
.gg47-panel[hidden],.gg47-toast[hidden],.gg47-pause[hidden]{display:none!important}.gg47-stars{color:#ffe16d;font-size:17px;letter-spacing:13px}.gg47-kicker{margin:10px 0;color:#96d2ff;font:900 10px Arial,sans-serif;letter-spacing:3px}.gg47-panel h1{margin:5px 0 15px;font:1000 49px/.86 Impact,"Arial Black",sans-serif;letter-spacing:.7px;text-shadow:0 4px 0 #071125}.gg47-panel h1 em{color:#ffd94d;font-style:normal}.gg47-panel h1 span{display:block;margin-top:13px;color:#fff2ad;font:900 14px/1 Arial,sans-serif;letter-spacing:3.5px}.gg47-panel p{max-width:560px;margin:0 auto 20px;color:#dcecff;font-size:15px;line-height:1.55}.gg47-panel small{display:block;margin-top:13px;color:#89a9cd;font-weight:750}
.gg47-primary{padding:15px 27px;border:2px solid #fff;border-radius:999px;background:linear-gradient(180deg,#f23d51,#bd1029);box-shadow:0 5px 0 #700718,0 0 24px rgba(244,51,75,.25);color:#fff;font:1000 14px Arial,sans-serif;letter-spacing:1.2px;cursor:pointer}.gg47-primary:hover{filter:brightness(1.12);transform:translateY(-1px)}
.gg47-over{width:min(680px,90%)}.gg47-scorecard{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}.gg47-scorecard span{padding:11px;border:1px solid rgba(239,189,62,.55);border-radius:11px;background:rgba(0,0,0,.25);color:#88b9e7;font:900 9px Arial,sans-serif;letter-spacing:1px}.gg47-scorecard strong{display:block;margin-top:7px;color:#fff2a5;font-size:18px}
.gg47-toast{position:absolute;z-index:10;left:50%;bottom:5%;transform:translateX(-50%);min-width:260px;padding:12px 18px;border:2px solid var(--gold);border-radius:11px;background:rgba(1,7,20,.94);box-shadow:0 8px 26px rgba(0,0,0,.5);color:#fff3b1;text-align:center;font:1000 12px Arial,sans-serif;letter-spacing:1px;pointer-events:none}
.gg47-pause{position:absolute;z-index:20;inset:0;display:grid;place-items:center;background:rgba(1,5,14,.75);backdrop-filter:blur(4px);color:#ffe16e;font:1000 38px Impact,"Arial Black",sans-serif;letter-spacing:3px}
.gg47-controls{display:grid;grid-template-columns:185px 1fr 130px;gap:12px;align-items:stretch;margin-top:12px}.gg47-controls button{min-height:67px;border:3px solid #0c2d5b;border-radius:16px;background:linear-gradient(#fff,#e6edf8);box-shadow:0 5px 0 #071c3d;color:#09234b;cursor:pointer}.gg47-controls button b,.gg47-controls button span{display:block}.gg47-controls button b{font:1000 21px/1 Impact,"Arial Black",sans-serif}.gg47-controls button span{margin-top:5px;font:900 9px Arial,sans-serif;letter-spacing:1px}.gg47-controls button:disabled{opacity:.45;filter:grayscale(.7);cursor:not-allowed}.gg47-controls .gg47-power{border-color:#a86e00;background:linear-gradient(#fff4a1,#e4aa24);color:#281900}.gg47-controls .gg47-power:not(:disabled){animation:gg47-ready 1s ease-in-out infinite alternate}.gg47-controls p{display:flex;align-items:center;justify-content:center;margin:0;padding:10px 18px;border:2px solid #dce5f2;border-radius:15px;background:#fff;color:#3c5375;font-size:12px;line-height:1.45;text-align:center}.gg47-controls p strong{color:#bf1730;margin-right:5px}
.gg47-keyboard,.gg47-disclaimer{margin:11px 0 0;color:#536c90;text-align:center;font-size:11px}.gg47-disclaimer{margin-top:5px;font-size:9px;color:#8292a9}
@keyframes gg47-ready{to{box-shadow:0 5px 0 #714700,0 0 24px #ffcf3d}}
@media(max-width:850px){.gg47{min-height:0;aspect-ratio:55/36;border-width:3px;border-radius:18px}.gg47-topbar{left:1.5%;right:1.5%;top:1.5%;min-height:52px;gap:3px;padding:6px}.gg47-brand{min-width:0;flex:1}.gg47-brand b{font-size:16px}.gg47-brand span{font-size:6px;letter-spacing:1px}.gg47-stat{min-width:48px;padding:3px 4px}.gg47-stat small{font-size:6px}.gg47-stat b{font-size:12px;margin-top:4px}.gg47-sound{width:32px;height:32px;font-size:14px}.gg47-stage-label{top:11.5%;font-size:7px;padding:6px 8px}.gg47-power-meter{right:2.5%;top:11.5%;grid-template-columns:auto 70px 29px;padding:6px 7px;font-size:6px}.gg47-panel{padding:24px 18px}.gg47-panel h1{font-size:37px}.gg47-panel h1 span{font-size:10px}.gg47-panel p{font-size:13px}.gg47-controls{grid-template-columns:100px 1fr 82px;gap:7px}.gg47-controls button{min-height:58px;border-width:2px;border-radius:12px}.gg47-controls p{font-size:10px;padding:7px}.gg47-keyboard{display:none}}
@media(max-width:560px){.gg47-brand span{display:none}.gg47-stat:nth-of-type(2){display:none}.gg47-stage-label{left:2.5%;max-width:44%;overflow:hidden;white-space:nowrap}.gg47-power-meter span{display:none}.gg47-power-meter{grid-template-columns:75px 28px}.gg47-panel{top:53%;width:91%}.gg47-panel h1{font-size:32px}.gg47-panel p{font-size:12px}.gg47-panel small{font-size:9px}.gg47-controls{grid-template-columns:92px 1fr 72px}.gg47-controls p{font-size:9px}.gg47-controls button span{font-size:7px}.gg47-disclaimer{font-size:8px}}
@media(prefers-reduced-motion:reduce){.gg47-controls .gg47-power:not(:disabled){animation:none}.gg47-primary{transition:none}}