.profile-shell{width:min(1060px,100%);margin:auto;padding:28px 24px 80px}.profile-back{display:inline-block;text-decoration:none;margin-bottom:30px}.profile-hero{display:flex;align-items:center;gap:28px;padding:32px;border:1px solid #8ca18a44;border-radius:28px;background:linear-gradient(130deg,#24453c,#122d29)}.profile-hero h1{font-size:clamp(28px,5vw,48px);margin:6px 0;overflow-wrap:anywhere}.profile-caption{color:#acc3b3}.profile-portrait{width:120px;height:120px;flex-shrink:0;border:3px solid #d4b47a;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#39594b;color:#f6d797;font-size:50px}.profile-portrait img,.player-avatar img{width:100%;height:100%;object-fit:cover}.profile-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:22px 0 30px}.profile-stats>div{padding:23px 12px;background:#1a352f;border-radius:18px;text-align:center}.profile-stats strong{display:block;font-size:30px;color:#e4c58a}.profile-stats span{font-size:14px;color:#aec3b6}.profile-edit{border:1px solid #8ca18a44;border-radius:18px;padding:20px;margin-bottom:36px}.profile-edit summary{cursor:pointer;color:#e6c78c}.profile-edit form{display:grid;gap:16px;max-width:480px;padding-top:24px}.profile-edit input{width:100%;box-sizing:border-box}.avatar-upload{display:block;text-align:center;cursor:pointer}.avatar-upload input{display:block;margin-top:12px;font-size:14px}.profile-awards{margin:36px 0}.profile-awards h2{font-size:27px}.profile-awards h2>span{color:#d8bc7d}.profile-empty{padding:30px;border:1px dashed #8ca18a66;border-radius:20px;color:#b5c7b9}.profile-page .medals-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.profile-page .medal-card.earned{border-color:#d4b47a88}.profile-logout{margin-top:20px}.player-avatar{display:inline-grid;place-items:center;width:58px;height:58px;flex-shrink:0;border-radius:50%;overflow:hidden;background:#365e50;color:#f3d38e;border:2px solid #baa274;font-size:24px;padding:0;vertical-align:middle;text-decoration:none;cursor:pointer}.player-avatar.small-avatar{width:28px;height:28px;font-size:14px}.player-medals{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-top:5px}.player-medals .medal{width:22px;height:22px;font-size:12px;border-width:2px;margin:0;box-shadow:none}.player-medals .medal-more{font-size:12px;color:#d8bc7d}.player-medals a{text-decoration:none}.profile-header-link{display:inline-flex;gap:7px;align-items:center;text-decoration:none;white-space:nowrap;font-size:14px}.profile-header-link .player-avatar{width:27px;height:27px;font-size:14px;border-width:1px}body.entry-mode .profile-header-link{display:none}.seat .player-avatar{width:70px;height:70px;font-size:30px;margin:auto}.seat .player-medals{justify-content:center}.profile-name-link{color:inherit;text-decoration:none}.profile-name-link:hover{text-decoration:underline}.profile-page .primary{display:inline-block;text-decoration:none;text-align:center}.profile-page .eyebrow{margin:0}
@media(max-width:600px){.profile-shell{padding:20px 16px 60px}.profile-hero{padding:22px 18px;gap:16px}.profile-portrait{width:80px;height:80px;font-size:35px}.profile-caption{font-size:13px}.profile-stats{grid-template-columns:repeat(3,1fr);gap:8px}.profile-stats>div{padding:17px 8px}.profile-stats strong{font-size:26px}.profile-stats span{font-size:12px}.profile-page .medals-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-page .medal-card{padding:20px 10px}.profile-page .medal-card h3{font-size:17px}.player-top .player-avatar{width:48px;height:48px}.player-medals .medal{width:19px;height:19px;font-size:10px}.profile-header-link{padding:8px 10px}header:has(.profile-header-link){flex-wrap:wrap;gap:8px}header:has(.profile-header-link) .connection{flex:1 1 100%;order:3}.profile-header-link .player-avatar{display:none}}
body.entry-mode .profile-header-link{display:inline-flex}

header:has(.room-exit){flex-wrap:wrap;gap:10px}.room-exit{font-size:13px;border-color:#b58a7255;color:#e3b8a4}@media(max-width:600px){.room-exit{padding:8px 10px}header:has(.room-exit) .connection{flex-basis:100%;order:5}}

.avatar-medals{display:flex;flex-direction:column;align-items:center;gap:3px;flex-shrink:0;align-self:center}.avatar-medals .player-medals{margin:0;justify-content:center;gap:2px}.avatar-medals .player-medals .medal{width:18px;height:18px;min-width:18px;font-size:12px;box-shadow:none}.avatar-medals .player-medals a{display:flex}.avatar-medals .medal-more{font-size:10px}.voter-pony[hidden]{display:none!important}

body:not(.entry-mode)>header:has(.room-exit){display:flex;position:relative;height:auto;min-height:80px;padding:14px 24px;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:20px;isolation:isolate}body:not(.entry-mode)>header:has(.room-exit)>*{grid-area:auto;position:static;transform:none;margin:0}body:not(.entry-mode)>header:has(.room-exit) .connection{flex:1 1 160px}body:not(.entry-mode)>header:has(.room-exit) .quiet{flex:0 0 auto;width:auto;min-height:46px;padding:10px 16px;font-size:14px;white-space:nowrap}body:not(.entry-mode)>header:has(.room-exit) .room-exit{order:4}@media(max-width:600px){body:not(.entry-mode)>header:has(.room-exit){display:grid;grid-template-columns:1fr 1fr;min-height:0;padding:12px;gap:10px;margin-bottom:14px}body:not(.entry-mode)>header:has(.room-exit) .brand{display:none}body:not(.entry-mode)>header:has(.room-exit) .connection{grid-column:1/-1;grid-row:2;order:5;font-size:12px}body:not(.entry-mode)>header:has(.room-exit) .quiet{width:100%;min-height:46px;font-size:13px;padding:10px 8px;justify-self:stretch}body:not(.entry-mode)>header:has(.room-exit) #rules-button{grid-column:1;grid-row:1}body:not(.entry-mode)>header:has(.room-exit) .room-exit{grid-column:2;grid-row:1}}