/* Wordzule centered identity and bonus word-history quiz - 2026-10-26 */
.topbar.wz-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;min-height:108px;padding:12px 0;position:relative}
.wz-header-spacer{min-width:0}
.wz-brand{grid-column:2;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;min-width:0;padding:4px 5px;border-radius:12px}
.wz-brand-icon{width:79px;height:79px;object-fit:contain;filter:drop-shadow(0 4px 6px #0005);flex:0 0 auto}
.wz-brand-copy{display:flex;flex-direction:column;gap:3px}
.wz-brand-name{font-family:ui-rounded,'Arial Rounded MT Bold',system-ui,sans-serif;font-weight:1000;font-size:clamp(23px,2.6vw,39px);line-height:.98;letter-spacing:-.045em;color:#fff4d8;text-shadow:0 3px 0 #002037,2px 4px 4px #0009,-1px -1px 0 #ffd17b;-webkit-text-stroke:.35px #f6cb76}
.wz-brand-name b{color:#ffc629;font-weight:1000}
.wz-brand-caption{font-size:9px;font-weight:850;letter-spacing:.24em;text-align:center;color:#a9d3d9}
.wz-header .top-actions{grid-column:3;display:flex;justify-content:flex-end;align-items:center;gap:8px;min-width:0}
.wz-header .top-actions #account-open{display:none!important}
.wz-header .top-actions #nickname-open{display:flex!important;align-items:center;gap:7px;min-width:0;min-height:42px;width:auto;max-width:160px;flex:0 1 160px;padding:7px 10px;border:1px solid #64869a;border-radius:13px;background:#183c4c;color:#f5f2e5;box-shadow:0 3px 9px #0003;font-size:11px;text-transform:none}
.wz-header #nickname-label{min-width:0;flex:1 1 auto;font-size:11px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wz-header #nickname-open .profile-dot,.wz-header #nickname-open .profile-edit{display:inline-flex;flex:0 0 auto}
.wz-header #nickname-open .profile-edit{font-size:14px}
.wz-header #nickname-open:hover{background:#22566a;border-color:#f5c981}
.wz-header #nickname-open:focus-visible{outline:3px solid #ffd486;outline-offset:2px}
.wz-header .clock-date{display:none}
.wz-header .icon-button,.wz-menu-trigger{width:42px;min-width:42px;min-height:42px;border:1px solid #52798c;border-radius:13px;background:#13394c;color:#f0d195;display:grid;place-items:center;box-shadow:0 3px 8px #0002}
.wz-header .icon-button:hover,.wz-menu-trigger:hover,.wz-menu-trigger[aria-expanded="true"]{background:#245166;border-color:#e7bf75}
.wz-menu-trigger svg{width:22px;height:22px;stroke:currentColor}
.wz-menu{position:relative;z-index:500}
.wz-menu-panel{position:absolute;z-index:1001;right:0;top:4px;width:min(310px,calc(100vw - 28px));padding:11px;border:1px solid #b68e54;border-radius:15px;background:#102d40;color:#f9f0de;box-shadow:0 22px 55px #0009;display:grid;gap:3px}
.wz-menu-panel[hidden]{display:none!important}
.wz-menu-heading{padding:9px 11px 12px;color:#e9c38c;font-size:11px;font-weight:900;letter-spacing:.12em}
.wz-menu-panel a,.wz-menu-panel button{display:flex;width:100%;align-items:center;gap:11px;min-height:43px;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:inherit;text-align:left;text-decoration:none;font-size:13px;font-weight:750}
.wz-menu-panel a:hover,.wz-menu-panel button:hover,.wz-menu-panel a:focus-visible,.wz-menu-panel button:focus-visible{background:#2b5161;outline:2px solid transparent}
.wz-menu-panel .wz-menu-muted{color:#adc4ce;font-size:10px;padding:7px 11px;border-top:1px solid #3b5e6a}
.social-header{display:none!important}
.wz-trivia-card{align-self:stretch;background:linear-gradient(145deg,#173849,#0a2336);border-color:#8c825b;min-width:0}
.wz-trivia-header{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:11px}
.wz-trivia-icon{font-size:27px;color:#ffd26b;filter:drop-shadow(0 3px 4px #0004)}
.wz-trivia-card h3{font:500 clamp(21px,2.6vw,28px)/1.15 Georgia,serif;color:#f9edda;margin:7px 0 8px}
.wz-trivia-lead{font-size:11px;color:#a9c9d0;line-height:1.5;margin:0 0 14px}
.wz-trivia-question{font-size:13px;line-height:1.45;font-weight:800;color:#f6e2bd;margin:10px 0}
.wz-trivia-options{display:grid;gap:7px}
.wz-trivia-options button{width:100%;padding:9px 10px;border:1px solid #648694;background:#204557;color:#eaf4f3;border-radius:9px;text-align:left;font-size:12px;font-weight:750;line-height:1.3;overflow-wrap:anywhere}
.wz-trivia-options button:hover:not(:disabled){border-color:#f9ce82;background:#2a596a}
.wz-trivia-options button:focus-visible{outline:3px solid #f5c56f;outline-offset:2px}
.wz-trivia-next{display:block;margin:12px 0 5px;width:100%;min-height:37px;border:1px solid #f2c47b;border-radius:9px;background:linear-gradient(135deg,#fbd58c,#d9a954);font-size:12px;font-weight:900;color:#132d40}
.wz-trivia-next[hidden]{display:none!important}
.wz-trivia-next:hover{filter:brightness(1.08)}
.wz-trivia-next:focus-visible{outline:3px solid #fbd58c;outline-offset:3px}
.wz-trivia-options button:disabled{cursor:default;opacity:1}
.wz-trivia-options button.correct{background:#1d6155;border-color:#94e1b9;color:#fff}
.wz-trivia-options button.incorrect{background:#5c3d42;border-color:#d6a6a6;color:#fff}
.wz-trivia-answer{margin-top:12px;border-top:1px solid #426878;padding-top:11px;font-size:11px;line-height:1.55;color:#d0e5df}
.wz-trivia-answer strong{display:block;font-size:13px;color:#ffd485;margin-bottom:5px}
.wz-trivia-answer a{display:inline-block;margin-top:7px;color:#ffcf7c;text-underline-offset:3px}
.wz-trivia-answer[hidden]{display:none!important}
.wz-trivia-foot{display:block;margin-top:11px;font-size:10px;color:#9ec7c8}
html[data-effective-theme="light"] .wz-brand-name{color:#10314b;text-shadow:none;-webkit-text-stroke:0}
html[data-effective-theme="light"] .wz-brand-caption{color:#47707a}
html[data-effective-theme="light"] .wz-menu-panel{background:#fff;color:#1d3a47;border-color:#c1ac83;box-shadow:0 22px 50px #1233}
html[data-effective-theme="light"] .wz-menu-panel a:hover,html[data-effective-theme="light"] .wz-menu-panel button:hover{background:#e8f1ef}
html[data-effective-theme="light"] .wz-menu-heading{color:#8d6428}
html[data-effective-theme="light"] .wz-menu-muted{color:#617b83;border-color:#c4d6d9}
html[data-effective-theme="light"] .wz-trivia-card{background:linear-gradient(150deg,#fff8e8,#eaf6f4);border-color:#c5ac76}
html[data-effective-theme="light"] .wz-trivia-card h3{color:#193748}
html[data-effective-theme="light"] .wz-trivia-lead{color:#466670}
html[data-effective-theme="light"] .wz-trivia-question{color:#244a4e}
html[data-effective-theme="light"] .wz-trivia-options button{background:#f5fbf9;color:#1a4650;border-color:#a7c3c8}
html[data-effective-theme="light"] .wz-trivia-options button.correct{background:#d4eee3;color:#16523e;border-color:#478a78}
html[data-effective-theme="light"] .wz-trivia-options button.incorrect{background:#f8e4df;color:#773b37;border-color:#b8817d}
html[data-effective-theme="light"] .wz-trivia-answer{color:#385d63;border-color:#bbcec9}
html[data-effective-theme="light"] .wz-trivia-answer strong,html[data-effective-theme="light"] .wz-trivia-answer a{color:#805719}
html[data-effective-theme="light"] .wz-trivia-foot{color:#537176}
@media(max-width:940px){.topbar.wz-header{grid-template-columns:1fr;gap:4px;padding:9px 0 13px}.wz-header-spacer{display:none}.wz-brand{grid-column:1;grid-row:1;margin:auto}.wz-header .top-actions{grid-column:1;grid-row:2;justify-content:center;gap:9px}.wz-brand-icon{width:74px;height:74px}.wz-brand-name{font-size:31px}.wz-menu-panel{right:8px;top:1px}.wz-menu-trigger{border-radius:12px}.wz-header .theme-menu{left:0;right:auto}}
@media(max-width:470px){.topbar.wz-header{min-height:0}.wz-brand-icon{width:68px;height:68px}.wz-brand-name{font-size:29px}.wz-brand-caption{font-size:7.5px;letter-spacing:.16em}.wz-header .icon-button,.wz-menu-trigger{width:45px;min-width:45px;min-height:42px}.wz-trivia-card{padding:12px}.wz-trivia-card h3{font-size:19px}.wz-trivia-question{font-size:11px}.wz-trivia-lead,.wz-trivia-options button{font-size:10px}.wz-trivia-options button{padding:8px}.wz-trivia-header{margin-bottom:4px}.wz-trivia-icon{font-size:22px}}
@media(max-width:335px){.aside{grid-template-columns:1fr!important}.wz-trivia-card{grid-column:1}.wz-brand-name{font-size:25px}.wz-brand-icon{width:55px;height:55px}}

/* Show the active player name in the uncluttered centered-brand header. */
@media(max-width:940px){
 .wz-header .top-actions{width:100%;justify-content:center;gap:7px;flex-wrap:nowrap}
 .wz-header .top-actions #nickname-open{max-width:175px;flex:0 1 175px}
}
@media(max-width:470px){
 .wz-header .top-actions{gap:6px}
 .wz-header .top-actions .icon-button,.wz-header .top-actions .wz-menu-trigger{width:40px;min-width:40px;min-height:42px;flex:0 0 40px}
 .wz-header .top-actions #nickname-open{max-width:140px;flex:1 1 110px;min-width:0;padding:6px 9px;gap:5px}
 .wz-header .top-actions #nickname-label{font-size:10px}
}
@media(max-width:370px){
 .wz-header .top-actions{gap:5px}
 .wz-header .top-actions .icon-button,.wz-header .top-actions .wz-menu-trigger{width:36px;min-width:36px;min-height:39px;flex-basis:36px}
 .wz-header .top-actions #nickname-open{min-height:39px;padding:5px 7px;flex:1 1 94px;max-width:112px}
 .wz-header .top-actions #nickname-label{font-size:9px}
 .wz-header .top-actions #nickname-open .profile-edit{display:none}
}