/* Fixed game-sheet chrome; only these explicit content regions can scroll. */
dialog.profile-sheet{padding:0;overflow:hidden;width:min(430px,calc(100vw - 16px));max-width:calc(100vw - 16px);max-height:calc(100dvh - 24px);margin:auto}
dialog.profile-info-dialog{height:min(560px,calc(100dvh - 24px))}
dialog.profile-editor-dialog{height:min(650px,calc(100dvh - 24px))}
.profile-info-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.profile-editor-dialog[open]{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto}
.profile-sheet [hidden]{display:none!important}
.profile-sheet-header{min-height:64px;display:grid;place-items:center;padding:17px 60px;border-bottom:1px solid #aa854538;background:linear-gradient(110deg,#f4f0e688,#f4f0e6)}
.profile-sheet-header .sheet-title{margin:0;padding:0;text-align:center;font-size:21px;line-height:1.35}
.profile-sheet>.dialog-close{position:absolute;right:11px;top:10px;z-index:8}
.profile-sheet-footer{padding:12px 18px max(16px,env(safe-area-inset-bottom,0px));border-top:1px solid #aa854535;background:linear-gradient(#f4f0e6,#f4f0e6);box-shadow:0 -5px 18px #17141016}
.profile-sheet-footer>.primary-action{width:100%;min-height:46px}
.profile-info-scroll,.profile-picker-scroll{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.profile-info-scroll{padding:19px 24px 24px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:17px}
.profile-portrait-stage{position:relative;align-self:center;display:grid;place-items:center;width:190px;min-height:162px;flex:none;background:radial-gradient(ellipse,#e6ddca1b 0%,#e6ddca08 47%,transparent 70%)}
.profile-portrait{display:grid;place-items:center}
.profile-change-button,.profile-small-button{display:grid;place-items:center;padding:0;color:var(--kit-ink,#292724);border:1px solid #aa85459c;background:linear-gradient(145deg,#e6ddca,#f4f0e6 65%);box-shadow:inset 0 0 0 3px #171410,inset 0 0 0 4px #b08a491c,0 3px 9px #17141033;border-radius:9px}
.profile-change-button{position:absolute;right:4px;bottom:4px;width:40px;height:40px}
.profile-small-button .button-icon,.profile-change-button .button-icon{width:20px;height:20px;fill:currentColor}
.profile-name-area{min-width:0}
.profile-name-row{display:flex;align-items:center;justify-content:center;gap:9px;min-height:39px}
.profile-player-name{font-size:21px;color:var(--kit-ink,#292724);line-height:1.4;text-align:center;overflow-wrap:anywhere;min-width:0;max-width:calc(100% - 48px)}
.profile-name-edit,.profile-name-save,.profile-name-cancel{font:inherit;font-size:12px;padding:7px 9px;min-height:34px;border:1px solid #aa854550;border-radius:6px;color:var(--kit-ink,#292724);background:linear-gradient(#f4f0e6,#f4f0e6);flex:none}
.profile-name-form{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;min-height:39px}
.profile-nickname-input{width:100%;min-width:0;height:39px;border:1px solid #aa854580;border-radius:6px;background:#f4f0e6;color:var(--kit-ink,#292724);padding:8px;font:inherit;font-size:16px}
.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:13px 4px;border-top:1px solid #aa854545;border-bottom:1px solid #aa854530;background:linear-gradient(90deg,transparent,#e6ddca10,transparent)}
.profile-stat{text-align:center;display:flex;flex-direction:column;gap:6px;min-width:0}
.profile-stat+.profile-stat{border-left:1px solid #aa85453b}
.profile-stat-label{font-size:12px;color:var(--kit-ink,#292724);letter-spacing:.02em}
.profile-stat-value{font:700 27px/1.25 var(--font-ui);font-variant-numeric:tabular-nums;color:var(--kit-ink,#292724);overflow-wrap:anywhere}
.profile-preview{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:15px;padding:16px 21px;min-height:140px;background:radial-gradient(ellipse at 23% 50%,#e6ddca1b,transparent 64%),linear-gradient(95deg,#f4f0e666,#f4f0e633);border-bottom:1px solid #aa85452b}
.profile-preview-art{width:104px;height:104px;display:grid;place-items:center}
.profile-preview-info{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.profile-preview-name{font-size:17px;line-height:1.35;color:var(--kit-ink,#292724);overflow-wrap:anywhere}
.profile-unlock-condition{font-size:12px;line-height:1.5;color:var(--kit-quiet-ink,#706b63);margin:0;word-break:keep-all}
.profile-preview-status{font-size:10px;font-weight:700;color:var(--kit-quiet-ink,#706b63);border:1px solid #aa854545;padding:3px 7px;border-radius:4px;background:#e6ddca12}
.profile-preview-status[data-locked=true]{color:var(--kit-quiet-ink,#706b63);border-color:#aa854536;background:#e6ddca0a}
.profile-progress-line{display:flex;align-items:center;width:100%;gap:8px;margin:2px 0}
.profile-progress{position:relative;overflow:hidden;height:8px;flex:1;min-width:20px;border:1px solid #aa854564;border-radius:5px;padding:1px;background:#f4f0e6;box-shadow:inset 0 1px 3px #171410}
.profile-progress-fill{display:block;height:100%;max-width:100%;border-radius:3px;background:linear-gradient(90deg,#b38a43,#d8be80);box-shadow:0 0 5px #b08a4913;transition:width 160ms ease}
.profile-progress-value{font:700 11px/1.3 var(--font-ui);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--kit-ink,#292724)}
.profile-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:7px 17px 0;background:#f4f0e680}
.profile-tab{min-height:40px;border:0;border-bottom:2px solid transparent;border-radius:6px 6px 0 0;background:transparent;color:var(--kit-quiet-ink,#706b63);font:inherit;font-size:14px;font-weight:700}
.profile-tab[aria-selected=true]{border-bottom-color:#aa8545;background:linear-gradient(#e7d5ad14,#e7d5ad24);color:var(--kit-ink,#292724)}
.profile-picker-scroll{padding:13px 17px 17px;background:#f4f0e630}
.profile-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px 7px;align-content:start}
.profile-option{position:relative;display:flex;align-items:center;flex-direction:column;gap:5px;min-width:0;padding:5px 2px 7px;border:1px solid transparent;border-radius:9px;color:var(--kit-quiet-ink,#706b63);background:linear-gradient(#fffdf708,#f4f0e630);font:inherit;touch-action:pan-y;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}
.profile-option[aria-pressed=true]{border-color:#aa854599;background:linear-gradient(#e7d5ad23,#e7d5ad14);box-shadow:inset 0 0 0 2px #171410,inset 0 0 0 3px #b08a490f}
.profile-option-art{width:100%;max-width:76px;aspect-ratio:1;display:grid;place-items:center;pointer-events:none}
.profile-option-avatar{max-width:100%;max-height:100%}
.profile-option[data-locked=true] .profile-option-art{filter:saturate(.65);opacity:.69}
.profile-option-name{max-width:100%;padding:0 1px;font-size:10px;line-height:1.3;min-height:26px;text-align:center;word-break:keep-all;overflow-wrap:anywhere}
.profile-option-badge{position:absolute;right:3px;top:3px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;pointer-events:none;background:#f4f0e6;border:1px solid #aa854570;box-shadow:0 1px 3px #17141040}
.profile-option-badge .button-icon{width:13px;height:13px;fill:currentColor}
.profile-equipped{color:var(--kit-quiet-ink,#706b63);background:#fffdf7;border-color:#aa8545}
.profile-locked{color:var(--kit-quiet-ink,#706b63)}
.profile-inline-error{color:#94371a;font-size:12px;line-height:1.5;text-align:center;margin:0 0 8px;word-break:keep-all}
.profile-sheet button:focus,.profile-sheet button:focus-visible,.profile-nickname-input:focus,.profile-nickname-input:focus-visible{outline:none}
.profile-sheet button:active:not(:disabled){transform:translateY(1px)}
.profile-sheet button:disabled{opacity:.4}
@media(max-width:350px){.profile-sheet-header{min-height:60px;padding-top:15px;padding-bottom:15px}.profile-sheet-header .sheet-title{font-size:19px}.profile-info-scroll{padding:14px 18px 18px;gap:13px}.profile-preview{gap:11px;padding:13px 15px}.profile-preview-name{font-size:15px}.profile-unlock-condition{font-size:11px}.profile-tabs{padding-left:12px;padding-right:12px}.profile-picker-scroll{padding:10px 11px 14px}.profile-picker-grid{gap:9px 5px}.profile-option-name{font-size:9px}.profile-sheet-footer{padding:10px 14px 13px}.profile-player-name{font-size:19px}}
@media(max-height:600px){.profile-info-scroll{justify-content:flex-start}.profile-portrait-stage{min-height:154px}.profile-preview{padding-top:10px;padding-bottom:10px;min-height:124px}.profile-picker-grid{row-gap:9px}.profile-stat-value{font-size:25px}}
@media(prefers-reduced-motion:reduce){.profile-progress-fill{transition:none}}

.profile-sheet{color:var(--kit-ink,#292724);color-scheme:light}.profile-nickname-input{background:#fffdf7;color:var(--kit-ink,#292724)}
