.profile-badge{position:fixed;top:max(10px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:1000;display:grid;gap:4px;width:max-content;max-width:min(240px,48vw);padding:8px 11px;background:#112333f2;border:1px solid #d3b861;border-radius:15px;box-shadow:0 3px 14px #0005;color:#fff;font:13px/1.35 system-ui,sans-serif;box-sizing:border-box;isolation:isolate}.coin-identity{display:flex;align-items:center;gap:7px;text-decoration:none;color:#fff;min-width:0}.coin-avatar{display:inline-grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:50%;object-fit:cover;background:#53746e;color:#fff;font-weight:bold}.coin-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.coin-wallet{display:flex;gap:7px;align-items:center;justify-content:flex-end}.coin-balance{font-size:20px;font-variant-numeric:tabular-nums;color:#ffe385}.gold-coin{display:inline-grid;place-items:center;box-sizing:border-box;width:25px;height:25px;border-radius:50%;border:2px solid #ffeb9a;outline:1px solid #a96b08;background:radial-gradient(circle at 32% 26%,#fff2aa,#ffd34b 48%,#d58a06 82%);box-shadow:inset 0 0 0 2px #cb880d,0 2px 3px #0005;color:#b5780b;font:17px/1 system-ui;text-shadow:0 1px #fff4b0}.profile-badge .coin-sound{width:28px;min-width:0;padding:3px;margin:0;border:1px solid #657575;border-radius:6px;background:#223d4b;color:#fff;font:12px/1.4 system-ui;cursor:pointer}.coin-reward-layer{position:fixed;inset:0;z-index:1100;pointer-events:none;overflow:hidden}.coin-earned{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);max-width:85vw;padding:12px 24px;border:1px solid #ffde75;border-radius:30px;background:#162737f2;color:#ffe185;text-align:center;font:700 18px/1.5 system-ui;box-shadow:0 5px 25px #0005}.flying-coin{position:absolute;left:calc(50% - 15px);top:calc(50% - 15px);width:30px;height:30px;font-size:20px;will-change:transform,opacity}body:has(.profile-badge) main>header{padding-right:min(250px,49vw);min-height:106px}body:has(.profile-badge) .hub>header{padding-right:min(250px,49vw)}.profile-badge~*{box-sizing:border-box}@media(max-width:600px){.profile-badge{top:max(5px,env(safe-area-inset-top));right:5px;padding:6px 8px;gap:3px;max-width:46vw;font-size:11px}.coin-avatar{width:24px;height:24px}.coin-balance{font-size:18px}.coin-earned{font-size:15px;padding:10px 18px}body:has(.profile-badge) main>header{flex-wrap:wrap;gap:8px}}
body.immersive .profile-badge{max-width:min(240px,calc(100vw - 212px))}@media(max-width:400px){body.immersive .coin-sound{display:none}body.immersive .coin-wallet{gap:5px}body.immersive .coin-wallet .gold-coin{width:20px;height:20px;font-size:13px}body.immersive .coin-balance{font-size:16px}}

.profile-disclosure summary {cursor:pointer;list-style:none}
.profile-disclosure summary::-webkit-details-marker {display:none}
.profile-disclosure summary::after {content:"";width:6px;height:6px;flex:none;border:solid currentColor;border-width:0 1px 1px 0;transform:rotate(45deg);margin:0 2px 3px 0}
.profile-disclosure[open] summary::after {transform:rotate(225deg);margin-bottom:0}
.profile-links {
  position:absolute;
  top:calc(100% + 4px);
  right:0;
  min-width:max-content;
  padding:5px;
  border:1px solid #d3b861;
  border-radius:10px;
  background:#112333;
  text-align:left;
}
.profile-links :is(a,button) {
  display:block;
  width:100%;
  padding:9px 12px;
  border:0;
  border-radius:5px;
  background:transparent;
  color:inherit;
  font:inherit;
  text-align:left;
  text-decoration:none;
  cursor:pointer;
}
.profile-links :is(a,button):is(:hover,:focus-visible) {background:#223d4b}
.profile-menu-status {max-width:180px;color:#ffcfbd;padding-inline:12px}
.profile-menu-status:empty {padding:0}