:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #80dcff;outline-offset:4px}.xr-avatar{display:block;object-fit:cover;border-radius:50%;flex-shrink:0}.xr-dialog{width:min(680px,calc(100% - 24px));max-height:88vh;background:#17151c;color:#f7f2e7;border:1px solid #806b47;border-radius:20px;padding:24px;box-shadow:0 30px 140px #000b;font-family:Arial,'Microsoft YaHei',sans-serif}.xr-dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.xr-dialog-head{display:flex;justify-content:space-between;align-items:center}.xr-dialog-head small{font:10px Arial;letter-spacing:2px;color:#c7ad7d}.xr-dialog h2{margin:8px 0;font-size:26px}.xr-close{font-size:28px;background:none;border:0;color:#c4bba9}.xr-note{font-size:12px;line-height:1.7;color:#bcb4a5;background:#ffffff07;border-radius:8px;padding:12px}.xr-fields-head{display:grid;grid-template-columns:95px 1fr 48px;color:#a79e8c;font-size:11px;padding:15px 0 8px}.xr-edit-row{display:grid;grid-template-columns:80px 1fr 42px;gap:15px;padding:15px 0;border-bottom:1px solid #ffffff12;align-items:center}.xr-upload{cursor:pointer;position:relative;text-align:center;color:#ddc698;font-size:10px}.xr-upload .xr-avatar{width:54px;height:54px;margin:0 auto 6px}.xr-upload input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.xr-edit-fields{display:flex;gap:10px}.xr-edit-fields label{display:grid;gap:6px;font-size:10px;color:#b7ad9b;min-width:0;flex:1}.xr-edit-fields input{width:100%;padding:10px;background:#25212c;border:1px solid #665b44;border-radius:6px;color:#fff;font-size:13px}.xr-order{display:grid;gap:5px}.xr-order button{border:1px solid #625541;border-radius:5px;background:#2d2630;color:#fbe5b9}.xr-order button:disabled{opacity:.25;cursor:default}.xr-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.xr-dialog-actions button{padding:11px 23px;border:1px solid #685d4b;border-radius:7px;background:transparent;color:#d5c7b1}.xr-dialog-actions .xr-save{background:#f4d287;color:#251b0b;font-weight:700;border-color:#f4d287}.xr-toast{position:fixed;z-index:9999;bottom:28px;left:50%;transform:translate(-50%,10px);padding:14px 24px;border:1px solid #756b56;border-radius:12px;background:#211c26f5;color:#fff0ce;font:13px 'Microsoft YaHei',sans-serif;max-width:90vw;opacity:0;pointer-events:none;transition:.2s}.xr-toast.visible{opacity:1;transform:translate(-50%,0)}@media(max-width:500px){.xr-dialog{padding:18px}.xr-edit-fields{flex-direction:column}.xr-edit-row{grid-template-columns:65px 1fr 32px;gap:10px}.xr-fields-head{grid-template-columns:75px 1fr 32px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}
/* Application forms */
.xr-password-dialog{max-width:560px}#editor-form .xr-edit-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#editor-form .xr-edit-fields label:first-child{grid-area:1/1}#editor-form .xr-edit-fields label:nth-child(2){grid-area:2/1/3/3}#editor-form .xr-edit-fields label:last-child{grid-area:1/2}@media(max-width:500px){#editor-form .xr-edit-fields{grid-template-columns:minmax(0,1fr)}#editor-form .xr-edit-fields label:first-child,#editor-form .xr-edit-fields label:nth-child(2),#editor-form .xr-edit-fields label:last-child{grid-area:auto}#editor-form .xr-dialog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#editor-form .xr-dialog-actions button{margin:0;width:100%;font-size:12px}.xr-password-dialog h2{font-size:23px}}
.xr-form-message{color:#efc78a;font-size:12px;line-height:1.7;min-height:20px;margin:15px 0 0}.xr-login-label,.xr-link-label{display:grid;gap:10px;font-size:12px;color:#cebb98;margin:23px 0 10px}.xr-login-label input,.xr-link-label input{width:100%;background:#25212c;border:1px solid #665b44;border-radius:7px;padding:13px;color:#fff;font-size:16px}.xr-dialog .xr-edit-fields{flex-wrap:wrap}.xr-edit-fields label:first-child{flex-basis:40%}.xr-edit-fields label:last-child{flex-basis:100%}.xr-dialog .xr-logout{margin-right:auto;color:#a49a8d;border-color:transparent;padding-left:0}.xr-reload{margin-top:10px;color:#eed99d;background:#35291a;border:1px solid #7b623b;border-radius:5px;padding:8px 12px;font-size:12px}.xr-dialog button:disabled{cursor:wait;opacity:.55}.xr-order button:disabled{cursor:default}.xr-dialog-actions{position:sticky;bottom:-24px;padding:17px 0 0;background:#17151c}.xr-share-dialog{max-width:560px}.xr-dialog .xr-edit-row{padding-top:13px;padding-bottom:13px}.xr-dialog .xr-upload input:focus-visible{outline:0}.xr-upload:focus-within{outline:2px solid #80dcff;outline-offset:3px}.rank-person h3{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:500px){.xr-dialog .xr-edit-fields{gap:7px}.xr-edit-fields label:first-child,.xr-edit-fields label:last-child{flex-basis:auto}.xr-dialog-actions{bottom:-18px;gap:7px}.xr-dialog-actions button{padding:10px 13px}.xr-form-message{font-size:11px}}

/* The sharing panel is independent of the one-screen leaderboard layout. */
#share-dialog {
  max-width: 580px;
  max-height: calc(100dvh - 32px);
  overflow: auto;
  overscroll-behavior: contain;
  background-image: radial-gradient(ellipse at 100% 0, #c89b3720, transparent 62%);
  box-shadow: 0 28px 100px #000c, 0 0 42px #bc8e2312, inset 0 1px #f8d7851f;
}
#share-dialog .xr-dialog-head { gap: 12px; }
#share-dialog h2 { font-size: 27px; letter-spacing: 1px; }
#share-dialog .xr-close { min-width: 36px; min-height: 40px; border-radius: 6px; }
#share-dialog .xr-close:hover { background: #d9b4680d; color: #ffe6a8; }
.xr-share-intro { margin: 10px 0 16px; color: #bcac8c; font-size: 13px; line-height: 1.7; }
.xr-share-guide {
  padding: 14px 16px;
  border: 1px solid #a280422f;
  border-left: 3px solid #c7a35a;
  border-radius: 8px;
  background: linear-gradient(115deg, #d9b25a12, #c59b4b04);
}
.xr-share-guide strong { color: #f2d591; font-size: 14px; line-height: 1.6; }
.xr-share-guide p { margin: 5px 0 0; color: #c7b895; font-size: 12px; line-height: 1.7; }
#share-dialog .xr-share-primary {
  display: block;
  width: 100%;
  min-height: 46px;
  margin: 16px 0 0;
  padding: 12px 18px;
  border: 1px solid #f5d88e;
  border-radius: 7px;
  background: linear-gradient(110deg, #eac26a, #ffe5a2 50%, #e7bd62);
  box-shadow: 0 4px 20px #d6aa3d18, inset 0 1px #fff2c0;
  color: #35240d;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1px;
}
#share-dialog .xr-share-primary:hover { filter: brightness(1.07); }
#share-dialog [hidden] { display: none !important; }
.xr-share-tools { display: grid; grid-template-columns: 164px minmax(0, 1fr); gap: 24px; align-items: center; margin-top: 22px; padding-top: 20px; border-top: 1px solid #ab874b30; }
.xr-share-qr-wrap { text-align: center; min-width: 0; }
#share-qr { display: block; width: 164px; height: 164px; max-width: 100%; object-fit: contain; background: #fff; border: 8px solid #fff; border-radius: 7px; box-shadow: 0 0 0 1px #d0af6638; image-rendering: pixelated; }
.xr-share-qr-caption { margin: 10px 0 0; color: #c7b48d; font-size: 11px; line-height: 1.6; }
.xr-share-link-wrap { min-width: 0; }
#share-dialog .xr-link-label { margin: 0 0 10px; gap: 8px; color: #d7bf8c; font-size: 12px; }
#share-dialog .xr-link-label input { min-width: 0; padding: 11px 10px; border-radius: 6px; font-size: 12px; text-overflow: ellipsis; }
#share-dialog .xr-ghost { min-height: 42px; padding: 10px 18px; border: 1px solid #99783e; border-radius: 6px; background: #b88b2e0c; color: #f2d18d; font-size: 13px; }
#share-dialog .xr-ghost:hover { background: #d4a95019; border-color: #d8b36a; }
.xr-share-link-wrap > small { display: block; margin-top: 10px; color: #a79575; font-size: 11px; line-height: 1.6; }
.xr-share-secondary { display: flex; flex-wrap: wrap; gap: 8px; }
@media (max-width: 480px) {
  #share-dialog { width: calc(100% - 24px); max-height: calc(100dvh - 24px); padding: 18px; }
  #share-dialog h2 { font-size: 24px; }
  .xr-share-intro { margin: 8px 0 13px; font-size: 12px; }
  .xr-share-guide { padding: 12px; }
  .xr-share-guide strong { font-size: 13px; }
  .xr-share-guide p { font-size: 12px; }
  #share-dialog .xr-share-primary { margin-top: 14px; font-size: 14px; }
  .xr-share-tools { grid-template-columns: 128px minmax(0, 1fr); gap: 16px; margin-top: 18px; padding-top: 18px; }
  #share-qr { width: 128px; height: 128px; border-width: 6px; }
  .xr-share-qr-caption { margin-top: 8px; font-size: 10px; }
  #share-dialog .xr-link-label input { padding: 10px 8px; font-size: 11px; }
  #share-dialog .xr-ghost { width: 100%; padding: 10px; }
}
@media (max-width: 340px) {
  .xr-share-tools { grid-template-columns: 104px minmax(0, 1fr); gap: 12px; }
  #share-qr { width: 104px; height: 104px; border-width: 5px; }
}