/* Reader journey, relic inspection, and the versus desk share the archive's material palette. */
.lab-page,.journey-page{max-width:1440px}.lab-breadcrumb{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.9rem;margin:0 0 24px}.lab-breadcrumb a:hover{color:var(--gold)}.lab-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}.lab-heading h1,.journey-frame h1{font:clamp(2.5rem,5vw,4.6rem)/1.05 var(--serif);color:#f2e4c8;letter-spacing:-.04em;margin:5px 0 0}.lab-heading .eyebrow{margin:0 0 10px}.lab-pill{display:inline-flex;align-items:center;padding:7px 12px;border:1px solid #a48d5866;border-radius:3px;color:#e4c88e;font-size:.875rem;line-height:1.4;background:#cdb16e0b}.lab-fineprint{color:var(--muted);font-size:.875rem;line-height:1.6}.lab-gate{position:relative;overflow:hidden;padding:56px 40px;text-align:center;border:1px solid #b59a5c70;background:radial-gradient(ellipse at 50% 10%,#4a654338,transparent 65%),#0c1917;box-shadow:0 24px 80px #0004}.lab-gate h2{font:clamp(2rem,4vw,3.5rem)/1.15 var(--serif);margin:12px auto 22px;color:#f5dfb0}.lab-gate>p{max-width:710px;margin:16px auto}.lab-gate>small{display:block;color:var(--muted);font-size:.875rem;margin:18px auto 0;max-width:650px}.lab-gate .button{margin-top:18px}.lab-gate-emblem{display:inline-flex;width:70px;height:70px;padding:15px;border:1px solid #9d88524d;color:var(--gold);transform:rotate(45deg);margin-bottom:22px}.lab-gate-emblem svg{transform:rotate(-45deg);width:100%;height:100%}.lab-loading{padding:100px 30px;text-align:center;color:var(--gold);border:1px solid var(--line)}
.archive-guide-link{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;border:1px solid #a58b536b;background:linear-gradient(110deg,#23362a,#10231e);margin:0 0 28px}.archive-guide-link strong{font:1.4rem var(--serif);color:#edce92}.archive-guide-link span{color:var(--muted);font-size:.9rem}.archive-guide-link:hover{border-color:var(--gold)}.archive-labs-links{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:36px 0}.archive-labs-links a{display:block;position:relative;padding:26px 30px;border:1px solid #766c4666;background:linear-gradient(135deg,#26383088,#0c1917)}.archive-labs-links a:last-child{background:linear-gradient(135deg,#242b4088,#0c1917)}.archive-labs-links h2{font:2rem var(--serif);margin:8px 0;color:#f2e4c8}.archive-labs-links p{color:var(--muted);margin:9px 0 16px}.archive-labs-links a>span:last-child{color:var(--gold);font-size:.9rem}.archive-labs-links a:hover{border-color:var(--gold)}
/* A short guided reading surface, with the official cover always within reach. */
.journey-frame{border:1px solid #b49a625f;padding:32px 42px 42px;background:radial-gradient(ellipse at 90% 30%,#3454394a,transparent 60%),#0e1c19;box-shadow:0 25px 80px #0005}.journey-topline{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:30px}.journey-topline .eyebrow{margin:0}.journey-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:65px}.journey-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:30px 0 35px}.journey-steps button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;border:0;border-bottom:2px solid transparent;background:transparent;text-align:left;padding:16px 8px;color:var(--muted);font-size:.875rem}.journey-steps button>span{font:1.15rem var(--serif);color:#889a8b}.journey-steps button[aria-current]{color:var(--gold-light);border-bottom-color:var(--gold);background:#c4a2600b}.journey-steps button[aria-current]>span{color:var(--gold)}.journey-label{color:var(--mint);margin-bottom:12px}.journey-body{font-size:1.13rem;line-height:1.85;max-width:640px}.journey-note{padding:15px 18px;border-left:2px solid #bba25e6b;background:#bdd0bd06;font-size:.94rem;color:var(--muted);line-height:1.7}.journey-frame h2{font:clamp(2rem,3.5vw,3.1rem)/1.16 var(--serif);color:#efdfbf;margin:8px 0 20px}.journey-links{display:flex;flex-wrap:wrap;gap:12px 24px;color:var(--gold);font-size:.94rem;margin:24px 0 35px}.journey-links a:hover{text-decoration:underline}.journey-controls{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:24px}.journey-controls>span{margin-right:auto;color:var(--muted);font-size:.875rem}.journey-art{padding-top:15px;display:flex;flex-direction:column;align-items:center;text-align:center}.journey-art img{width:215px;height:auto;box-shadow:-8px 14px 40px #0009,0 0 60px #dbc1781a;transform:perspective(800px) rotateY(-8deg);margin:20px 0 30px}.journey-art>p{font:1.4rem/1.5 var(--serif);color:#e7d5af}.journey-art .eyebrow{color:var(--muted)}.journey-art .button{width:100%}.journey-after{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin:25px 0;color:var(--gold);font-size:.9rem}.journey-after>span{display:flex;align-items:center;gap:12px;margin-right:auto;color:var(--muted)}.journey-after svg{width:20px;height:20px}
/* Concept artwork and source-backed technique diagrams. */
.relic-picker{display:grid;grid-template-columns:1fr 1fr;margin-bottom:18px;gap:12px}.relic-picker button{display:grid;grid-template-columns:auto 1fr;gap:3px 18px;padding:17px 22px;text-align:left;border:1px solid var(--line);background:#10201c}.relic-picker button>span{grid-row:span 2;align-self:center;font:2rem var(--serif);color:#83998b}.relic-picker strong{font:1.5rem var(--serif);color:#e2dbc8}.relic-picker small{font-size:.875rem;color:var(--muted)}.relic-picker button[aria-pressed=true]{border-color:hsl(var(--relic-hue) 40% 60%);background:linear-gradient(110deg,hsl(var(--relic-hue) 35% 14%),#0f211c);box-shadow:inset 3px 0 hsl(var(--relic-hue) 55% 65%)}.relic-picker button[aria-pressed=true]>span{color:hsl(var(--relic-hue) 55% 73%)}.relic-workbench{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);border:1px solid #9e8d6150;background:#0b1715;box-shadow:0 20px 65px #0004}.relic-display{padding:23px;min-width:0;background:radial-gradient(ellipse at 50% 30%,hsl(var(--relic-hue) 25% 15% / .8),transparent 70%)}.relic-art-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.relic-art-top .eyebrow{margin:0;font-size:.875rem}.relic-art-stage{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1.4;margin:20px -8px 0;display:grid;place-items:center}.relic-transform{position:relative;width:100%;transform:rotate(var(--tilt)) scale(var(--zoom));transition:transform .12s ease-out}.relic-transform img{width:100%;height:auto;filter:drop-shadow(0 12px 18px #000a);user-select:none}.relic-orbit{position:absolute;width:65%;aspect-ratio:1;top:7%;border:1px solid hsl(var(--relic-hue) 50% 70% / .17);border-radius:50%;box-shadow:0 0 0 18px #94b09504,0 0 0 19px #94b0950c}.relic-orbit:after{content:'';position:absolute;inset:15%;border:1px dashed #b9ae7e29;border-radius:50%}.relic-hotspot{position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;border:1px solid #efddacb0;background:#0b1517dd;color:#f1d8a2;font-size:.9rem;box-shadow:0 0 20px #0009;z-index:2}.relic-hotspot[aria-pressed=true]{background:#eed5a2;color:#152119;box-shadow:0 0 22px #e8cf7650}.relic-inspection{display:flex;gap:16px;min-height:112px;padding:16px;border-top:1px solid #6d776253;background:#111e1b80}.relic-inspection>span{font:1.8rem var(--serif);color:hsl(var(--relic-hue) 48% 72%)}.relic-inspection h3{font:1.25rem var(--serif);margin:0 0 6px;color:#ecddbf}.relic-inspection p{margin:0;color:var(--muted);font-size:.94rem;line-height:1.6}.relic-view-controls{display:flex;align-items:center;gap:20px;padding:18px 0 6px}.relic-view-controls label{flex:1;min-width:0;font-size:.875rem;color:var(--muted)}.relic-view-controls input{width:100%;accent-color:var(--gold);display:block;margin:14px 0;height:20px}.relic-art-caption{font-size:.875rem;line-height:1.6;color:#b1bbae;margin:16px 0 0}.relic-console{border-left:1px solid #8e84514a;padding:23px;background:#101e1b}.relic-tech-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:24px}.relic-tech-tabs button{flex:1;padding:11px 10px;background:transparent;border:1px solid #64705b70;color:var(--muted);font-size:.94rem;border-radius:3px}.relic-tech-tabs button[aria-pressed=true]{background:#d5b67718;border-color:var(--gold);color:var(--gold-light)}.relic-technique h3{font:2.2rem/1.1 var(--serif);color:#f0dfbd;margin:12px 0 17px}.relic-technique>p{font-size:1rem;line-height:1.65;margin:12px 0}.relic-technique .relic-instruction{font-size:.94rem;color:var(--muted);min-height:70px}.relic-range{display:block;font-size:.875rem;color:var(--muted);margin:18px 0}.relic-range input{width:100%;display:block;accent-color:hsl(var(--relic-hue) 45% 60%);height:26px}.relic-range>span{font-size:.875rem}.relic-options{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.relic-options button{border:1px solid var(--line);background:#0a1814;padding:10px 12px;font-size:.875rem}.relic-options button[aria-pressed=true]{color:var(--gold);border-color:var(--gold)}.relic-schematic{height:180px;border:1px solid #67816f48;position:relative;overflow:hidden;background:#071411}.schematic-grid{position:absolute;inset:0;background-image:linear-gradient(#8bad9620 1px,transparent 1px),linear-gradient(90deg,#8bad9620 1px,transparent 1px);background-size:30px 30px;opacity:.45}.schematic-label{position:absolute;left:15px;top:12px;font-size:.75rem;letter-spacing:.09em;color:#a4b9a9}.schematic-label.second{top:91px}.trajectory{position:absolute;left:14%;right:14%;height:1px;top:59px;background:#8abda962}.echo-path{top:139px;background:hsl(var(--relic-hue) 50% 60% / .4)}.trajectory i{position:absolute;left:0;top:-5px;width:11px;height:11px;border-radius:50%;background:#f0cf85;box-shadow:0 0 16px #e6b75666}.echo-path i{background:hsl(var(--relic-hue) 60% 70%);box-shadow:0 0 20px hsl(var(--relic-hue) 60% 60% / .5)}.echo-path i:nth-child(n+2){opacity:0}.is-playing .primary-path i{animation:relic-transit 2.6s linear both}.is-playing .echo-path i:first-child{animation:relic-transit 2.6s linear both}.technique-drift.is-playing .echo-path i:nth-child(2){opacity:calc(.25 + var(--emphasis) * .5);animation:relic-transit 2.6s .12s linear both}.technique-drift.is-playing .echo-path i:nth-child(3){opacity:calc(.1 + var(--emphasis) * .5);animation:relic-transit 2.6s .24s linear both}.technique-echo .trajectory{transform:scaleX(var(--direction))}.technique-echo.is-playing .primary-path i{animation:relic-transit 1.1s ease-in-out both}.technique-echo.is-playing .echo-path i:first-child{animation:relic-transit 1.1s 1.3s ease-in-out reverse both}.technique-ledger .trajectory{transform:rotate(calc((var(--pattern) - 1) * 9deg))}.technique-ledger.is-playing .primary-path i{animation:relic-transit 1s cubic-bezier(.7,.1,.3,1) both}.technique-ledger.is-playing .echo-path i:first-child{animation:relic-transit 1s 1.3s cubic-bezier(.7,.1,.3,1) both}.relic-schematic svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.anchor-route{stroke:hsl(var(--relic-hue) 60% 65%);stroke-width:2;fill:none;stroke-dasharray:4 7;opacity:.25}.is-playing .anchor-route{opacity:1;stroke-dasharray:500;stroke-dashoffset:500;animation:anchor-traverse 2s ease-out forwards}.relic-anchor{position:absolute;transform:translate(-50%,-50%);border:1px solid hsl(var(--relic-hue) 30% 50%);width:44px;height:44px;display:grid;place-items:center;background:#171b19;border-radius:50%;font-size:.875rem}.relic-anchor.selected{color:#eed09b;border-color:#eed09b;box-shadow:0 0 22px #f3b95b1b}.relic-play-row{display:flex;gap:12px;margin-top:20px}.relic-demo-status{min-height:65px;font-size:.875rem!important;color:var(--muted)}.relic-lore-foot{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:30px 0}.relic-lore-foot>article{padding:22px 26px;border-left:1px solid #b19c604d;background:#15231b66}.relic-lore-foot h2{font:1.8rem var(--serif);margin:10px 0;color:#ead4ac}.relic-lore-foot p{color:var(--muted);line-height:1.75}.relic-lore-foot .eyebrow{color:var(--gold)}
/* A working comparison surface: immediate controls, comparable metrics, explicit reasoning. */
.match-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:end;padding:20px 22px;background:#182a2380;border:1px solid #60705380}.match-toolbar label,.match-index-controls label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:.875rem}.match-toolbar>div{display:flex;gap:10px;flex-wrap:wrap}.matchup-page select,.matchup-page input{max-width:100%;min-width:0;border:1px solid #69745988;background:#0d1a17;color:#efdfbf;padding:11px 36px 11px 12px;border-radius:3px;font-size:1rem;min-height:46px}.match-toolbar select{min-width:225px}.match-arena-note{font-size:.94rem;color:var(--muted);margin:13px 0 23px}.match-duel{display:grid;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);align-items:stretch;position:relative;margin-bottom:24px}.match-fighter{min-width:0;border:1px solid hsl(var(--fighter-hue) 30% 47% / .5);background:radial-gradient(ellipse at 0 0,hsl(var(--fighter-hue) 36% 22% / .6),transparent 80%),#0d1917;padding:22px 25px;box-shadow:0 12px 35px #0003;position:relative;overflow:hidden}.match-fighter>label{display:block;color:#c9ceb9;font-size:.875rem;margin-bottom:8px}.match-fighter>select{width:100%}.match-fighter-heading{display:flex;align-items:center;gap:20px;margin-top:26px;min-height:100px}.match-fighter h2{font:clamp(1.5rem,2.3vw,2.3rem)/1.15 var(--serif);color:#efdfbf;overflow-wrap:anywhere;margin:7px 0}.match-fighter .eyebrow{font-size:.75rem;letter-spacing:.09em;margin:0}.fighter-monogram{font:2.1rem var(--serif);border:1px solid hsl(var(--fighter-hue) 35% 70% / .45);width:82px;height:96px;flex-shrink:0;display:grid;place-items:center;color:hsl(var(--fighter-hue) 65% 82%);background:linear-gradient(150deg,hsl(var(--fighter-hue) 30% 28% / .35),#0a1516);box-shadow:inset 0 0 28px hsl(var(--fighter-hue) 50% 40% / .15)}.match-ability{font-size:.875rem;color:hsl(var(--fighter-hue) 50% 80%);margin:8px 0}.fighter-plan{font-size:1rem;line-height:1.6;color:var(--muted);min-height:52px}.match-fighter .text-link{font-size:.9rem}.match-vs{display:grid;place-items:center;align-self:center;font:italic 1.4rem var(--serif);color:#e6c57f}.match-main-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.match-stat-panel{padding:24px;border:1px solid #4e685357;background:#10201999}.match-section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.match-section-heading h2{font:1.9rem var(--serif);color:#eddfc4;margin:0}.match-section-heading>span,.match-section-heading>strong{font-size:.875rem;color:var(--muted);font-weight:400}.match-stat-head{display:flex;justify-content:space-between;gap:20px;font-size:.875rem;color:var(--muted);margin-bottom:22px}.match-stat-head>span{max-width:46%}.match-stat-head>span:last-child{text-align:right}.match-stat-row{display:grid;grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);align-items:center;gap:12px;margin:18px 0}.stat-left,.stat-right{display:flex;gap:12px;align-items:center}.stat-left b,.stat-right b{font:1.2rem var(--serif);font-variant-numeric:tabular-nums;width:22px;flex-shrink:0}.stat-right b{text-align:right}.stat-label{font-size:.875rem;color:#ced7c4;text-align:center}.stat-track{display:block;height:6px;flex:1;background:#b9cbbc13;position:relative}.stat-track i{display:block;height:100%;background:linear-gradient(90deg,#4c9aa1,#a2d6d4);box-shadow:0 0 14px #78bcbd20}.stat-left .stat-track{display:flex;justify-content:flex-end}.stat-right .stat-track i{background:linear-gradient(90deg,#e8c88e,#b18659)}.match-stat-panel>.lab-fineprint{margin:24px 0 0}.match-verdict{border:1px solid #a18a595e;padding:30px;background:radial-gradient(ellipse at 80% 5%,#6f5b2822,transparent 70%),#101c18;position:relative;overflow:hidden}.match-ready{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:16px}.versus-mark{font:italic 4.6rem/1 var(--serif);color:#dabd7a;display:block;text-shadow:0 0 40px #d6a84825}.match-ready h2{font:2rem var(--serif);color:#e4d6b9;margin:10px 0}.match-ready p{color:var(--muted);font-size:.94rem;max-width:390px}.match-result-head h2{font:clamp(1.7rem,3vw,2.65rem)/1.2 var(--serif);margin:13px 0 16px;color:#f0dfb8;overflow-wrap:anywhere}.match-result-head>.eyebrow{font-size:.8125rem;letter-spacing:.08em;color:var(--mint);margin:0}.match-edge{margin:30px 0 18px}.match-edge>div:first-child{display:flex;justify-content:space-between;gap:25px;font-size:.875rem;color:var(--muted)}.match-edge>div:first-child>span{max-width:47%}.match-edge>div:first-child>span:last-child{text-align:right}.match-edge-bar{height:8px;background:#c7a168;margin:10px 0}.match-edge-bar i{display:block;background:#86bcc2;height:100%;border-right:3px solid #e6e1c4}.match-edge p{font-size:.94rem;color:#dfcea9}.match-edge small{font-size:.875rem;color:var(--muted)}.match-verdict>p{color:var(--muted);font-size:.94rem;line-height:1.7}.match-crossover{border-left:2px solid #b993bc;padding-left:15px}.match-calculating{height:100%;min-height:280px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.match-calculating h2{font:1.8rem var(--serif);color:var(--gold)}.match-calculating p{font-size:.9rem;color:var(--muted)}.is-matching .versus-mark{animation:match-impact 1.35s ease-in-out}.is-matching .match-fighter{animation:fighter-charge 1.35s ease-out}.match-breakdown{padding:30px 0}.match-swings{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.match-swings>span{padding:8px 12px;background:#1c2b2266;border:1px solid #485d4366;font-size:.875rem;color:var(--muted)}.match-swings strong{color:var(--gold);margin-right:8px}.match-paths{display:grid;grid-template-columns:1fr 1fr;gap:25px}.match-paths article{min-width:0;padding:26px;border:1px solid #56725544;background:#10201880}.match-paths h3{font:1.8rem var(--serif);color:#e8d9b8;margin:10px 0 20px}.match-paths p,.match-paths ul{line-height:1.75;color:var(--muted);font-size:1rem}.match-paths p strong{color:#e0d6bb;font-weight:500}.match-paths li{margin-bottom:10px}.match-evidence{border-top:1px solid var(--line);margin-top:22px;padding-top:15px}.match-evidence summary{font-size:.9rem;color:var(--gold);cursor:pointer;min-height:36px}.match-evidence h4{font-size:1rem;color:#dacbb0}.match-evidence p{font-size:.9rem;line-height:1.7}.match-method{border:1px solid var(--line);background:#10201880;margin:25px 0}.match-method summary{padding:18px 22px;font-size:1rem;color:#e8d1a4;cursor:pointer}.match-method>div{padding:0 24px 20px;color:var(--muted);font-size:.94rem;line-height:1.8}.match-method strong{color:#e1d3b8}.match-weight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:24px 0}.match-weight-grid>div{display:flex;flex-direction:column;padding:13px 15px;border-left:1px solid #bb9e5b88;background:#263a252e;font-size:.875rem}.match-index{border-top:1px solid #9e89534d;margin-top:50px;padding-top:30px}.match-index .eyebrow{margin-bottom:10px;color:var(--gold)}.match-index-controls{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}.match-index-count{padding:17px 0;color:var(--muted);font-size:.875rem}.match-pair-table-wrap{overflow:auto;border:1px solid var(--line)}.match-pair-table{width:100%;border-collapse:collapse;font-size:.94rem;min-width:580px}.match-pair-table th{padding:13px 18px;text-align:left;color:#d8bb80;font-size:.875rem;font-weight:500;background:#22382b66}.match-pair-table td{padding:14px 18px;border-top:1px solid #5e725032;vertical-align:middle}.match-pair-table td:first-child{width:52%}.match-pair-table td:first-child>span{font:italic 1rem var(--serif);color:#b69b63;padding:0 8px}.match-pair-table td strong{font-weight:400;color:#e3ddc8}.match-pair-table td:nth-child(2){font-size:.875rem;color:var(--muted)}.match-pair-table td small{display:block;font-size:.8125rem;color:#bdabc6;margin-top:4px}.match-pair-table tr:hover{background:#ae9d5908}.match-pair-table .button{white-space:nowrap}.match-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:18px}.match-pagination>span{margin-right:auto;font-size:.875rem;color:var(--muted)}
@keyframes relic-transit{from{left:0}to{left:100%}}@keyframes anchor-traverse{to{stroke-dashoffset:0}}@keyframes match-impact{0%{transform:scale(.85);opacity:.5}55%{transform:scale(1.12);text-shadow:0 0 35px #dfc48388}100%{transform:scale(1);opacity:1}}@keyframes fighter-charge{0%,100%{filter:none}55%{filter:brightness(1.25)}}
@media(min-width:1100px){.desktop-nav>a[href='/start-here']{color:var(--gold)}}
@media(max-width:1100px){.journey-layout{gap:35px;grid-template-columns:minmax(0,1fr) 235px}.journey-frame{padding:27px}.journey-art img{width:185px}.relic-workbench{grid-template-columns:1fr 1fr}.relic-display,.relic-console{padding:18px}.relic-art-top{align-items:flex-start;flex-direction:column;gap:10px}.match-main-grid{grid-template-columns:1fr 1fr}.fighter-monogram{width:60px;height:77px;font-size:1.5rem}.match-fighter-heading{gap:14px}.match-fighter{padding:18px}.match-toolbar{align-items:stretch;flex-direction:column}.match-toolbar label{flex-direction:row;align-items:center;gap:15px}.match-toolbar>div{justify-content:flex-end}}
@media(max-width:800px){.lab-heading{align-items:flex-start;flex-direction:column;gap:18px}.journey-layout{grid-template-columns:1fr}.journey-art{display:none}.journey-topline{flex-wrap:wrap;margin-bottom:20px}.journey-frame{padding:25px}.journey-body{font-size:1.05rem}.archive-guide-link{align-items:flex-start;flex-direction:column;gap:5px}.archive-labs-links{gap:14px}.archive-labs-links a{padding:22px}.archive-labs-links h2{font-size:1.7rem}.relic-workbench{grid-template-columns:1fr}.relic-console{border-left:0;border-top:1px solid var(--line);padding:25px}.relic-art-top{flex-direction:row}.relic-art-stage{max-height:430px;aspect-ratio:1.7}.relic-display{padding:22px}.relic-transform{max-width:630px}.relic-lore-foot{gap:20px}.match-main-grid{grid-template-columns:1fr}.match-duel{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr)}.match-vs{font-size:1.1rem}.match-fighter-heading{display:block}.fighter-monogram{display:none}.match-fighter h2{font-size:1.7rem}.match-stat-row{grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr)}.match-paths{gap:15px}.match-paths article{padding:20px}.match-index-controls{grid-template-columns:1fr 1fr}.match-index-controls label:first-child{grid-column:1/-1}.match-weight-grid{grid-template-columns:1fr 1fr}.match-ready{min-height:230px}.lab-gate{padding:40px 25px}.lab-gate h2{font-size:2.5rem}}
@media(max-width:540px){.lab-heading h1,.journey-frame h1{font-size:2.65rem}.lab-breadcrumb{font-size:.875rem;margin-bottom:20px}.journey-frame{padding:22px 18px}.journey-steps{grid-template-columns:1fr 1fr;gap:0;margin:24px 0}.journey-steps button{flex-direction:row;gap:9px;padding:14px 8px;align-items:center}.journey-controls{gap:8px;flex-wrap:wrap}.journey-controls>span{width:100%}.journey-controls .button{flex:1}.journey-controls a{flex:2}.journey-after{gap:15px}.journey-after>span{width:100%}.archive-labs-links{grid-template-columns:1fr}.relic-picker{gap:9px}.relic-picker button{padding:13px 12px;gap:4px}.relic-picker button>span{display:none}.relic-picker strong{font-size:1.15rem}.relic-picker small{font-size:.875rem}.relic-display,.relic-console{padding:17px}.relic-art-top{flex-wrap:wrap}.relic-art-stage{aspect-ratio:1.35;min-height:215px}.relic-view-controls{gap:10px;flex-wrap:wrap}.relic-view-controls label{flex-basis:40%}.relic-view-controls button{width:100%}.relic-inspection{padding:14px 10px}.relic-lore-foot{grid-template-columns:1fr;gap:15px}.relic-lore-foot>article{padding:18px 20px}.relic-technique h3{font-size:1.9rem}.relic-technique .relic-instruction{min-height:0}.relic-tech-tabs{gap:7px}.relic-tech-tabs button{font-size:.875rem}.match-toolbar{padding:16px}.match-toolbar label{flex-direction:column;align-items:stretch}.match-toolbar select{min-width:0;width:100%}.match-toolbar>div{display:grid;grid-template-columns:1fr 1fr}.match-toolbar [data-match-run]{grid-column:1/-1}.match-toolbar .button{padding:11px 10px;font-size:.9rem}.match-duel{grid-template-columns:1fr;gap:0}.match-vs{position:relative;z-index:1;margin:-15px auto;width:36px;height:30px;background:#14251d;border:1px solid #9e86495d;font-size:1rem}.match-fighter-heading{margin-top:17px;min-height:0}.match-fighter h2{font-size:1.85rem}.fighter-plan{min-height:0;margin:12px 0;font-size:.94rem}.match-stat-panel,.match-verdict{padding:20px 17px}.match-section-heading{flex-wrap:wrap;gap:10px}.match-stat-row{grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr);gap:7px}.stat-left,.stat-right{gap:6px}.stat-label{font-size:.875rem}.match-stat-head{font-size:.875rem}.match-paths{grid-template-columns:1fr}.match-index-controls{grid-template-columns:1fr}.match-index-controls label:first-child{grid-column:auto}.match-weight-grid{grid-template-columns:1fr}.match-pagination{flex-wrap:wrap}.match-pagination>span{width:100%;margin-bottom:8px}.match-pagination .button{flex:1}.match-pair-table{min-width:0}.match-pair-table th{padding:10px;font-size:.875rem}.match-pair-table td{padding:13px 10px}.match-pair-table td:first-child>span{display:block;padding:3px 0}.match-pair-table td:nth-child(2){max-width:100px;overflow-wrap:anywhere}.match-pair-table .button{font-size:.875rem;min-width:44px;padding:10px 8px;white-space:normal}.lab-gate{padding:32px 20px}.lab-gate h2{font-size:2.15rem}.lab-pill{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){.relic-transform{transition:none}.is-playing .trajectory i,.is-playing .anchor-route,.is-matching .versus-mark,.is-matching .match-fighter{animation:none!important}}
html[data-motion='quiet'] .is-playing .trajectory i,html[data-motion='quiet'] .is-playing .anchor-route,html[data-motion='quiet'] .is-matching .versus-mark,html[data-motion='quiet'] .is-matching .match-fighter{animation:none!important}

/* Keep expanded navigation usable with long translated labels and smaller laptops. */
.explore-panel{max-height:calc(100dvh - 145px);overflow:auto}.mobile-navigation{overflow:auto}.mobile-navigation nav a:nth-child(3){grid-column:auto;font:inherit;padding:12px 8px;border:0;margin:0}.mobile-navigation nav a[href='/chronicles-of-flux']{grid-column:1/-1;font:26px var(--serif);padding:20px 8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:6px 0}@media(min-width:1025px) and (max-width:1220px){.desktop-nav{gap:17px}.public-header{gap:20px;padding-left:25px;padding-right:25px}.desktop-nav>a[href='/works']{display:none}}
/* Distinct identities for the two new legendary relics. */
.relic-presence{position:absolute;inset:10%;pointer-events:none;z-index:-1;overflow:hidden}.relic-presence i{position:absolute;left:calc(8% + var(--n)*7%);top:calc(15% + var(--row)*15%);width:3px;height:3px;border-radius:50%;background:hsl(var(--relic-hue) 60% 75%);opacity:.3}.relic-record-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:20px;margin-bottom:25px}.relic-record-grid article{padding:22px;border:1px solid var(--line);background:#0f211c99}.relic-record-grid h3{font:1.5rem var(--serif);color:var(--gold-light)}.relic-record-grid p{color:var(--muted);font-size:.94rem;line-height:1.8}.relic-record-grid a{color:var(--gold)}
[data-relic='seirei-tether'] .relic-orbit{border-radius:8px 60%;transform:rotate(40deg);border-color:#d9eaba40}[data-relic='seirei-tether'] .relic-transform{filter:drop-shadow(0 0 14px #acd79524)}[data-relic='seirei-tether'] .relic-presence i{height:28px;width:1px;background:linear-gradient(transparent,#c1deb2,transparent);animation:seirei-breath 5s calc(var(--n)*-.4s) ease-in-out infinite}[data-relic='seirei-tether'] .relic-art-stage:hover .relic-transform{filter:drop-shadow(0 0 24px #c3e7a855)}[data-relic='daggers-endless-voyage'] .relic-orbit{transform:rotateX(58deg) rotate(-25deg);border-color:#93b2ef60;box-shadow:0 0 0 22px #ab93e708}[data-relic='daggers-endless-voyage'] .relic-presence i{width:30px;height:1px;border-radius:0;animation:voyage-drift 4s calc(var(--n)*-.35s) linear infinite;background:linear-gradient(90deg,transparent,#cbb0f6,#8bcee3)}[data-relic='daggers-endless-voyage'] .relic-art-stage:hover img{filter:drop-shadow(6px 0 8px #b695ed44) drop-shadow(-6px 0 10px #7dbdcc33)}
.relic-opening .relic-transform{animation:relic-unseal 850ms cubic-bezier(.2,.7,.2,1) backwards}.relic-opening[data-relic='daggers-endless-voyage'] .relic-transform{animation:relic-arrival 950ms cubic-bezier(.2,.7,.2,1) backwards}.resonance-channel{position:absolute;width:36%;height:60px;border:1px solid #b5d89480;border-radius:50%;top:70px}.channel-a{left:calc(14% - var(--alignment,0)*8%);transform:rotate(25deg)}.channel-b{right:calc(14% - var(--alignment,0)*8%);transform:rotate(-25deg)}.resonance-core{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);font:2rem var(--serif);color:#d2e9be}.is-playing .resonance-channel{animation:resonance-meet 2.6s ease-in-out both}.is-playing .resonance-core{animation:resonance-light 2.6s ease-in-out}.momentum-traces{position:absolute;inset:50px 25px 20px;display:flex;justify-content:space-around;align-items:center}.momentum-traces i{height:calc(20px + var(--strike)*10px);width:2px;transform:rotate(30deg);background:linear-gradient(#a8deed,#b5a3ed,#edd2a0);opacity:.25}.is-playing .momentum-traces i{animation:momentum-strike .45s calc(var(--strike)*.35s) both}.voyage-loop{position:absolute;inset:60px 15% 30px;border:1px dashed #a6bfca55;border-radius:50%;transform:rotate(calc(var(--pattern)*-12deg))}.voyage-loop i{position:absolute;left:-4px;top:45%;width:9px;height:9px;border-radius:50%;background:#a4d8e5;box-shadow:0 0 18px #acccee}.voyage-loop i:last-child{background:#b9a1eb}.is-playing .voyage-loop i{animation:voyage-return 2.7s ease-in-out}.is-playing .voyage-loop i:last-child{animation-delay:.18s}
@keyframes seirei-breath{0%,100%{transform:translateY(12px);opacity:.1}50%{transform:translateY(-15px);opacity:.6}}@keyframes voyage-drift{from{transform:translate(-30px,35px);opacity:0}40%{opacity:.5}to{transform:translate(100px,-35px);opacity:0}}@keyframes relic-unseal{from{opacity:0;filter:brightness(2) blur(7px);transform:rotate(-7deg) scale(.9)}to{opacity:1;filter:none;transform:rotate(var(--tilt)) scale(var(--zoom))}}@keyframes relic-arrival{from{opacity:0;transform:translateX(-55px) rotate(8deg) scale(.85)}60%{filter:brightness(1.6)}to{opacity:1;transform:rotate(var(--tilt)) scale(var(--zoom))}}@keyframes resonance-meet{50%{border-color:#edffd7;box-shadow:0 0 18px #dcefa033}to{opacity:.7}}@keyframes resonance-light{50%{text-shadow:0 0 30px #dcffb4;filter:brightness(1.8)}}@keyframes momentum-strike{from{opacity:0;transform:translateX(-10px) rotate(30deg)}to{opacity:1;transform:translateX(0) rotate(30deg)}}@keyframes voyage-return{0%,100%{left:-4px;top:45%}35%{left:50%;top:-4px}55%{left:100%;top:45%}80%{left:50%;top:95%}}
@media(min-width:1100px){.relic-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.relic-picker strong{font-size:1.2rem}.relic-picker button{padding:15px 12px;gap:5px 10px}.relic-picker button>span{font-size:1.5rem}}@media(max-width:800px){.relic-record-grid{grid-template-columns:1fr}.relic-presence i{animation:none!important}}
@media(prefers-reduced-motion:reduce){.relic-opening .relic-transform,.relic-presence i,.is-playing .resonance-channel,.is-playing .resonance-core,.is-playing .momentum-traces i,.is-playing .voyage-loop i{animation:none!important}}html[data-motion='quiet'] .relic-opening .relic-transform,html[data-motion='quiet'] .relic-presence i,html[data-motion='quiet'] .relic-schematic *{animation:none!important}

.voyage-path-0{inset:105px 22% 50px;border-radius:3px;transform:none}.voyage-path-2{inset:45px 7% 20px;border-width:2px}
/* Beginner guide: intimate character introductions and a reading-first route. */
.journey-welcome{font-size:1.05rem;color:#cbd8cf;line-height:1.6;margin:1rem 0}.journey-protection{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-left:3px solid #a5b995;background:#10221df2;padding:.9rem 1rem;margin:1.25rem 0}.journey-protection b{font-size:.95rem;color:#e3ead6}.journey-protection p{font-size:.875rem;color:#b5c6be;margin:.35rem 0 0;line-height:1.5}.journey-protection .button{flex-shrink:0}.journey-premise{border-left:1px solid #ad956266;padding:0 0 0 1rem;margin:1.3rem 0}.journey-premise p,.journey-bond,.journey-choice{font-size:1rem;line-height:1.75;color:#c5d1c8}.journey-premise b{color:#ead6ae}.journey-read-now{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:1.5rem 0}.journey-read-now span{font-size:.875rem;color:#c0cabe}.journey-duo{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin:1.5rem 0}.journey-duo article{padding:1.2rem;border-top:2px solid #72a7b2;background:linear-gradient(135deg,#15262a,#0d1b19)}.journey-duo article+article{border-color:#bba375;background:linear-gradient(135deg,#27281b,#0d1b19)}.journey-duo h3{font:1.35rem/1.25 var(--serif);color:#f0e0bf;margin:.7rem 0}.journey-duo p{font-size:1rem;line-height:1.75;color:#c0cdc5}.journey-duo a,.journey-primer-link,.journey-route a{font-size:1rem;color:#e5c88f;text-underline-offset:4px}.journey-duo a:hover,.journey-route a:hover{text-decoration:underline}.journey-primer{display:grid;gap:1rem;margin:1.5rem 0}.journey-primer>div{padding:0 0 1rem;border-bottom:1px solid #9d925033}.journey-primer dt{font-size:1rem;font-weight:700;color:#e8d6b3}.journey-primer dd{font-size:1rem;line-height:1.75;margin:.35rem 0 0;color:#c0cdc5}.journey-route{padding-left:1.5rem;margin:1.5rem 0}.journey-route li{padding:.9rem 0;border-bottom:1px solid #ad956233;color:#dfc18a;font-size:1rem}.journey-route li::marker{font-weight:700}.journey-route b{color:#ead7b5}.journey-route p{color:#c0cdc5;line-height:1.6;margin:.4rem 0}.journey-route .button{margin:.45rem 0}.journey-route-links{display:flex;gap:1.3rem}.journey-art small{font-size:.875rem;color:#b7c5bb;text-align:center;line-height:1.5}.journey-reader-note{align-items:start}.journey-reader-note>div{max-width:780px}.journey-reader-note h2{font:1.6rem var(--serif);color:#ead7b5;margin:0 0 .7rem}.journey-reader-note p{font-size:1rem;line-height:1.75;color:#b9c8be;margin:0}.journey-reader-note>a{font-size:1rem;color:#e5c88f}.journey-page a:focus-visible,.journey-page button:focus-visible{outline:2px solid #edd19e;outline-offset:4px}.journey-page .journey-body{font-size:1.05rem}.journey-page .journey-note{font-size:.875rem;line-height:1.7}.journey-layout>div{min-width:0}
@media(max-width:800px){.journey-duo{grid-template-columns:1fr}.journey-protection{align-items:start;flex-direction:column}.journey-reader-note{flex-direction:column}.journey-protection .button{white-space:normal}.journey-route .button{max-width:100%}.journey-art{margin-top:1.25rem}}