#playerProfileDialog { --account-width:1100px; --account-height:calc(100dvh - 32px); width:min(var(--account-width),calc(100vw - 32px)); max-width:none; max-height:var(--account-height); padding:0; border-radius:24px; color:#fff0cb; }
#playerProfileDialog::backdrop { background:#021d18df; backdrop-filter:blur(4px); }
#playerProfileDialog .jade-account-window { display:flex;flex-direction:column;max-height:var(--account-height);padding:0;border:2px solid #d3b66b;border-radius:24px;background:radial-gradient(ellipse at 24% 42%,#255d43a6,transparent 65%),linear-gradient(135deg,#103f30,#052a23 75%);box-shadow:inset 0 0 0 4px #174c37,inset 0 0 0 5px #b59b5355,0 20px 60px #000b;overflow:hidden;scrollbar-gutter:auto; }
#playerProfileDialog .jade-account-header { position:relative;flex:none;display:grid;place-items:center;height:190px;margin:0;grid-template-columns:1fr;justify-content:center;padding:0 50px;border:0;border-radius:0;background:transparent;backdrop-filter:none; }
#playerProfileDialog .jade-account-header-art { position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none; }
#playerProfileDialog .jade-account-header h2 { z-index:1;margin:8px 0 0;color:#fff0bd;font:700 clamp(24px,3vw,42px)/1.1 Georgia,'Times New Roman',serif;text-shadow:0 2px 1px #56370b,0 3px 5px #000;letter-spacing:1px; }
#playerProfileDialog .jade-account-header .feature-close { position:absolute;z-index:2;top:20px;right:16px;width:48px;min-width:48px;height:48px;border:2px solid #f3d087;border-radius:50%;background:radial-gradient(circle at 35% 25%,#296c48,#042e25);box-shadow:0 0 0 3px #735925,0 3px 8px #0009;color:#ffe3a0;font-size:34px;cursor:pointer; }
#playerProfileDialog .jade-account-scroll { min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 34px 16px;scrollbar-width:thin;scrollbar-color:#b59b53 #073629;touch-action:pan-y; }
#playerProfileDialog .jade-account-main { display:grid;grid-template-columns:minmax(160px,.8fr) minmax(0,1.5fr);align-items:center;gap:32px; }
#playerProfileDialog .jade-account-avatar { margin:0;text-align:center; }
#playerProfileDialog .jade-account-avatar img { display:block;width:min(100%,270px);height:auto;aspect-ratio:1;object-fit:contain;margin:auto; }
#playerProfileDialog .jade-account-avatar figcaption { margin-top:2px;color:#f5dfaa;font:700 20px/1.3 Georgia,'Times New Roman',serif; }
#playerProfileDialog .jade-account-fields { display:grid;gap:14px;margin:0; }
#playerProfileDialog .jade-account-fields dt { margin-bottom:7px;font:700 22px/1.2 Georgia,'Times New Roman',serif;color:#fff0c4; }
#playerProfileDialog .jade-account-fields dd { margin:0;min-height:58px;display:flex;align-items:center;padding:12px 22px;border:1px solid #e2c583;border-radius:22px;background:linear-gradient(135deg,#082e25,#063a2b);box-shadow:inset 0 1px 5px #0009,0 2px 0 #795e2b;color:#fff1c9;font-size:20px;overflow-wrap:anywhere; }
#playerProfileDialog .jade-account-fields strong { font-size:inherit; }
#playerProfileDialog .jade-account-status[data-status=active] { color:#b5e8a6; }
#playerProfileDialog .jade-account-details { margin-top:22px;border-top:1px solid #c9ae6566;padding-top:12px; }
#playerProfileDialog .jade-account-details>summary { width:max-content;max-width:100%;min-height:44px;display:flex;align-items:center;gap:10px;margin:auto;cursor:pointer;color:#eed6a0;font-weight:700;font-size:16px; }
#playerProfileDialog .jade-account-details>summary::after { content:'⌄';font-size:22px; }
#playerProfileDialog .jade-account-details[open]>summary::after { content:'⌃'; }
#playerProfileDialog .profile-summary-grid { margin:12px 0;grid-template-columns:repeat(3,minmax(0,1fr)); }
#playerProfileDialog .profile-summary-grid article,#playerProfileDialog .feature-card { background:#07362ad9;border:1px solid #b2985155; }
#playerProfileDialog .profile-summary-grid small,#playerProfileDialog .feature-form label,#playerProfileDialog .feature-table th { color:#e8d6af;font-size:12px; }
#playerProfileDialog .feature-form input { color:#fff2d2;border-color:#af955c;background:#072e25;font-size:16px; }
#playerProfileDialog .feature-primary { color:#fbe5b6;border:1px solid #d5b66b;background:linear-gradient(#276c4b,#073b2c);cursor:pointer; }
#playerProfileDialog .feature-primary:disabled { opacity:.65;cursor:wait; }
#playerProfileDialog .feature-table { font-size:12px; }
#playerProfileDialog .feature-notice { margin:0 0 12px;background:transparent;color:#e7d3a7;font-size:13px; }
#playerProfileDialog .feature-notice:empty { display:none; }
#playerProfileDialog .jade-account-footer { flex:none;display:flex;justify-content:center;padding:12px 20px 18px;border-top:1px solid #c9ae6566; }
#playerProfileDialog .jade-account-dismiss { min-width:200px;min-height:48px;padding:6px 28px;border:2px solid #e4c780;border-radius:22px;background:linear-gradient(#246a4c,#073629);box-shadow:inset 0 0 0 3px #123f2f,0 3px 0 #795e2b;color:#fff0bc;font:700 24px/1.2 Georgia,'Times New Roman',serif;text-shadow:0 2px 2px #53350e;cursor:pointer; }
#playerProfileDialog :is(button,input,summary):focus-visible { outline:3px solid #ffdf82;outline-offset:3px; }
.profile[data-player-feature=profile] { cursor:pointer; }
.profile[data-player-feature=profile]:focus-visible { outline:3px solid #ffdf82;outline-offset:3px;border-radius:12px; }
#playerProfileDialog[data-mobile] { --account-height:calc(var(--account-vh,100dvh) - 16px);position:fixed;inset:auto;left:var(--account-center-x,50vw);top:var(--account-center-y,50dvh);margin:0;width:min(1100px,calc(var(--account-vw,100vw) - 16px));max-height:var(--account-height);transform:translate(-50%,-50%);border-radius:18px; }
#playerProfileDialog[data-mobile][data-rotated] { --account-height:calc(var(--account-vw,100vw) - 16px);width:min(1100px,calc(var(--account-vh,100dvh) - 16px));transform:translate(-50%,-50%) rotate(90deg); }
#playerProfileDialog[data-mobile] .jade-account-window { border-radius:18px;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); }
#playerProfileDialog[data-rotated] .jade-account-window { padding:env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left) env(safe-area-inset-top); }
#playerProfileDialog[data-mobile] .jade-account-header { height:94px;padding:0 48px; }
#playerProfileDialog[data-mobile] .jade-account-header h2 { font-size:26px;margin-top:5px; }
#playerProfileDialog[data-mobile] .jade-account-header .feature-close { top:8px;right:8px;width:44px;min-width:44px;height:44px; }
#playerProfileDialog[data-mobile] .jade-account-scroll { padding:0 20px 8px; }
#playerProfileDialog[data-mobile] .jade-account-main { grid-template-columns:minmax(130px,.7fr) minmax(0,1.5fr);gap:20px; }
#playerProfileDialog[data-mobile] .jade-account-avatar img { width:170px; }
#playerProfileDialog[data-mobile] .jade-account-avatar figcaption { font-size:16px; }
#playerProfileDialog[data-mobile] .jade-account-fields { gap:9px; }
#playerProfileDialog[data-mobile] .jade-account-fields dt { font-size:17px;margin-bottom:4px; }
#playerProfileDialog[data-mobile] .jade-account-fields dd { min-height:42px;padding:7px 16px;font-size:17px;border-radius:16px; }
#playerProfileDialog[data-mobile] .jade-account-details { margin-top:12px;padding-top:4px; }
#playerProfileDialog[data-mobile] .jade-account-footer { padding:7px 16px 9px; }
#playerProfileDialog[data-mobile] .jade-account-dismiss { min-height:44px;min-width:170px;font-size:20px; }
@media(max-width:620px) and (pointer:fine) { #playerProfileDialog .jade-account-header { height:104px; } #playerProfileDialog .jade-account-main { grid-template-columns:1fr;gap:14px; } #playerProfileDialog .jade-account-avatar img { width:130px; } #playerProfileDialog .jade-account-scroll { padding:0 20px 16px; } #playerProfileDialog .jade-account-fields dt { font-size:18px; } #playerProfileDialog .jade-account-fields dd { font-size:17px;min-height:44px; } }
@media(prefers-reduced-motion:reduce) { #playerProfileDialog::backdrop { backdrop-filter:none; } }

#playerProfileDialog .jade-account-footer { display:flex!important;position:static!important;width:auto!important;height:auto!important;margin:0!important;background:transparent!important;border-radius:0!important; }
#playerProfileDialog .jade-account-dismiss { width:auto!important;min-width:200px!important;border:2px solid #e4c780!important;border-radius:22px!important;background:linear-gradient(#246a4c,#073629)!important;box-shadow:inset 0 0 0 3px #123f2f,0 3px 0 #795e2b!important; }

#playerProfileDialog .jade-account-header { height:166px; }
#playerProfileDialog .jade-account-header-art { inset:9% auto auto 22%;width:56%;height:82%;border-radius:28px; }
#playerProfileDialog .jade-account-header::before,#playerProfileDialog .jade-account-header::after { content:'';position:absolute;top:5%;width:24%;height:90%;background: url('/assets/images/account-jade-v1/dragon.webp') center / contain no-repeat;pointer-events:none; }
#playerProfileDialog .jade-account-header::before { left:0; }
#playerProfileDialog .jade-account-header::after { right:0;background-image:url('/assets/images/account-jade-v1/phoenix.webp'); }
#playerProfileDialog[data-mobile] .jade-account-header { height:94px; }
#playerProfileDialog[data-mobile] .jade-account-header h2 { font-size:25px; }
#playerProfileDialog .jade-account-scroll { scrollbar-gutter:auto; }