/* Login screen tabs + account bits */
.login-card{max-height:96vh;overflow-y:auto}
.atabs{display:flex;gap:6px;margin:6px 0 4px;background:rgba(0,0,0,.25);padding:4px;border-radius:12px}
.atabs button{flex:1;padding:8px 6px;border:0;border-radius:9px;background:transparent;color:var(--ink-dim);font:600 14px var(--font);transition:background .15s,color .15s}
.atabs button:hover{color:#fff}
.atabs button.on{background:linear-gradient(180deg,#8fe9df,#4fd1c5);color:#052a2a;box-shadow:0 2px 6px rgba(0,0,0,.3)}
.login-card input[type=password]{width:100%;padding:11px 14px;border-radius:12px;border:1px solid var(--line);background:rgba(0,0,0,.28);color:#fff;font:600 17px var(--font);outline:none}
.login-card input[type=password]:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(79,209,197,.25)}
.modenote{margin-top:12px;font-size:12.5px;color:var(--ink-dim);line-height:1.5;min-height:1.5em}
.resume{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;padding:10px 12px;border-radius:14px;background:rgba(255,216,107,.12);border:1px solid rgba(255,216,107,.35);text-align:left;font-size:15px}
.resume b{color:var(--gold)}
.rbtns{display:flex;gap:8px}
.resume .btn{padding:7px 12px;font-size:13px}
#playBtn[disabled]{opacity:.7}
/* settings account block */
.acct{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid var(--line);margin-bottom:16px;font-size:14px}
.acct .dim{color:var(--ink-dim);font-size:12.5px;margin-top:4px}
.acct .tagok,.acct .taggst{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:99px;margin-left:6px;vertical-align:2px}
.acct .tagok{background:#5fd8a0;color:#053a22}
.acct .taggst{background:#ffd86b;color:#4a2e05}
.acctrow{display:flex;gap:8px;margin-top:10px}
.acctrow input{flex:1;min-width:0;padding:9px 12px;border-radius:10px;border:1px solid var(--line);background:rgba(0,0,0,.28);color:#fff;font:500 14px var(--font);outline:none}
.acctrow input:focus{border-color:var(--teal)}

/* fade to black between the village and house interiors */
#fade{position:fixed;inset:0;background:#05080c;opacity:0;pointer-events:none;transition:opacity .32s ease;z-index:35}
#roomTag{color:var(--gold)}