.mode-choice-tip{grid-column:1/-1;display:flex;align-items:center;gap:9px;margin-bottom:2px;padding:9px 14px;border:1px solid #ffffff70;border-radius:10px;background:#174f9f80;color:#e8f5ff;font-size:14px;box-shadow:inset 0 1px #fff3}.mode-choice-tip b{color:#fff176;font-size:17px}.mode-choice-tip span{margin-left:auto;color:#dcecff}.mode{opacity:.68;filter:saturate(.58) brightness(.82);transform:scale(.965);border-color:#8cb4dc;transition:opacity .18s,filter .18s,transform .18s,box-shadow .18s,border-color .18s}.mode:hover{opacity:.88;filter:saturate(.9) brightness(.96);transform:translateY(-2px) scale(.98)}.mode.selected{z-index:2;opacity:1;filter:saturate(1.12) brightness(1.05);transform:scale(1.025);border:4px solid #fff4a2;box-shadow:0 0 0 4px #ffba20,0 12px 28px #153f7799,inset 0 0 24px #fff5}.mode.selected:hover{transform:translateY(-2px) scale(1.025)}.mode-selected-badge{position:absolute;right:10px;top:9px;z-index:3;padding:5px 11px;border-radius:16px;background:#fff8cf;color:#a95700;font-size:13px;font-weight:900;text-shadow:none;box-shadow:0 2px 8px #68400055}.mode.selected:before{content:"";position:absolute;left:0;right:0;bottom:0;height:7px;background:linear-gradient(90deg,#ffe35b,#ffae16);box-shadow:0 -2px 8px #fff6}.join h2{transition:color .18s}.mode[aria-pressed="false"] b{color:#e4ebf7}.mode[aria-pressed="false"] small{color:#d4dceb}@media(max-width:560px){.mode-choice-tip{display:block}.mode-choice-tip span{display:block;margin:4px 0 0}.mode.selected{transform:scale(1.01)}.mode.selected:hover{transform:translateY(-1px) scale(1.01)}}