.gs-wrap{--bg:#16324a;--card:#ffffffee;--ink:#1d2b3a;--acc:#ff7a1a;--w:400px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:fit-content;max-width:100%;margin:1em auto;padding:10px;background:var(--bg);color:#fff;border-radius:18px;font-family:"Trebuchet MS","Segoe UI",system-ui,sans-serif;font-size:16px;line-height:1.3;text-align:left;user-select:none;-webkit-user-select:none}
.gs-wrap *,.gs-wrap *::before,.gs-wrap *::after{box-sizing:border-box}
.gs-wrap button{font-family:inherit;text-transform:none;letter-spacing:normal;margin:0;box-shadow:none;text-shadow:none;line-height:1.2;-webkit-appearance:none;appearance:none}
.gs-wrap button:focus-visible,.gs-wrap a:focus-visible{outline:3px solid #fff;outline-offset:2px}
.gs-wrap .gs-bar{width:var(--w);display:flex;align-items:center;justify-content:space-between;padding:2px 2px 8px;font-weight:700;font-size:15px;gap:8px}
.gs-wrap .gs-hearts{font-size:20px;letter-spacing:2px;color:#ff4466;min-width:70px}
.gs-wrap .gs-hearts .x{color:#ffffff55}
.gs-wrap .gs-meter{flex:1;height:8px;background:#ffffff33;border-radius:6px;overflow:hidden}
.gs-wrap .gs-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffd23f,#ff7a1a)}
.gs-wrap .gs-stage{position:relative;touch-action:none}
.gs-wrap canvas{display:block;max-width:none;border-radius:14px}
.gs-wrap .gs-ov{position:absolute;z-index:10;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#10253acc;border-radius:14px;text-align:center;padding:14px;gap:10px}
.gs-wrap .gs-ov h2{margin:0;padding:0;border:0;font-family:inherit;font-size:34px;line-height:1.05;font-weight:700;color:#fff;text-transform:none;letter-spacing:normal}
.gs-wrap .gs-ov p{margin:0;padding:0;font-size:14px;max-width:290px;line-height:1.35;color:#fff;text-align:center}
.gs-wrap .gs-ov p.gs-small-text{font-size:12.5px}
.gs-wrap .gs-ov p.gs-bold{font-weight:700;font-size:16px}
.gs-wrap .gs-ov p.gs-lockmsg{font-weight:700;font-size:13px;color:#ffd23f}
.gs-wrap .gs-pick{display:flex;gap:14px}
.gs-wrap .gs-center{justify-content:center}
.gs-wrap .gs-card{background:var(--card);color:var(--ink);border:3px solid transparent;border-radius:16px;padding:8px 8px 10px;cursor:pointer;font-weight:700;font-size:15px}
.gs-wrap .gs-card:hover{border-color:var(--acc)}
.gs-wrap .gs-btn{display:inline-block;background:var(--acc);color:#fff;border:0;border-radius:14px;padding:12px 22px;font-size:18px;font-weight:700;cursor:pointer;text-decoration:none}
.gs-wrap a.gs-btn,.gs-wrap a.gs-btn:hover,.gs-wrap a.gs-btn:visited{color:#fff;text-decoration:none}
.gs-wrap .gs-btn.gs-small{padding:5px 10px;font-size:16px;border-radius:10px}
.gs-wrap .gs-btn.off{opacity:.6;pointer-events:none}
.gs-wrap .gs-seg{display:flex;gap:6px}
.gs-wrap .gs-seg .gs-btn{padding:6px 11px;font-size:13px;opacity:.55}
.gs-wrap .gs-seg .gs-btn.on{opacity:1;outline:3px solid #fff}
.gs-wrap .gs-seg .gs-btn.locked{opacity:.4;filter:grayscale(1);cursor:not-allowed}
.gs-wrap .gs-joy{position:absolute;right:10px;bottom:10px;width:96px;height:96px;border-radius:50%;background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.55);z-index:5;touch-action:none}
.gs-wrap .gs-jk{position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:var(--acc);border:2px solid #fff;pointer-events:none}
.gs-wrap .gs-foot{font-size:12px;opacity:.8;padding:6px 4px 0}
.gs-wrap .gs-hide{display:none!important}
.gs-wrap:fullscreen{width:100%;max-width:none;margin:0;border-radius:0;justify-content:center;background:var(--bg)}
.gs-wrap:-webkit-full-screen{width:100%;max-width:none;margin:0;border-radius:0;justify-content:center;background:var(--bg)}
.gs-wrap.gs-full{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999999;width:100%;max-width:none;margin:0;border-radius:0;justify-content:center;background:var(--bg)}
