.gsp-panel{--gsp-ink:#fff2d4;--gsp-muted:#c2b89f;--gsp-line:#8e653f;--gsp-gold:#e9bd61;--gsp-green:#153632;color:var(--gsp-ink);background:linear-gradient(160deg,#173d38,#102b28 72%);border:1px solid #bc8748;border-radius:18px;overflow:hidden;box-shadow:0 10px 28px #061d1b70,inset 0 0 0 3px #e9bd6112;font-family:inherit}
.gsp-player-strip{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(180deg,#85582d,#633d20 58%,#442c1c);border-bottom:1px solid var(--gsp-gold);box-shadow:inset 0 1px #f4d79755,inset 0 -4px #1b171235}
.gsp-player{display:flex;align-items:center;gap:9px;min-width:0}.gsp-opponent{justify-content:flex-end;text-align:right}.gsp-player-copy{display:grid;gap:2px;min-width:0}.gsp-player-copy small{font-size:10px;color:#e8d4a9}.gsp-player-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#fff4d9;text-shadow:0 1px #35200f}.gsp-score{margin-inline-start:auto;padding:5px 9px;border:1px solid #dfb65f;border-radius:999px;background:#15332e;color:#f6d886;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.gsp-opponent .gsp-score{margin-inline-start:0;margin-inline-end:0;order:3}.gsp-versus{display:grid;place-items:center;width:29px;height:29px;border:1px solid #e4bd67;border-radius:50%;background:#4b311c;color:#f9df94;font-size:9px;font-weight:900;letter-spacing:.08em;box-shadow:0 2px 5px #28190f80}
.gsp-avatar{display:inline-grid;place-items:center;flex:0 0 40px;width:40px;height:40px;overflow:hidden;border:2px solid #ebc86f;border-radius:50%;background:#284b43;color:#fff0ce;font-weight:850;font-size:12px;box-shadow:0 2px 7px #2a160e99}.gsp-avatar img{width:100%;height:100%;object-fit:cover}.gsp-avatar.mint{background:#427b64}.gsp-avatar.gold{background:#936a36}.gsp-avatar.sky{background:#416e7c}.gsp-avatar.rose{background:#86505c}.gsp-avatar.ink{background:#514d6f}.gsp-avatar-pending{border-style:dashed;color:#d4c097}
.gsp-social-body{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(180px,.8fr);gap:12px;padding:12px;background:linear-gradient(135deg,#153632,#102d29)}.gsp-chat,.gsp-gift{min-width:0;padding:12px;border:1px solid #527467;border-radius:14px;background:linear-gradient(160deg,#1c443e,#173630);box-shadow:inset 0 1px #ffffff0c}.gsp-chat h3,.gsp-gift h3{margin:0 0 9px;color:#f1d489;font-size:14px;text-shadow:0 1px #1c1a12}.gsp-chat-log{height:174px;overflow:auto;overscroll-behavior:contain;padding:2px 3px 7px;display:flex;flex-direction:column;gap:7px;scrollbar-color:#8a6b3e #17332e}.gsp-message{max-width:88%;align-self:flex-start;padding:7px 9px;border:1px solid #517268;border-radius:11px 11px 11px 3px;background:#244b43}.gsp-message.is-mine{align-self:flex-end;border-color:#997249;border-radius:11px 11px 3px 11px;background:#634a2c}.gsp-message-author{display:block;color:#f1d489;font-size:10px;font-weight:850}.gsp-message p{margin:3px 0;color:#fff6df;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.4}.gsp-message time{display:block;text-align:right;color:#d2c6a8;font-size:10px}.gsp-empty{margin:auto;color:#c4c5a9;font-size:12px;text-align:center}
.gsp-chat form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:8px}.gsp-chat input,.gsp-gift select{min-width:0;height:42px;padding:0 11px;border:1px solid #668275;border-radius:10px;background:#102d29;color:#fff3d4;font:inherit}.gsp-chat input::placeholder{color:#b1b49f}.gsp-chat button,.gsp-gift button{min-height:42px;padding:0 13px;border:1px solid #f1d17b;border-radius:10px;background:linear-gradient(#f5d885,#d7a949);color:#332513;font-weight:850;cursor:pointer;box-shadow:0 2px 0 #78532d}.gsp-chat button:disabled,.gsp-gift button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.gsp-chat input:focus-visible,.gsp-gift select:focus-visible,.gsp-chat button:focus-visible,.gsp-gift button:focus-visible{outline:3px solid #ffe39a;outline-offset:2px}
.gsp-gift{display:flex;flex-direction:column;gap:9px}.gsp-gift h3{margin-bottom:0}.gsp-gift select{width:100%;color-scheme:dark}.gsp-gift p{margin:auto 0 0;color:#d2c7a9;font-size:10px;line-height:1.45}.gsp-status{min-height:18px;margin:0;padding:0 15px 10px;color:#d9e8a7;font-size:11px}.gsp-status.is-error{color:#ffb3a4}.gsp-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:560px){.gsp-player-strip{gap:5px;padding:9px 8px}.gsp-player{gap:6px}.gsp-avatar{flex-basis:34px;width:34px;height:34px}.gsp-player-copy strong{max-width:82px;font-size:12px}.gsp-score{padding:4px 6px;font-size:10px}.gsp-versus{width:25px;height:25px;font-size:8px}.gsp-social-body{grid-template-columns:minmax(0,1fr);gap:8px;padding:8px}.gsp-chat,.gsp-gift{padding:10px}.gsp-chat-log{height:142px}.gsp-gift{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px}.gsp-gift h3,.gsp-gift p{grid-column:1/-1}.gsp-gift select,.gsp-gift button{width:100%;min-height:42px;padding-inline:8px;font-size:12px}.gsp-status{padding:0 10px 9px}}
@media(max-width:360px){.gsp-player-copy strong{max-width:64px}.gsp-player-strip{padding-inline:6px}.gsp-social-body{padding:6px}.gsp-chat form{grid-template-columns:minmax(0,1fr) auto}.gsp-chat button{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.gsp-panel *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}