/* A new field-reading hero. No styles affect any other section. */
.v7-hero{position:relative;isolation:isolate;overflow:hidden;min-height:0;background:#021226;color:#f1f7ff;padding-bottom:24px}
.v7-hero .v7-citadel{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.79) saturate(.9)}
.v7-hero:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,#02102520,#02102710 40%,#03142c35 65%,#020d1fe6 100%),radial-gradient(ellipse at 50% 15%,#031027af,transparent 68%)}
.v7-hero-copy{position:relative;z-index:5;text-align:center;padding:26px 20px 0;max-width:1200px;margin:auto;text-shadow:0 3px 18px #001027}
.v7-hero-copy h1{font:700 clamp(56px,5.5vw,89px)/.98 Academy,'Arial Narrow',Arial,sans-serif;letter-spacing:-.025em;margin:0;color:#f1f7ff}
.v7-mental{color:#14ddeb}.v7-over{font-size:.62em;color:#dce7f3}.v7-mastery{display:block;font-size:.48em;letter-spacing:.24em;text-transform:uppercase;color:#efcc8e;margin-top:10px;padding-left:.24em}
.v7-hero-copy p{font:400 clamp(17px,1.6vw,23px)/1.5 Arial,sans-serif;margin:18px 0 0;color:#edf6ff}.v7-hero-copy p strong{color:white}.v7-hero-copy p em{font-style:normal;color:#f0c57c;font-weight:700}
.v7-hero .v7-main-cta{margin-top:19px;min-height:54px;font-size:22px;padding:12px 28px;position:relative;z-index:7}
.v7-arena{position:relative;max-width:1800px;width:100%;height:clamp(400px,33.5vw,600px);margin:7px auto 0;isolation:isolate}
.v7-character{position:absolute;z-index:2;bottom:0;object-fit:contain;object-position:center bottom;pointer-events:none;filter:drop-shadow(0 13px 14px #000b)}
.v7-minion{left:-2%;width:24%;height:100%;transform:rotate(2deg)}
.v7-wolf{right:-4%;width:29%;height:100%;filter:drop-shadow(0 14px 15px #000c) drop-shadow(0 0 7px #08acf33d)}
.v7-red-glow,.v7-blue-glow{position:absolute;z-index:-1;bottom:0;height:80%;width:35%;pointer-events:none}.v7-red-glow{left:0;background:radial-gradient(ellipse at 35% 60%,#d8193c43,transparent 70%)}.v7-blue-glow{right:0;background:radial-gradient(ellipse at 65% 60%,#00b1e95c,transparent 70%)}
.v7-field-console{position:absolute;width:62%;left:19%;bottom:8px;z-index:3;background:linear-gradient(125deg,#e8cd91,#63491f 21%,#f9e3ad 45%,#7d5a26 76%,#ecce8d);padding:5px 6px 4px;clip-path:polygon(0 22px,23px 0,calc(100% - 23px) 0,100% 22px,100% calc(100% - 18px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 18px));box-shadow:0 22px 45px #000b;filter:drop-shadow(0 15px 15px #0008)}
.v7-console-label{height:26px;display:flex;align-items:center;justify-content:center;gap:20px;background:linear-gradient(90deg,#281525,#071a2d 30%,#071a2d 70%,#062b3b);color:#e6cf9d;font:700 11px/1 Academy,Arial,sans-serif;letter-spacing:.24em;border-bottom:1px solid #e1c17d8f;position:relative}
.v7-console-label:before,.v7-console-label:after{content:"";position:absolute;width:24%;height:2px;top:12px;box-shadow:0 0 9px currentColor}.v7-console-label:before{background:#e34051;color:#e34051;left:5%}.v7-console-label:after{background:#0fcfe7;color:#0fcfe7;right:5%}.v7-console-label i{display:none}
.v7-field-window{overflow:hidden;background:#132e33;position:relative;border:1px solid #031326;box-shadow:inset 0 0 20px #0009}
.v7-field{display:block;width:100%;height:auto;aspect-ratio:1768/640}.v7-field-photo{filter:brightness(.9) saturate(.96)}
.v7-space-floor{fill:#02132808;stroke:#e9d49a;stroke-width:2.5;vector-effect:non-scaling-stroke;transition:fill .5s,stroke .5s}
.v7-space-number{font:700 26px Academy,Arial,sans-serif;fill:#fff9e8;stroke:#07131e;stroke-width:3px;paint-order:stroke;pointer-events:none}
.v7-gap-marker{opacity:0;transition:opacity .5s}.v7-gap-marker circle{fill:#102330cc;stroke:#ffb0a2;stroke-width:2.5}.v7-gap-marker path{stroke:#ffd6bb;stroke-width:4;stroke-linecap:round;fill:none}
.v7-hero.v7-revealed .v7-gap .v7-space-floor{fill:#c427415c;stroke:#ffd6a6}.v7-hero.v7-revealed .v7-gap-marker{opacity:1}.v7-hero.v7-revealed .v7-covered .v7-space-floor{fill:#00c9de11;stroke:#99e9e4}
.v7-scan{opacity:0;pointer-events:none}.v7-scanning .v7-scan{animation:v7-field-scan 2.8s cubic-bezier(.2,.6,.4,1) 1 both}
@keyframes v7-field-scan{0%{opacity:0;transform:translateY(0)}8%{opacity:1}88%{opacity:.9}100%{opacity:0;transform:translateY(420px)}}
.v7-console-footer{background:linear-gradient(100deg,#071326,#031527 60%,#052a38);display:flex;align-items:center;justify-content:space-between;min-height:45px;padding:7px 25px;gap:20px;border-top:1px solid #b89a6380}
.v7-field-caption{font:400 13px/1.3 Arial,sans-serif;color:#b9ccdc}.v7-field-caption strong{color:#e4f5fa;font-weight:700}
.v7-gap-count{display:flex;gap:9px;align-items:center;flex:none;color:#eace8b}.v7-gap-count>b{font:700 32px/.9 Academy,Arial,sans-serif;min-width:20px;text-align:center}.v7-gap-count>span{font:700 9px/1.2 Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:#bdd4df}
.v7-reveal-controls{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:5;margin-top:8px}
.v7-reveal-button{cursor:pointer;display:inline-flex;align-items:center;gap:10px;border:1px solid #35cbd587;background:linear-gradient(160deg,#06263bee,#051629ed);color:#dcfcff;padding:11px 21px;min-height:44px;border-radius:2px;box-shadow:inset 0 0 12px #00c3e112,0 0 20px #009bd315;font:700 15px/1.2 Academy,Arial,sans-serif;letter-spacing:.03em}
.v7-reveal-button:hover{border-color:#9af7ff;background:#0a3146}.v7-reveal-button:focus-visible{outline:3px solid #fff;outline-offset:5px}.v7-reveal-button:disabled{cursor:wait;opacity:.8}.v7-reveal-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}
.v7-example-note{font:400 10px/1.3 Arial,sans-serif;color:#9cb6c9;letter-spacing:.035em;margin:0}
.v7-sr-status{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
@media(min-width:1800px){.v7-arena{height:600px}.v7-hero-copy{padding-top:40px}.v7-hero-copy h1{font-size:96px}.v7-field-console{width:62%;left:19%}}
@media(max-width:1000px){.v7-arena{height:385px}.v7-field-console{width:70%;left:15%}.v7-minion{left:-5%;width:28%;height:100%}.v7-wolf{right:-10%;width:32%;height:100%}.v7-hero-copy h1{font-size:64px}.v7-field-caption{font-size:11px}.v7-console-footer{padding:7px 16px;min-height:43px}}
@media(max-width:600px){.v7-hero{padding-bottom:23px}.v7-hero-copy{padding:28px 18px 0}.v7-hero-copy h1{font-size:clamp(36px,10.8vw,56px);line-height:1}.v7-mastery{font-size:.52em;margin-top:9px}.v7-hero-copy p{font-size:17px;line-height:1.5;margin-top:19px}.v7-desktop-break{display:none}.v7-hero .v7-main-cta{min-height:50px;font-size:19px;padding:12px 19px;margin-top:20px;gap:15px}.v7-arena{height:295px;margin-top:13px}.v7-character{bottom:32%;height:66%;width:35%}.v7-minion{left:1%;width:30%;height:65%;bottom:31%}.v7-wolf{right:0;width:38%;height:68%;bottom:31%}.v7-field-console{width:94%;left:3%;bottom:3px;padding:3px;clip-path:polygon(0 12px,13px 0,calc(100% - 13px) 0,100% 12px,100% calc(100% - 10px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 10px))}.v7-console-label{height:20px;font-size:9px}.v7-console-label:before,.v7-console-label:after{top:9px;height:1px}.v7-console-footer{padding:7px 10px;gap:8px;min-height:48px}.v7-field-caption{max-width:65%;font-size:10px;line-height:1.35}.v7-field-caption strong{display:block}.v7-gap-count{gap:5px}.v7-gap-count>b{font-size:28px}.v7-gap-count>span{font-size:7px}.v7-space-floor{stroke-width:1.25}.v7-space-number{font-size:35px;stroke-width:4px}.v7-gap-marker circle{stroke-width:3px}.v7-reveal-controls{margin-top:10px;gap:9px}.v7-reveal-button{font-size:15px;padding:11px 19px}.v7-hero .v7-citadel{object-position:center;filter:brightness(.72) saturate(.9)}}
@media(max-width:360px){.v7-arena{height:266px}.v7-hero-copy p{font-size:16px}.v7-hero .v7-main-cta{font-size:18px}.v7-console-footer{padding-inline:9px}.v7-field-caption{font-size:9px}.v7-gap-count>span{font-size:7px}}
@media(prefers-reduced-motion:reduce){.v7-space-floor,.v7-gap-marker{transition:none!important}.v7-scanning .v7-scan{animation:none!important}}
/* Keep both faces above the field on narrow screens. */
@media(max-width:600px){.v7-character,.v7-minion,.v7-wolf{bottom:42%}}

/* The field is part of the citadel floor, not a framed display. */
.v8-hero-motion .v7-field-console{width:68%;left:16%;padding:0;bottom:2px;background:none;clip-path:none;box-shadow:none;filter:none}
.v8-hero-motion .v7-field-window{border:0;box-shadow:none;background:none;overflow:visible}
.v8-hero-motion .v7-field{overflow:visible}
.v8-hero-motion .v7-field-photo{filter:brightness(1) saturate(1.04)}
.v8-hero-motion .v7-character{z-index:4}
.v8-hero-motion .v7-space-floor{stroke:#c3dcca;stroke-width:1.1;fill:transparent;transition:none}
.v8-hero-motion .v7-space-number{font-size:29px;fill:#fff7dd;stroke:#07131edb;stroke-width:3;opacity:.94}
.v8-hero-motion .v7-console-footer{background:none;border:0;box-shadow:none;min-height:29px;padding:0 10%;margin-top:-25px;position:relative;z-index:3;gap:12px}
.v8-hero-motion .v7-field-caption{font:700 11px/1 Academy,Arial,sans-serif;letter-spacing:.22em;color:#e9ca8d;text-shadow:0 2px 7px #000}
.v8-hero-motion .v7-field-caption strong{color:inherit}
.v8-hero-motion .v7-gap-count{color:#efca87;gap:7px;text-shadow:0 2px 9px #000}
.v8-hero-motion .v7-gap-count>b{font-size:29px}
.v8-hero-motion .v7-gap-count>span{font-size:8px;letter-spacing:.09em}
.v8-hero-motion .v7-arena:after{content:"";position:absolute;z-index:-1;left:13%;right:13%;bottom:0;height:90px;background:radial-gradient(ellipse,#10b5f31c,transparent 65%);pointer-events:none}
.v8-gold-piece{filter:drop-shadow(0 2px 2px #0008);pointer-events:none}
.v8-attempt-trail{fill:none;stroke:#f2d48c;stroke-width:3;stroke-linecap:round;opacity:0}
.v8-player-origin{fill:#24ddec14;stroke:#6aecf6;stroke-width:2}
.v8-impact-ring{fill:none;stroke:#ff937f;stroke-width:2.5}
.v8-space-gate{pointer-events:none}
.v8-motion-controls{display:flex;align-items:center;justify-content:center;gap:10px;position:relative;z-index:5;height:34px;margin-top:3px}
.v8-motion-toggle{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;padding:7px;color:#bcd4e0;background:transparent;cursor:pointer}
.v8-motion-toggle:hover{background:#0c2b4555;color:#fff}
.v8-motion-toggle:focus-visible{outline:2px solid #d9bf83;outline-offset:3px}
.v8-motion-toggle svg{width:14px;height:14px;stroke:currentColor;stroke-width:2.2;fill:none}
.v8-motion-toggle .v8-play-icon{display:none;fill:currentColor;stroke-width:0}
.v8-motion-toggle[aria-pressed="true"] .v8-pause-icon{display:none}
.v8-motion-toggle[aria-pressed="true"] .v8-play-icon{display:block}
.v8-motion-toggle[hidden]{display:none}
@media(min-width:1800px){.v8-hero-motion .v7-field-console{width:68%;left:16%}}
@media(max-width:1000px){.v8-hero-motion .v7-field-console{width:76%;left:12%}.v8-hero-motion .v7-console-footer{margin-top:-20px}.v8-hero-motion .v7-minion{left:-5%}.v8-hero-motion .v7-wolf{right:-10%}}
@media(max-width:600px){.v8-hero-motion .v7-arena{height:295px}.v8-hero-motion .v7-field-console{width:100%;left:0;bottom:0}.v8-hero-motion .v7-character{bottom:36%;z-index:2}.v8-hero-motion .v7-space-floor{stroke-width:.8}.v8-hero-motion .v7-space-number{font-size:35px;stroke-width:4}.v8-hero-motion .v7-console-footer{padding:0 8%;margin-top:-4px;min-height:32px}.v8-hero-motion .v7-field-caption{font-size:9px}.v8-hero-motion .v7-gap-count>b{font-size:25px}.v8-hero-motion .v7-gap-count>span{font-size:7px}.v8-hero-motion .v7-example-note{font-size:9px}.v8-motion-controls{margin-top:6px}.v8-hero-motion .v7-character.v7-minion{bottom:36%}.v8-hero-motion .v7-character.v7-wolf{bottom:36%}}
@media(max-width:360px){.v8-hero-motion .v7-arena{height:272px}}

/* A raised field board: the original field perspective meets a layered chess plinth. */
.v8-hero-motion .v7-arena{height:clamp(320px,28.2vw,508px);margin-top:4px}
.v8-hero-motion .v7-field-console{width:76%;left:12%;bottom:0}
.v8-hero-motion .v7-field-photo{filter:brightness(.95) saturate(1.04)}
.v8-hero-motion .v7-console-footer{display:none}
.v11-chess-plinth{filter:drop-shadow(0 13px 12px #0008)}
.v8-hero-motion .v7-character{height:100%;bottom:0}
.v8-hero-motion .v7-minion{left:-2.5%;width:25%}
.v8-hero-motion .v7-wolf{right:-4%;width:29%}
.v8-hero-motion .v11-hero-finish{height:auto;min-height:54px;gap:13px;margin:12px 20px 0}
.v8-hero-motion .v11-hero-finish .v7-main-cta{margin:0}
.v11-hero-finish .v8-motion-toggle{position:absolute;left:calc(50% + 184px)}
@media(min-width:1800px){.v8-hero-motion .v7-hero-copy{padding-top:30px}.v8-hero-motion .v7-field-console{width:76%;left:12%}}
@media(max-width:1000px){.v8-hero-motion .v7-arena{height:clamp(300px,35vw,350px)}.v8-hero-motion .v7-field-console{width:90%;left:5%}.v8-hero-motion .v7-minion{width:27%;left:-5%}.v8-hero-motion .v7-wolf{width:32%;right:-7%}}
@media(max-width:600px){.v8-hero-motion .v7-arena{height:235px;margin-top:3px}.v8-hero-motion .v7-field-console{width:100%;left:0;bottom:0}.v8-hero-motion .v7-character.v7-minion{height:69%;width:32%;bottom:28%;left:0}.v8-hero-motion .v7-character.v7-wolf{height:70%;width:39%;bottom:28%;right:-1%}.v8-hero-motion .v11-hero-finish{margin-top:9px;min-height:50px;margin-inline:12px}.v11-hero-finish .v8-motion-toggle{position:static;width:30px;height:30px;flex:none}.v8-hero-motion .v11-hero-finish .v7-main-cta{font-size:19px;padding-inline:20px}}
@media(max-width:360px){.v8-hero-motion .v7-arena{height:215px}.v8-hero-motion .v11-hero-finish .v7-main-cta{font-size:18px;padding-inline:16px}.v8-hero-motion .v11-hero-finish{gap:7px}}

/* Reference-matched cobalt board shell. The existing field/photo crop, grid and motion are unchanged. */
.v8-hero-motion .v7-field-photo{filter:brightness(1.15) saturate(1.18) contrast(1.02)}
.v17-chess-shell{filter:drop-shadow(0 14px 10px #0009) drop-shadow(0 4px 6px #064bbb33)}

.v8-hero-motion .v7-space{clip-path:url(#v11-board-field)}

/* Sapphire stone shell and polished gold figures share the original field plane. */
.v21-chess-shell{filter:drop-shadow(0 11px 9px #000a)}
.v21-shell-raster{display:block;filter:drop-shadow(0 0 5px #087eff4d)}
.v21-sculpted-piece{filter:drop-shadow(0 2px 1.5px #0007)}
