.sg-game-invitation{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:calc(15px + env(safe-area-inset-bottom));z-index:80;width:272px;max-width:calc(100vw - 24px);box-sizing:border-box;background:linear-gradient(145deg,#3e624e,#274c3d);color:#fffcf4;border:1px solid #809274;border-radius:20px;box-shadow:0 15px 40px #17352842,0 1px 0 #ffffff2b inset;font-family:var(--sans,system-ui,sans-serif);isolation:isolate;text-align:left}.sg-game-invitation *{box-sizing:border-box}.sg-game-invitation[hidden],.sg-game-invitation [hidden]{display:none!important}.sg-game-invitation .sgi-card{padding:14px}.sg-game-invitation .sgi-header{display:flex;align-items:center;min-height:23px;margin-bottom:11px;padding-right:33px}.sg-game-invitation .sgi-label{margin:0;font-size:8.5px;line-height:1.4;letter-spacing:1.3px;font-weight:500;color:#e2dfc6}.sg-game-invitation button{font-family:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sg-game-invitation button:focus-visible{outline:3px solid #e9cd88;outline-offset:3px}.sg-game-invitation .sgi-collapse{position:absolute;top:3px;right:3px;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;background:none;border:0;color:#dfe7cf;padding:0}.sg-game-invitation .sgi-collapse span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #abb89688;border-radius:50%;font:19px/1 Georgia,serif}.sg-game-invitation .sgi-collapse:hover span{background:#ffffff12}.sg-game-invitation .sgi-demo-layout{display:grid;grid-template-columns:125px minmax(0,1fr);gap:13px;align-items:center;margin:4px 0 15px}.sg-game-invitation .sgi-demo-art{border-radius:12px;overflow:hidden;border:1px solid #c7d1af;box-shadow:0 4px 8px #17352830;background:#e8eddb;line-height:0}.sg-game-invitation .sgi-demo-art svg{display:block;width:100%;height:auto;aspect-ratio:1}.sg-game-invitation .sgi-message p{margin:0 0 7px;font-size:8.5px;letter-spacing:1.4px;color:#e9d495}.sg-game-invitation .sgi-demo-title{font:430 25px/1.1 var(--serif,Georgia,serif);letter-spacing:-.6px;margin:0 0 10px;color:#fffcf4;overflow-wrap:normal}.sg-game-invitation .sgi-demo-copy{font-size:10px;line-height:1.5;color:#d6dfc9;display:block}.sg-game-invitation .sgi-play{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;background:linear-gradient(#fffbee,#eee5cb);border:1px solid #f0e3b9;border-radius:9px;padding:10px 15px;color:#304f43;font-weight:600;font-size:13px;line-height:1.2;box-shadow:0 2px 0 #1d382a55;text-align:left}.sg-game-invitation .sgi-play span:last-child{font-size:23px;line-height:1;flex-shrink:0}.sg-game-invitation .sgi-play:hover{background:#fffcf4}.sg-game-invitation .sgi-play:active{transform:translateY(1px);box-shadow:0 1px 0 #1d382a55}.sg-game-invitation .sgi-ranking-title{font:420 29px/1.08 var(--serif,Georgia,serif);letter-spacing:-.6px;margin:2px 0 16px;color:#fffcf4}.sg-game-invitation .sgi-podium{display:flex;align-items:center;gap:9px;border:1px solid #afbf9955;border-radius:12px;padding:12px 9px;background:#ffffff08}.sg-game-invitation .sgi-cup{width:35px;height:40px;flex-shrink:0;color:#e8cf87}.sg-game-invitation .sgi-cup svg{width:100%;height:100%;display:block}.sg-game-invitation .sgi-leader{flex:1;min-width:0}.sg-game-invitation .sgi-podium small{display:block;font-size:7px;letter-spacing:.8px;color:#d9ddc3;line-height:1.35}.sg-game-invitation .sgi-leader-name{display:block;font-size:14px;font-weight:500;margin-top:3px;color:#fffcf4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sg-game-invitation .sgi-leader-score{text-align:right;flex-shrink:0;max-width:48%}.sg-game-invitation .sgi-leader-score strong{display:block;font:450 clamp(23px,7.5vw,34px)/1 var(--serif,Georgia,serif);letter-spacing:-.6px;color:#eddbab;margin-bottom:5px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.sg-game-invitation .sgi-leader-score small{letter-spacing:1.2px}.sg-game-invitation .sgi-note{font-size:11px;line-height:1.5;margin:12px 0 14px;color:#d5ddc7}.sg-game-invitation .sgi-pill{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:48px;padding:8px 15px 8px 12px;border:0;border-radius:inherit;color:#fffcf4;background:none}.sg-game-invitation .sgi-pill-icon{color:#e9cd88;width:23px;height:25px;flex-shrink:0}.sg-game-invitation .sgi-pill-icon svg{display:block;width:100%;height:100%}.sg-game-invitation .sgi-pill-label{font-size:12px;line-height:1.3;max-width:185px;font-weight:500;text-align:left}.sg-game-invitation .sgi-pill-chevron{color:#dce6ca;font-size:20px;line-height:1;flex-shrink:0;padding-top:5px}.sg-game-invitation[data-collapsed=true]{width:auto;min-width:205px;border-radius:40px}.sg-game-invitation[data-mode=ranking] .sgi-label{font-size:8.2px}.sg-game-invitation[data-mode=ranking] .sgi-header{margin-bottom:14px}
@media(max-width:350px){.sg-game-invitation .sgi-demo-layout{grid-template-columns:116px minmax(0,1fr);gap:12px}.sg-game-invitation .sgi-demo-title{font-size:24px}}
@media(prefers-reduced-motion:reduce){.sg-game-invitation .sgi-play:active{transform:none}}
@media(max-width:760px){.sg-game-invitation .sgi-demo-layout{grid-template-columns:108px minmax(0,1fr);gap:12px;margin-bottom:12px}.sg-game-invitation .sgi-demo-title{font-size:23px;margin-bottom:7px}.sg-game-invitation .sgi-header{min-height:20px;margin-bottom:8px}.sg-game-invitation .sgi-ranking-title{font-size:27px}}
