/* QuizRealm 3: shared shell and discovery pages. No remote font dependency. */
:root{--r-bg:#111216;--r-panel:#1b1d23;--r-raised:#252831;--r-line:#363943;--r-text:#f4f1ea;--r-muted:#b5b6c0;--r-accent:#dfbf83;--r-blue:#9ab3dc;--r-orange:#d89d76;--r-radius:20px;color-scheme:dark}
.realm-page{margin:0;background:var(--r-bg);color:var(--r-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;font-size:16px;line-height:1.6;min-height:100vh}
.realm-page *{box-sizing:border-box}.realm-page a{color:inherit;text-decoration:none}.realm-page button,.realm-page input,.realm-page select{font:inherit}.realm-page button,.realm-page a,.qr-site-header a,.qr-site-header button{touch-action:manipulation}.realm-page button{cursor:pointer}.realm-page img{max-width:100%;display:block}.realm-page h1,.realm-page h2,.realm-page h3,.realm-page p{margin:0}.realm-page h1{font-size:clamp(2.6rem,6vw,5rem);font-weight:760;line-height:1.02;letter-spacing:-.065em}.realm-page h2{font-size:clamp(1.55rem,3vw,2.25rem);font-weight:700;line-height:1.15;letter-spacing:-.04em}.realm-page h3{font-size:1.2rem;line-height:1.3;letter-spacing:-.025em}.realm-page p{color:var(--r-muted)}
quiz-header,quiz-home-header,quiz-footer{display:block;flex-shrink:0}.qr-site-header,.qr-site-footer,.qr-consent{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;box-sizing:border-box;font-size:14px;line-height:1.5;color:var(--r-text);text-align:left}.qr-site-header *,.qr-site-footer *,.qr-consent *{box-sizing:border-box}.qr-site-header{position:relative;z-index:50;border-bottom:1px solid var(--r-line);background:var(--r-bg);width:100%;margin:0}.qr-site-header a,.qr-site-footer a{color:inherit;text-decoration:none}.qr-header-inner{max-width:1280px;margin:auto;padding:20px 32px;display:flex;align-items:center;gap:38px;min-height:84px}.qr-brand{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:800;letter-spacing:-1.1px;white-space:nowrap}.qr-brand-mark{display:grid;place-items:center;width:35px;height:35px;background:var(--r-accent);border-radius:11px;color:#142017;font-size:24px;line-height:1;font-weight:900;transform:rotate(-7deg)}.qr-header-nav{display:flex;align-items:center;gap:26px}.qr-header-nav a{font-size:13px;font-weight:600;color:var(--r-muted);padding:9px 0;border-bottom:2px solid transparent}.qr-header-nav a:hover,.qr-header-nav a[aria-current=page]{color:var(--r-accent);border-color:var(--r-accent)}.qr-player{margin-left:auto;display:flex;align-items:center;gap:10px;color:var(--r-text);font-size:12px;border:1px solid var(--r-line);border-radius:30px;padding:8px 13px;white-space:nowrap}.qr-player-dot{background:var(--r-accent);color:#142017;border-radius:100%;width:25px;height:25px;display:grid;place-items:center;font-weight:800}.qr-menu-toggle{display:none;background:transparent;color:var(--r-text);border:1px solid var(--r-line);border-radius:8px;padding:8px 12px;font:inherit;cursor:pointer}.qr-skip{position:fixed;top:-80px;left:15px;padding:12px 18px;z-index:10000;background:var(--r-accent);color:#142017!important;border-radius:8px}.qr-skip:focus{top:12px}.qr-site-footer{background:var(--r-bg);border-top:1px solid var(--r-line);margin-top:80px;padding:48px 32px 30px}.qr-footer-inner{max-width:1216px;margin:auto}.qr-footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px}.qr-footer-top p{color:var(--r-muted);max-width:290px;margin:14px 0;font-size:13px}.qr-footer-top strong{display:block;margin-bottom:14px;color:var(--r-text);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.qr-footer-top ul{list-style:none;margin:0;padding:0}.qr-footer-top li{margin:8px 0}.qr-footer-top li a,.qr-footer-bottom{color:var(--r-muted);font-size:13px}.qr-footer-top a:hover{color:var(--r-accent)}.qr-footer-bottom{border-top:1px solid var(--r-line);margin-top:36px;padding-top:20px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.qr-text-button{background:none;border:0;color:var(--r-muted);text-decoration:underline;padding:0;font:inherit;cursor:pointer}.qr-consent{position:fixed;bottom:16px;left:16px;right:16px;max-width:930px;margin:auto;padding:20px 24px;background:#e9eddc;color:#17221c;border:1px solid #d5dec3;border-radius:16px;box-shadow:0 8px 40px #0006;z-index:100000;display:flex;align-items:center;gap:28px}.qr-consent p{margin:5px 0 0;color:#3c5045;font-size:13px;line-height:1.5}.qr-consent a{color:#17221c;text-decoration:underline}.qr-consent-actions{display:flex;gap:8px;flex-shrink:0}.qr-consent button{border:1px solid #87967a;background:transparent;color:#17221c;border-radius:8px;padding:10px 12px;font:600 12px system-ui;cursor:pointer}.qr-consent button:last-child{background:#24362a;color:#fff;border-color:#24362a}
.r-container{width:min(1216px,calc(100% - 64px));margin:auto}.r-section{margin-top:64px}.r-eyebrow{font-size:11px;font-weight:750;letter-spacing:.16em;text-transform:uppercase;color:var(--r-accent);display:flex;align-items:center;gap:9px;margin-bottom:18px}.r-eyebrow::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}.r-hero{padding-top:50px;display:grid;grid-template-columns:1.04fr 1fr;gap:50px;align-items:center}.r-hero-copy{padding:20px 0}.r-hero h1 em{font-style:normal;color:var(--r-accent)}.r-hero p{max-width:430px;margin-top:24px;font-size:16px;line-height:1.7}.r-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:28px}.r-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:13px 21px;border-radius:9px;border:1px solid transparent;background:var(--r-accent);color:#17221c!important;font-weight:750;font-size:13px;min-height:47px;transition:transform .15s,background .15s}.r-button:hover{transform:translateY(-2px);background:#e5ffae}.r-button.secondary{background:transparent;border-color:#546461;color:var(--r-text)!important}.r-button.secondary:hover{background:var(--r-raised)}.r-button:disabled{opacity:.5;cursor:default;transform:none}.r-button[hidden]{display:none}.r-footnote{font-size:12px!important;color:var(--r-muted);margin-top:16px!important}.r-daily-card{position:relative;min-height:385px;background:#d6f58c;color:#17221c;border-radius:24px;overflow:hidden;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.r-daily-card p{color:#405232}.r-daily-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;position:relative;z-index:2}.r-live-pill{border:1px solid #698344;border-radius:30px;padding:5px 9px;letter-spacing:0}.r-daily-card h2{font-size:clamp(2rem,4vw,3rem);max-width:320px;color:#17221c;position:relative;z-index:2}.r-daily-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;position:relative;z-index:2}.r-daily-bottom p{font-size:13px;margin:12px 0 0}.r-arrow-button{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#17221c;color:#e5ffae!important;font-size:25px;flex-shrink:0}.r-orbit-art{position:absolute;width:235px;height:235px;right:-40px;top:45px;transform:rotate(-20deg);opacity:.55}.r-orbit-art span{position:absolute;border:2px solid #4d6a2c;width:100%;height:50%;border-radius:50%;top:25%}.r-orbit-art span:nth-child(2){transform:rotate(60deg)}.r-orbit-art span:nth-child(3){transform:rotate(120deg)}.r-orbit-art::after{content:'?';position:absolute;inset:0;display:grid;place-items:center;font-size:120px;font-weight:800;color:#3e5c22}.r-trust-row{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid var(--r-line);border-bottom:1px solid var(--r-line);margin-top:42px;padding:18px 0;font-size:12px;color:var(--r-muted)}.r-trust-row span{display:flex;align-items:center;gap:8px}.r-trust-row b{color:var(--r-accent)}.r-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.r-section-heading p{margin-top:9px;font-size:14px}.r-text-link{color:var(--r-accent)!important;font-size:13px;font-weight:650;text-decoration:underline!important;text-underline-offset:5px}.r-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.r-card{border:1px solid var(--r-line);border-radius:16px;background:var(--r-panel);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,border-color .2s;position:relative}.r-card:hover{transform:translateY(-4px);border-color:#71827c}.r-card-art{height:162px;overflow:hidden;background:#252832;position:relative}.r-card-art img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.r-card:hover img{transform:scale(1.04)}.r-card-art::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 70%,#10181955)}.r-card-copy{padding:18px;display:flex;flex-direction:column;flex:1}.r-card-tag{color:var(--r-accent);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.1em;margin-bottom:9px}.r-card h3{font-size:18px}.r-card p{font-size:12px;margin-top:8px;line-height:1.65}.r-card-meta{margin-top:auto;padding-top:17px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--r-muted)}.r-card-meta span:last-child{color:var(--r-accent);font-size:18px}.r-feature-band{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;padding:32px;background:#20232c;border:1px solid #414552;border-radius:20px;position:relative;overflow:hidden}.r-feature-band p{font-size:14px;margin-top:12px;max-width:480px}.r-feature-band .r-eyebrow{color:var(--r-blue)}.r-feature-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.r-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.r-topic{display:flex;align-items:center;gap:16px;border:1px solid var(--r-line);padding:19px 20px;border-radius:13px;background:var(--r-panel)}.r-topic:hover{border-color:var(--r-accent)}.r-topic-icon{font-size:24px;width:34px;text-align:center}.r-topic strong{display:block;font-size:15px}.r-topic small{display:block;font-size:12px;color:var(--r-muted);margin-top:3px}.r-topic .r-chevron{margin-left:auto;color:var(--r-muted)}.r-split{display:grid;grid-template-columns:1fr 1fr;gap:40px}.r-editorial{border-top:1px solid var(--r-line);padding:20px 0;display:flex;gap:16px;align-items:flex-start}.r-editorial-number{font-size:13px;color:var(--r-accent);font-variant-numeric:tabular-nums;padding-top:3px}.r-editorial h3{font-size:17px}.r-editorial p{font-size:13px;margin-top:7px}.r-note{background:var(--r-panel);border:1px solid var(--r-line);border-radius:16px;padding:28px}.r-note p{margin-top:12px;font-size:14px}.r-page-head{padding:55px 0 34px;max-width:780px}.r-page-head h1{font-size:clamp(2.5rem,5vw,4rem)}.r-page-head p{margin-top:20px;max-width:650px}.r-breadcrumb{font-size:12px;color:var(--r-muted);margin:24px 0}.r-breadcrumb a{color:var(--r-accent);text-decoration:underline}.r-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 20px}.r-search{flex:1;min-width:220px;background:var(--r-panel);border:1px solid #61716a;border-radius:9px;padding:13px 16px;color:var(--r-text);outline-offset:3px}.r-select{background:var(--r-panel);border:1px solid #61716a;border-radius:9px;padding:13px;color:var(--r-text);max-width:100%}.r-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.r-filter{border:1px solid var(--r-line);padding:8px 15px;border-radius:30px;color:var(--r-muted);background:transparent;font-size:12px!important}.r-filter[aria-pressed=true]{background:var(--r-accent);color:#17221c;border-color:var(--r-accent)}.r-count{font-size:12px;color:var(--r-muted);margin-bottom:18px}.r-empty{padding:40px;border:1px dashed var(--r-line);border-radius:16px;text-align:center}.r-prose{max-width:780px;margin:0 auto}.r-prose h1{font-size:clamp(2.4rem,5vw,3.6rem);margin:40px 0 24px}.r-prose h2{font-size:1.6rem;margin:36px 0 15px}.r-prose h3{margin:25px 0 12px}.r-prose p,.r-prose ul,.r-prose ol{color:var(--r-muted);font-size:16px;line-height:1.85;margin:16px 0}.r-prose li{margin:8px 0}.r-prose a{color:var(--r-accent);text-decoration:underline;text-underline-offset:3px}.r-prose strong{color:var(--r-text)}.r-prose details{border-bottom:1px solid var(--r-line);padding:18px 0}.r-prose summary{font-weight:650;cursor:pointer}.r-prose .r-note{margin:25px 0}.r-list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 30px}.r-list-grid a{font-size:14px;padding:9px 0;color:var(--r-muted);border-bottom:1px solid var(--r-line)}.r-list-grid a:hover{color:var(--r-accent)}
.r-game-shell{max-width:760px;margin:auto}.r-game-card{padding:32px;border:1px solid var(--r-line);background:var(--r-panel);border-radius:20px}.r-game-status{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:12px;color:var(--r-muted);margin-bottom:24px}.r-progress{height:5px;border-radius:10px;background:#40504b;overflow:hidden;margin-bottom:30px}.r-progress span{display:block;background:var(--r-accent);height:100%;transition:width .2s}.r-question{font-size:clamp(1.45rem,3vw,2rem)!important;line-height:1.3!important;margin-bottom:24px!important;letter-spacing:-.025em!important}.r-options{display:grid;gap:10px}.r-option{text-align:left;display:flex;align-items:center;gap:15px;padding:16px;border:1px solid #55665e;border-radius:10px;background:transparent;color:var(--r-text);font-size:15px!important;min-height:58px}.r-option:hover:enabled{background:#2a3c34;border-color:var(--r-accent)}.r-option small{border:1px solid #65766f;border-radius:5px;min-width:26px;text-align:center;font-size:12px}.r-option.correct{border-color:var(--r-accent);background:#304328}.r-option.wrong{border-color:#ffb5a7;background:#4c302c}.r-option:disabled{cursor:default;opacity:.8}.r-option[aria-pressed=true]{border-color:var(--r-accent);background:#304328}.r-feedback{margin-top:20px;padding:18px;border-radius:10px;background:#272c36}.r-feedback p{font-size:14px}.r-feedback strong{color:var(--r-text)}.r-result-score{font-size:76px;font-weight:750;letter-spacing:-.07em;line-height:1;margin:25px 0;color:var(--r-accent)}.r-result-card{text-align:center}.r-result-card .r-actions{justify-content:center}.r-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:25px 0}.r-stat{padding:22px;background:var(--r-panel);border:1px solid var(--r-line);border-radius:14px}.r-stat strong{display:block;font-size:30px;letter-spacing:-.04em}.r-stat span{font-size:12px;color:var(--r-muted)}.r-badge{padding:25px;border:1px solid var(--r-line);border-radius:15px;background:var(--r-panel)}.r-badge.unlocked{border-color:#8ca967}.r-badge-icon{display:grid;place-items:center;width:45px;height:45px;background:#364532;color:var(--r-accent);border-radius:50%;font-size:22px;margin-bottom:18px}.r-badge p{font-size:12px;margin:10px 0}.r-badge small{color:var(--r-muted);font-size:11px}.r-badge .r-progress{margin:18px 0 8px}.r-history{width:100%;border-collapse:collapse;font-size:13px}.r-history th,.r-history td{text-align:left;border-bottom:1px solid var(--r-line);padding:14px 8px}.r-history th{font-size:11px;color:var(--r-muted)}.r-form-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:20px 0}.r-message{color:var(--r-accent)!important;margin-top:15px!important}.r-reaction-target{display:grid;place-items:center;min-height:220px;width:100%;border:2px solid var(--r-line);border-radius:15px;background:#243132;color:var(--r-text);font:700 22px system-ui;user-select:none}.r-reaction-target.ready{background:var(--r-accent);color:#17221c}.r-reaction-target.waiting{background:#674735;border-color:#ffb28d}.r-reaction-target:disabled{opacity:.8;cursor:default}.r-memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:25px auto;max-width:430px}.r-memory-tile{aspect-ratio:1;border:1px solid #62776b;border-radius:12px;background:#273c32;color:var(--r-text);font-size:28px!important}.r-memory-tile.active{background:var(--r-accent);border-color:var(--r-accent);color:#17221c}.r-related{max-width:1100px;margin:40px auto;padding:24px;border-top:1px solid #4c5d54;color:var(--r-muted);font:14px/1.7 system-ui}.r-related h2{font:700 20px/1.3 system-ui;color:var(--r-text);margin:0 0 15px}.r-related a{color:var(--r-accent);margin-right:18px;text-decoration:underline}.r-hidden,[hidden]{display:none!important}:where(a,button,input,select,summary):focus-visible{outline:3px solid #a4dce5;outline-offset:4px}
.realm-page .r-daily-card{color:#17221c}.qr-site-header .qr-brand:focus-visible{outline-offset:6px}.r-file-label{cursor:pointer}
@media(min-width:1500px){.r-hero{padding-top:65px;gap:70px}.r-daily-card{min-height:420px}}
@media(max-width:1000px){.qr-header-inner{gap:20px}.qr-header-nav{gap:17px}.r-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.r-hero{gap:30px}.r-daily-card{min-height:360px}.r-topics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.r-container{width:calc(100% - 36px)}.qr-header-inner{padding:15px 18px;gap:12px;min-height:72px;flex-wrap:wrap}.qr-brand{font-size:20px}.qr-player{margin-left:auto;padding:6px 10px}.qr-player .qr-xp{display:none}.qr-menu-toggle{display:block}.qr-header-nav{display:none;order:4;width:100%;padding:15px 0 5px;gap:0;flex-wrap:wrap;justify-content:space-between}.qr-header-nav.open{display:flex}.qr-header-nav a{font-size:12px;padding:9px 5px}.r-hero{grid-template-columns:1fr;gap:16px;padding-top:25px}.r-hero h1{font-size:3.5rem;max-width:500px}.r-hero-copy{padding:12px 0 20px}.r-hero p{max-width:480px;font-size:15px;margin-top:20px}.r-daily-card{min-height:290px;padding:24px}.r-daily-card h2{max-width:250px;font-size:2.4rem}.r-orbit-art{width:200px;height:200px;right:-20px;top:10px}.r-trust-row{margin-top:28px;gap:12px 20px;font-size:11px}.r-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.r-card-art{height:145px}.r-card-copy{padding:15px}.r-card h3{font-size:16px}.r-section{margin-top:45px}.r-section-heading{align-items:flex-start}.r-section-heading p{font-size:12px}.r-section-heading .r-text-link{font-size:11px;white-space:nowrap;padding-top:6px}.r-feature-band,.r-split{grid-template-columns:1fr;gap:25px}.r-feature-actions{justify-content:flex-start}.r-topics{gap:10px}.r-topic{padding:15px 12px;gap:10px}.r-topic strong{font-size:13px}.r-topic small{font-size:11px}.r-topic-icon{font-size:22px;width:25px}.qr-site-footer{padding:35px 18px 110px;margin-top:55px}.qr-footer-top{grid-template-columns:1fr 1fr;gap:26px}.qr-footer-top>div:first-child{grid-column:1/-1}.qr-footer-top>div:last-child{grid-column:1/-1}.qr-footer-top ul{display:flex;flex-direction:column;align-items:flex-start}.qr-footer-top>div:last-child ul{flex-direction:row;flex-wrap:wrap;gap:0 20px}.qr-consent{padding:16px;gap:14px;flex-direction:column;align-items:flex-start}.qr-consent-actions{width:100%}.qr-consent-actions button{flex:1}.r-stat-grid{grid-template-columns:repeat(2,1fr)}.r-game-card{padding:23px 18px}.r-game-status{font-size:11px}.r-list-grid{grid-template-columns:repeat(2,1fr)}.r-page-head{padding-top:35px}.r-prose p,.r-prose li{font-size:15px}.r-form-row .r-search{min-width:0;width:100%}.r-options{gap:10px}.r-option{padding:14px 12px;font-size:14px!important}.r-history{font-size:12px}.r-history td,.r-history th{padding:12px 5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.qr-brand{letter-spacing:-.7px;gap:11px}.qr-brand-logo{width:42px;height:42px;border-radius:50%;object-fit:contain;flex-shrink:0}.qr-brand-realm{color:var(--r-accent)}
.r-game-notes{padding:15px 24px 25px;margin:35px auto 0}.r-game-notes h2{font-size:27px;line-height:1.3}.r-game-notes h3{font-size:20px}.r-game-notes p{font-size:15px}
.qr-light-game .r-game-notes,.qr-light-game .r-related{background:#fff;color:#234438;border:1px solid #b9cec2;border-radius:14px}.qr-light-game .r-game-notes :is(h2,h3,strong),.qr-light-game .r-related h2{color:#234438}.qr-light-game .r-game-notes :is(p,li){color:#425d50}.qr-light-game .r-game-notes a,.qr-light-game .r-related a{color:#256047!important}
@media(max-width:760px){.qr-brand{font-size:18px;gap:8px}.qr-brand-logo{width:35px;height:35px}}
