/* Game HUD v6: typification mission selector and integrated scroll rails. */
.sgl-contact-panel{position:relative;padding:26px!important;border:3px solid #48baff!important;background:radial-gradient(circle at 50% -15%,#e9faff 0,transparent 35%),linear-gradient(180deg,#fff,#eef7ff)!important;box-shadow:inset 0 2px #fff,0 8px 0 #9fc7e5,0 18px 34px #0b3a6d2b!important;overflow:hidden}
.sgl-contact-panel:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(#168cff18 1px,transparent 1px),linear-gradient(90deg,#168cff18 1px,transparent 1px);background-size:26px 26px}
.sgl-contact-panel>h3{position:relative;z-index:1;margin:18px 0 15px!important;color:#08214a!important;font-size:20px!important}
.sgl-contact-panel>h3:nth-of-type(2){display:flex;align-items:center;min-height:54px;margin:24px 0 18px!important;padding:10px 20px 10px 66px;border:2px solid #79ddff;border-radius:17px;background:linear-gradient(180deg,#185fa8,#082e63);box-shadow:inset 0 2px #ffffff46,0 5px 0 #031a3b,0 10px 20px #0d4c862b;color:#fff!important;text-shadow:0 2px #03172f}
.sgl-contact-panel>h3:nth-of-type(2):before{content:"★";position:absolute;left:13px;top:7px;width:40px;height:40px;display:grid;place-items:center;border:2px solid #fff1a3;border-radius:12px;background:linear-gradient(#ffe469,#f5a900);box-shadow:inset 0 2px #fff8,0 4px 0 #985900;color:#613600;font-size:20px;text-shadow:none}
.sgl-contact-panel>h3:nth-of-type(2):after{content:"ELIGE EL RESULTADO DE LA MISIÓN";margin-left:auto;color:#7fe8ff;font:900 9px/1 system-ui,sans-serif;letter-spacing:.11em;text-shadow:none}
.sgl-result-columns{position:relative;z-index:1;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important}
.sgl-result-group{--tip-accent:#1d88ff;--tip-accent-dark:#0753ab;display:flex;min-width:0;min-height:620px;padding:0 10px 12px!important;border:2px solid #6ebfff!important;border-radius:21px!important;background:linear-gradient(180deg,#0d3c74 0 67px,#e9f5ff 67px 100%)!important;box-shadow:inset 0 2px #ffffff3d,0 7px 0 #90b8d6,0 15px 25px #10385d26!important;overflow:hidden}
.sgl-result-group.is-positive{--tip-accent:#20c86b;--tip-accent-dark:#08783b;border-color:#55dfa0!important;background:linear-gradient(180deg,#0c6b43 0 67px,#ecfff4 67px 100%)!important;box-shadow:inset 0 2px #ffffff3d,0 7px 0 #8acdaf,0 15px 25px #0e674124!important}
.sgl-result-group.is-negative{--tip-accent:#ff5d68;--tip-accent-dark:#a51f31;border-color:#ff9199!important;background:linear-gradient(180deg,#8d2538 0 67px,#fff1f3 67px 100%)!important;box-shadow:inset 0 2px #ffffff30,0 7px 0 #deb0b5,0 15px 25px #68233220!important}
.sgl-result-group.is-no-contact{--tip-accent:#ffb52f;--tip-accent-dark:#a15f00;border-color:#ffd171!important;background:linear-gradient(180deg,#9a5b08 0 67px,#fff8e9 67px 100%)!important;box-shadow:inset 0 2px #ffffff35,0 7px 0 #ddbd7d,0 15px 25px #744b1122!important}
.sgl-result-group>h4{position:relative;flex:0 0 67px;width:calc(100% + 20px);margin:0 -10px!important;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:9px;color:#fff!important;font-size:15px!important;text-align:center;text-shadow:0 2px #031a32;letter-spacing:.01em}
.sgl-result-group>h4 i{width:34px;height:34px;display:grid;place-items:center;border:2px solid #ffffffa6;border-radius:50%;background:linear-gradient(145deg,var(--tip-accent),var(--tip-accent-dark));box-shadow:inset 0 2px #fff5,0 4px 0 #032548,0 0 12px #ffffff25;color:#fff}
.sgl-tip-scroll{flex:1;display:grid!important;align-content:start;gap:14px!important;max-height:535px!important;margin:0 -2px 0 0;padding:17px 11px 18px 3px!important;overflow-y:auto!important;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--tip-accent) #071d3b}
.sgl-tip-scroll::-webkit-scrollbar{width:13px}.sgl-tip-scroll::-webkit-scrollbar-track{margin:13px 0;border:2px solid #315679;border-radius:20px;background:#061a36;box-shadow:inset 0 2px 6px #0009}.sgl-tip-scroll::-webkit-scrollbar-thumb{border:3px solid #061a36;border-radius:20px;background:linear-gradient(180deg,#9af1ff,var(--tip-accent) 45%,var(--tip-accent-dark));box-shadow:0 0 8px var(--tip-accent)}.sgl-tip-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#fff8ac,var(--tip-accent))}.sgl-tip-scroll::-webkit-scrollbar-button{display:none;width:0;height:0}
.sgl-result-group button{position:relative;display:grid!important;grid-template-columns:52px minmax(0,1fr) 26px!important;align-items:center;gap:12px!important;min-height:104px!important;padding:14px 12px!important;border:2px solid #bfd8ec!important;border-radius:17px!important;background:linear-gradient(160deg,#fff,#edf6ff)!important;box-shadow:inset 0 2px #fff,0 5px 0 #b8cddd,0 9px 16px #173c5c18!important;color:#092044!important;text-align:left;cursor:pointer;transition:transform .18s ease,filter .18s ease,border-color .18s ease,box-shadow .18s ease}
.sgl-result-group.is-positive button{border-color:#afe2c6!important;background:linear-gradient(160deg,#fff,#effcf4)!important;box-shadow:inset 0 2px #fff,0 5px 0 #a7d1b8,0 9px 16px #174f3220!important}.sgl-result-group.is-negative button{border-color:#efc2c7!important;background:linear-gradient(160deg,#fff,#fff2f3)!important;box-shadow:inset 0 2px #fff,0 5px 0 #dcb9bd,0 9px 16px #5c24301c!important}.sgl-result-group.is-no-contact button{border-color:#ead1a0!important;background:linear-gradient(160deg,#fff,#fff8e9)!important;box-shadow:inset 0 2px #fff,0 5px 0 #d9c297,0 9px 16px #6149181c!important}
.sgl-result-group button:hover{z-index:2;transform:translateY(-3px) scale(1.01);filter:brightness(1.03);border-color:var(--tip-accent)!important;box-shadow:inset 0 2px #fff,0 7px 0 var(--tip-accent-dark),0 13px 21px #0a3b6b2a!important}
.sgl-result-group button:active{transform:translateY(3px);box-shadow:inset 0 3px 8px #0828502c,0 2px 0 var(--tip-accent-dark)!important}
.sgl-result-group button>i{width:48px!important;height:48px!important;display:grid!important;place-items:center;border:2px solid #ffffffc9;border-radius:15px!important;background:linear-gradient(145deg,var(--tip-accent),var(--tip-accent-dark))!important;box-shadow:inset 0 2px #fff5,0 4px 0 var(--tip-accent-dark),0 0 13px color-mix(in srgb,var(--tip-accent) 45%,transparent);color:#fff!important;font-size:21px!important}
.sgl-result-group button>span{display:grid;gap:6px;min-width:0}.sgl-result-group button strong{color:#0b2346!important;font-size:15px!important;line-height:1.25;overflow-wrap:anywhere}.sgl-result-group button small{display:inline-flex;align-items:center;width:fit-content;max-width:100%;padding:4px 8px;border-radius:9px;background:#e8f1fb;color:#526a84!important;font-size:11px!important;font-weight:850!important;line-height:1.25!important;overflow-wrap:anywhere}
.sgl-result-group button[data-remarkable="1"] small{border:1px solid #7be3ac;background:#dcf8e9;color:#087744!important}.sgl-result-group button[data-remarkable="0"] small{border:1px solid #f0aeb5;background:#ffeaed;color:#a52d3c!important}
.sgl-result-group button>b{width:22px!important;height:22px!important;border:3px solid #a9bdd0!important;border-radius:50%!important;background:#fff!important;box-shadow:inset 0 2px 4px #7189a33b!important}.sgl-result-group button.is-selected{border-color:#ffe26c!important;background:linear-gradient(145deg,#fffef0,#e8f8ff)!important;box-shadow:inset 0 0 0 3px var(--tip-accent),0 6px 0 #a46900,0 0 22px var(--tip-accent)!important;animation:sglTipSelected .55s ease}.sgl-result-group button.is-selected>b{border-color:#fff1a3!important;background:radial-gradient(circle,#fff 0 24%,#ffe451 26% 55%,#f4a900 57%)!important;box-shadow:0 0 12px #ffd83f!important}.sgl-result-group button.is-selected:after{content:"ELEGIDO";position:absolute;right:9px;top:-9px;padding:4px 9px;border:2px solid #fff4a3;border-radius:9px;background:linear-gradient(#ffe45b,#f0a100);box-shadow:0 3px 0 #915100;color:#573000;font:1000 8px/1 system-ui;letter-spacing:.1em}
@keyframes sglTipSelected{0%{transform:scale(.96)}55%{transform:scale(1.035)}100%{transform:scale(1)}}
@media(max-width:1450px){.sgl-result-columns{grid-template-columns:1fr 1fr!important}.sgl-result-group.is-no-contact{grid-column:1/-1}.sgl-result-group.is-no-contact .sgl-tip-scroll{grid-template-columns:1fr 1fr!important}.sgl-result-group{min-height:570px}.sgl-tip-scroll{max-height:485px!important}}
@media(max-width:850px){.sgl-contact-panel{padding:18px!important}.sgl-contact-panel>h3:nth-of-type(2){padding-left:60px;font-size:17px!important}.sgl-contact-panel>h3:nth-of-type(2):after{display:none}.sgl-result-columns{grid-template-columns:1fr!important}.sgl-result-group.is-no-contact{grid-column:auto}.sgl-result-group.is-no-contact .sgl-tip-scroll{grid-template-columns:1fr!important}.sgl-result-group{min-height:0}.sgl-tip-scroll{max-height:480px!important}.sgl-result-group button{min-height:94px!important}}
@media(prefers-reduced-motion:reduce){.sgl-result-group button{transition:none!important}.sgl-result-group button.is-selected{animation:none!important}}
.sgl-result-group{flex-direction:column}