.first-guess-hint{position:fixed;z-index:45;display:flex;align-items:center;gap:10px;box-sizing:border-box;padding:12px 10px 12px 18px;border:1px solid #348c54;border-bottom:5px solid #287647;border-radius:18px;background:#3d9862;color:#fff;box-shadow:0 5px 18px #254b3b20;font:900 15px/1.4 Nunito,ui-rounded,system-ui,sans-serif;isolation:isolate}
.first-guess-hint[hidden]{display:none}
.first-guess-hint::after{content:'';position:absolute;z-index:-1;left:var(--hint-pointer,30px);bottom:-11px;width:18px;height:18px;border-radius:0 0 4px 0;transform:translateX(-50%) rotate(45deg);background:#3d9862;border-right:3px solid #287647;border-bottom:3px solid #287647}
.first-guess-hint.points-up::after{top:-10px;bottom:auto;transform:translateX(-50%) rotate(225deg);border:0;background:#3d9862}
.first-guess-hint>span{flex:1;min-width:0}
.first-guess-hint-close{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:10px;border:1px solid #ffffff40;border-radius:50%;color:white;background:#ffffff14;cursor:pointer}
.first-guess-hint-close:hover{background:#ffffff25}
.first-guess-hint-close:focus-visible{outline:3px solid #fff1c2;outline-offset:3px}
.first-guess-hint-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round}
@media(max-width:420px){.first-guess-hint{font-size:14px;padding-left:15px}}