.join-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px;padding:12px 0;border-bottom:1px solid #ffffff18;font-size:12px;letter-spacing:1px}.join-banner i{font-style:normal;color:#8b9995;margin-left:10px}.join-banner button{background:transparent;border:0;color:#dce7de;font:inherit;cursor:pointer;min-height:44px}#yummi-join{box-sizing:border-box;width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:36px;background:#111917;color:#f1f4ed;border:1px solid #ffffff20;border-radius:20px;box-shadow:0 24px 100px #0009}#yummi-join::backdrop{background:#050907c9;backdrop-filter:blur(5px)}#yummi-join small{font-size:10px;letter-spacing:2px;color:#8b9a90}#yummi-join h2{font-size:36px;line-height:1.12;letter-spacing:-1px;margin:24px 0 12px;max-width:300px}.join-close{position:absolute;right:12px;top:12px;width:44px;height:44px;border:0;background:transparent;color:#96a39b;font-size:26px;cursor:pointer}.join-sub{color:#93a197;font-size:13px;margin-bottom:28px}.join-sub span{margin:0 10px}#yummi-join a{text-decoration:none;color:inherit}.join-play{display:flex;justify-content:space-between;align-items:center;background:#d7eb9b;color:#162016!important;border-radius:10px;padding:18px 20px;font-weight:750;font-size:19px}.join-secondary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 24px}.join-secondary a{padding:16px 10px;text-align:center;border:1px solid #ffffff1e;border-radius:10px;font-size:12px}.join-secondary span{display:block;color:#bdd18d;margin-top:4px;font-size:10px}#yummi-join details{border-top:1px solid #ffffff14;padding-top:18px;font-size:12px;color:#9eada3}#yummi-join summary{cursor:pointer;min-height:32px}#yummi-join details p{line-height:1.6}#yummi-join code{font-size:11px;overflow-wrap:anywhere;color:#dae5cc}#yummi-join a:focus-visible,#yummi-join button:focus-visible{outline:2px solid #d7eb9b;outline-offset:4px}@media(max-width:480px){#yummi-join{padding:28px}#yummi-join h2{font-size:32px}}