.cutthroat-profile-overlay { z-index:100; padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left)); }
.cutthroat-profile { width:min(620px,100%); max-height:100%; display:flex; flex-direction:column; overflow:hidden; color:#382819; background:linear-gradient(110deg,#f7e6bf,#e4c89a); border:2px solid #b58a52; border-radius:15px; box-shadow:inset 0 0 0 4px #fff0cd80,0 12px 40px #10090699; }
.profile-heading { display:flex; gap:12px; align-items:center; justify-content:space-between; flex:none; padding:16px; color:#fff0cd; background:linear-gradient(#593b25ed,#392417f5),url('./assets/porch/table.webp') center / cover; }
.profile-heading h2 { margin:0; font-family:Georgia,serif; font-size:26px; }.profile-heading .eyebrow { margin:0 0 4px; font-size:11px; }.profile-heading button { flex:none; }
.profile-body { padding:16px; overflow-y:auto; overscroll-behavior:contain; scrollbar-color:#8c633b #e6cfa7; min-height:0; }
.cutthroat-profile p,.cutthroat-profile h3 { overflow-wrap:anywhere; }.profile-status { margin:0 0 12px; }.profile-status:empty { display:none; }
.cutthroat-profile .button { min-height:44px; white-space:normal; color:#382819; background:linear-gradient(#fff0ce,#d5b27b); border:1px solid #967345; }.cutthroat-profile .button.primary,.cutthroat-profile [aria-pressed=true] { background:linear-gradient(#ffe6a4,#d9ad53); border:2px solid #79521e; }.cutthroat-profile .button.warn { color:#642c20; }.cutthroat-profile :focus-visible { outline:3px solid #17656f; outline-offset:3px; }.cutthroat-profile button:disabled { opacity:.6; }
.profile-tabs { display:flex; gap:8px; margin-bottom:16px; }.profile-tabs button { flex:1; }.profile-field { display:grid; gap:7px; font-weight:700; margin-bottom:14px; }.profile-field input { width:100%; min-width:0; box-sizing:border-box; min-height:46px; padding:10px; border:1px solid #8b6c48; border-radius:7px; color:#382819; background:#fff7e7; font-size:16px; }
.profile-avatar-field { border:0; padding:0; margin:0 0 16px; }.profile-avatar-field legend { font-weight:700; margin-bottom:10px; }.profile-avatars { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }.profile-avatars .button { padding:10px 4px; font-size:14px; }.profile-help { line-height:1.5; font-size:14px; }.profile-code { padding:12px; border:1px dashed #8b6c48; border-radius:8px; font-weight:bold; user-select:all; }.profile-friend { padding:12px 0; border-top:1px solid #9b7d5366; }.profile-friend h3 { margin:0; }.profile-friend button,.profile-confirm button { margin:4px 8px 4px 0; }.profile-confirm { padding:12px; border:1px solid #8b6c48; border-radius:8px; margin-top:12px; background:#fff1d5; }.profile-confirm p { margin-top:0; }
@media(max-width:380px) { .profile-heading,.profile-body { padding:12px; }.profile-heading h2 { font-size:23px; }.profile-avatars { grid-template-columns:repeat(2,minmax(0,1fr)); }.profile-tabs { gap:5px; }.profile-tabs button { padding:8px; } }
@media(max-height:400px) { .profile-heading { padding:8px 12px; }.profile-heading .eyebrow { display:none; } }