/* Account/social layer only. Never change reel, symbol or feature presentation. */
#lockVault b{white-space:nowrap;word-break:keep-all;overflow-wrap:normal;font-size:clamp(11px,3vw,17px);letter-spacing:0}
#lockVault small{overflow-wrap:normal;word-break:normal}
main>nav{gap:8px}
main>nav #sound{margin-left:auto}
main>nav .mates-profile-open{flex:none;white-space:nowrap;color:#ffe4a2;border:1px solid #bd9550;background:#281c25;border-radius:22px;min-height:32px;padding:4px 9px;letter-spacing:0;font:800 11px/1 system-ui}
main>nav .mates-profile-open:focus-visible{outline:2px solid #ffdc88}
@media(max-width:370px){main>nav .mates-profile-open{font-size:10px;padding:4px 6px}main>nav a{font-size:8px}}
.mates-profile-modal{position:fixed;top:var(--profile-top,0px);left:0;right:0;margin:auto;width:min(500px,calc(100vw - 20px));max-width:none;max-height:calc(var(--profile-vh,100dvh) - 24px);height:auto;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;padding:0;border:2px solid #c8a25c;border-radius:18px;background:linear-gradient(#211829,#100e1b);color:#fff0d2;box-shadow:0 20px 65px #000c;font-family:system-ui,sans-serif;text-align:left}
.mates-profile-modal:not([open]){display:none}
.mates-profile-modal::backdrop{background:#000c}
.mates-profile-modal *{box-sizing:border-box}
.mates-profile-modal .profile-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 18px;background:#34243a;border-bottom:1px solid #a88752}
.mates-profile-modal h2{font:900 20px/1.1 system-ui;color:#ffda83;margin:0;letter-spacing:.04em}
.mates-profile-modal button{cursor:pointer;min-height:42px;border:1px solid #bca069;border-radius:8px;color:#fff1d6;background:#342839;font:800 12px system-ui;padding:9px 12px}
.mates-profile-modal button:disabled{opacity:.5}
.mates-profile-modal .profile-close{font-size:18px;padding:5px 12px;min-height:36px}
.mates-profile-modal .profile-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;padding:16px 18px 22px}
.mates-profile-modal .profile-foot{display:flex;gap:8px;justify-content:flex-end;padding:12px 18px;border-top:1px solid #6a4d43;background:#21182a;flex-wrap:wrap}
.mates-profile-modal .profile-primary{background:#236b42;border-color:#71d995;color:#fff}
.mates-profile-modal .profile-danger{background:#6a1c2b;border-color:#e77f8c;color:#fff}
.mates-profile-modal .profile-intro{font:13px/1.5 system-ui;color:#e1cbaa;margin:0 0 16px}
.mates-profile-modal .profile-status{font:12px/1.5 system-ui;color:#ffe190;min-height:18px;margin:10px 0}
.mates-profile-modal .profile-picture-row,.mates-profile-modal .profile-ident{display:flex;align-items:center;gap:15px;margin:0 0 14px}
.mates-profile-modal .profile-photo{flex:none;width:88px;height:88px;border-radius:50%;background:linear-gradient(#664e5f,#241c29);border:3px solid #d5ad62;overflow:hidden;display:grid;place-items:center;color:#ffecab;font:bold 36px system-ui}
.mates-profile-modal .profile-photo img{width:100%;height:100%;object-fit:cover}
.mates-profile-modal .profile-photo img[hidden]{display:none}
.mates-profile-modal .profile-identity h3{color:#ffe6a1;margin:0 0 5px;font:850 19px system-ui;overflow-wrap:anywhere}
.mates-profile-modal .profile-identity p{font-size:13px;margin:0 0 5px}
.mates-profile-modal .profile-identity small{font-size:12px;color:#c3b3a2}
.mates-profile-modal .profile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mates-profile-modal .profile-field{display:grid;gap:6px;min-width:0;margin:0 0 8px;font:700 12px system-ui;color:#ffe4a7}
.mates-profile-modal .profile-field input,.mates-profile-modal textarea{width:100%;min-width:0;border:1px solid #8e785e;border-radius:8px;background:#0d0e1c;color:#fff;font:16px/1.4 system-ui;padding:10px;outline-offset:2px}
.mates-profile-modal .profile-field input:disabled{opacity:.72}
.mates-profile-modal .profile-hide{display:flex;align-items:center;gap:5px;font:12px system-ui;color:#e1d4c5;cursor:pointer}
.mates-profile-modal .profile-hide input{width:18px;height:18px}
.mates-profile-modal .profile-edit-user{width:max-content;min-height:28px;padding:5px 12px}
.mates-profile-modal .profile-user-note{font-size:11px;color:#cdb6a5}
.mates-profile-modal .profile-additional{margin-top:22px;padding-top:12px;border-top:1px solid #765e44}
.mates-profile-modal .profile-divider{margin-bottom:12px;font:800 13px system-ui;color:#f3ce85}
.mates-profile-modal .profile-additional .profile-danger{margin-bottom:22px}
.mates-profile-modal .profile-feedback-box{min-height:88px;resize:vertical}
.mates-profile-modal .profile-feedback-send{background:#334d72}
.mates-profile-modal .profile-bug{display:block;margin-top:12px;width:100%;background:#762b35;border-color:#ed7780}
.mates-profile-modal .profile-bug-text{min-height:220px;resize:vertical}
.mates-profile-modal .profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mates-profile-modal .profile-stats>div{display:grid;gap:5px;padding:12px;background:#241d32;border:1px solid #6d5360;border-radius:9px;min-width:0}
.mates-profile-modal .profile-stats small{font:800 10px system-ui;color:#c9ae82}
.mates-profile-modal .profile-stats strong{font:700 14px system-ui;color:#fff1d2;overflow-wrap:anywhere}
.leader-player{min-width:0}
.leader-avatar-wrap{display:inline-grid;position:relative;vertical-align:middle;width:21px;height:21px;flex:none;place-items:center;border-radius:50%;border:1px solid #d5ba7a;background:#544161;overflow:hidden;cursor:pointer;margin-right:6px}
.leader-avatar-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.leader-avatar-wrap img[hidden]{display:none}
.leader-avatar-wrap span{font:bold 10px system-ui;color:#ffe8b3}
.leader-player>b[data-profile-player]{cursor:pointer;text-decoration-thickness:1px;text-underline-offset:2px}
.leader-player>b[data-profile-player]:focus-visible,.leader-avatar-wrap:focus-visible{outline:2px solid #ffdf7b}
@media(max-width:440px){.mates-profile-modal .profile-form-grid{grid-template-columns:1fr}.mates-profile-modal .profile-photo{width:76px;height:76px}.mates-profile-modal .profile-body{padding:12px}.mates-profile-modal .profile-foot{padding:10px}.leader-avatar-wrap{width:19px;height:19px}}

main>nav .mates-profile-open{display:inline-flex;align-items:center;justify-content:center;gap:6px}main>nav .mates-profile-nav-avatar{width:22px;height:22px;flex:none;object-fit:cover;border-radius:50%;border:1px solid #e1c18b}main>nav .mates-profile-nav-avatar[hidden]{display:none}

/* r155b: paired biggest results, then full-width playing time. */
.mates-profile-modal .profile-stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0 16px}
.mates-profile-modal .profile-stats>.profile-stat-time{grid-column:1/-1}
.mates-profile-modal .profile-stats>div{min-width:0;align-content:center;padding:10px}
.mates-profile-modal .profile-stats strong{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.mates-profile-modal .profile-stats>.profile-stat-time strong{font-size:16px;color:#ffdf8d}

/* R156: profile shortcuts to the existing validated shop actions. */
.mates-profile-modal .profile-mate-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:13px 0 2px}
.mates-profile-modal .profile-mate-actions button{min-height:50px;font:850 clamp(11px,2.8vw,14px)/1.15 system-ui;letter-spacing:.015em;padding:9px;border-radius:10px}
.mates-profile-modal .profile-mate-actions .profile-send-to-mate{background:linear-gradient(#246b54,#184632);border:2px solid #83d6a8;color:#fff2c9}
.mates-profile-modal .profile-mate-actions .profile-unlock-vault{background:linear-gradient(#8b3c58,#552338);border:2px solid #edb663;color:#ffedc4}
.mates-profile-modal .profile-mate-actions button:only-child{grid-column:1/-1}
@media(max-width:340px){.mates-profile-modal .profile-mate-actions{gap:6px}.mates-profile-modal .profile-mate-actions button{font-size:11px;padding:6px}}