/* Compact account controls, private notifications and community information. */
.header-account{gap:6px;padding:4px;border:0;background:none;box-shadow:none}.header-tools{display:flex;align-items:center;gap:3px}
.header-account .header-icon,.header-account #account-button{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;min-width:40px;height:40px;min-height:40px;padding:9px;border:1px solid transparent;border-radius:11px;background:transparent;color:#d7c9e0;box-shadow:none;transform:none}
.header-account .header-icon:hover,.header-account #account-button:hover{background:#35243d;border-color:#684368;color:#fff;transform:none;box-shadow:none}
.header-icon svg{width:21px;height:21px;flex:none}.header-icon:focus-visible{outline:2px solid #ff9ed7;outline-offset:3px}
.header-icon.is-connected:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#ec9bd0;right:7px;bottom:7px}
.notification-badge{position:absolute;right:0;top:0;min-width:15px;height:15px;padding:0 3px;border-radius:8px;background:#f495c9;color:#241123;font-size:9px;font-weight:800;line-height:15px}
.notification-panel{position:fixed;z-index:90;top:86px;right:max(16px,calc((100vw - 1280px)/2));width:min(405px,calc(100vw - 24px));max-height:calc(100dvh - 105px);overflow:auto;border:1px solid #50324f;border-radius:16px;padding:16px;background:#211729;box-shadow:0 18px 65px #0008;animation:notification-open .18s ease-out}
.notification-panel[hidden]{display:none}.notification-heading{display:flex;align-items:center;justify-content:space-between}.notification-heading h2{margin:0;font-size:18px}.notification-close{border:0;background:none;color:#c6b2ce;font-size:27px;padding:0 5px;line-height:1;cursor:pointer}.notification-tools{display:flex;justify-content:flex-end;margin:5px 0 10px}.notification-tools button,.notification-read{background:none;border:0;color:#eda9d3;font-size:11px;cursor:pointer;padding:5px}
.notification-item{position:relative;margin-top:8px;border:1px solid #493048;border-radius:11px;background:#2c2035;overflow:hidden}.notification-item.read{border-color:#31253c;background:#1b1523}.notification-open{display:flex;gap:12px;width:100%;text-align:left;padding:15px 12px;background:none;color:inherit;border:0;cursor:pointer}.notification-open:hover{background:#ffffff05}.notification-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 36px}.notification-symbol img{width:30px;height:30px}.notification-copy{min-width:0;font-size:12px;line-height:1.65;color:#c4b2cd}.notification-line{display:flex;align-items:start;gap:8px;margin-bottom:5px}.notification-line strong{font-size:13px;color:#f7e9f6}.notification-line time{margin-left:auto;white-space:nowrap;font-size:10px}.notification-copy b{color:#ffc3e7}.notification-read{display:block;margin:-4px 12px 7px auto}.notifications-empty{text-align:center;padding:28px 10px;color:#c3afcd;font-size:13px}.notifications-empty small{display:block;margin-top:9px;color:#93829f}
.member-avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;overflow:hidden;border-radius:50%;background:linear-gradient(145deg,#56364f,#291b36);color:#ffc1e4;border:1px solid #694260;font-weight:800}.member-avatar img{display:block;width:100%;height:100%;object-fit:cover}.member-avatar span{line-height:1}.podium-member{margin:0 auto 8px;width:38px;height:38px}.podium-emblem{margin-bottom:4px}.rank-avatar.member-avatar{width:32px;height:32px;flex-basis:32px}.rank-change{display:block;font-size:10px!important;line-height:1.4;margin-top:4px;color:#94849e}.rank-change.up,.rank-change.new{color:#c5a7fa}.rank-change.down{color:#dd9cb7}.win-item{position:relative}.win-item>.member-avatar{grid-column:1}.win-game-icon{display:none!important}
.ranking-rule-link{display:flex;justify-content:flex-end;margin:10px 0}.participation{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:14px 0;padding:13px 17px;border-radius:10px;background:#20182b;border:1px solid #392a48;font-size:12px}.participation strong{color:#edc5e2}.participation span{color:#af9abd}.participation.duplicate{border-color:#85504f}.past-my-result{margin:20px 0;padding:22px 26px;background:linear-gradient(110deg,#3b2139,#201629);border:1px solid #805775;border-radius:14px}.past-my-result>small{color:#c6a9ce}.past-my-result strong{display:flex;gap:24px;flex-wrap:wrap;font-size:25px;margin-top:10px}.past-my-result strong span{color:#ffbedf}.past-my-result p{font-size:12px;color:#bea6ca;margin:10px 0 0}.past-share-actions{display:flex;justify-content:flex-end;margin:14px 0}
.community-stats{margin:44px 0 20px;padding:26px 0;border-top:1px solid #39283e}.community-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:20px}.community-stat-grid>div{min-width:0}.community-stat-grid small{display:block;font-size:12px;color:#a990b9}.community-stat-grid strong{display:block;font-size:clamp(17px,2vw,25px);margin-top:9px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:#f5d5ed}.operation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.operation-grid>div{padding:16px;border:1px solid #403048;border-radius:10px;min-width:0}.operation-grid small,.operation-grid span{display:block;color:#aa96b7;font-size:11px}.operation-grid strong{display:block;font-size:15px;margin:9px 0;overflow-wrap:anywhere}.duplicate-user{display:block;border:0;background:#34202d;padding:10px 14px;margin:7px 0;border-radius:8px;color:#efb1c8;text-align:left;overflow-wrap:anywhere;max-width:100%}.operations-error{color:#e5aeb9!important;overflow-wrap:anywhere}.admin-user-search label{display:block;font-size:12px;margin-bottom:9px;color:#b7a0c5}.admin-user-search>div{display:flex;gap:10px}.admin-user-search input{flex:1;min-width:0;background:#17111f;color:#f6e8f7;border:1px solid #513854;border-radius:10px;padding:12px}.admin-user{padding:20px 0;border-bottom:1px solid #36273f}.admin-user-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.admin-user-head>span:last-child{margin-left:auto;font-size:12px;color:#e8bcdd}.admin-user-details{display:grid;gap:7px;margin:15px 0;font-size:12px;color:#b7a1c6}.copy-value{border:0;background:none;color:#eac2df;font-size:12px;word-break:break-all;cursor:pointer;padding:3px}.copy-value svg{width:12px;height:12px;vertical-align:middle}.admin-transactions{font-size:11px;line-height:2;color:#b29cbe}.revoke-session{font-size:12px;margin-top:10px}.prize-lock-note{color:#e8b6d9!important}.refresh-setting input{width:100px;max-width:100%;padding:10px;background:#191120;border:1px solid #523850;color:#fff;border-radius:8px}.tournament-rules{padding-left:20px;text-align:left;color:#c8b3d4;line-height:1.8;font-size:13px}.tournament-rules li{margin:9px 0}.share-privacy{display:flex;justify-content:center;gap:9px;align-items:center;font-size:13px;margin:18px 0}#share-canvas{display:block;width:100%;height:auto;border:1px solid #5f3e61;border-radius:12px}
@keyframes notification-open{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(max-width:760px){.notification-panel{top:116px;right:12px;max-height:calc(100dvh - 140px)}.header-account{gap:2px}.header-account .header-icon,.header-account #account-button{width:34px;min-width:34px;height:36px;min-height:36px;flex-basis:34px;padding:7px}.community-stat-grid,.operation-grid{grid-template-columns:repeat(2,1fr)}.community-stat-grid{row-gap:25px}.admin-user-head>span:last-child{margin-left:0;width:100%}.admin-user-search>div{flex-wrap:wrap}.admin-user-search input{width:100%}.participation{gap:7px}.podium-member{width:30px;height:30px}.notification-line{flex-wrap:wrap}.notification-line time{font-size:10px}.notification-open{padding:12px 10px}.notification-symbol{flex-basis:28px}}
@media(prefers-reduced-motion:reduce){.notification-panel{animation:none}}
@media(min-width:761px) and (max-width:1100px){.site-header .header-inner{flex-wrap:nowrap;gap:20px;min-height:80px;padding-block:4px}.site-header .main-nav{order:0;width:auto;height:70px;gap:20px}.site-header .main-nav a{padding:24px 0;font-size:12px}.site-header .header-account{display:flex}.sugar-landing{margin-inline:-16px}}
@media(max-width:760px){
 .site-header .header-inner,.guest-view .site-header .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 8px;min-height:100px;padding:10px 0}
 .site-header .header-inner .brand{grid-column:1;grid-row:1;width:100px;height:35px}
 .site-header .header-account{display:contents}
 .site-header .header-tools{grid-column:2;grid-row:1;justify-content:flex-end;gap:6px}
 .site-header .header-tools #account-button,.site-header .header-tools [data-action=settings]{margin:0;order:0}
 .site-header #mini-wallet{grid-column:2;grid-row:2;margin:0;padding:6px 7px;justify-content:center;gap:0}
 .site-header #mini-wallet>span{font-size:10px;gap:3px}.site-header #mini-wallet img{width:15px;height:15px}.site-header #mini-wallet>span+span{margin-left:6px;padding-left:6px}
 .site-header .header-inner .main-nav,.guest-view .site-header .main-nav{grid-column:1;grid-row:2;display:flex;width:100%;height:35px;min-width:0;gap:11px!important;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;order:0;margin:0}
 .site-header .main-nav a{font-size:10px;padding:9px 0;flex-shrink:0}
 .guest-view .site-header .main-nav{grid-column:1/-1;justify-content:center;gap:26px!important}
 .notification-panel{top:108px;max-height:calc(100dvh - 128px)}
 .past-round-heading{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.past-round-heading h2{font-size:21px}.past-round-heading>strong{font-size:19px;white-space:nowrap}
}