.hub-page{max-width:1250px;margin:24px auto;padding:24px;color:#edf2ff}.hub-heading{display:grid;gap:14px;margin-bottom:24px}.hub-heading>button{justify-self:start}.hub-heading h1{font-size:clamp(2rem,4vw,3.6rem);margin:0}.hub-page button,.hub-link{border:1px solid #7772aa;border-radius:12px;padding:12px 18px;background:#413c73;color:#fff;font:inherit;font-weight:700;cursor:pointer;display:inline-block;text-decoration:none}.hub-page button:disabled{opacity:.6;cursor:default}.hub-page input,.hub-page select,.hub-page textarea{background:#0c1629;color:white;border:1px solid #5f6586;border-radius:10px;padding:12px;font:inherit;max-width:100%}.hub-page label{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:16px 0}.hub-page textarea{min-height:90px;width:100%}.hub-hero{padding:clamp(20px,4vw,44px);border:1px solid #56537a;border-radius:24px;background:linear-gradient(125deg,#1d2d49,#292039);margin-bottom:24px}.hub-hero p{line-height:1.7;color:#cbd6ec;max-width:800px}.hub-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:18px 0}.hub-draft{display:grid;grid-template-columns:minmax(240px,.8fr) 1.2fr;gap:24px}.hub-character{text-align:center;position:sticky;top:20px;align-self:start;background:#15223b;border-radius:24px;padding:24px}.hub-portrait{width:100%;height:230px;object-fit:contain;border-radius:16px;background:#0b1222}.hub-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hub-board button{display:flex;flex-direction:column;text-align:left;gap:7px;min-height:96px}.hub-board button:disabled{opacity:1;background:#172239;border-color:#394661}.hub-board span{font-size:.75rem;text-transform:uppercase;color:#8bf0d4}.hub-board small{font-weight:400;color:#b8c9df}.hub-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.hub-pool{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px;max-height:470px;overflow:auto;padding:5px}.hub-pool button{padding:10px;display:flex;flex-direction:column;gap:6px}.hub-pool .hub-portrait{height:95px}.hub-pool button.selected{outline:3px solid #7bf3cf}.hub-guess{text-align:center}.hub-guess .hub-portrait{max-width:350px;height:300px}.hub-guess-picture{display:flex;align-items:center;justify-content:center;width:min(100%,350px);min-height:300px;margin:18px auto;overflow:hidden;border-radius:16px;background:#e5e9f2}.hub-guess-picture .hub-portrait{display:block;background:transparent;border-radius:0}.hub-guess .hub-clue-0{filter:blur(10px) grayscale(.7)}.hub-guess .hub-clue-1{filter:blur(7px) grayscale(.5)}.hub-guess .hub-clue-2{filter:blur(4px) grayscale(.3)}.hub-guess .hub-clue-3{filter:blur(2px)}.hub-guess .hub-clue-4{filter:none}.hub-history{padding:18px;margin:14px 0;background:#17243b;border-radius:16px}.hub-page pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto;background:#101b30;padding:16px;border-radius:14px}.hub-announcement{margin:20px 0;padding:clamp(22px,4vw,46px);border:1px solid #8f75d6;border-radius:24px;background:radial-gradient(ellipse at right top,#603a89,transparent 70%),linear-gradient(110deg,#102f47,#202640);color:#fff}.hub-announcement h2{font-size:clamp(1.8rem,3vw,2.7rem);margin:12px 0}.hub-announcement p{max-width:720px;line-height:1.6}.hub-announcement button{padding:12px 18px;border-radius:10px;margin:8px 8px 0 0;font:inherit;font-weight:bold;background:#c4b0ff;color:#17122c;border:0;cursor:pointer}.hub-news{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.hub-news span{padding:8px 12px;border-radius:8px;background:#ffffff0d;font-size:.85rem}.hub-tools{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.hub-tools button{font:inherit;padding:7px 11px;border-radius:8px;background:#24334d;color:white;border:1px solid #586685}.hub-stream #draft-page .draft-header,.hub-stream #draft-page .filter-section,.hub-stream .dd-premium-open,.hub-stream #open-account-btn{display:none!important}.hub-stream .slot-box{font-size:1.2rem}.hub-stream-exit{position:fixed;right:12px;bottom:12px;z-index:100000}.hub-qr{background:white;padding:16px;max-width:240px}.hub-name-gold{color:#ffda77!important}.hub-name-aqua{color:#79f0e2!important}.hub-frame-orbit{outline:1px solid #ad9cec;outline-offset:4px;border-radius:20px}.hub-frame-crown::before{content:'♛ ';color:#ffda77}.hub-frame-prism{border-bottom:2px solid #8ee8e8}.hub-page [data-replacements]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hub-page [data-replacements] h2{font-size:1.1rem}body[data-hub-theme=ocean] #draft-page{background:linear-gradient(135deg,#062e40,#101d35)}body[data-hub-theme=ember] #draft-page{background:linear-gradient(135deg,#382124,#1b1733)}@media(max-width:750px){.hub-draft,.hub-columns{grid-template-columns:1fr}.hub-character{position:static}.hub-page{padding:12px}.hub-board{grid-template-columns:1fr 1fr}.hub-page [data-replacements]{grid-template-columns:1fr}}
.hub-stream .popup-background,.hub-stream .ddor-type-tabs,.hub-stream .ddor-status-row,.hub-stream #online-page>.hub-tools,.hub-stream #draft-page>.hub-tools,.hub-stream #character-battles-page>.hub-tools{display:none!important}
.hub-stream #draft-page>.topbar,.hub-stream #character-battles-page>.topbar,.hub-stream #online-page .toolbar{display:none!important}
#hub-main-announcement{width:100%;box-sizing:border-box}
.hub-stream-exit button{background:#282249;border:1px solid #aa94ef;border-radius:12px;color:white;padding:12px;font-weight:bold;cursor:pointer}
.hub-page .hub-body>[data-status]{color:#f0c36a}
.dd-premium-name.hub-name-gold,.dd-premium-name.hub-name-gold .dd-forum-author,.dd-premium-name.hub-name-gold .dd-forum-comment-author,.dd-premium-name.hub-name-gold .ddor-staff-name{color:#ffda77!important}
.dd-premium-name.hub-name-aqua,.dd-premium-name.hub-name-aqua .dd-forum-author,.dd-premium-name.hub-name-aqua .dd-forum-comment-author,.dd-premium-name.hub-name-aqua .ddor-staff-name{color:#79f0e2!important}
.hub-frame-prism{border:2px solid #8ee8e8;border-radius:9px;padding:2px 6px}.hub-frame-crown{border:1px solid #ffda7755;border-radius:8px;padding:2px 6px}.hub-style-preview{padding:30px;border-radius:18px;background:#122a3f;text-align:center;max-width:350px}
.hub-style-preview .hub-avatar{display:block;width:72px;height:72px;margin:0 auto 20px;background:#334575;border-radius:50%;font-size:2.4rem;line-height:72px;color:white}

.tourney-bracket{display:flex;gap:18px;overflow:auto;padding:18px 0}.tourney-bracket>section{flex:1;min-width:230px}.tourney-current{outline:2px solid #82ead3}.tourney-bracket p{font-size:.85rem;line-height:1.6}.hub-page dialog{max-height:85vh;overflow:auto}