.player-notification-bell{color:#d6bf8d;background:#0a1a1e;border:1px solid #96744166;border-radius:5px;flex:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex;position:relative}.player-notification-bell:hover{color:#ffe6ae;border-color:#c59b54}.player-notification-bell.has-unread{border-color:#b58a46;box-shadow:0 0 12px #e2b95722}.player-notification-bell b{color:#102124;min-width:19px;height:19px;font:700 11px/1 var(--body);background:#d5ad64;border-radius:20px;place-items:center;padding:0 4px;display:grid;position:absolute;top:-5px;right:-6px}.notification-page-header{background:#06171aec;border-bottom:1px solid #91723e;justify-content:space-between;align-items:center;gap:24px;padding:18px clamp(16px,4vw,70px);display:flex}.notification-page-header nav{color:#d4c7aa;justify-content:flex-end;align-items:center;gap:20px;min-width:0;display:flex}.notification-page-header nav>span{overflow-wrap:anywhere}.notification-page{background:#0a1a1eee;width:min(920px,100% - 32px);min-width:0;margin:36px auto;padding:32px}.notification-page h1{margin:12px 0 16px;font-size:42px}.notification-private{color:#aebcb5;font-size:14px;line-height:1.6}.notification-page-tools{color:#c7b68e;justify-content:space-between;align-items:center;gap:16px;margin:24px 0;display:flex}.notification-page .outline-button,.notification-page .text-button{white-space:normal;min-height:44px;line-height:1.4}.notification-card{overflow-wrap:anywhere;background:#0e2428;border:1px solid #735d39;border-radius:6px;min-width:0;margin-top:18px;padding:24px}.notification-card.is-unread{background:#122b2e;border-left:3px solid #d5ad64}.notification-card.is-read{border-color:#566665}.notification-card-meta{color:#d3bb8c;justify-content:space-between;align-items:center;gap:15px;font-size:12px;display:flex}.notification-read-state{background:#cdb46d16;border-radius:4px;flex:none;padding:4px 8px}.notification-card.is-read .notification-read-state{color:#a3b6ad;background:#90b0a00c}.notification-card h2{color:#efd6a1;margin:15px 0 10px;font-size:26px}.notification-card time{color:#9faea8;font-size:12px}.notification-message{white-space:pre-wrap;margin:18px 0;line-height:1.7}.notification-achievement-note{color:#bdc8b9;font-size:13px;line-height:1.65}.notification-actions{flex-wrap:wrap;align-items:center;gap:15px;margin-top:20px;display:flex}.notification-actions>a{text-align:center;justify-content:center;align-items:center;display:inline-flex}.notifications-more{margin:26px auto 0;display:block}.notifications-empty{text-align:center;color:#c5b78f;padding:48px 10px}.notifications-empty svg{margin:auto}.notifications-empty h2{color:#edcf91}.notifications-empty p{color:#b7c2bc;line-height:1.6}.submission-withdraw{background:#10282b;border:1px solid #897243;border-radius:4px;margin:20px 0;padding:16px}.submission-withdraw p,.submission-withdraw small{line-height:1.6}.submission-withdraw .outline-button{min-height:44px;margin-top:10px}.withdraw-confirmation{margin-top:12px}.withdraw-confirmation>div{flex-wrap:wrap;gap:12px;display:flex}.withdraw-confirmation button{min-height:44px}.admin-comments{border-top:1px solid #89724366;margin:24px 0;padding-top:20px}.admin-comment{background:#18313266;border-left:2px solid #b09562;margin:13px 0;padding:9px 14px}.admin-comment p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0;line-height:1.65}.admin-comment small{color:#afbdb5}.admin-comments label{color:#d0bf99;margin:18px 0 8px;display:block}.admin-comments .outline-button{min-height:44px;margin-top:12px}@media (max-width:700px){.notification-page-header{flex-wrap:wrap;gap:12px;padding:12px 16px}.notification-page-header .brand{font-size:22px}.notification-page-header nav{justify-content:space-between;gap:12px;width:100%;font-size:13px}.notification-page-header nav>span{text-align:right}.notification-page{margin-top:20px;padding:20px 16px}.notification-page h1{font-size:34px}.notification-card{padding:18px 14px}.notification-card-meta{align-items:flex-start;font-size:11px}.notification-card h2{font-size:24px}.notification-actions{flex-direction:column;align-items:stretch;gap:8px}.notification-page .text-button{text-align:center}.admin-comments textarea{font-size:16px}}@media (max-width:560px){.topbar:has(.admin-inbox) .brand span{white-space:normal;max-width:86px;font-size:16px;line-height:1.1}}@media (max-width:380px){.topbar:has(.admin-inbox) .brand span{max-width:72px;font-size:15px}}
