/* Measured against the authenticated original profile in desktop and mobile. */
:root{--text:#fff}
.profile-menu-avatar{background:var(--popover)}.profile-menu [role=menuitem] svg{color:#fff}.profile-menu:focus{outline:none}
.profile-mode .sidebar,.profile-mode .app-header,.profile-mode .mobile-nav,.profile-mode .menu-backdrop{display:none}
.profile-mode .app-main{margin:0;padding:0;min-height:100svh;font:400 16px/24px Barlow,sans-serif;color:#fff}
.player-page-header{height:64px;padding:0 16px;background:var(--card);display:flex;align-items:center;gap:8px}
.player-page-header h3{flex:1;font:600 18px/28px Barlow,sans-serif}
.player-close,.player-logout{display:flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:var(--popover);width:36px;height:36px;flex-shrink:0;padding:0}
.player-close:hover,.player-logout:hover{background:var(--accent)}.player-close svg{height:20px;width:20px}.player-logout svg{height:16px;width:16px}
.player-blocks{display:flex;flex-direction:column;gap:16px;padding:20px 16px 16px}
.player-card,.player-panel{background:oklab(.278998 -.00710082 -.0403727 / .5);border-radius:14px}
.player-card{position:relative;padding:16px}.player-info{display:flex;align-items:center;gap:12px;padding-top:8px;min-width:0}
.player-avatar{width:48px;height:48px;flex-shrink:0;border-radius:50%;object-fit:cover}.player-info>div{min-width:0;padding-right:36px}
.player-info h2{font:400 24px/24px Protest,Barlow,sans-serif;text-transform:none;overflow-wrap:anywhere}.player-info p{font-size:16px;line-height:24px}
.player-divider{height:1px;background:var(--accent);margin:16px 0}.player-balance{font:400 16px/24px Barlow,sans-serif}.player-logout{position:absolute;right:16px;top:16px}
.player-separator{height:1px;background:var(--accent);margin:4px 0}.player-tabs{display:flex;flex-direction:column;gap:8px}
.player-tablist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:8px;height:36px;padding:3px;border-radius:10px}
.player-tablist button{height:29px;padding:4px 8px;border:1px solid transparent;border-radius:6px;background:var(--popover);color:#fff;font:600 12px/16px Barlow,sans-serif;white-space:nowrap;text-transform:uppercase}
.player-tablist button[aria-selected=true]{background:var(--pink)}.player-panel{padding:24px 16px;min-width:0}.player-panel>p{font:400 16px/24px Barlow,sans-serif}
.player-table-wrap{overflow-x:auto}.player-history{font:400 14px/20px Barlow,sans-serif;table-layout:fixed}.player-history th{height:40px;padding:0 8px;font:500 14px/20px Barlow,sans-serif;color:#fff}.player-history td{padding:8px;white-space:normal;overflow-wrap:anywhere;border-bottom:1px solid var(--accent)}
.player-history-status:empty{display:none}.player-more{margin-top:16px;border:0;border-radius:6px;padding:8px 16px;background:var(--popover)}
.player-password-form{display:flex;flex-direction:column;gap:28px}.player-field{display:flex;flex-direction:column;gap:12px}
.player-field label{font:500 14px/19.25px Barlow,sans-serif}.player-field p{font:400 14px/21px Barlow,sans-serif}
.player-input-group{display:flex;align-items:center;position:relative;height:36px;min-width:0;background:oklab(.207998 -.00311187 -.0418783 / .3);border:1px solid var(--card);border-radius:8px;box-shadow:0 1px 2px #0000000d}
.player-input-group>svg{width:16px;height:16px;margin-left:12px}
.player-input-group input{height:36px;min-height:36px;min-width:0;flex:1;padding:4px 8px;border:0;border-radius:0;background:transparent;font:400 16px/24px Barlow,sans-serif;box-shadow:none;outline:none;color:#fff}
.player-input-group input::placeholder{color:#fff}.player-input-group:focus-within{outline:3px solid #62748e80;border-color:#62748e}
.player-input-group button{display:flex;align-items:center;justify-content:center;padding:0;border:0;flex-shrink:0;width:24px;height:24px;margin-right:4.8px;border-radius:5px;background:transparent}.player-input-group button svg{width:16px;height:16px}.player-input-group button:hover{background:var(--accent)}
.player-password-submit{height:36px;padding:8px 16px;background:var(--pink);border:0;border-radius:8px;font:500 14px/20px Barlow,sans-serif;color:#fff}.player-password-submit:hover{background:#e71c55e6}
@media(min-width:768px){.player-input-group input{font-size:14px;line-height:20px}}