/* Krynavexoriar: quest features, same approved midnight / copper palette. */
/* Keep the image and main message broad; introduce the supporting three benefits after three seconds of viewing. */
.who-section{grid-template-columns:35% minmax(0,1fr) 0;overflow:hidden;transition:grid-template-columns .8s cubic-bezier(.2,.8,.2,1)}
.who-section.who-revealed{grid-template-columns:35% minmax(0,1fr) clamp(190px,19vw,270px)}
.who-section .who-art{min-width:0}
.who-section .who-copy{min-width:0;padding:clamp(30px,3.7vw,58px) clamp(22px,3.7vw,58px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.who-section .who-copy h2{font-size:clamp(28px,2.5vw,42px);max-width:800px}
.who-section .who-copy p:not(.eyebrow){font-size:clamp(13px,1.05vw,16px);max-width:800px}
.who-section .who-art,.who-section .who-copy{min-height:320px;height:auto}
.who-section .who-art img{height:100%;width:100%;object-fit:cover}
.who-section .who-points{min-width:0;width:auto;opacity:0;transform:translateX(28px);pointer-events:none;overflow:hidden;transition:opacity .7s ease .2s,transform .7s ease .2s}
.who-section.who-revealed .who-points{opacity:1;transform:translateX(0);pointer-events:auto}
.who-section .who-points>div{min-width:160px}
@media(max-width:850px){.who-section,.who-section.who-revealed{display:grid;grid-template-columns:40% minmax(0,1fr)}.who-section .who-art,.who-section .who-copy{min-height:270px}.who-section .who-copy{padding:27px}.who-section .who-points{grid-column:1/-1;min-height:72px;max-height:none;transform:translateY(16px);border-left:0;border-top:1px solid var(--stroke);padding:15px 24px;display:flex;flex-direction:row;justify-content:space-around}.who-section .who-points>div{min-width:0}}
@media(max-width:600px){.who-section,.who-section.who-revealed{display:flex;flex-direction:column}.who-section .who-art{height:255px;min-height:0}.who-section .who-copy{min-height:0;padding:37px 22px}.who-section .who-points{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:20px 12px;gap:6px}.who-section .who-points>div{min-width:0;white-space:normal}}
@media(prefers-reduced-motion:reduce){.who-section,.who-section .who-points{transition:none!important}}
/* Quest-inspired buttons; unchanged hrefs, no misleading game account/registration route. */
.home-hero .button-row{gap:15px}
.home-hero .button-row .btn{border-radius:6px!important;position:relative;min-height:55px;padding:0 31px;letter-spacing:.025em;font-weight:700;text-align:center;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);border:1px solid #e4a469;box-shadow:inset 0 1px rgba(255,230,183,.36),0 8px 30px #0009;transition:transform .24s,box-shadow .24s,background .24s}
.home-hero .button-row .btn-primary{background:linear-gradient(125deg,#b56b32,#f7a35c 45%,#d38144);color:#17120e}
.home-hero .button-row .btn-outline{background:rgba(8,24,30,.8);color:#f7e5c9}
.home-hero .button-row .btn:hover{transform:translateY(-4px);box-shadow:0 0 28px rgba(247,163,92,.35),inset 0 1px rgba(255,220,168,.5)}
.home-hero .hero-proof{display:none!important}
/* 3 playable challenges */
.quest-arcade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0 28px}
.quest-game{min-width:0;position:relative;border:1px solid rgba(205,145,92,.37);background:linear-gradient(160deg,#14242a,#09171d 72%);box-shadow:0 20px 38px #0005;overflow:hidden;display:flex;flex-direction:column;border-radius:9px;transition:transform .25s,border-color .25s,box-shadow .25s}
.quest-game:hover,.quest-game:focus-within{border-color:var(--accent);box-shadow:0 14px 42px #0007,0 0 22px rgba(246,153,80,.18)}
.quest-game-head{padding:22px 22px 14px;min-height:177px}
.quest-level{font-size:10px;font-weight:800;letter-spacing:.2em;color:#fab077;display:flex;align-items:center;gap:8px}
.quest-level:before{content:'◇';font-size:18px}
.quest-game-head h3{font:500 clamp(25px,2.1vw,33px)/1.08 var(--serif);margin:9px 0;color:var(--ivory)}
.quest-game-head p{font-size:12px;color:#c9d2cf;line-height:1.55;margin:0;max-width:390px}
.quest-playfield{position:relative;background:#07161a;aspect-ratio:384/232;overflow:hidden;border-top:1px solid #a2734e;border-bottom:1px solid #71533c}
.quest-playfield canvas{width:100%;height:100%;display:block;touch-action:none;image-rendering:auto;outline-offset:-3px}
.quest-start-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:radial-gradient(ellipse at center,#12252a9e,#061014df);pointer-events:none;text-align:center;transition:opacity .25s}
.quest-start-overlay[hidden]{display:none}
.quest-start-overlay strong{font:500 27px var(--serif);color:#f8e8d3}
.quest-start-overlay small{font-size:12px;color:#e0bbb0}
.quest-play-icon{display:grid;place-items:center;height:56px;width:56px;border:1px solid var(--accent);border-radius:50%;color:var(--accent);box-shadow:0 0 33px #f7a35c5c;background:#152731e6;font-size:21px;padding-left:3px}
.quest-game-bar{display:flex;align-items:center;gap:8px;padding:13px 16px}
.quest-score{font-size:11px;color:#ffcf95;font-weight:800;letter-spacing:.04em;flex:1}
.quest-action{background:linear-gradient(140deg,#f8b06d,#d7844b);border:1px solid #e6aa70;border-radius:4px;color:#111b20;font-size:11px;font-weight:800;padding:11px 10px;white-space:nowrap;min-height:42px}
.quest-action:hover,.quest-action:focus-visible{background:#ffd39c}
.quest-restart{min-height:42px;min-width:42px;border:1px solid #795c49;background:#22323a;color:#ffcd92;font-size:22px;line-height:1;border-radius:4px}
.quest-restart:hover{background:#3c4144}
.quest-touch-controls{display:flex;align-items:center;justify-content:center;gap:9px;padding:0 16px 9px;min-height:50px}
.quest-touch-controls button{padding:9px 15px;border:1px solid #b08054;border-radius:5px;background:#24343a;color:#f7c393;font-size:12px;font-weight:800;touch-action:none;min-height:40px;user-select:none}
.quest-touch-controls button:active,.quest-touch-controls button.is-pressed{background:#f7a35c;color:#15212a}
.quest-pad button{min-width:43px}
.quest-course-note{margin:auto 0 0;padding:13px 16px;background:#0b1b22;border-top:1px solid #2a3940;font-size:11px;color:#b9cbc9;line-height:1.4}
.quest-study-note{display:flex;align-items:center;gap:22px;margin:28px 0 16px;padding-top:18px;border-top:1px solid var(--stroke)}
.quest-study-note span{white-space:nowrap}.quest-study-note p{color:var(--muted);font-size:13px;margin:0;max-width:650px}
@media(max-width:1000px){.quest-arcade{gap:10px}.quest-game-head{padding:16px;min-height:185px}.quest-game-bar{padding:10px 9px}.quest-action{font-size:10px;padding-inline:8px}.quest-restart{min-width:35px}.quest-course-note{padding:11px 9px}}
@media(max-width:760px){.quest-arcade{grid-template-columns:1fr;gap:22px;max-width:480px;margin-inline:auto}.quest-game-head{min-height:0;padding:22px}.quest-game-head h3{font-size:33px}.quest-game-head p{font-size:13px}.quest-game-bar{padding:15px}.quest-action{font-size:12px}.quest-course-note{padding:12px 15px}.quest-study-note{display:block}}
@media(prefers-reduced-motion:reduce){.quest-game,.quest-start-overlay,.home-hero .button-row .btn{transition:none!important}}
