body.account-open { overflow-y: auto; }
dialog.account-dialog { position: fixed; inset: 0; width: 100vw !important; max-width: none !important; height: 100dvh; max-height: none !important; margin: 0; border: 0; border-radius: 0; padding: 0; overflow: auto; background: #151515; }
.account-dialog::backdrop { background: #151515; }
.account-dialog .close { position: fixed; z-index: 3; top: 18px; right: clamp(18px, 4vw, 54px); }
.account-dialog #modal-content { width: 100%; max-width: none; min-height: 100dvh; margin: 0; }
.account-workspace { display: flex; min-height: min(710px, calc(100dvh - 230px)); flex-direction: column; margin-top: 22px; border: 1px solid #4a4a4a; background: #181818; }
.account-hero { display: flex; align-items: center; gap: 18px; padding: clamp(20px, 3vw, 36px); border-bottom: 1px solid #4a4a4a; background: linear-gradient(120deg, #1c1c1c, #292620); }
.account-avatar { display: grid; width: 40px; height: 40px; flex: 0 0 auto; place-items: center; overflow: hidden; border: 1px solid #f2bc35; border-radius: 50%; color: #f2bc35; font: 800 .8rem/1 var(--mono, monospace); }
.account-avatar img { width: 100%; height: 100%; object-fit: cover; }
.account-avatar-large { width: clamp(76px, 9vw, 112px); height: clamp(76px, 9vw, 112px); font-size: 1.5rem; }
.account-hero p { margin: 0 0 5px; color: #f2bc35; font: 700 .68rem/1 var(--mono, monospace); letter-spacing: .12em; }
.account-hero h3 { margin: 0; color: #f5f3eb; font-size: clamp(1.5rem, 3vw, 2.5rem); }
.account-hero span { display: block; max-width: 620px; margin-top: 7px; color: #bcb8ad; }
.account-hero>button { margin-left: auto; border: 1px solid #f2bc35; padding: 10px 13px; background: transparent; color: #f2bc35; font: 700 .7rem/1 var(--mono, monospace); text-transform: uppercase; }
.account-title-badge{display:inline-flex;align-items:center;margin-left:9px;border:1px solid #e8bd48;border-radius:999px;padding:4px 7px;color:#ffd76a;background:#3a2f12;font:800 .62rem/1 var(--mono,monospace);letter-spacing:.08em;vertical-align:middle}.account-title-badge.brand-pass{border-color:#62c5f4;color:#d9f4ff;background:#123148}
.my-story-page{max-width:880px;margin-inline:auto}.my-story-form{display:grid;gap:14px}.my-story-form textarea{min-height:220px;resize:vertical}.my-story-links{display:grid;gap:8px;padding:14px;border:1px solid #4f5967;background:#10151b}.my-story-links b{color:#f3cf58}.my-story-links small{color:#aab3c2}.my-story-link-row{display:grid;grid-template-columns:minmax(120px,.45fr) minmax(0,1fr);gap:8px}.my-story-form input,.my-story-form textarea{width:100%;box-sizing:border-box}@media(max-width:580px){.my-story-link-row{grid-template-columns:1fr}}
.profile-story-preview{margin-top:18px;padding-top:14px;border-top:1px solid #57482a}.profile-story-preview h4{margin:0 0 8px;color:#f3cf58;font:800 .68rem/1 var(--mono,monospace);letter-spacing:.1em;text-transform:uppercase}.profile-story-preview p{margin:0 0 10px;white-space:pre-wrap;color:#d4d8df;line-height:1.5}.profile-story-preview div{display:flex;flex-wrap:wrap;gap:7px}.profile-story-preview a{border:1px solid #55738c;padding:5px 7px;color:#c7ebff;font:700 .68rem/1 var(--mono,monospace);text-decoration:none}
.account-dialog .account-stats { max-width: none; }
.account-columns { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); flex: 1; min-height: 0; }
.account-columns>section { display: flex; min-width: 0; min-height: 280px; flex-direction: column; border-right: 1px solid #4a4a4a; }
.account-columns>section:last-child { border-right: 0; }
.account-columns h3 { margin: 0; padding: 14px; border-bottom: 1px solid #4a4a4a; color: #f5f3eb; font: 700 .72rem/1 var(--mono, monospace); letter-spacing: .08em; text-transform: uppercase; }
.account-columns h3 small { color: #f2bc35; }
.account-scroll { min-height: 0; flex: 1; overflow: visible; }
.connection-row { display: flex; align-items: center; gap: 9px; border-width: 0 0 1px; padding: 10px; }
.connection-row b, .connection-row small { display: block; }
.connection-row small, .suggested-account small { color: #aaa69c; font-size: .7rem; }
.connection-avatar { display:grid; width:30px; height:30px; min-width:30px; flex:0 0 30px; place-items:center; overflow:hidden; border:1px solid #6b7480; border-radius:50%; background:#15191e; color:#f3cf58; font:.65rem/1 var(--mono,monospace); }
.connection-avatar img { width:100%; height:100%; object-fit:cover; }
.suggested-account { display: grid; min-width:0; grid-template-columns:30px minmax(0, 1fr) auto; align-items: center; gap: 9px; padding: 10px; border-bottom: 1px solid #383838; }
.suggested-account strong, .suggested-account small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.suggested-account button { justify-self:end; border: 1px solid #f2bc35; padding: 6px 8px; background: transparent; color: #f2bc35; font: 700 .65rem/1 var(--mono, monospace); white-space:nowrap; }
.account-dialog .account-post { display: flex; width: 100%; justify-content: space-between; border: 0; border-bottom: 1px solid #383838; padding: 12px; background: transparent; color: #e7e4da; text-align: left; }
.account-dialog .account-post span { color: #f2bc35; }
.account-actions { display: flex; gap: 10px; padding: 14px; border-top: 1px solid #4a4a4a; }
.account-actions button { border: 1px solid #555; padding: 10px 12px; background: #242424; color: #f5f3eb; font: 700 .7rem/1 var(--mono, monospace); text-transform: uppercase; }
.account-actions button:last-child { margin-left: auto; }
.profile-upload { color: #ddd; font-size: .8rem; }
.profile-upload input { display: block; width: 100%; margin-top: 7px; }
@media (max-width: 850px) { .account-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); } .account-columns>section:nth-child(2) { border-right: 0; } .account-columns>section:nth-child(-n+2) { border-bottom: 1px solid #4a4a4a; } }
@media (max-width: 560px) { dialog.account-dialog { padding: 0 0 env(safe-area-inset-bottom); } .account-dialog .close { top: 14px; right: 16px; } .account-hero { align-items: flex-start; flex-wrap: wrap; } .account-hero>button { margin-left: 0; } .account-columns { grid-template-columns: 1fr; } .account-columns>section { min-height: 210px; border-right: 0; border-bottom: 1px solid #4a4a4a; } .account-actions { flex-wrap: wrap; } .account-actions button:last-child { margin-left: 0; } }

.listing-management{display:grid;gap:18px;margin:24px 0;border:1px solid #454545;padding:clamp(16px,2vw,28px);background:#131415}.listing-management>header{display:flex;align-items:center;justify-content:space-between;gap:16px}.listing-management p{margin:0;color:#f3cf58;font:800 .62rem/1 "DM Mono",monospace;letter-spacing:.1em}.listing-management h4,.listing-management h5{margin:6px 0 0;color:#f5f2e9;font:800 1rem/1.2 "DM Sans",sans-serif}.listing-management h5{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.listing-management h5 small{color:#f3cf58}.listing-management>header>button,.managed-listing-card footer button{border:1px solid #626262;padding:9px 11px;background:#222426;color:#e9e6dc;font:800 .64rem/1 "DM Mono",monospace;text-transform:uppercase;cursor:pointer}.listing-management>header>button{border-color:#f3cf58;color:#f3cf58}.managed-listing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;margin-top:9px}.managed-listing-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;border:1px solid #3e4144;padding:10px;background:#1a1c1e}.managed-listing-card.is-archived{border-color:#765f36;background:#1d1b16}.managed-listing-card>img{width:72px;height:72px;object-fit:contain;background:#090a0b}.managed-listing-card>div{display:grid;align-content:start;gap:5px;min-width:0}.managed-listing-card small{color:#9ba7b8;font:700 .57rem/1.2 "DM Mono",monospace}.managed-listing-card.is-archived small{color:#e3bf66}.managed-listing-card b{overflow:hidden;color:#f3f0e8;font:800 .8rem/1.25 "DM Sans",sans-serif;text-overflow:ellipsis;white-space:nowrap}.managed-listing-card span{color:#b7b4ac;font:.66rem/1.35 "DM Mono",monospace}.managed-listing-card footer{display:flex;grid-column:1/-1;flex-wrap:wrap;gap:6px;padding-top:8px;border-top:1px solid #36383a}.managed-listing-card footer button{flex:1 1 auto;padding:7px}.managed-listing-card footer .listing-delete{border-color:#9b5656;color:#f2aeae}.managed-listing-card footer button:hover,.managed-listing-card footer button:focus-visible{border-color:#f3cf58;color:#f3cf58;outline:0}@media(max-width:520px){.listing-management>header{align-items:flex-start;flex-direction:column}.listing-management>header>button{width:100%}.managed-listing-grid{grid-template-columns:1fr}}

.account-purchases{display:grid;gap:12px;margin:24px 0;border:1px solid #48605a;padding:clamp(16px,2vw,28px);background:linear-gradient(135deg,#101816,#111315)}.account-purchases>header{display:flex;align-items:center;justify-content:space-between;gap:14px}.account-purchases p{margin:0;color:#8ee1ab;font:800 .62rem/1 "DM Mono",monospace;letter-spacing:.1em}.account-purchases h4{margin:6px 0 0;color:#f5f2e9;font:800 1rem/1.2 "DM Sans",sans-serif}.account-purchases h4 small{color:#8ee1ab}.account-purchases>header>button{border:1px solid #72bd91;padding:9px 11px;background:#13251d;color:#c5f5d5;font:800 .64rem/1 "DM Mono",monospace;text-transform:uppercase;cursor:pointer}.account-purchase-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:9px}.account-purchase-card{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #38504a;padding:9px;background:#111817;color:#e9eee9;text-align:left;cursor:pointer}.account-purchase-card>img{width:54px;height:54px;object-fit:contain;background:#090b0a}.account-purchase-card>span{display:grid;gap:4px;min-width:0}.account-purchase-card small{color:#92dbaa;font:800 .57rem/1 "DM Mono",monospace;text-transform:uppercase}.account-purchase-card b{overflow:hidden;color:#f5f2e9;font:800 .78rem/1.25 "DM Sans",sans-serif;text-overflow:ellipsis;white-space:nowrap}.account-purchase-card em{overflow:hidden;color:#aebbb4;font:.62rem/1.2 "DM Mono",monospace;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.account-purchase-card strong{justify-self:end;color:#8ee1ab;font:800 .74rem/1 "DM Mono",monospace}.account-purchase-card i{grid-column:2/-1;justify-self:end;color:#d7efde;font:700 .6rem/1 "DM Mono",monospace;font-style:normal}.account-purchase-card:hover,.account-purchase-card:focus-visible{border-color:#8ee1ab;outline:0}@media(max-width:520px){.account-purchases>header{align-items:flex-start;flex-direction:column}.account-purchases>header>button{width:100%}.account-purchase-list{grid-template-columns:1fr}}

.listing-performance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;grid-column:1/-1;padding:9px 0;border-top:1px solid #35383c}.listing-performance span{display:grid;gap:3px;color:#9ca5aa;font:700 .53rem/1.1 "DM Mono",monospace;text-transform:uppercase}.listing-performance b{color:#e9e4d7;font-size:.76rem}.listing-promotion-status{color:#9de4b8!important}.listing-ad-center,.listing-statistics-modal{display:grid;gap:16px}.listing-ad-center header{padding:13px;border:1px solid #46564a;background:#0e1711}.listing-ad-current{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #a8883e;padding:12px;background:#201b0e}.listing-ad-current b{color:#f3cf58}.listing-ad-current span{color:#d9d2bd;font:.78rem "DM Mono",monospace}.listing-ad-current button,.listing-statistics-modal>button{border:1px solid #f3cf58;padding:9px 12px;background:#161616;color:#f3cf58;font:800 .65rem/1 "DM Mono",monospace;text-transform:uppercase;cursor:pointer}.listing-statistics-modal>dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}.listing-statistics-modal>dl div{padding:12px;border:1px solid #404347;background:#151719}.listing-statistics-modal dt{color:#aab1b5;font:.6rem "DM Mono",monospace;text-transform:uppercase}.listing-statistics-modal dd{margin:7px 0 0;color:#f5f1e8;font:800 .9rem "DM Mono",monospace}@media(max-width:520px){.listing-performance{grid-template-columns:repeat(2,1fr)}.listing-ad-current{align-items:flex-start;flex-direction:column}.listing-statistics-modal>dl{grid-template-columns:1fr}}

.listing-voter-groups{display:grid;grid-template-columns:1fr 1fr;gap:10px}.listing-voter-groups>div,.listing-audience-report{display:grid;gap:8px;border:1px solid #3f4448;padding:12px;background:#101214}.listing-voter-groups b,.listing-audience-report>b{color:#f3cf58;font:800 .65rem/1 "DM Mono",monospace;text-transform:uppercase}.listing-voter-groups span,.listing-audience-report div{display:flex;flex-wrap:wrap;gap:6px;color:#aeb5b9;font:.72rem/1.4 "DM Mono",monospace}.listing-voter{border:1px solid #4d555a;padding:5px 7px;background:#1a1d20;color:#dfe6e6;font:700 .65rem/1 "DM Mono",monospace;cursor:pointer}.listing-audience-report p,.listing-audience-report small{margin:0;color:#adb4b4;font-size:.72rem;line-height:1.45}.listing-audience-report div span{border:1px solid #48554e;padding:5px 7px;background:#101914;color:#bde4c8}@media(max-width:520px){.listing-voter-groups{grid-template-columns:1fr}}

.listing-ad-page{width:min(960px,100%);margin:0 auto 72px;padding:clamp(18px,3vw,36px);border:1px solid #7a633d;background:#0b1116e8;box-shadow:0 24px 70px #0008}.listing-ad-page+ .account-sailing-game-host{display:none!important}.listing-ad-page>nav{display:flex;justify-content:space-between;gap:10px}.listing-ad-page>nav button{border:1px solid #766345;padding:9px 12px;background:#13181b;color:#f3cf58;font:800 .66rem/1 "DM Mono",monospace;text-transform:uppercase;cursor:pointer}.listing-ad-page .modal-form{max-width:720px;margin:0 auto}.listing-ad-page .listing-performance{margin:4px 0 10px;padding:14px;border:1px solid #46564a;background:#0e1711}@media(max-width:520px){.listing-ad-page{padding:16px}.listing-ad-page>nav{align-items:stretch;flex-direction:column}}
.managed-listing-card footer .listing-promoted-control{display:grid;place-items:center;flex:1 1 auto;border:1px solid #f3cf58;padding:7px;background:#241e0b;color:#f7d75e;font:800 .64rem/1 "DM Mono",monospace;letter-spacing:.06em}
body.app-section-account .app-section-content:has(.listing-ad-page){padding:0!important}body.app-section-account .listing-ad-page{box-sizing:border-box;width:100%;max-width:none;min-height:calc(100dvh - 178px);margin:0;padding:clamp(24px,5vw,72px);border-right:0;border-left:0;background:#091015eb}@media(max-width:520px){body.app-section-account .listing-ad-page{min-height:calc(100dvh - 142px);padding:20px 16px}}