.landing{color:#fff;text-align:center;background-color:#0e1b2c;background-position:50%;background-size:cover;flex-direction:column;align-items:center;padding:4vh 5vw;display:flex;position:fixed;inset:0;overflow-y:auto}.landing__title{text-shadow:0 2px 8px #0009;margin:0 0 2vh;font-size:clamp(1.6rem,5vw,3rem)}.landing__hero{flex-direction:column;align-items:center;gap:1.5vh;margin-top:auto;display:flex;position:relative}.landing__bubble{background:#0d1e34d9;border:2px solid #ffd36b;border-radius:1.4rem;align-items:center;gap:.75rem;max-width:min(90vw,520px);padding:1rem 1.2rem;font-size:clamp(1.1rem,3.2vw,1.6rem);font-weight:600;display:flex;position:relative}.landing__hear{cursor:pointer;background:#ffd36b;border:none;border-radius:50%;flex:none;width:2.6rem;height:2.6rem;font-size:1.4rem}.landing__sebastian{filter:drop-shadow(0 8px 16px #00000080);width:auto;height:40vh}.landing__cta{color:#06210f;cursor:pointer;background:#4ec57a;border:none;border-radius:2rem;margin:3vh 0;padding:.9rem 2rem;font-size:clamp(1.2rem,3.6vw,1.8rem);font-weight:800;box-shadow:0 6px 20px #0006}.landing__about{color:#cfe0f5;max-width:min(92vw,560px);margin-top:auto;font-size:clamp(.9rem,2.6vw,1.1rem)}.landing__cta--ghost{color:#ffd36b;box-shadow:none;background:0 0;border:2px solid #ffd36b;margin:1vh 0 0;padding:.5rem 1.2rem;font-size:1rem}.profiles{color:#eaf1fb;text-align:center;background:radial-gradient(circle at 50% 30%,#1b3e6b,#0a1626);flex-direction:column;justify-content:center;align-items:center;gap:4vh;padding:5vh 5vw;display:flex;position:fixed;inset:0;overflow-y:auto}.profiles__title{color:#ffd36b;text-shadow:0 2px 8px #00000080;margin:0;font-size:clamp(1.6rem,5vw,2.6rem)}.profiles__grid{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:clamp(14px,3vw,26px);max-width:900px;display:flex}.profiles__card{width:clamp(130px,38vw,180px);color:inherit;cursor:pointer;background:#15263d;border:2px solid #28415f;border-radius:1.4rem;flex-direction:column;align-items:center;gap:10px;padding:1.4rem 1rem;transition:transform .15s,border-color .15s;display:flex}.profiles__card:hover{border-color:#ffd36b;transform:translateY(-3px)}.profiles__avatar{color:#0d1e34;background:#ffd36b;border-radius:50%;justify-content:center;align-items:center;width:clamp(56px,16vw,80px);height:clamp(56px,16vw,80px);font-size:clamp(1.6rem,6vw,2.4rem);font-weight:800;display:flex}.profiles__avatar--new{color:#03121a;background:#2aa9c9}.profiles__name{word-break:break-word;font-size:clamp(.95rem,3vw,1.2rem);font-weight:700}.profiles__card--new{cursor:default}.profiles__card--new:hover{border-color:#28415f;transform:none}.profiles__label{color:#9fb4d0;font-size:.85rem}.profiles__input{box-sizing:border-box;color:#fff;text-align:center;background:#0e1b2c;border:1px solid #28415f;border-radius:.7rem;width:100%;padding:.55rem .7rem;font-size:1rem}.profiles__input:focus{border-color:#ffd36b;outline:none}.profiles__start{color:#06210f;cursor:pointer;background:#4ec57a;border:none;border-radius:1.2rem;width:100%;padding:.6rem;font-size:1rem;font-weight:800}.timeline{color:#eaf1fb;background:linear-gradient(#10243e,#0a1626);flex-direction:column;display:flex;position:fixed;inset:0}.timeline__bar{justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.timeline__title{margin:0;font-size:clamp(1.1rem,3.4vw,1.6rem)}.timeline__nav button{cursor:pointer;background:#15263d;border:1px solid #28415f;border-radius:10px;margin-left:8px;padding:6px 10px;font-size:1.2rem}.timeline__trail{scroll-snap-type:x proximity;background:repeating-linear-gradient(90deg,#3a577d 0 14px,#0000 14px 32px) 0/auto 5px repeat-x local;flex:1;align-items:center;gap:clamp(36px,10vw,110px);padding:0 12vw;display:flex;position:relative;overflow-x:auto}.timeline__stop{z-index:1;scroll-snap-align:center;color:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:none;align-items:center;gap:8px;transition:transform .2s;display:flex;position:relative}.timeline__stop:nth-child(odd){transform:translateY(-9vh)}.timeline__stop:nth-child(2n){transform:translateY(9vh)}.timeline__stop:disabled{opacity:.5;cursor:default}.timeline__node{background:#26425f;border-radius:50%;justify-content:center;align-items:center;width:clamp(64px,16vw,110px);height:clamp(64px,16vw,110px);font-size:2rem;display:flex;position:relative}.timeline__node img{object-fit:contain;width:78%;height:78%}.timeline__stop--current .timeline__node{animation:1.6s ease-in-out infinite timeline-pulse}@keyframes timeline-pulse{0%,to{box-shadow:0 0 0 5px #ffd36b66}50%{box-shadow:0 0 0 12px #ffd36b1f}}.timeline__marker{font-size:1.4rem;position:absolute;top:-22px}.timeline__label{max-width:22vw;font-size:clamp(.8rem,2.6vw,1rem);font-weight:700}.timeline__year{opacity:.6;font-size:.8rem}.badges-screen{color:#eaf1fb;text-align:center;background:radial-gradient(circle at 50% 25%,#1b3e6b,#0a1626);flex-direction:column;align-items:center;gap:3vh;padding:5vh 5vw;display:flex;position:fixed;inset:0;overflow-y:auto}.badges-screen__title{color:#ffd36b;margin:0;font-size:clamp(1.6rem,5vw,2.6rem)}.badges-screen__empty{color:#9fb4d0;font-size:1.1rem}.badges-screen__grid{flex-wrap:wrap;justify-content:center;gap:clamp(14px,3vw,26px);max-width:820px;display:flex}.badges-screen__card{background:#15263d;border:2px solid #ffd36b;border-radius:1.4rem;flex-direction:column;align-items:center;gap:10px;width:clamp(130px,40vw,180px);padding:1.4rem 1rem;display:flex;box-shadow:0 6px 20px #00000059}.badges-screen__card img{object-fit:contain;width:clamp(80px,22vw,120px);height:clamp(80px,22vw,120px)}.badges-screen__name{font-size:clamp(.95rem,3vw,1.2rem);font-weight:700}.badges-screen__back{color:#06210f;cursor:pointer;background:#4ec57a;border:none;border-radius:2rem;margin-top:auto;padding:.9rem 2rem;font-size:clamp(1.1rem,3.4vw,1.5rem);font-weight:800;box-shadow:0 6px 20px #0006}.scene{-webkit-user-select:none;user-select:none;background-color:#0e2236;background-position:50%;background-size:cover;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0;overflow:hidden}.scene__character{filter:drop-shadow(0 8px 16px #0006);cursor:pointer;width:auto;height:55vh;position:absolute;bottom:16vh;left:50%;transform:translate(-50%)}.scene__caption{z-index:2;color:#fff;background:#0d1e34d1;border-radius:1.5rem;align-items:center;gap:.75rem;max-width:90%;margin:0 0 4vh;padding:1rem 1.5rem;display:flex;position:relative;box-shadow:0 6px 24px #00000059}.scene__text{margin:0;font-size:clamp(1.25rem,3.5vw,2rem);font-weight:600;line-height:1.3}.scene__replay{cursor:pointer;background:#ffd36b;border:none;border-radius:50%;flex:none;width:3rem;height:3rem;font-size:1.6rem}.scene__next{z-index:3;color:#0d1e34;cursor:pointer;background:#ffd36b;border:none;border-radius:50%;width:clamp(64px,9vw,110px);height:clamp(64px,9vw,110px);font-size:clamp(2rem,4vw,3rem);line-height:1;animation:.25s ease-out scene__next-pop;position:fixed;top:50%;right:3vw;transform:translateY(-50%);box-shadow:0 6px 20px #0006}@keyframes scene__next-pop{0%{opacity:0;transform:translateY(-50%)scale(.6)}to{opacity:1;transform:translateY(-50%)scale(1)}}.check{box-sizing:border-box;color:#fff;text-align:center;background-color:#0e2236;flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:2rem;display:flex;position:fixed;inset:0}.prompt{max-width:90%;margin:0;font-size:clamp(1.4rem,4vw,2.4rem);font-weight:700}.options{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.option{cursor:pointer;background:#fff;border:4px solid #ffd36b;border-radius:1.5rem;flex-direction:column;align-items:center;gap:.75rem;width:clamp(8rem,36vw,14rem);padding:1.25rem;transition:transform .1s;display:flex;box-shadow:0 6px 20px #00000059}.option:active{transform:scale(.96)}.option__img{aspect-ratio:1;object-fit:contain;width:100%}.option__label{color:#0e2236;font-size:clamp(1rem,2.5vw,1.3rem);font-weight:600}.feedback{color:#0e2236;background:#ffd36bf2;border-radius:1rem;margin:0;padding:.75rem 1.5rem;font-size:clamp(1.2rem,3.5vw,1.8rem);font-weight:700}.meet{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;display:flex}.meet__portrait{border-radius:12px;width:min(45vw,280px);height:auto}.meet__name{margin:0;font-size:2rem}.meet__role{max-width:32ch;margin:0;font-size:1.25rem}.meet__quote{max-width:32ch;margin:.5rem 0 0;font-size:1.4rem;font-style:italic}.meet__replay,.meet__next{cursor:pointer;background:0 0;border:none;font-size:1.5rem}.meet__next{font-size:2.5rem}.meet__framing{color:#cdd9ea;max-width:32ch;margin:.25rem 0 0;font-size:1.05rem;font-style:italic}.game-menu{z-index:20;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:fixed;top:12px;left:12px}.game-menu__toggle{color:#ffd36b;cursor:pointer;background:#0d1e34d9;border:none;border-radius:50%;width:48px;height:48px;font-size:1.3rem;box-shadow:0 4px 14px #0006}.game-menu__panel{background:#0d1e34f2;border:1px solid #28415f;border-radius:.9rem;flex-direction:column;gap:6px;padding:8px;display:flex}.game-menu__panel button{color:#eaf1fb;text-align:left;white-space:nowrap;cursor:pointer;background:#15263d;border:1px solid #28415f;border-radius:.6rem;padding:.5rem .9rem;font-size:.95rem;font-weight:600}.game-menu__panel button:hover{border-color:#ffd36b}.codex{color:#eaf1fb;text-align:center;background:radial-gradient(circle at 50% 20%,#1b3e6b,#0a1626);flex-direction:column;align-items:center;gap:3vh;padding:5vh 5vw;display:flex;position:fixed;inset:0;overflow-y:auto}.codex__title{color:#ffd36b;margin:0;font-size:clamp(1.5rem,5vw,2.4rem)}.codex__empty{color:#9fb4d0;font-size:1.1rem}.codex__gallery{flex-wrap:wrap;justify-content:center;gap:clamp(12px,3vw,24px);max-width:820px;margin:0;padding:0;list-style:none;display:flex}.codex__card{width:clamp(120px,36vw,160px);color:inherit;cursor:pointer;background:#15263d;border:2px solid #28415f;border-radius:1.2rem;flex-direction:column;align-items:center;gap:8px;padding:1rem;transition:transform .15s,border-color .15s;display:flex}.codex__card:hover{border-color:#ffd36b;transform:translateY(-3px)}.codex__portrait{object-fit:contain;background:#0e1b2c;border-radius:50%;width:clamp(72px,20vw,110px);height:clamp(72px,20vw,110px)}.codex__name{font-size:clamp(.9rem,2.8vw,1.1rem);font-weight:700}.codex__hero-portrait{object-fit:contain;filter:drop-shadow(0 8px 16px #00000080);background:#0e1b2c;border-radius:50%;width:clamp(120px,32vw,200px);height:clamp(120px,32vw,200px)}.codex__chapters{text-align:left;flex-direction:column;gap:14px;max-width:min(92vw,620px);margin:0;padding:0;list-style:none;display:flex}.codex__chapter{background:#15263d;border:1px solid #28415f;border-radius:1rem;padding:1rem 1.2rem}.codex__chapter h2{color:#ffd36b;margin:0 0 .4rem;font-size:1.05rem}.codex__chapter p{margin:0}.codex__chapter blockquote{color:#cfe0f5;border-left:3px solid #2aa9c9;margin:.6rem 0 0;padding-left:.9rem;font-style:italic}.codex__back{color:#06210f;cursor:pointer;background:#4ec57a;border:none;border-radius:2rem;margin-top:auto;padding:.8rem 1.8rem;font-size:clamp(1rem,3.2vw,1.4rem);font-weight:800;box-shadow:0 6px 20px #0006}.codex__framing{color:#9fb4d0;margin:.25rem 0;font-size:.95rem;font-style:italic}