#profileDialog{box-sizing:border-box;width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 28px);margin:auto;padding:24px 28px;border:4px solid #725637;border-radius:22px;background:#fff4d4;color:#39311f;box-shadow:0 12px 0 #463829,0 28px 80px #10241880;overflow:auto;font:17px/1.55 system-ui,sans-serif;animation:profileEnter .24s ease-out}#profileDialog::backdrop{background:#142c22c9;backdrop-filter:blur(6px)}#profileDialog h1{font-size:clamp(24px,4vw,30px);margin:16px 0 20px}#profileDialog h2{font-size:19px;margin:0}.profileHead,.profileSteps,.profileFooter{display:flex;align-items:center;justify-content:space-between;gap:12px}.profileHead{color:#776442}.profileSteps{justify-content:flex-start;margin-top:15px;font-size:14px}.profileSteps span{border-bottom:3px solid #d9cead;padding:4px 12px;color:#86785d}.profileSteps .active{border-color:#456c4c;color:#34553b;font-weight:700}.profileAppearance{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:center}.profilePortrait{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:272px;background:radial-gradient(ellipse at 50% 95%,#77925555,transparent 50%),#e3ebca;border:1px solid #c2ca9d;border-radius:110px 110px 18px 18px}.profilePortrait canvas{width:210px;height:210px;image-rendering:pixelated}.profilePortrait small{font-size:14px;color:#576643}.profileOptions>label{display:block;font-size:14px;font-weight:650;color:#72613f;margin-top:10px}.profileChoices{display:flex;gap:7px;flex-wrap:wrap}.profileChoices button{font:inherit;font-size:14px;min-height:40px;padding:6px 10px;border:1px solid #b8ac88;border-radius:10px;background:#fffae9;color:#574628;display:flex;align-items:center;gap:6px}.profileChoices button[aria-pressed=true]{background:#365d40;color:#fff8de;border-color:#294934;box-shadow:0 0 0 2px #e6c47b}.profileChoices i{width:16px;height:16px;border:1px solid #fff8;border-radius:50%;background:var(--swatch)}.profileField{display:flex;flex-direction:column;gap:7px;font-size:15px;font-weight:650;margin:18px 0}.profileField input,.profileField select{box-sizing:border-box;min-width:0;width:100%;padding:12px;font:inherit;font-size:17px;border:1px solid #ab986d;border-radius:9px;background:#fffbee;color:#363322}.profileField input:focus,.profileField select:focus{outline:3px solid #b1c487}.profileInfo{display:grid;grid-template-columns:1fr 1fr;gap:16px}.profileMeta{display:block;font-size:14px;color:#75684c;margin:12px 0}.profileFine{font-size:13px;color:#897952;margin:12px 0 0}.profileFooter{justify-content:flex-end;flex-wrap:wrap;margin-top:22px}.profileFooter .gamebtn{font-size:17px;padding:12px 22px;min-height:48px}.profileError{font-size:15px;color:#943e29;min-height:0}.profileError:empty{display:none}.profileSchedule{border:1px solid #c0ac78;border-radius:14px;padding:16px;background:#f8edca}.profileSchedule header{display:flex;align-items:center;justify-content:space-between}.profileSchedule ul{padding:0;margin:14px 0;list-style:none}.profileSchedule li{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #d6c9a1}.profileSchedule li div{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}.profileSchedule li span{font-size:14px;color:#74664b}.profileSchedule li .gamebtn{font-size:13px;min-height:40px;padding:8px;white-space:nowrap}.profileScheduleEmpty{font-size:15px;color:#7b6a49;margin:20px 0}.profileToday{padding:0;list-style:none}.profileToday li{padding:12px 0;border-bottom:1px solid #d3c49c}#avatar canvas{width:100%;height:100%;image-rendering:pixelated}#profileDialog button:focus-visible{outline:3px solid #52775e;outline-offset:3px}@keyframes profileEnter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:520px){#profileDialog{padding:18px;max-height:calc(100dvh - 20px)}.profileAppearance{grid-template-columns:1fr;gap:14px}.profilePortrait{min-height:180px;border-radius:90px 90px 16px 16px;margin:0 38px}.profilePortrait canvas{height:155px;width:155px}.profileOptions{display:grid;grid-template-columns:52px 1fr;gap:9px;align-items:center}.profileOptions>.profileChoices:first-child{grid-column:1/-1;justify-content:center}.profileOptions>label{margin:0}.profileChoices button{min-height:40px;padding:5px 9px}.profileInfo{grid-template-columns:1fr;gap:0}.profileField{margin:13px 0}.profileSteps{font-size:13px}.profileFooter .gamebtn{flex:1}.profileFine{font-size:13px}}@media(prefers-reduced-motion:reduce){#profileDialog{animation:none}}