/* Keep the canonical Orion/Katana visual system. Only the product hero and rune overlay differ. */
[hidden]{display:none!important}
:root{--primary:#176c3b;--accent:#a1f2bd;--ring:#a1f2bd;--scrollbar-active:#a1f2bd}
.primary-button{border-color:#398653}.primary-button:hover{background:#1d7b45}.answer-option.selected{background:#1c3025}.answer-option:hover{border-color:#6d947c}.progress-track span.done{background:#258d4d}
.reward-choices .entry-confirmed{color:#b6edc6}
@font-face{font-family:Runes;src:url('/runes.ttf') format('truetype');font-display:swap}
button{font-family:var(--font-body);font-size:inherit} .primary-button{align-items:center;justify-content:center} .sound-toggle{background:transparent;border:0;display:flex;align-items:center} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.intro-shell .intro-saber{display:block;aspect-ratio:1290/1032;height:auto;max-height:420px;width:min(100%,900px);margin:0 auto}.intro-shell .intro-saber img{width:100%;height:100%;object-fit:cover;object-position:center;transform:none}.intro-shell .quiz-main{justify-content:center;align-items:flex-start;padding:20px 24px 24px}.intro-shell .quiz-wrap{max-width:640px}.intro-shell .intro-panel{border-top:1px solid #75899755;padding-top:18px}.intro-shell .intro-panel h1{font-size:clamp(1.65rem,6vw,2.65rem)}.intro-shell .intro-panel .result-button{max-width:none;margin:20px 0 12px}.intro-shell .intro-meta{text-align:left}.question-panel{min-height:380px}
.rune-swap{display:block}.rune-word{display:inline-block;white-space:nowrap}.rune-char{position:relative;display:inline-block;vertical-align:baseline}.rune-english{display:inline-block}.rune-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;font-family:Runes,serif;font-size:.88em;line-height:1;letter-spacing:0;pointer-events:none}.rune-phase .has-rune .rune-english{visibility:hidden}.rune-phase .rune-text{opacity:1;text-shadow:0 0 3px #70df9166}.restart{background:transparent;border:0;color:var(--muted-foreground);padding:14px 0;min-height:44px;text-decoration:underline;font-size:1rem}.restart:hover{color:var(--accent)}.result-description strong{color:#fff}.intro-panel .question-description{text-transform:none;letter-spacing:0;font-size:1.125rem}.answer-option{font-size:1.125rem}.sound-icon{width:19px;height:19px}
@media(min-width:900px){
 .intro-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;height:100svh;min-height:100svh}
 .intro-shell .site-header{grid-column:1/-1;grid-row:1}
 .intro-shell .site-footer{grid-column:1/-1;grid-row:3}
 .intro-shell .intro-saber{grid-column:2;grid-row:2;width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto;margin:0}
 .intro-shell .intro-saber img{object-fit:cover;object-position:center;height:100%;max-height:none}
 .intro-shell .intro-saber::after{background:linear-gradient(90deg,#16161622,transparent 22%)}
 .intro-shell .quiz-main{grid-column:1;grid-row:2;min-height:0;padding:clamp(24px,4vw,64px);align-items:center;justify-content:center}
 .intro-shell .quiz-wrap{max-width:600px;margin:0}
 .intro-shell .intro-panel{border:0;padding:0}
 .intro-shell .intro-panel h1{font-size:clamp(1.9rem,3.25vw,3.25rem);line-height:1.12}
 .intro-shell .intro-panel .result-button{width:100%;max-width:none;margin:24px 0 12px}
 .intro-shell .intro-meta{line-height:1.5}
}
@media(min-width:900px) and (max-height:700px){.intro-shell .quiz-main{padding:20px 36px}.intro-shell .intro-panel h1{font-size:clamp(1.8rem,3vw,2.7rem)}.intro-shell .intro-panel .question-description{margin:12px 0;font-size:1rem}.intro-shell .intro-panel .result-button{margin-top:16px}.intro-shell .intro-meta{font-size:.75rem}}
@media(max-width:640px){.intro-shell .quiz-main{padding:16px 20px 20px}.intro-shell .intro-saber{max-height:none}.intro-shell .intro-panel .result-button{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.rune-phase .has-rune .rune-english{visibility:visible}.rune-phase .rune-text{opacity:0}}
.rune-text{color:#65ffa1}.rune-phase .rune-text{text-shadow:0 0 3px #9dffc3,0 0 10px #32e778cc,0 0 22px #17d35d88}
.answer-option{position:relative;isolation:isolate;overflow:visible}
.answer-option.energy-selected{border-color:#4fff91;box-shadow:0 0 16px #39ff7833;background:#1b3027}
.answer-energy{position:absolute;inset:-10px;pointer-events:none;z-index:2;opacity:0;animation:answer-surge .6s ease-out forwards}
.answer-energy .energy-smoke{position:absolute;inset:-18px -4px;opacity:.7;filter:blur(15px);mix-blend-mode:screen;background:radial-gradient(at 28% 48%,#17894691,transparent 52%),radial-gradient(at 74% 65%,#28ff794d,transparent 50%);animation:answer-smoke .6s ease-out both}
.answer-energy .energy-smoke:after{content:'';position:absolute;inset:10%;filter:blur(10px);background:linear-gradient(100deg,transparent 13%,#22c95d50 46%,transparent 78%)}
.answer-energy svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 5px #27e56e)}
.answer-energy .energy-arc{fill:none;stroke:#75ffa5;stroke-width:1.3;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:360;stroke-dashoffset:360;animation:answer-lightning .45s ease-out forwards}
.answer-energy .energy-arc:nth-child(2){animation-delay:.06s;stroke:#32db76;stroke-width:1}
@keyframes answer-surge{0%{opacity:0}20%{opacity:1}65%{opacity:.8}100%{opacity:0}}
@keyframes answer-smoke{0%{transform:translateY(8px) scale(.96)}100%{transform:translateY(-16px) scale(1.06)}}
@keyframes answer-lightning{0%{stroke-dashoffset:360}60%{stroke-dashoffset:0}100%{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.answer-energy{display:none}.answer-option.energy-selected{box-shadow:none}}