#profileButton{position:absolute;right:103px;top:24px;width:56px;height:56px;padding:8px;background:#d1d9ef;border:2px solid #b58cc0;z-index:4}#profileButton .artTip{left:auto;right:0;top:calc(100% + 16px);transform:none}#profileButton[data-notice=true]:after{content:'!';position:absolute;right:-6px;top:-8px;color:#ff5656;font:bold 23px monospace;text-shadow:1px 1px #fff}#adminButton{right:174px}body:not([data-staff=true]) #adminButton{display:none!important}#game:has(#victory:not([hidden])) #profileButton{visibility:hidden}
.panel:has(.playerProfile),.panel:has(.ownerPanel){max-width:900px;width:94vw;padding:28px}.playerProfile,.ownerPanel{font-size:16px;line-height:1.5;color:#f7edcf}.playerProfile header.profileBanner{position:relative;inset:auto;display:flex;gap:18px;align-items:center;padding:24px;border:2px solid #94b9b5;border-radius:12px;background:linear-gradient(#365d7c 0 55%,#427c87 55%);margin-bottom:18px}.playerProfile.sunset .profileBanner{background:linear-gradient(#9a5472 0 55%,#744a78 55%)}.playerProfile.midnight .profileBanner{background:linear-gradient(#242b59 0 55%,#263e60 55%)}.profileBanner h2{font-size:27px!important;margin:5px 0!important;overflow-wrap:anywhere}.profileBanner p{white-space:pre-wrap;margin:8px 0;overflow-wrap:anywhere}.profileBanner canvas{width:120px;height:90px;flex:none;image-rendering:pixelated;background:#ffffff14;border:2px solid #e4cf94;border-radius:7px}.xpHeading{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#ffe198}.profileXP{height:16px;margin:8px 0;border:2px solid #b5a5c8;background:#242c4a;border-radius:8px;overflow:hidden}.profileXP i{display:block;height:100%;background:linear-gradient(90deg,#75cdb8,#a0a5ef,#edc77e)}.profileTabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.profileTabs button[aria-pressed=true]{background:#86608f}.profileStats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profileStats>div{display:flex;flex-direction:column;background:#3a5363;border:1px solid #719397;padding:12px;border-radius:8px}.profileStats span{font-size:14px;color:#cbdde0}.profileStats b{color:#ffe1a1;font-size:21px}.playerProfile label,.ownerPanel label{display:block;margin:14px 0 6px}.playerProfile input:not([type=radio]),.playerProfile textarea,.playerProfile select,.ownerPanel input:not([type=checkbox]),.ownerPanel textarea,.ownerPanel select{display:block;box-sizing:border-box;width:100%;padding:12px;color:#fff5df;background:#263e52;border:1px solid #a6b8bf;border-radius:6px;font:16px system-ui}.playerProfile button,.ownerPanel button{font-size:15px;color:#fff4d4}.playerProfile select option,.ownerPanel select option{background:#263e52;color:white}.profileFine{font-size:14px!important;color:#c7d5dc!important}.playerProfile details,.ownerPanel details{padding:13px;border:1px solid #7f939b;margin-top:12px;border-radius:6px}.avatarGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.avatarChoice{border:2px solid #627681;border-radius:8px;padding:6px;text-align:center;font-size:13px}.avatarChoice:has(input:checked){border-color:#ffe19d;background:#5d5770}.avatarChoice canvas{width:100%;image-rendering:pixelated}.avatarChoice input{accent-color:#e7ba6b}.avatarChoice span{display:block}.profileAlert{padding:14px;background:#783f56;color:#ffe8c0!important;border:1px solid #e4a393}.profileNotice{padding:16px;margin:12px 0;background:#3a5265;border:1px solid #92a0b7;border-radius:8px}.profileNotice small{display:block}.ownerPlayer{display:flex;flex-direction:column;text-align:left;width:100%;margin:8px 0}.ownerPlayer span{font-size:13px}.ownerAccount pre{max-height:260px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;background:#213347;padding:12px}.ownerAccount code{overflow-wrap:anywhere}.ownerAccount article{border-bottom:1px solid #758a96;padding:10px 0}.ownerAccount li small{display:block;overflow-wrap:anywhere}.ownerConfirm{padding:14px;border:1px solid #daae8e}.ownerPanel #ownerApply{background:#80516a}.playerProfile fieldset{border:1px solid #829699;border-radius:8px}.profileTabs button:focus-visible,.avatarChoice:focus-within{outline:3px solid #ffe39a;outline-offset:3px}
.panel:has(.playerProfile),.panel:has(.ownerPanel){background:linear-gradient(145deg,#273b55,#344f60);border-color:#cbb38a}.panel .playerProfile p,.panel .ownerPanel p{color:#e4e9dc}.panel .playerProfile h2,.panel .ownerPanel h2,.panel .ownerPanel h3{color:#ffe0a0}.playerProfile .eyebrow,.ownerPanel .eyebrow{color:#e6ca94}.playerProfile canvas{position:static;inset:auto;display:block}.panel:has(.playerProfile) .close,.panel:has(.ownerPanel) .close{color:#ffe0aa}.playerProfile .profileBanner>div{min-width:0}.playerProfile .profileBanner{justify-content:flex-start}
@media(max-width:700px){#profileButton{right:65px;top:17px;width:43px;height:43px}#adminButton{right:117px;top:23px}.profileBanner{flex-direction:column;text-align:center}.panel:has(.playerProfile),.panel:has(.ownerPanel){padding:18px}.profileStats{grid-template-columns:1fr 1fr}.profileStats b{font-size:18px}}