:root{--color-parchment: #f3e9d2;--color-parchment-dark: #e6d7b0;--color-ink: #241a12;--color-ink-soft: #4a3a2a;--color-accent: #8a2f2f;--color-accent-dark: #5e1f1f;--font-body: "Cormorant Garamond", Georgia, serif;--font-display: "Cinzel", Georgia, serif;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-body);background:linear-gradient(160deg,#1b140d,#2c2013 60%,#1b140d);color:var(--color-ink);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none}.ad-slot{width:100%;min-height:90px}.ad-slot--placeholder{display:flex;align-items:center;justify-content:center;border:1px dashed rgba(243,233,210,.35);border-radius:8px;color:#f3e9d280;font-family:var(--font-display);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.library{max-width:1120px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.library__header{text-align:center;margin-bottom:2rem}.library__eyebrow{display:block;margin-bottom:.45rem;font-family:var(--font-display);color:#f3e9d29e;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase}.library__title{font-family:var(--font-display);color:var(--color-parchment);letter-spacing:.08em;font-size:2.6rem;margin:0 0 .35rem;text-transform:uppercase}.library__subtitle{margin:0 auto 1.1rem;color:#f3e9d2c7;font-size:1.1rem;font-style:italic}.library__header-links{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.library__support,.library__codex-link,.library__install{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-family:var(--font-body);font-size:.95rem;font-style:italic;color:var(--color-parchment);background:#f3e9d21a;border:1px solid rgba(243,233,210,.35);padding:.4rem 1rem;border-radius:999px;transition:background .15s ease,border-color .15s ease;cursor:pointer}.library__codex-link small{padding-left:.55rem;border-left:1px solid rgba(243,233,210,.25);color:#f3e9d29e;font-size:.72rem}.library__featured{--story-accent: #9c3d3d;position:relative;min-height:420px;margin-bottom:3rem;overflow:hidden;border:1px solid rgba(243,233,210,.18);border-radius:18px;background:#17110d;box-shadow:0 24px 70px #00000080;isolation:isolate}.library__featured-art,.library__featured-shade{position:absolute;top:0;right:0;bottom:0;left:0}.library__featured-art{z-index:-2;background-position:center;background-size:cover;transition:transform .9s ease}.library__featured:hover .library__featured-art{transform:scale(1.025)}.library__featured-shade{z-index:-1;background:linear-gradient(90deg,#0c0907f5,#0c0907cc 43%,#0c09071f 78%),linear-gradient(0deg,rgba(12,9,7,.55),transparent 55%)}.library__featured-content{width:min(580px,68%);padding:3.2rem;color:var(--color-parchment)}.library__featured-label,.library__featured-genre{display:block;font-family:var(--font-display);text-transform:uppercase}.library__featured-label{width:fit-content;margin-bottom:1.4rem;padding:.35rem .65rem;border:1px solid color-mix(in srgb,var(--story-accent),white 24%);border-radius:999px;background:color-mix(in srgb,var(--story-accent),transparent 62%);font-size:.66rem;letter-spacing:.12em}.library__featured-genre{color:color-mix(in srgb,var(--story-accent),white 48%);font-size:.72rem;letter-spacing:.13em}.library__featured h2{margin:.45rem 0 .75rem;font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.6rem);line-height:1;text-wrap:balance}.library__featured-content>p{max-width:510px;margin:0;color:#f3e9d2d6;font-size:1.25rem;font-style:italic;line-height:1.45}.library__featured-metrics{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.5rem 0}.library__featured-metrics span{padding:.35rem .65rem;border:1px solid rgba(243,233,210,.2);border-radius:6px;background:#0a080666;color:#f3e9d2c7;font-size:.82rem}.library__featured-cta{display:inline-flex;align-items:center;gap:1rem;padding:.8rem 1.2rem;border-radius:7px;background:var(--story-accent);box-shadow:0 8px 24px color-mix(in srgb,var(--story-accent),transparent 60%);color:#fff;font-family:var(--font-display);font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;transition:filter .16s ease,transform .16s ease}.library__featured-cta:hover{filter:brightness(1.15);transform:translateY(-2px)}.library__section-heading{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:var(--color-parchment)}.library__section-heading h2{margin:0;font-family:var(--font-display);font-size:1.35rem;letter-spacing:.04em}.library__section-heading span{display:grid;width:1.65rem;height:1.65rem;place-items:center;border:1px solid rgba(243,233,210,.25);border-radius:50%;color:#f3e9d2a6;font-size:.75rem}.library__discovery{margin:0 0 2.2rem}.library__discovery-heading{max-width:660px;margin-bottom:1rem}.library__discovery-heading>span,.library__filter-bar>span{display:block;margin-bottom:.35rem;color:#f3e9d280;font-family:var(--font-display);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase}.library__discovery-heading h2{margin:0;color:var(--color-parchment);font-family:var(--font-display);font-size:clamp(1.55rem,3vw,2.15rem)}.library__discovery-heading p{margin:.35rem 0 0;color:#f3e9d2ad;font-style:italic}.library__collections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.library__collection{--collection-accent: #8c4e3d;overflow:hidden;border:1px solid rgba(243,233,210,.14);border-radius:14px;background:#15100ce0;box-shadow:0 14px 34px #0000004d;transition:border-color .18s ease,transform .18s ease}.library__collection:hover,.library__collection--active{border-color:color-mix(in srgb,var(--collection-accent),white 20%);transform:translateY(-3px)}.library__collection-art{display:flex;height:126px;overflow:hidden;background:#211811}.library__collection-art span{flex:1;background-position:center;background-size:cover;filter:saturate(.82);transition:flex .26s ease,filter .26s ease}.library__collection:hover .library__collection-art span:first-child{flex:1.35;filter:saturate(1.08)}.library__collection-copy{padding:1rem 1.05rem 1.1rem}.library__collection-copy small{display:block;min-height:2em;color:color-mix(in srgb,var(--collection-accent),white 52%);font-family:var(--font-display);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase}.library__collection-copy h3{margin:.35rem 0 .45rem;color:var(--color-parchment);font-family:var(--font-display);font-size:1.25rem}.library__collection-copy p{min-height:5.2em;margin:0;color:#f3e9d2a8;font-size:.93rem;line-height:1.38}.library__collection-copy>span{display:block;margin:.8rem 0;color:#f3e9d275;font-size:.7rem}.library__collection-copy>div{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.library__collection-copy button{display:inline-flex;align-items:center;gap:.45rem;padding:.52rem .68rem;border-radius:6px;background:var(--collection-accent);color:#fff;font-family:var(--font-display);font-size:.62rem;letter-spacing:.04em;text-transform:uppercase}.library__collection-copy a{color:#f3e9d294;font-size:.72rem;text-decoration:underline}.library__filter-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 1.2rem;padding:.8rem 0;border-top:1px solid rgba(243,233,210,.12);border-bottom:1px solid rgba(243,233,210,.12)}.library__filter-bar>span{flex:0 0 auto;margin:0}.library__filter-bar>div{display:flex;justify-content:flex-end;gap:.45rem;flex-wrap:wrap}.library__filter-bar button{padding:.38rem .65rem;border:1px solid rgba(243,233,210,.2);border-radius:999px;color:#f3e9d2b8;font-size:.75rem;transition:background .15s ease,border-color .15s ease,color .15s ease}.library__filter-bar button:hover,.library__filter-bar .library__filter--active{border-color:#f3e9d285;background:#f3e9d221;color:var(--color-parchment)}.library__filter-bar .library__surprise{border-color:#d8ae5a7a;color:#e4c77f}.library__empty-filter{margin:0;padding:2.5rem 1rem;border:1px dashed rgba(243,233,210,.2);border-radius:12px;color:#f3e9d29e;text-align:center;font-style:italic}.library__support:hover,.library__codex-link:hover,.library__install:hover{background:#f3e9d233;border-color:#f3e9d299}.library__return-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;margin-bottom:1.2rem}.library__continue,.library__challenge{--story-accent: var(--color-accent);position:relative;min-height:185px;overflow:hidden;border:1px solid rgba(243,233,210,.18);border-radius:14px;background:#140f0beb;color:var(--color-parchment);box-shadow:0 16px 38px #00000052}.library__continue-art{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-size:cover;opacity:.38;-webkit-mask-image:linear-gradient(90deg,transparent 5%,black 100%);mask-image:linear-gradient(90deg,transparent 5%,black 100%)}.library__continue-copy{position:relative;z-index:1;width:72%;padding:1.3rem}.library__continue-copy>span,.library__challenge-topline>span,.library__achievements>span,.library__story-links>span{font-family:var(--font-display);color:color-mix(in srgb,var(--story-accent),white 50%);font-size:.67rem;letter-spacing:.11em;text-transform:uppercase}.library__continue h2,.library__challenge h2{margin:.45rem 0 1rem;font-family:var(--font-display);font-size:1.5rem}.library__continue button,.library__challenge button{padding:.58rem .8rem;border-radius:6px;background:var(--story-accent);color:#fff;font-family:var(--font-display);font-size:.68rem;letter-spacing:.04em;text-transform:uppercase}.library__challenge{padding:1.3rem;background:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--story-accent),transparent 68%),transparent 42%),#140f0bf0}.library__challenge-topline,.library__challenge-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}.library__challenge-topline small,.library__challenge-footer>span{color:#f3e9d29e;font-size:.78rem}.library__challenge h2{margin-bottom:.45rem}.library__challenge p{margin:0 0 1rem;color:#f3e9d2b8;font-style:italic}.library__achievements{display:flex;align-items:center;gap:1rem;margin:0 0 2rem;padding:.8rem 1rem;border:1px solid rgba(243,233,210,.14);border-radius:10px;background:#f3e9d20e}.library__achievements>div{display:flex;gap:.55rem;flex-wrap:wrap}.library__achievements>div>span{padding:.3rem .55rem;border-radius:999px;background:#f3e9d21a;color:#f3e9d2c7;font-size:.76rem}.library__achievements b{color:#d8ae5a}.library__story-links{margin:2rem 0 1rem;text-align:center}.library__story-links>div{display:flex;justify-content:center;gap:.45rem .8rem;margin-top:.55rem;flex-wrap:wrap}.library__story-links a,.library__legal button{color:#f3e9d29e;font-size:.82rem;text-decoration:underline}.library__legal button{padding:0}.library__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.75rem}.library__card{--story-accent: var(--color-accent);display:flex;flex-direction:column;text-align:left;background:var(--color-parchment);border-radius:10px;overflow:hidden;box-shadow:0 10px 30px #00000073;border:1px solid rgba(0,0,0,.25);transition:transform .2s ease,box-shadow .2s ease;animation:card-fade-in .5s ease both}@keyframes card-fade-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.library__card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #0000008c}.library__cover{position:relative;height:160px;overflow:hidden;background:linear-gradient(135deg,#5e1f1f,#2c2013)}.library__cover-shade{position:absolute;z-index:1;top:30%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#0a0705b8);pointer-events:none}.library__cover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;background-size:cover;background-position:center;transition:transform .35s ease}.library__card:hover .library__cover:before{transform:scale(1.08)}@media(prefers-reduced-motion:reduce){.library__card{animation:none}.library__cover:before{transition:none}}.library__badge{position:absolute;top:.6rem;right:.6rem;background:var(--color-accent);color:var(--color-parchment);font-family:var(--font-display);font-size:.65rem;letter-spacing:.05em;padding:.25rem .55rem;border-radius:999px;text-transform:uppercase;z-index:3}.library__cover-metrics{position:absolute;z-index:2;right:.7rem;bottom:.65rem;left:.7rem;display:flex;gap:.4rem;color:#ffffffdb;font-size:.68rem}.library__cover-metrics span{padding:.2rem .42rem;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:#00000052;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.library__info{display:flex;flex:1;flex-direction:column;padding:1rem 1.25rem 1.4rem}.library__genre{font-family:var(--font-display);font-size:.7rem;letter-spacing:.08em;color:color-mix(in srgb,var(--story-accent),#3a2418 44%);text-transform:uppercase}.library__info h2{font-family:var(--font-display);font-size:1.3rem;margin:.35rem 0 .5rem;color:var(--color-ink)}.library__info p{margin:0;font-size:1.05rem;line-height:1.4;color:var(--color-ink-soft)}.library__card-footer{display:grid;grid-template-columns:minmax(54px,1fr) auto auto;align-items:center;gap:.55rem;margin-top:auto;padding-top:1rem}.library__mini-progress{height:3px;overflow:hidden;border-radius:999px;background:#4a3a2a2b}.library__mini-progress span{display:block;height:100%;border-radius:inherit;background:var(--story-accent)}.library__progress-label{color:#4a3a2aad;font-size:.75rem;font-style:italic}.library__card-arrow{color:var(--story-accent);font-size:1.1rem;transition:transform .16s ease}.library__card:hover .library__card-arrow{transform:translate(3px)}.library__badge--premium{right:auto;left:.6rem;background:#8a6d1f}.library__badge--soon{right:auto;left:.6rem;background:#4a3a2a}.library__card--soon{cursor:default;opacity:.85}.library__card--soon:hover{transform:none;box-shadow:0 10px 30px #00000073}.library__ad{margin-top:2.5rem}.library__legal{margin-top:2rem;padding-bottom:3rem;text-align:center;font-size:.85rem}.library__legal a{color:#f3e9d299}.library__legal a:hover{color:var(--color-parchment)}.library__price{display:inline-block;margin-top:.75rem;font-family:var(--font-display);font-size:.85rem;color:var(--color-parchment);background:var(--color-accent);padding:.4rem .8rem;border-radius:6px}.story-theme--fantasy-epic{--story-accent: #a64732}.story-theme--horror-lighthouse{--story-accent: #477d78}.story-theme--drama-whistleblower{--story-accent: #9b6b42}.story-theme--scifi-nemesis{--story-accent: #467fa1}.story-theme--comedy-nightshift{--story-accent: #a76b2b}.story-theme--noir-lastwitness{--story-accent: #657386}.story-theme--survival-whatremains{--story-accent: #777a3d}.story-theme--heist-perfectheist{--story-accent: #9a342f}.story-theme--time-loop-samenight{--story-accent: #75519a}.story-preview{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1.5rem;overflow-y:auto;background:#0a0705d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:preview-backdrop-in .22s ease both}.story-preview__dialog{width:min(900px,100%);overflow:hidden;border:1px solid rgba(243,233,210,.2);border-radius:18px;background:#f0e3c7;box-shadow:0 30px 100px #000000bf;animation:preview-dialog-in .32s ease both}.story-preview__art{position:relative;min-height:330px;display:flex;align-items:flex-end;padding:2.2rem 2.5rem;background-color:#211811;background-position:center;background-size:cover;color:#fff}.story-preview__art-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(10deg,#0a0705f5,#0a07050f 78%)}.story-preview__close{position:absolute;z-index:2;top:1rem;right:1rem;width:2.5rem;height:2.5rem;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:#0a07056b;color:#fff;font-size:1.6rem;line-height:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.story-preview__headline{position:relative;z-index:1;max-width:660px}.story-preview__genre,.story-preview__mechanic span{font-family:var(--font-display);color:color-mix(in srgb,var(--story-accent),white 55%);font-size:.7rem;letter-spacing:.13em;text-transform:uppercase}.story-preview__headline h2{margin:.35rem 0 .55rem;font-family:var(--font-display);font-size:clamp(2.2rem,6vw,4rem);line-height:1;text-shadow:0 3px 18px rgba(0,0,0,.55)}.story-preview__headline p{margin:0;color:#ffffffd6;font-size:1.25rem;font-style:italic}.story-preview__body{padding:1.65rem 2.5rem 2.2rem}.story-preview__facts{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:-.1rem}.story-preview__facts>div{display:flex;flex-direction:column;gap:.2rem;padding:.65rem .8rem;border-left:2px solid var(--story-accent);background:#4a3a2a0e}.story-preview__facts span,.story-preview__mechanic span{color:#4a3a2aa6;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}.story-preview__facts strong{color:var(--color-ink);font-family:var(--font-display);font-size:.9rem}.story-preview__description{margin:1.25rem 0;color:var(--color-ink-soft);font-size:1.1rem;line-height:1.5}.story-preview__mechanic{display:flex;align-items:baseline;gap:.75rem}.story-preview__mechanic strong{color:var(--color-ink);font-size:1rem}.story-preview__progress{height:4px;margin:1.3rem 0 1rem;overflow:hidden;border-radius:999px;background:#4a3a2a21}.story-preview__progress span{display:block;height:100%;border-radius:inherit;background:var(--story-accent)}.story-preview__cta{width:100%;padding:.9rem 1.2rem;border-radius:7px;background:var(--story-accent);color:#fff;font-family:var(--font-display);font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;transition:filter .16s ease,transform .16s ease}.story-preview__cta:hover{filter:brightness(1.1);transform:translateY(-1px)}.story-preview__cta:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.7}@keyframes preview-backdrop-in{0%{opacity:0}}@keyframes preview-dialog-in{0%{opacity:0;transform:translateY(18px) scale(.98)}}@media(max-width:480px){.library{padding:1.75rem 1rem 5rem}.library__title{font-size:1.9rem}.library__header{margin-bottom:1.75rem}.library__subtitle{font-size:1rem}.library__codex-link{flex-direction:column;gap:.2rem}.library__codex-link small{padding:0;border:0}.library__featured{min-height:470px;margin-bottom:2.25rem;border-radius:14px}.library__featured-shade{background:linear-gradient(0deg,#0c0907f7,#0c0907c2 53%,#0c09070f)}.library__featured-content{width:100%;padding:10rem 1.35rem 1.5rem}.library__featured h2{font-size:2.25rem}.library__featured-content>p{font-size:1.05rem}.library__featured-metrics span:last-child{width:100%}.library__featured-cta{width:100%;justify-content:center}.library__grid{grid-template-columns:1fr;gap:1.25rem}.library__collections{grid-template-columns:1fr}.library__collection-copy p,.library__collection-copy small{min-height:0}.library__filter-bar{align-items:flex-start;flex-direction:column}.library__filter-bar>div{justify-content:flex-start}.library__return-grid{grid-template-columns:1fr}.library__continue-copy{width:86%}.library__challenge-footer,.library__achievements{align-items:flex-start;flex-direction:column}.story-preview{align-items:start;padding:0}.story-preview__dialog{min-height:100dvh;border:0;border-radius:0}.story-preview__art{min-height:310px;padding:1.5rem}.story-preview__headline h2{font-size:2.3rem}.story-preview__headline p{font-size:1.05rem}.story-preview__body{padding:1.3rem 1.25rem 2rem}.story-preview__facts{grid-template-columns:1fr 1fr}.story-preview__facts>div:last-child{grid-column:1 / -1}.story-preview__mechanic{align-items:flex-start;flex-direction:column;gap:.25rem}}@media(prefers-reduced-motion:reduce){.library__featured-art,.library__featured-cta,.story-preview,.story-preview__dialog,.story-preview__cta{animation:none;transition:none}.library__collection,.library__collection-art span{transition:none}}.codex{max-width:1000px;margin:0 auto;padding:3rem 1.5rem 4rem}.codex__header{position:relative;text-align:center;margin-bottom:2.5rem}.codex__eyebrow{display:block;margin-bottom:.45rem;font-family:var(--font-display);color:#f3e9d280;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase}.codex__back{position:absolute;left:0;top:.3rem;font-family:var(--font-display);font-size:.85rem;letter-spacing:.05em;color:var(--color-parchment);background:#f3e9d21a;border:1px solid rgba(243,233,210,.35);padding:.4rem .9rem;border-radius:999px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.codex__back:hover{background:#f3e9d233;border-color:#f3e9d299}.codex__title{font-family:var(--font-display);color:var(--color-parchment);letter-spacing:.08em;font-size:2.2rem;margin:0 0 .5rem;text-transform:uppercase}.codex__subtitle{font-family:var(--font-body);font-style:italic;color:#f3e9d2bf;max-width:560px;margin:0 auto;line-height:1.5}.codex__overview{display:flex;align-items:center;gap:1.2rem;width:min(430px,100%);margin:1.6rem auto 0;padding:.85rem 1rem;border:1px solid rgba(243,233,210,.18);border-radius:10px;background:#f3e9d20f;text-align:left}.codex__overview-number{display:flex;align-items:baseline;min-width:72px;color:var(--color-parchment)}.codex__overview-number strong{font-family:var(--font-display);font-size:1.65rem}.codex__overview-number span{color:#f3e9d280;font-size:.85rem}.codex__overview-copy{flex:1;color:#f3e9d2b8;font-size:.8rem;font-style:italic}.codex__overview-bar,.codex__story-progress{overflow:hidden;border-radius:999px;background:#f3e9d221}.codex__overview-bar{height:4px;margin-top:.45rem}.codex__overview-bar span,.codex__story-progress span{display:block;height:100%;border-radius:inherit;background:var(--story-accent, var(--color-accent))}.codex__stories{display:flex;flex-direction:column;gap:2.25rem}.codex__story-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.codex__story-genre{display:block;margin-bottom:.25rem;font-family:var(--font-display);color:color-mix(in srgb,var(--story-accent),white 48%);font-size:.65rem;letter-spacing:.11em;text-transform:uppercase}.codex__story-header h2{font-family:var(--font-display);color:var(--color-parchment);font-size:1.25rem;margin:0}.codex__story-progress{height:3px;margin:-.3rem 0 1rem}.codex__progress{font-family:var(--font-body);font-style:italic;font-size:.9rem;color:#f3e9d299;white-space:nowrap}.codex__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.codex__card{--rarity-color: rgba(243, 233, 210, .45);position:relative;aspect-ratio:3 / 4;border-radius:8px;overflow:hidden;display:flex;align-items:flex-end;background-size:cover;background-position:center;border:1px solid rgba(243,233,210,.2);color:var(--color-parchment);text-align:left;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.codex__card:hover{border-color:var(--rarity-color);transform:translateY(-3px)}.codex__card--locked{background:repeating-linear-gradient(135deg,#241a12,#241a12 10px,#2c2013 10px,#2c2013 20px);cursor:help}.codex__card--unlocked{box-shadow:0 8px 22px #00000080,inset 0 0 0 1px color-mix(in srgb,var(--rarity-color),transparent 65%);cursor:default}.codex__card--common{--rarity-color: #b7aa8d}.codex__card--rare{--rarity-color: #8cb7c9}.codex__card--secret{--rarity-color: #c59cde}.codex__rarity{position:absolute;z-index:2;top:.55rem;left:.55rem;padding:.2rem .42rem;border:1px solid color-mix(in srgb,var(--rarity-color),transparent 22%);border-radius:999px;background:#0a070594;color:var(--rarity-color);font-family:var(--font-display);font-size:.57rem;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.codex__card-label{width:100%;padding:.5rem .6rem;font-family:var(--font-display);font-size:.8rem;letter-spacing:.03em;color:var(--color-parchment);background:linear-gradient(to top,rgba(0,0,0,.75),transparent);text-align:center}.codex__card--locked .codex__card-label{background:none;color:#f3e9d259;text-align:center;margin:auto;font-size:1.4rem}.codex__card--locked:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--rarity-color),transparent 83%),transparent 52%)}.codex__hint{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;padding:1rem;background:#100b08ed;color:#f3e9d2db;font-family:var(--font-body);font-size:.88rem;line-height:1.3;text-align:center;animation:codex-hint-in .18s ease both}.codex__hint>span{color:var(--rarity-color);font-family:var(--font-display);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase}@keyframes codex-hint-in{0%{opacity:0}}.codex__total{text-align:center;margin-top:3rem;font-family:var(--font-display);letter-spacing:.04em;color:var(--color-parchment);font-size:1rem}@media(max-width:480px){.codex{padding:1.75rem 1rem 5rem}.codex__title{font-size:1.6rem}.codex__back{position:static;display:inline-block;margin-bottom:1rem}.codex__grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem}.codex__overview{gap:.8rem}.codex__story-header{align-items:flex-end}.codex__hint{padding:.7rem;font-size:.78rem}}@media(prefers-reduced-motion:reduce){.codex__card,.codex__hint{animation:none;transition:none}}.story-player{--player-text-size: 1.25rem;position:relative;min-height:100vh;width:100%}.story-player--text-compact{--player-text-size: 1.08rem}.story-player--text-normal{--player-text-size: 1.25rem}.story-player--text-large{--player-text-size: 1.45rem}.story-player--error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--color-parchment);height:100%;padding:2rem;text-align:center}.story-player__exit{position:absolute;top:1.25rem;left:1.25rem;z-index:2;color:var(--color-parchment);font-family:var(--font-display);font-size:.85rem;letter-spacing:.04em;background:#0006;padding:.5rem .9rem;border-radius:999px}.story-player__exit:hover{background:#0009}.story-player__tools{position:absolute;z-index:3;top:1.25rem;right:1.25rem;display:flex;gap:.45rem}.story-player__tool{display:grid;min-width:2.35rem;height:2.35rem;padding:0 .55rem;place-items:center;border:1px solid rgba(243,233,210,.3);border-radius:999px;background:#0000006b;color:var(--color-parchment);font-family:var(--font-display);font-size:.75rem;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transition:background .15s ease,border-color .15s ease}.story-player__tool:hover{border-color:#f3e9d294;background:#000000a3}.story-player__scene{position:relative;min-height:100vh;width:100%;background-color:#14100b;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.story-player__scene-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;animation:scene-fade-in .9s ease both}@keyframes scene-fade-in{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.story-player__panel{position:relative;z-index:1;width:min(720px,100%);max-height:68vh;margin:0 1rem 2rem;background:#f3e9d2f5;border-radius:12px 12px 6px 6px;border:1px solid rgba(0,0,0,.35);box-shadow:0 -10px 40px #0009;display:flex;flex-direction:column;overflow:hidden}.story-player--ended .story-player__panel{width:min(820px,calc(100% - 2rem));max-height:calc(100vh - 3.5rem);border-color:#f3e9d26b;background:#efe1c3fa}.story-player--ended .story-player__scene-bg{filter:saturate(1.08) contrast(1.04)}.story-player--ended .story-player__text{max-height:25vh;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.1)}.story-player__text{padding:1.75rem 2rem .5rem;overflow-y:auto;font-size:var(--player-text-size);line-height:1.55;color:var(--color-ink)}.story-player__text p{margin:0 0 1rem}.story-player__line{animation:line-fade-in .5s ease both}@keyframes line-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.story-player__choices{display:flex;flex-direction:column;gap:.6rem;padding:1rem 2rem 1.5rem;border-top:1px solid rgba(0,0,0,.15)}.story-player__choice{text-align:left;font-family:var(--font-body);font-size:1.1rem;font-style:italic;color:var(--color-accent-dark);padding:.6rem .9rem;border-radius:6px;border:1px solid rgba(138,47,47,.35);background:#8a2f2f0f;transition:background .15s ease,transform .15s ease;animation:choice-fade-in .4s ease both}@keyframes choice-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.story-player__scene-bg,.story-player__line,.story-player__choice{animation:none}}.story-player__choice:hover{background:#8a2f2f26;transform:translate(2px)}.story-player__choice--selected,.story-player__choice--selected:hover{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-parchment);transform:translate(4px)}.story-player__choice--waiting{opacity:.45}.story-player__choice:disabled{cursor:default}.story-player__choice--restart{text-align:center;font-style:normal;font-family:var(--font-display);color:var(--color-parchment);background:var(--color-accent);border:none;text-transform:uppercase;letter-spacing:.04em;font-size:.95rem}.story-player__choice--restart:hover{background:var(--color-accent-dark)}.story-player__ending-extra{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.3rem 2rem 1.6rem;overflow-y:auto;text-align:center;animation:ending-reveal-in .65s ease both}.story-player__ending-name{font-family:var(--font-display);font-size:clamp(1.8rem,5vw,2.8rem);color:var(--color-ink);line-height:1;margin:.35rem 0 .55rem}.story-player__ending-heading{display:flex;flex-direction:column;align-items:center}.story-player__ending-passport{width:min(360px,100%);margin:.9rem auto 0;padding:.75rem .9rem;border:1px solid rgba(243,233,210,.2);border-radius:10px;background:#120d0957}.story-player__ending-passport>span{display:block;color:#f3e9d294;font-family:var(--font-display);font-size:.62rem;letter-spacing:.11em;text-transform:uppercase}.story-player__ending-passport strong{display:block;margin:.18rem 0 .45rem;color:var(--color-parchment)}.story-player__ending-passport>div{height:4px;overflow:hidden;border-radius:999px;background:#f3e9d21f}.story-player__ending-passport>div>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b9873d,#e2c37b)}.story-player__ending-kicker{font-family:var(--font-display);color:#4a3a2a94;font-size:.65rem;letter-spacing:.16em;text-transform:uppercase}.story-player__ending-rarity{padding:.25rem .6rem;border:1px solid currentColor;border-radius:999px;font-family:var(--font-display);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase}.story-player__ending-rarity--common{color:#786f5e}.story-player__ending-rarity--rare{color:#477a91}.story-player__ending-rarity--secret{color:#795293}@keyframes ending-reveal-in{0%{opacity:0;transform:translateY(14px)}}.story-player__ending-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.story-player__restart,.story-player__share,.story-player__vote{font-family:var(--font-display);font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;color:var(--color-accent-dark);background:transparent;border:1px solid rgba(138,47,47,.5);border-radius:999px;padding:.5rem 1.4rem;transition:background .15s ease,color .15s ease}.story-player__restart{color:var(--color-parchment);background:var(--color-accent);border-color:var(--color-accent)}.story-player__restart:hover,.story-player__share:hover,.story-player__vote:hover:not(:disabled){background:var(--color-accent-dark);color:var(--color-parchment)}.story-player__vote:disabled{opacity:.6;cursor:default}.story-player__stats{display:flex;flex-direction:column;gap:.35rem}.story-player__stats-line{font-family:var(--font-body);font-size:.85rem;color:var(--color-ink);opacity:.8;margin:0}.story-player__stats-choice{font-style:italic}.story-player__related{width:100%;border-top:1px solid rgba(0,0,0,.12);padding-top:1rem}.story-player__related-title{font-family:var(--font-display);font-size:.85rem;color:var(--color-ink);opacity:.75;margin:0 0 .75rem}.story-player__related-cards{display:flex;gap:.75rem;justify-content:center}.story-player__related-card{display:flex;flex-direction:column;align-items:center;gap:.4rem;width:120px;font-family:var(--font-body);font-size:.85rem;color:var(--color-ink);text-align:center}.story-player__related-card img{width:100%;height:80px;object-fit:cover;border-radius:6px;border:1px solid rgba(0,0,0,.2)}.story-player__related-card:hover img{border-color:var(--color-accent)}@media(max-width:480px){.story-player__panel{margin:0 .5rem 1.25rem;max-height:62vh}.story-player__text{padding:1.25rem 1.25rem .5rem;font-size:clamp(1rem,var(--player-text-size),1.35rem)}.story-player__choices{padding:.75rem 1.25rem 1.25rem}.story-player__choice{padding:.8rem 1rem;font-size:1.05rem}.story-player__exit{top:.75rem;left:.75rem;font-size:.75rem;padding:.4rem .75rem}.story-player__tools{top:.75rem;right:.75rem}.story-player__tool{min-width:2rem;height:2rem;padding:0 .45rem;font-size:.68rem}.story-player--ended .story-player__panel{width:calc(100% - 1rem);max-height:76vh}.story-player--ended .story-player__text{max-height:20vh}.story-player__ending-extra{padding:1.1rem 1.15rem 1.4rem}.story-player__ending-buttons,.story-player__restart{width:100%}}@media(prefers-reduced-motion:reduce){.story-player__ending-extra{animation:none}}.intro{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem}.intro__panel{max-width:620px;background:var(--color-parchment);border-radius:12px;padding:2.5rem 2.5rem 2.75rem;box-shadow:0 20px 60px #0000008c;border:1px solid rgba(0,0,0,.25);text-align:center}.intro__title{font-family:var(--font-display);font-size:2.4rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink);margin:0 0 .5rem}.intro__tagline{font-size:1.2rem;font-style:italic;color:var(--color-ink-soft);margin:0 0 2rem}.intro__points{list-style:none;margin:0 0 2.25rem;padding:0;text-align:left;display:flex;flex-direction:column;gap:1.1rem}.intro__points li{font-size:1.05rem;line-height:1.5;color:var(--color-ink);padding-left:1.1rem;border-left:3px solid var(--color-accent)}.intro__points strong{font-family:var(--font-display);font-size:.95rem;letter-spacing:.02em;color:var(--color-accent-dark)}.intro__enter{font-family:var(--font-display);font-size:1rem;letter-spacing:.05em;text-transform:uppercase;color:var(--color-parchment);background:var(--color-accent);padding:.85rem 2.2rem;border-radius:999px;transition:background .15s ease,transform .15s ease}.intro__enter:hover{background:var(--color-accent-dark);transform:translateY(-1px)}@media(max-width:480px){.intro__panel{padding:1.75rem 1.5rem 2rem}.intro__title{font-size:1.9rem}.intro__tagline{font-size:1.05rem;margin-bottom:1.5rem}.intro__points{margin-bottom:1.75rem}.intro__enter{width:100%;padding:.9rem 1.5rem}}.language-switch{position:fixed;bottom:12px;left:12px;z-index:2147483647;display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#241a128c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(243,233,210,.25)}.language-switch__option{font-family:var(--font-display);font-size:.7rem;letter-spacing:.05em;color:#f3e9d280;padding:2px 4px}.language-switch__option--active{color:var(--color-parchment)}.language-switch__divider{color:#f3e9d24d;font-size:.7rem}.challenge-gate{--story-accent: #9c3d3d;position:relative;display:grid;min-height:100dvh;place-items:center;overflow:hidden;padding:2rem;background:#120d09;color:var(--color-parchment);isolation:isolate}.challenge-gate__art,.challenge-gate__shade{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0}.challenge-gate__art{background-position:center;background-size:cover;animation:challenge-art-in 1.2s ease both}.challenge-gate__shade{z-index:-1;background:radial-gradient(circle at 50% 30%,transparent,rgba(10,7,5,.52) 56%),linear-gradient(0deg,#0a0705f5,#0a07052e 74%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.challenge-gate__card{width:min(650px,100%);padding:clamp(1.5rem,5vw,3.3rem);border:1px solid rgba(243,233,210,.24);border-radius:20px;background:#140e0ad6;box-shadow:0 30px 100px #000000b3;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:challenge-card-in .6s ease both}.challenge-gate__eyebrow{display:block;margin-bottom:.8rem;color:color-mix(in srgb,var(--story-accent),white 52%);font-family:var(--font-display);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}.challenge-gate__rarity{display:inline-block;padding:.3rem .6rem;border:1px solid rgba(243,233,210,.24);border-radius:999px;color:#f3e9d2bd;font-size:.68rem;text-transform:uppercase}.challenge-gate__rarity--rare{color:#c5b4e8;border-color:#73539b}.challenge-gate__rarity--secret{color:#efcb78;border-color:#a87b27}.challenge-gate h1{margin:1rem 0 .75rem;font-family:var(--font-display);font-size:clamp(2.35rem,7vw,4.5rem);line-height:.98;text-wrap:balance}.challenge-gate__card>p{max-width:520px;margin:0 auto 1.5rem;color:#f3e9d2bd;font-size:1.12rem;font-style:italic;line-height:1.48}.challenge-gate__story{display:flex;flex-direction:column;gap:.25rem;margin:0 0 1.3rem;padding:.9rem 1rem;border-top:1px solid rgba(243,233,210,.14);border-bottom:1px solid rgba(243,233,210,.14)}.challenge-gate__story small{color:#f3e9d275;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase}.challenge-gate__story strong{color:var(--color-parchment);font-family:var(--font-display);font-size:1.25rem}.challenge-gate__story span{color:#f3e9d29e;font-size:.9rem}.challenge-gate__accept{width:100%;padding:.9rem 1rem;border-radius:8px;background:var(--story-accent);box-shadow:0 12px 35px color-mix(in srgb,var(--story-accent),transparent 58%);color:#fff;font-family:var(--font-display);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}.challenge-gate__decline{margin-top:.8rem;color:#f3e9d294;font-size:.85rem;text-decoration:underline}@keyframes challenge-art-in{0%{opacity:0;transform:scale(1.04)}}@keyframes challenge-card-in{0%{opacity:0;transform:translateY(20px) scale(.98)}}@media(max-width:480px){.challenge-gate{padding:1rem}.challenge-gate__card{padding:1.4rem 1.15rem 1.2rem;border-radius:15px}.challenge-gate h1{font-size:2.45rem}.challenge-gate__card>p{font-size:1rem}}@media(prefers-reduced-motion:reduce){.challenge-gate__art,.challenge-gate__card{animation:none}}.consent{position:fixed;z-index:200;right:1rem;bottom:1rem;left:1rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.9rem 1.25rem;width:min(860px,calc(100% - 2rem));margin:0 auto;padding:1rem 1.15rem;border:1px solid rgba(243,233,210,.3);border-radius:14px;background:#19120df5;box-shadow:0 18px 60px #0009;color:var(--color-parchment);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.consent__copy strong{font-family:var(--font-display);font-size:.82rem;letter-spacing:.03em}.consent__copy p{margin:.25rem 0;color:#f3e9d2c2;font-size:.95rem;line-height:1.35}.consent__copy a,.consent__details small{color:#f3e9d29e;font-size:.78rem}.consent__actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.consent__actions button{padding:.55rem .75rem;border:1px solid rgba(243,233,210,.42);border-radius:7px;color:var(--color-parchment);font-family:var(--font-display);font-size:.65rem;letter-spacing:.03em}.consent__actions .consent__primary{border-color:var(--color-accent);background:var(--color-accent)}.consent__actions .consent__link{border-color:transparent;text-decoration:underline}.consent__details{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.75rem;border-top:1px solid rgba(243,233,210,.14)}.consent__details label{display:flex;align-items:center;gap:.55rem}@media(max-width:680px){.consent{grid-template-columns:1fr;bottom:.55rem;padding:.9rem}.consent__actions{justify-content:stretch}.consent__actions button{flex:1}.consent__details{align-items:flex-start;flex-direction:column}}