.school-card,.triad-card,.quiz-answer,.quiz-nav button{font:inherit;color:inherit;background:none;border:none;text-align:left;width:100%;-webkit-appearance:none;appearance:none}.arcana-hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 20px 80px;overflow:hidden}.arcana-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 50% 45%,rgba(201,169,97,.1),transparent 40%),radial-gradient(circle at 50% 45%,rgba(20,33,58,.6),transparent 70%);pointer-events:none}.hero-sigil{position:relative;width:360px;height:360px;margin-bottom:30px;display:flex;align-items:center;justify-content:center}.hero-sigil svg{position:absolute;inset:0;width:100%;height:100%}.ring-outer{animation:spin-slow 90s linear infinite}.ring-inner{animation:spin-slow 60s linear infinite reverse}.arcana-hero .eyebrow{font-family:var(--f-display);font-size:12px;letter-spacing:.45em;color:var(--gold);text-transform:uppercase;margin-bottom:18px;display:inline-flex;align-items:center;gap:14px}.arcana-hero .eyebrow:before,.arcana-hero .eyebrow:after{content:"";width:40px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.arcana-hero h1{font-size:clamp(40px,7.2vw,96px);line-height:1;color:var(--parchment);letter-spacing:.06em;text-shadow:0 2px 20px rgba(201,169,97,.18)}.arcana-hero h1 .amp{display:block;font-family:var(--f-script);font-style:italic;font-weight:400;letter-spacing:.02em;color:var(--gold-bright);font-size:.55em;margin-top:18px;text-transform:lowercase}.arcana-hero .tagline{margin-top:36px;font-family:var(--f-script);font-size:clamp(18px,2vw,24px);font-style:italic;color:var(--parchment);opacity:.78;max-width:620px}.arcana-hero .meta{margin-top:60px;display:flex;gap:40px;flex-wrap:wrap;justify-content:center;font-family:var(--f-display);font-size:11px;letter-spacing:.32em;color:var(--gold);text-transform:uppercase}.arcana-hero .meta div{display:flex;align-items:center;gap:10px}.arcana-hero .meta .num{color:var(--parchment);font-size:22px;letter-spacing:.04em;font-weight:600}.scroll-cue{position:absolute;bottom:28px;left:50%;transform:translate(-50%);font-family:var(--f-display);font-size:10px;letter-spacing:.4em;color:var(--gold);text-transform:uppercase;opacity:.7;display:flex;flex-direction:column;align-items:center;gap:10px}.scroll-cue .line{width:1px;height:36px;background:linear-gradient(180deg,var(--gold),transparent);animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.triads{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}@media(max-width:980px){.triads{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.triads{grid-template-columns:1fr}}.triad-card{position:relative;padding:36px 28px 30px;border-radius:2px;cursor:pointer;overflow:hidden;min-height:360px;display:flex;flex-direction:column;transition:transform .45s ease,box-shadow .45s ease}.triad-card:hover{transform:translateY(-4px)}.triad-card:hover.parchment{box-shadow:inset 0 0 40px #785a2866,inset 0 0 0 1px #785a284d,0 24px 50px #00000073}.triad-card .roman-num{font-family:var(--f-display);font-size:11px;letter-spacing:.4em;color:var(--gold-deep);text-transform:uppercase}.triad-card .name{font-family:var(--f-display);font-size:30px;letter-spacing:.06em;margin-top:12px;color:var(--ink)}.triad-card .en{font-family:var(--f-script);font-style:italic;font-size:16px;color:var(--ink-soft);margin-top:4px}.triad-card .blurb{font-size:15.5px;color:var(--ink-soft);margin-top:20px;flex:1}.triad-card .schools{margin-top:22px;padding-top:18px;border-top:1px dashed rgba(120,90,40,.4);display:flex;flex-direction:column;gap:6px}.triad-card .schools span{font-family:var(--f-display);font-size:11px;letter-spacing:.28em;color:var(--ink);text-transform:uppercase;display:flex;align-items:center;gap:10px}.triad-card .schools span:before{content:"✦";color:var(--gold-deep);font-size:9px}.triad-card .sigil-bg{position:absolute;right:-30px;bottom:-30px;width:220px;height:220px;opacity:.07}.triad-card .sigil-bg svg{width:100%;height:100%}.schools-section{background:var(--navy-deep)}.schools-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-deep),transparent)}.schools-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-deep),transparent)}.triad-band{max-width:1280px;margin:0 auto 80px}.triad-band:last-child{margin-bottom:0}.triad-band .band-head{display:flex;align-items:baseline;gap:18px;padding-bottom:14px;margin-bottom:30px;border-bottom:1px solid rgba(201,169,97,.25)}.triad-band .band-head .num{font-family:var(--f-display);font-size:12px;letter-spacing:.4em;color:var(--gold)}.triad-band .band-head .nm{font-family:var(--f-display);font-size:22px;letter-spacing:.12em;color:var(--parchment);text-transform:uppercase}.triad-band .band-head .en{font-family:var(--f-script);font-style:italic;font-size:16px;color:var(--parchment);opacity:.6}.school-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media(max-width:900px){.school-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.school-grid{grid-template-columns:1fr}}.school-card{position:relative;padding:30px 26px 26px;cursor:pointer;overflow:hidden;transition:transform .4s ease,box-shadow .4s ease;min-height:260px;display:flex;flex-direction:column}.school-card:hover{transform:translateY(-4px)}.school-card:hover.parchment{box-shadow:inset 0 0 35px #785a2866,inset 0 0 0 1px var(--gold-deep),0 20px 40px #00000080}.school-card .sigil{width:64px;height:64px;margin-bottom:18px}.school-card .sigil svg{width:100%;height:100%}.school-card .nm{font-family:var(--f-display);font-size:22px;letter-spacing:.08em;color:var(--ink)}.school-card .role{font-family:var(--f-script);font-style:italic;font-size:15px;color:var(--ink-soft);margin-top:4px}.school-card .desc{font-size:15px;line-height:1.55;color:var(--ink-soft);margin-top:14px;flex:1}.school-card .more{font-family:var(--f-display);font-size:10px;letter-spacing:.4em;color:var(--gold-deep);text-transform:uppercase;margin-top:18px;display:flex;align-items:center;gap:8px}.school-card .more:after{content:"→";transition:transform .3s}.school-card:hover .more:after{transform:translate(4px)}.modal-back{position:fixed;inset:0;z-index:100;background:#07101ed9;backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;padding:30px;opacity:0;transition:opacity .3s}.modal-back.open{display:flex;opacity:1}.modal{position:relative;max-width:720px;width:100%;max-height:90vh;overflow-y:auto;padding:60px 50px 50px;transform:scale(.96);transition:transform .4s var(--ease)}.modal-back.open .modal{transform:scale(1)}.modal .close{position:absolute;top:18px;right:20px;width:36px;height:36px;background:transparent;border:1px solid var(--gold-deep);color:var(--ink);border-radius:50%;cursor:pointer;font-family:serif;font-size:16px;transition:background .25s}.modal .close:hover{background:var(--gold);color:var(--navy-deep)}.modal .triad-tag{font-family:var(--f-display);font-size:11px;letter-spacing:.4em;color:var(--gold-deep);text-transform:uppercase}.modal .nm{font-family:var(--f-display);font-size:44px;letter-spacing:.04em;color:var(--ink);margin-top:12px;line-height:1.05}.modal .role{font-family:var(--f-script);font-style:italic;font-size:20px;color:var(--ink-soft);margin-top:8px}.modal .sigil-row{display:flex;align-items:center;gap:24px;margin:32px 0 28px;padding:24px 0;border-top:1px dashed rgba(120,90,40,.4);border-bottom:1px dashed rgba(120,90,40,.4)}.modal .sigil-row .sg{width:80px;height:80px;flex-shrink:0}.modal .sigil-row .sg svg{width:100%;height:100%}.modal .sigil-row .pl{font-family:var(--f-script);font-style:italic;font-size:16px;color:var(--ink-soft)}.modal .sigil-row .pl strong{font-style:normal;font-family:var(--f-display);font-size:11px;letter-spacing:.32em;color:var(--ink);text-transform:uppercase;display:block;margin-bottom:6px}.modal h4{font-family:var(--f-display);font-size:12px;letter-spacing:.36em;color:var(--gold-deep);text-transform:uppercase;margin-top:26px;margin-bottom:10px}.modal p{font-size:17px;line-height:1.7;color:var(--ink)}.modal .flavour{font-family:var(--f-script);font-style:italic;font-size:19px;line-height:1.65;color:var(--ink-soft);border-left:2px solid var(--gold-deep);padding-left:18px;margin-top:12px}@media(max-width:560px){.modal{padding:50px 26px 30px}.modal .nm{font-size:32px}}.quiz-section{position:relative}.quiz-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(ellipse at 50% 30%,rgba(201,169,97,.07),transparent 60%);pointer-events:none}.quiz-frame{max-width:760px;margin:0 auto;padding:60px 52px 50px;position:relative;min-height:540px}@media(max-width:600px){.quiz-frame{padding:50px 24px 36px;min-height:600px}}.quiz-progress{display:flex;align-items:center;gap:8px;margin-bottom:14px}.quiz-progress .step{width:28px;height:2px;background:#785a284d;transition:background .4s}.quiz-progress .step.done{background:var(--gold-deep)}.quiz-progress .step.curr{background:var(--ink)}.quiz-counter{font-family:var(--f-display);font-size:11px;letter-spacing:.4em;color:var(--gold-deep);text-transform:uppercase;margin-bottom:28px}.quiz-question{font-family:var(--f-script);font-weight:500;font-size:30px;line-height:1.3;color:var(--ink);margin-bottom:28px}@media(max-width:600px){.quiz-question{font-size:24px}}.quiz-answers{display:flex;flex-direction:column;gap:12px}.quiz-answer{padding:18px 22px;border:1px solid rgba(120,90,40,.35);cursor:pointer;font-family:var(--f-body);font-size:17px;color:var(--ink);transition:background .25s,transform .25s,border-color .25s;display:flex;align-items:center;gap:16px}.quiz-answer .marker{font-family:var(--f-display);font-size:11px;letter-spacing:.3em;color:var(--gold-deep);flex-shrink:0}.quiz-answer:hover{background:#785a281a;border-color:var(--gold-deep);transform:translate(4px)}.quiz-nav{display:flex;justify-content:space-between;margin-top:30px;padding-top:22px;border-top:1px dashed rgba(120,90,40,.4)}.quiz-nav button{cursor:pointer;font-family:var(--f-display);font-size:11px;letter-spacing:.36em;text-transform:uppercase;color:var(--ink-soft);padding:8px 0;width:auto;transition:color .25s}.quiz-nav button:hover{color:var(--ink)}.quiz-nav button:disabled{opacity:.3;cursor:default}.quiz-nav .restart{color:var(--gold-deep)}.quiz-stage{animation:fade-in .5s ease}.result-stage{text-align:center}.result-stage .pre{font-family:var(--f-display);font-size:11px;letter-spacing:.4em;color:var(--gold-deep);text-transform:uppercase}.result-stage .sigil{width:100px;height:100px;margin:20px auto 14px}.result-stage .sigil svg{width:100%;height:100%}.result-stage .nm{font-family:var(--f-display);font-size:46px;letter-spacing:.04em;color:var(--ink);margin-top:8px}.result-stage .triad{font-family:var(--f-script);font-style:italic;font-size:18px;color:var(--ink-soft);margin-top:6px}.result-stage .blurb{font-size:17px;line-height:1.7;color:var(--ink);margin-top:22px;max-width:540px;margin-left:auto;margin-right:auto}.result-stage .flavour{font-family:var(--f-script);font-style:italic;font-size:19px;color:var(--ink-soft);margin-top:18px;max-width:540px;margin-left:auto;margin-right:auto}.result-stage .alt{font-family:var(--f-script);font-size:15px;color:var(--ink-soft);margin-top:28px;padding-top:22px;border-top:1px dashed rgba(120,90,40,.4)}.result-stage .alt strong{font-family:var(--f-display);font-size:12px;letter-spacing:.28em;color:var(--ink);text-transform:uppercase}.result-stage .quiz-nav{justify-content:center;gap:40px}@media(prefers-reduced-motion:reduce){.ring-outer,.ring-inner,.scroll-cue .line,.quiz-stage{animation:none}}