input{-webkit-user-select:text;user-select:text}
.games{font-size:.9rem;padding:.55em 1.2em;letter-spacing:1px}
.acct{position:relative;display:flex;align-items:center}
.acct>.btn{font-size:.9rem;padding:.55em 1.1em;white-space:nowrap}
.chip{position:relative;display:flex;align-items:center;gap:.6rem;max-width:100%;padding:.35rem .8rem .45rem .45rem;background:none;border:1px solid var(--line-strong);border-radius:3px;color:var(--text);font:inherit;font-size:.92rem;cursor:pointer;overflow:hidden;transition:border-color .2s ease}
.chip:hover{border-color:var(--silver)}
.chip img{flex:none;width:1.6rem;height:1.6rem;border-radius:50%;background:#cbd8e61a}
.chip-n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chip b{font-family:var(--serif);font-size:1.2rem;font-weight:700;color:var(--gold)}
.chip i{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--gold);transition:width 1s linear}
.chip.on:before,.chip.off:before{content:"";flex:none;width:.5rem;height:.5rem;border-radius:50%;background:#6fd08c}
.chip.off:before{background:var(--warn)}
.menu{position:absolute;right:0;top:calc(100% + .5rem);z-index:20;display:grid;gap:.4rem;padding:.5rem;background:var(--panel-strong);border:1px solid var(--line-strong);border-radius:3px;box-shadow:0 14px 40px #000a}
.menu[hidden]{display:none}
.menu .btn{font-size:.9rem;padding:.6em 1.1em;white-space:nowrap}
.toast{position:fixed;left:50%;bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:70;max-width:calc(100vw - 2rem);padding:.8em 1.4em;background:var(--panel-strong);border:1px solid var(--gold);border-radius:3px;box-shadow:0 14px 40px #000a;color:var(--gold);font-family:var(--serif);font-size:1.2rem;font-weight:600;text-align:center;animation:toast .35s ease-out both}
@keyframes toast{from{opacity:0;transform:translate(-50%,12px)}}


.earn{display:flex;align-items:flex-start;gap:.65rem;margin-top:1rem;color:var(--muted);font-size:.95rem}
.earn:before{content:"";flex:none;margin-top:.5em;width:.55rem;height:.55rem;border-radius:50%;background:var(--muted)}
.earn.none:before{display:none}
.earn.on{color:var(--text)}
.earn.on:before{background:#6fd08c;box-shadow:0 0 0 0 #6fd08c88;animation:pulse 2s ease-out infinite}
.earn.offline:before{background:var(--warn)}
.earn.offline{color:var(--warn)}
.earn.away:before,.earn.play:before,.earn.hidden:before,.earn.tab:before{background:var(--gold)}
.earn.away{color:var(--gold)}
.earn.chat:before,.earn.nomod:before{background:var(--gold)}
.earn.chat,.earn.nomod{color:var(--gold)}
.earn a{color:inherit;text-decoration:underline;white-space:nowrap}
@keyframes pulse{70%{box-shadow:0 0 0 .5rem #6fd08c00}100%{box-shadow:0 0 0 0 #6fd08c00}}
@media(prefers-reduced-motion:reduce){.chip i{transition:none}.toast,.earn.on:before{animation:none}}