/* The original home artwork is the game surface, in the document itself. */
.logo-wrap .logo-symbol.logo-glyph{width:43px;height:43px;flex:none}
#heroGame{--game-ink:#f3e9cc;--game-paper:#102c27;--game-line:#7f967d;isolation:isolate}
.hero-game-dial{position:absolute;inset:0;display:grid;place-items:center;direction:ltr}
.hero-ring-rotor{position:absolute;inset:0;pointer-events:none;transform-origin:50% 50%}
#heroGame .orbit-center{border:0;padding:0;color:inherit;font:inherit;cursor:pointer;z-index:2}
#heroGame .orbit-center:focus-visible{outline:2px solid #dbc185;outline-offset:6px}
.hero-game-hit{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;touch-action:none;user-select:none}
.hero-game-hit circle{fill:none;stroke:transparent;pointer-events:none;cursor:grab}
.hero-game-hit .hero-core-hit{fill:transparent;stroke:none}
.hero-ring-marker,.hero-core-marker,.hero-game-target{display:none;position:absolute;color:#e4cc91;font:10px Arial,sans-serif;line-height:1;pointer-events:none}
.hero-ring-marker{left:calc(50% - 5px);top:calc(16% - 5px)}
[data-orbit-ring="inner"] .hero-ring-marker{top:calc(26% - 5px)}
.hero-core-marker{left:calc(50% - 5px);top:-4px}
.hero-game-target{left:calc(50% - 5px);top:3%;z-index:4}
.hero-game-play{position:absolute;inset:0;z-index:4;pointer-events:none;direction:inherit;color:var(--game-ink);font-family:var(--font-ar),system-ui,sans-serif}
#heroGame[dir="rtl"] .hero-game-play,#heroGame[dir="rtl"] .hero-game-load{direction:rtl}
#heroGame[dir="ltr"] .hero-game-play,#heroGame[dir="ltr"] .hero-game-load{direction:ltr;font-family:var(--font-lat),system-ui,sans-serif}
.hero-game-play button,.hero-game-play select{pointer-events:auto;font:inherit;cursor:pointer;color:inherit}
.hero-game-heading{position:absolute;top:-5px;left:2%;right:2%;text-align:center;display:grid;gap:3px;font-size:10px;line-height:1.7}
.hero-game-heading strong{font-size:12px;color:#d3b77a;font-weight:700}
.hero-game-heading strong:focus{outline:none}
.hero-game-heading span{font-size:10px}
.hero-game-turns{position:absolute;top:calc(50% - 22px);inset-inline:0;display:flex;justify-content:space-between;direction:ltr}
.hero-game-turns button{width:40px;height:44px;border:1px solid var(--game-line);border-radius:50%;background:var(--game-paper);font:24px Georgia,serif}
.hero-game-play button:focus-visible,.hero-game-play select:focus-visible{outline:2px solid #d3b77a;outline-offset:3px}
.hero-game-play button:disabled{opacity:.35;cursor:default}
.hero-game-picks{position:absolute;top:65%;left:15%;right:15%;display:flex;justify-content:center;gap:8px}
.hero-game-picks button{min-height:32px;border:1px solid var(--game-line);border-radius:20px;padding:4px 10px;font-size:10px;background:var(--game-paper)}
.hero-game-picks button[aria-pressed="true"]{background:#d3b77a;color:#18382b}
.hero-game-hud{position:absolute;inset-inline:0;bottom:0;text-align:center;font-size:10px;line-height:1.7}
.hero-game-toolbar{display:flex;gap:5px;align-items:center;justify-content:center;background:var(--game-paper);border-radius:24px;padding:3px 7px;max-width:100%;width:fit-content;margin:auto;border:1px solid #82947766}
.hero-game-toolbar>span{font:10px var(--font-ar),sans-serif;min-width:85px;margin-inline:4px;white-space:nowrap}
.hero-game-toolbar button{flex:none;width:32px;height:32px;border:0;border-radius:50%;background:transparent;font-size:17px;line-height:1;padding:0}
.hero-game-feedback{min-height:18px;margin:0 0 3px;padding-inline:12px;color:var(--game-ink)}
.hero-game-hint{margin:0 0 5px;font-size:10px;line-height:1.7;background:var(--game-paper);padding:8px 10px;border:1px solid var(--game-line);border-radius:10px;pointer-events:auto}
.hero-game-panel,.hero-game-puzzle{position:absolute;inset:20% 9% 22%;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:9px;background:var(--game-paper);border:1px solid #a89e6b88;border-radius:24px;padding:14px 16px;text-align:center;pointer-events:auto;overflow:auto;font-size:11px;line-height:1.7}
.hero-game-panel h3,.hero-game-puzzle h3{font-size:15px;margin:0;color:#d3b77a;line-height:1.6}
.hero-game-panel p,.hero-game-puzzle p{margin:0;font-size:11px;line-height:1.8}
.hero-game-panel button,.hero-game-puzzle button{border:1px solid var(--game-line);border-radius:16px;background:transparent;min-height:34px;padding:5px 9px;font-size:11px;line-height:1.6}
.hero-game-panel .orbit-primary,.hero-game-puzzle .orbit-primary{background:#d3b77a;color:#16352b;border-color:#d3b77a}
.hero-game-choice-row{display:flex;gap:5px;justify-content:center;flex-wrap:wrap}
.hero-game-choice-row button{flex:1;min-width:55px;min-height:40px}
.hero-game-sequence{direction:ltr;font:11px var(--font-lat),sans-serif;color:#d3b77a}
.hero-game-panel label{display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:11px}
.hero-game-panel select{width:62%;border:1px solid var(--game-line);border-radius:8px;background:var(--game-paper);padding:5px;font-size:11px;min-height:32px}
.hero-game-load{position:absolute;z-index:6;inset:27% 10%;border-radius:24px;background:var(--game-paper);color:var(--game-ink);display:grid;align-content:center;justify-items:center;gap:12px;text-align:center;font-size:12px;padding:16px}
.hero-game-load button{border:1px solid var(--game-line);border-radius:20px;background:transparent;color:inherit;padding:8px 15px;cursor:pointer}
.hero-game-active .art-index,.hero-game-active .vertical-text,.hero-game-active .ring-label{visibility:hidden}
.hero-game-active .hero-game-hit circle{pointer-events:stroke}
.hero-game-active .hero-game-hit .hero-core-hit{pointer-events:fill}
.hero-game-active .hero-ring-marker,.hero-game-active .hero-core-marker,.hero-game-active .hero-game-target{display:block}
.hero-game-active .art-point{left:calc(50% - 5px);right:auto;top:calc(8% - 5px)}
.hero-game-active .orbit-center{pointer-events:none}
.hero-game-active .center-logo.brand-turn{animation:none!important}
.hero-game-active[data-selected-ring="outer"] [data-orbit-ring="outer"] .orbit,.hero-game-active[data-selected-ring="middle"] .orbit.o2,.hero-game-active[data-selected-ring="inner"] .orbit.o3{border-width:2px;border-color:#d3b77a}
.hero-game-active[data-selected-ring="core"] .orbit-center{outline:2px solid #d3b77a;outline-offset:6px}
.hero-game-covered .hero-game-hit{pointer-events:none}
.hero-game-covered .hero-game-hit circle{pointer-events:none}
.hero-game-covered .hero-game-turns,.hero-game-covered .hero-game-picks{visibility:hidden}
.hero-game-covered .orbit-center{opacity:.22}
.hero-game-active .is-dragging{cursor:grabbing}
:root[data-theme="light"] #heroGame{--game-ink:#244537;--game-paper:#f8f6ee;--game-line:#7c936f}
:root[data-theme="sage"] #heroGame{--game-ink:#204137;--game-paper:#d7e5d7;--game-line:#6a8261}
:root[data-theme="light"] .hero-game-heading strong,:root[data-theme="light"] .hero-game-panel h3,:root[data-theme="light"] .hero-game-sequence,:root[data-theme="sage"] .hero-game-heading strong,:root[data-theme="sage"] .hero-game-panel h3,:root[data-theme="sage"] .hero-game-sequence{color:#87682f}
@media(min-width:821px) and (max-height:700px){.hero-game-panel,.hero-game-puzzle{inset:18% 7% 22%;padding:10px 12px;gap:6px}.hero-game-panel p,.hero-game-puzzle p{font-size:10px;line-height:1.6}.hero-game-panel h3{font-size:13px}.hero-game-panel button,.hero-game-puzzle button{min-height:30px;font-size:10px}.hero-game-toolbar>span{min-width:76px;font-size:9px}}
@media(max-width:820px){
  #home.hero-orbit-playing .hero-grid{display:flex;flex-direction:column;justify-content:center;gap:8px;padding-block:12px}
  #home.hero-orbit-playing .hero-copy{flex:none;width:100%;text-align:center}
  #home.hero-orbit-playing .hero-title{font-size:20px!important;line-height:1.4!important;margin:0}
  #home.hero-orbit-playing .hero-title span{display:inline;margin-inline:3px}
  #home.hero-orbit-playing .hero-overline,#home.hero-orbit-playing .hero-desc,#home.hero-orbit-playing .hero-buttons,#home.hero-orbit-playing .hero-footnote{display:none}
  #home.hero-orbit-playing #heroGame{position:relative;inset:auto;opacity:1;pointer-events:auto;width:min(100%,400px,calc(100svh - 300px));min-width:min(270px,100%);min-height:0;align-self:center;transform:none;margin-inline:auto}
  #home.hero-orbit-playing .hero-game-heading{top:-4px}
  #home.hero-orbit-playing .hero-game-puzzle,#home.hero-orbit-playing .hero-game-panel{inset:18% 6% 22%;padding:10px 12px;gap:7px}
}
@media(max-width:820px) and (max-height:620px){#home.hero-orbit-playing #heroGame{width:min(100%,300px)}#home.hero-orbit-playing .hero-title{font-size:16px!important}.hero-game-panel p,.hero-game-puzzle p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero-ring-rotor{transition:none!important}}
.hero-core-rotor{position:absolute;inset:0;display:grid;place-items:center;transform-origin:center}
.hero-game-hint{max-height:64px;overflow:auto}
.hero-game-covered .hero-game-hit .hero-core-hit{pointer-events:none}
@media(min-width:821px){#heroGame.hero-game-active{width:min(100%,max(300px,calc(100dvh - 280px)))}}
.hero-game-panel[data-mode="settings"]{inset:12% 3% 17%;gap:4px;padding:10px 12px}
.hero-game-panel[data-mode="settings"] p{font-size:9px;line-height:1.6}
.hero-game-toolbar button{display:grid;place-items:center}
.hero-game-covered .hero-game-heading span{visibility:hidden}
@media(max-width:820px){
  #home.hero-orbit-playing .hero-game-panel,#home.hero-orbit-playing .hero-game-panel[data-mode="settings"]{inset:12% 3% 17%;gap:6px;padding:10px 12px}
  #home.hero-orbit-playing .hero-game-puzzle{inset:10% 3% 17%;gap:5px;padding:10px 12px}
}
@media(max-width:360px){
  #home.hero-orbit-playing .hero-game-panel p,#home.hero-orbit-playing .hero-game-puzzle p{font-size:10px;line-height:1.6}
  #home.hero-orbit-playing .hero-game-panel button,#home.hero-orbit-playing .hero-game-puzzle button{min-height:30px;font-size:10px;line-height:1.5}
}
/* Questions and results stay in the ring; no surrounding card or window. */
.hero-game-panel,.hero-game-puzzle{border:0;border-radius:0;background:radial-gradient(ellipse at center,var(--game-paper) 0%,var(--game-paper) 65%,transparent 100%)}
.hero-game-panel button,.hero-game-puzzle button{background:var(--game-paper)}
.hero-game-panel .orbit-primary,.hero-game-puzzle .orbit-primary{background:#d3b77a}

/* A quiet visual hint for the hidden game; the rotating emblem remains native. */
#heroGame:not(.hero-game-active) .hero-core-rotor{animation:heroEmblemPulse 3.8s ease-in-out infinite;will-change:transform}
#heroGame:not(.hero-game-active) .orbit-center{pointer-events:auto}
#heroGame:not(.hero-game-active) .center-logo.brand-turn:hover{animation-play-state:running}
#heroGame:not(.hero-game-active) .orbit-center::after{content:"";position:absolute;inset:-3%;border:1px solid #d3b47a;border-radius:50%;pointer-events:none;animation:heroEmblemAura 3.8s ease-out infinite}
@keyframes heroEmblemPulse{0%,12%,48%,100%{transform:scale(1)}22%{transform:scale(1.045)}31%{transform:scale(1.01)}39%{transform:scale(1.03)}}
@keyframes heroEmblemAura{0%,14%{opacity:0;transform:scale(1)}23%{opacity:.3}60%,100%{opacity:0;transform:scale(1.16)}}
@media(prefers-reduced-motion:reduce){#heroGame:not(.hero-game-active) .hero-core-rotor,#heroGame:not(.hero-game-active) .orbit-center::after{animation:none;will-change:auto}}

/* Keep translated hints below the puzzle, including in compact phone layouts. */
#heroGame{--orbit-puzzle-bottom:22%}
#home #heroGame .hero-game-puzzle{bottom:max(var(--orbit-puzzle-bottom),calc(var(--orbit-hud-height,40px) + 8px));justify-content:safe center}
.hero-game-puzzle>*{flex-shrink:0}
@media(max-width:820px){#heroGame{--orbit-puzzle-bottom:17%}}