.story-intro{--intro-paper: #ECE6D8;--intro-paper-light: #F5F0E8;--intro-edge: #8A7E6E;--intro-gold: #F5C842;--intro-ink: var(--bg, #0C0A18);--intro-panel: var(--panel, #16122A);--intro-rim: var(--rim, #2A2440);--intro-unit: 4px;--intro-width: 1064px;--intro-radius: 10px;--intro-target: 48px;--intro-stroke: 3px;--intro-scene-height: clamp(224px, 34vh, 360px);--intro-sprite: 160px;--intro-enter: .22s;--intro-press: .1s;box-sizing:border-box;min-height:0;height:100vh;height:100dvh;width:100%;overflow-x:hidden;overflow-y:auto;display:flex;padding:calc(var(--intro-unit) * 4);background:var(--intro-ink);color:var(--intro-paper-light);font-family:var(--f-ui, "Nunito", sans-serif);line-height:1.6;word-break:keep-all;overflow-wrap:break-word}.story-intro *,.story-intro *:before,.story-intro *:after{box-sizing:border-box}.story-intro__book{width:100%;max-width:var(--intro-width);margin:auto}.story-intro__header,.story-intro__footer,.story-intro__progress,.story-intro__actions{display:flex;align-items:center;gap:calc(var(--intro-unit) * 3)}.story-intro__header{justify-content:space-between;margin-bottom:calc(var(--intro-unit) * 3)}.story-intro__brand{font-family:var(--f-pk, monospace);font-size:var(--fs-xs, 12px);color:var(--intro-gold)}.story-intro__skip{min-height:var(--intro-target);padding:calc(var(--intro-unit) * 2) calc(var(--intro-unit) * 3);border:1px solid var(--intro-rim);border-radius:var(--intro-radius);background:var(--intro-panel);color:var(--intro-paper-light);font:inherit;font-size:var(--fs-sm, 15px);font-weight:800;cursor:pointer}.story-intro button:focus-visible{outline:var(--intro-stroke) solid var(--intro-gold);outline-offset:var(--intro-unit)}.story-intro__spread{overflow:hidden;display:grid;border:var(--intro-stroke) solid var(--intro-edge);border-radius:var(--intro-radius);background:var(--intro-paper);box-shadow:inset 0 2px #fff9,4px 4px #0006;animation:story-intro-enter var(--intro-enter) ease both}.story-intro__scene{position:relative;min-width:0;height:var(--intro-scene-height);overflow:hidden;isolation:isolate}.story-intro__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2}.story-intro__scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(transparent 35%,#0009)}.story-intro__scene--blank .story-intro__backdrop{filter:saturate(.45) brightness(.65)}.story-intro__scene--lexia .story-intro__backdrop{object-position:center}.story-intro__world-title{position:absolute;inset-inline:0;bottom:calc(var(--intro-unit) * 6);text-align:center}.story-intro__world-title>span:first-child{display:block;color:var(--intro-gold);font-family:var(--f-pk, monospace);font-size:var(--fs-xl, 36px);text-shadow:0 3px 0 var(--intro-ink)}.story-intro__world-title>span:last-child{display:block;margin-top:calc(var(--intro-unit) * 2);font-size:var(--fs-sm, 15px);font-weight:900}.story-intro__monster{margin:0;min-width:0;text-align:center}.story-intro__monster>img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 8px 4px rgb(0 0 0 / 45%))}.story-intro__monster--lost{position:absolute;width:var(--intro-sprite);left:50%;bottom:calc(var(--intro-unit) * 4);transform:translate(-50%)}.story-intro__name{display:table;margin:calc(var(--intro-unit) * 2) auto 0;padding:var(--intro-unit) calc(var(--intro-unit) * 2);border:2px solid var(--intro-edge);border-radius:var(--intro-unit);background:var(--intro-paper-light);color:var(--intro-ink);box-shadow:0 3px #0006;font-family:var(--f-pk, monospace);font-size:var(--fs-xs, 12px);line-height:1.5}.story-intro__meaning{display:block;margin-top:var(--intro-unit);font-family:var(--f-ui, sans-serif);font-weight:800}.story-intro__partners,.story-intro__restoration{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:calc(var(--intro-unit) * 2);padding:calc(var(--intro-unit) * 4)}.story-intro__partners .story-intro__monster{flex:1;max-width:var(--intro-sprite)}.story-intro__restoration .story-intro__monster{width:40%;max-width:var(--intro-sprite)}.story-intro__monster--before{opacity:.7}.story-intro__return-arrow{color:var(--intro-gold);font-size:var(--fs-xl, 36px);font-weight:900;text-shadow:0 3px 0 var(--intro-ink)}.story-intro__copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:calc(var(--intro-unit) * 6);color:var(--intro-ink)}.story-intro__chapter{margin:0 0 calc(var(--intro-unit) * 3);font-size:var(--fs-sm, 15px);font-weight:900}.story-intro__copy h1{margin:0;font-size:var(--fs-xl, 36px);line-height:1.45;font-weight:900;text-wrap:balance}.story-intro__copy h1:focus{outline:none}.story-intro__description{margin:calc(var(--intro-unit) * 4) 0 0;font-size:var(--fs-md, 18px);line-height:1.85;font-weight:700}.story-intro__hint{margin:calc(var(--intro-unit) * 4) 0 0;padding-top:calc(var(--intro-unit) * 3);border-top:1px solid var(--intro-edge);font-size:var(--fs-sm, 15px);font-weight:800}.story-intro__footer{flex-direction:column;margin-top:calc(var(--intro-unit) * 6);gap:calc(var(--intro-unit) * 4)}.story-intro__progress ol{display:flex;align-items:center;gap:calc(var(--intro-unit) * 2);margin:0;padding:0;list-style:none}.story-intro__progress li{display:flex;padding:var(--intro-unit)}.story-intro__dot{display:block;width:calc(var(--intro-unit) * 2);height:calc(var(--intro-unit) * 2);border:1px solid var(--intro-paper);border-radius:50%}.story-intro__progress [aria-current=step] .story-intro__dot{background:var(--intro-gold);border-color:var(--intro-gold);box-shadow:0 0 0 var(--intro-unit) #f5c84233}.story-intro__count{font-size:var(--fs-sm, 15px);font-weight:800}.story-intro__actions{width:100%;align-items:stretch}.story-intro .story-intro__button{min-height:var(--intro-target);min-width:0;padding:calc(var(--intro-unit) * 3) calc(var(--intro-unit) * 4);border:2px solid var(--intro-rim);border-radius:var(--intro-radius);font-family:inherit;font-size:var(--fs-sm, 15px);font-weight:900;cursor:pointer;line-height:1.6;box-shadow:0 4px #0000007f;transition:transform var(--intro-press) ease}.story-intro__button--back{flex:1;background:var(--intro-panel);color:var(--intro-paper-light)}.story-intro .story-intro__button--next{flex:2;background:var(--intro-gold);color:var(--intro-ink);border-color:var(--intro-gold)}.story-intro .story-intro__button:hover:not(:disabled),.story-intro__skip:hover{transform:translateY(-2px)}.story-intro .story-intro__button:active:not(:disabled),.story-intro__skip:active{transform:translateY(2px)}.story-intro .story-intro__button:disabled{opacity:.45;cursor:default;transform:none}@keyframes story-intro-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (min-width: 768px){.story-intro{padding:calc(var(--intro-unit) * 8)}.story-intro__spread{grid-template-columns:1.15fr 1fr}.story-intro__scene{height:100%;min-height:360px}.story-intro__copy{padding:calc(var(--intro-unit) * 8)}.story-intro__footer{flex-direction:row;justify-content:space-between}.story-intro__actions{width:50%}}@media (prefers-reduced-motion: reduce){.story-intro__spread{animation:none}.story-intro .story-intro__button,.story-intro__skip{transition:none}.story-intro .story-intro__button:hover:not(:disabled),.story-intro .story-intro__button:active:not(:disabled),.story-intro__skip:hover,.story-intro__skip:active{transform:none}}.story-intro__copy{word-break:keep-all;overflow-wrap:break-word}.starter-choices{--starter-night: var(--bg, #0c0a18);--starter-panel: var(--panel, #16122a);--starter-rim: var(--rim, #2a2440);--starter-paper: #ece6d8;--starter-paper-light: #f5f0e8;--starter-paper-rim: #8a7e6e;--starter-gold: #f5c842;--starter-space-1: 4px;--starter-space-2: 8px;--starter-space-3: 12px;--starter-space-4: 16px;--starter-space-5: 20px;--starter-space-6: 24px;--starter-text-micro: 12px;--starter-text-small: 14px;--starter-text-body: 16px;--starter-text-heading: 24px;--starter-text-word: 32px;width:100%;max-width:1040px;min-width:0;color:var(--starter-paper-light);font-family:var(--f-ui, sans-serif);font-size:var(--starter-text-body);line-height:1.5}.starter-choices,.starter-choices *{box-sizing:border-box}.starter-choices__intro{margin-bottom:var(--starter-space-5);text-align:center;word-break:keep-all;overflow-wrap:anywhere}.starter-choices__intro h2{margin:0 0 var(--starter-space-2);color:var(--starter-paper-light);font-size:var(--starter-text-heading);font-weight:900;line-height:1.35}.starter-choices__intro p{margin:0;color:var(--starter-paper);font-size:var(--starter-text-small)}.starter-choices__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--starter-space-4)}.starter-card{display:flex;flex-direction:column;min-width:0;padding:var(--starter-space-5);border:1px solid color-mix(in srgb,var(--starter-accent) 48%,var(--starter-rim));border-top:2px solid var(--starter-accent);border-radius:var(--starter-space-4);background:linear-gradient(160deg,color-mix(in srgb,var(--starter-accent) 10%,var(--starter-panel)),var(--starter-night));box-shadow:inset 0 1px color-mix(in srgb,var(--starter-paper-light) 8%,transparent),0 4px 0 var(--starter-night)}.starter-card__identity{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--starter-space-2);min-height:var(--starter-space-6)}.starter-card__type{color:var(--starter-accent);font-family:var(--f-pk, monospace);font-size:var(--starter-text-micro);line-height:1.75}.starter-card__part{color:var(--starter-paper);font-size:var(--starter-text-micro);font-weight:700}.starter-card__portrait{position:relative;display:flex;align-items:center;justify-content:center;height:160px;margin:var(--starter-space-2) 0;background:radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--starter-accent) 22%,transparent),transparent 66%)}.starter-card__portrait:before{position:absolute;right:20%;bottom:var(--starter-space-3);left:20%;height:var(--starter-space-3);border:1px solid color-mix(in srgb,var(--starter-accent) 36%,transparent);border-radius:50%;background:color-mix(in srgb,var(--starter-night) 65%,transparent);content:""}.starter-card__portrait>*{position:relative;max-width:100%}.starter-card__meaning{padding:var(--starter-space-3) var(--starter-space-4);border:1px solid var(--starter-paper-rim);border-radius:var(--starter-space-2);background:linear-gradient(135deg,var(--starter-paper-light),var(--starter-paper));box-shadow:inset 0 1px 0 var(--starter-paper-light),0 4px 0 var(--starter-night);color:var(--starter-night);text-align:center}.starter-card__meaning h3{margin:0;font-size:var(--starter-text-word);font-weight:900;line-height:1.2}.starter-card__meaning p{display:flex;align-items:baseline;justify-content:center;gap:var(--starter-space-2);margin:var(--starter-space-1) 0 0;font-size:var(--starter-text-heading);font-weight:900}.starter-card__meaning p>span{font-size:var(--starter-text-micro);font-weight:800}.starter-card__role{margin:var(--starter-space-4) 0 var(--starter-space-2);font-size:var(--starter-text-small);font-weight:800;text-align:center;word-break:keep-all;overflow-wrap:anywhere}.starter-card__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--starter-space-2);margin:0;padding-bottom:var(--starter-space-4);text-align:center}.starter-card__stats>div+div{border-left:1px solid var(--starter-rim)}.starter-card__stats dt{color:var(--starter-paper);font-size:var(--starter-text-micro);font-weight:800}.starter-card__stats dd{margin:0;color:var(--starter-accent);font-size:var(--starter-text-body);font-weight:900;font-variant-numeric:tabular-nums}.starter-card__growth{margin-bottom:var(--starter-space-4);padding-top:var(--starter-space-3);border-top:1px solid var(--starter-rim)}.starter-card__growth-label{margin:0 0 var(--starter-space-2);color:var(--starter-paper);font-size:var(--starter-text-micro);font-weight:800}.starter-card__ladder{display:flex;flex-direction:column;gap:var(--starter-space-2);margin:0;padding:0;list-style:none}.starter-card__ladder li{display:flex;align-items:baseline;gap:var(--starter-space-2);min-width:0}.starter-card__step{flex-shrink:0;width:var(--starter-space-4);color:var(--starter-accent);font-size:var(--starter-text-micro);font-weight:900;font-variant-numeric:tabular-nums}.starter-card__ladder li>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--starter-space-2);min-width:0}.starter-card__evolution-word{font-size:var(--starter-text-small);font-weight:900}.starter-card__evolution-meaning{color:var(--starter-paper);font-size:var(--starter-text-small);word-break:keep-all;overflow-wrap:anywhere}.starter-card__choose{display:flex;align-items:center;justify-content:center;gap:var(--starter-space-2);width:100%;min-height:48px;margin-top:auto;padding:var(--starter-space-3);border:2px solid var(--starter-accent);border-radius:var(--starter-space-2);background:linear-gradient(135deg,color-mix(in srgb,var(--starter-accent) 82%,var(--starter-paper-light)),var(--starter-accent));box-shadow:0 4px color-mix(in srgb,var(--starter-accent) 32%,var(--starter-night));color:var(--starter-night);font:inherit;font-weight:900;cursor:pointer;touch-action:manipulation;transition:transform .12s ease-out}.starter-card__choose-arrow{margin-left:var(--starter-space-1)}.starter-card__choose:focus-visible{outline:3px solid var(--starter-gold);outline-offset:var(--starter-space-1)}.starter-card__choose:active{transform:translateY(2px)}@media (hover: hover){.starter-card__choose:hover{transform:translateY(-2px)}.starter-card__choose:active{transform:translateY(2px)}}@media (min-width: 768px){.starter-choices__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.starter-card{padding:var(--starter-space-4)}}@media (prefers-reduced-motion: reduce){.starter-card__choose{transition:none}.starter-card__choose:hover,.starter-card__choose:active{transform:none}}@font-face{font-family:Nunito;font-style:normal;font-weight:700 900;font-display:swap;src:url(/fonts/nunito-latin.woff2) format("woff2")}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/press-start-2p-latin.woff2) format("woff2")}