:root{--bg-deep:#070b14;--bg-primary:#0c1120;--bg-secondary:#131a2e;--bg-card:#19223a;--bg-card-hover:#1f2a44;--text-primary:#e8e2d6;--text-secondary:#a09888;--text-muted:#5e564a;--gold:#c9a84c;--gold-bright:#e0c068;--gold-dim:#8a7435;--amber:#d4a847;--border-gold:#c9a84c33;--border-subtle:#ffffff0f;--glow-gold:0 0 30px #c9a84c1f;--glow-gold-strong:0 0 40px #c9a84c40;--font-display:"Cormorant Garamond", Georgia, serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--ease-out:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-deep);height:100%;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100%}.catalog{background:linear-gradient(180deg, var(--bg-deep) 0%, var(--bg-primary) 100%);min-height:100vh;padding-bottom:24px}.catalog__header{text-align:center;padding:32px 16px 24px}.catalog__title{font-family:var(--font-display);color:var(--gold);letter-spacing:.02em;font-size:32px;font-weight:700;line-height:1.1}.catalog__subtitle{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-top:8px;font-size:12px}.catalog__grid{flex-direction:column;gap:16px;display:flex}.quest-card{aspect-ratio:16/10;cursor:pointer;transition:transform .3s var(--ease-out), box-shadow .3s var(--ease-out);position:relative;overflow:hidden}.quest-card:active{transform:scale(.97)}.quest-card__image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.quest-card__overlay{background:linear-gradient(#070b141a 0%,#070b1466 50%,#070b14f2 100%);position:absolute;inset:0}.quest-card__content{padding:20px;position:absolute;bottom:0;left:0;right:0}.quest-card__tags{gap:6px;margin-bottom:10px;display:flex}.quest-card__tag{text-transform:uppercase;letter-spacing:.1em;color:var(--gold);background:#c9a84c1f;border:1px solid #c9a84c33;border-radius:4px;padding:3px 8px;font-size:10px}.quest-card__title{font-family:var(--font-display);color:var(--text-primary);font-size:24px;font-weight:700;line-height:1.2}.quest-card__desc{color:var(--text-secondary);margin-top:6px;font-size:14px;line-height:1.4}.quest-card__badge{text-transform:uppercase;letter-spacing:.1em;z-index:1;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:600;position:absolute;top:12px;right:12px}.quest-card__badge--continue{color:var(--bg-deep);background:linear-gradient(135deg, var(--gold) 0%, var(--amber) 100%)}.quest-card__badge--done{color:var(--text-secondary);border:1px solid var(--border-subtle);background:#ffffff1a}.details{background:var(--bg-deep);flex-direction:column;min-height:100vh;display:flex}.details__hero{aspect-ratio:1;width:100%;position:relative;overflow:hidden}.details__hero-img{object-fit:cover;width:100%;height:100%}.details__hero-overlay{background:linear-gradient(0deg, var(--bg-deep) 0%, #070b1499 40%, transparent 70%);position:absolute;inset:0}.details__hero-content{padding:24px 20px;position:absolute;bottom:0;left:0;right:0}.details__tags{gap:6px;margin-bottom:12px;display:flex}.details__tag{text-transform:uppercase;letter-spacing:.1em;color:var(--gold);background:#c9a84c26;border:1px solid #c9a84c40;border-radius:4px;padding:3px 8px;font-size:10px}.details__title{font-family:var(--font-display);color:var(--text-primary);font-size:34px;font-weight:700;line-height:1.1}.details__body{flex:1;padding:20px}.details__desc{color:var(--text-secondary);font-size:15px;line-height:1.6}.details__actions{padding:16px 20px 32px}.btn-start{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--gold) 0%, var(--amber) 100%);width:100%;color:var(--bg-deep);font-family:var(--font-display);letter-spacing:.03em;cursor:pointer;transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out);box-shadow:var(--glow-gold);border:none;padding:16px;font-size:20px;font-weight:700;display:block}.btn-start:active{box-shadow:var(--glow-gold-strong);transform:scale(.97)}.player{background:var(--bg-deep);flex-direction:column;justify-content:flex-end;max-width:56.25dvh;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.player__canvas{background:var(--bg-deep);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.player__back{color:var(--text-secondary);cursor:pointer;z-index:1;transition:color .2s var(--ease-out);background:#070b14b3;border:none;border-radius:4px;padding:.5dvh 1.2dvh;font-size:2dvh;position:absolute;top:1dvh;left:1dvh}.player__back:active{color:var(--text-primary)}.player__back:disabled{opacity:.4;cursor:default}.player__counter{color:var(--text-muted);pointer-events:none;z-index:1;background:#070b14b3;border-radius:4px;padding:.4dvh 1dvh;font-size:1.35dvh;position:absolute;top:1dvh;right:1dvh}.player__text{z-index:1;-webkit-overflow-scrolling:touch;cursor:pointer;max-height:22vh;animation:textSlideIn .25s var(--ease-out);background:linear-gradient(#070b14b3 0%,#070b14d9 40%,#070b14f2 100%);flex-shrink:0;padding:2dvh 2dvh 1.2dvh;position:relative;overflow-y:auto}@media (hover:hover){.player__text:hover{background:linear-gradient(#070b1499 0%,#070b14c7 40%,#070b14e0 100%)}}.player__text-toggle{width:5dvh;height:5dvh;color:var(--gold);cursor:pointer;z-index:1;animation:togglePopIn .3s var(--ease-out);transition:background .2s var(--ease-out), border-color .2s var(--ease-out);background:#070b1480;border:1px solid #c9a84c40;border-radius:50%;flex-shrink:0;justify-content:center;align-self:flex-end;align-items:center;margin:0 1.5dvh 1dvh 0;display:flex;position:relative}@media (hover:hover){.player__text-toggle:hover{background:#070b14b3;border-color:#c9a84c80}}.player__text-toggle:active{transform:scale(.9)}@keyframes textSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes togglePopIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.player__narrator-line{color:var(--text-secondary);font-size:1.7dvh;font-style:italic;line-height:1.5}.player__speech-line{color:var(--text-primary);font-size:1.7dvh;line-height:1.5}.player__note-line{color:var(--text-secondary);border-left:2px solid var(--gold);padding-left:1.5dvh;font-size:1.7dvh;font-style:italic;line-height:1.5}.player__character-name{color:var(--gold);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:1.35dvh;font-weight:600;display:block}.player__narrator-line+.player__narrator-line,.player__speech-line+.player__speech-line,.player__note-line+.player__note-line,.player__narrator-line+.player__speech-line,.player__speech-line+.player__narrator-line,.player__narrator-line+.player__note-line,.player__note-line+.player__narrator-line{margin-top:1dvh}.player__next{width:100%;padding:14px 14px max(14px, env(safe-area-inset-bottom));padding:1.7dvh 1.7dvh max(1.7dvh, env(safe-area-inset-bottom));border:none;border-top:1px solid var(--border-subtle);color:var(--gold);font-family:var(--font-body);cursor:pointer;transition:background .2s var(--ease-out);z-index:1;background:#131a2ef2;flex-shrink:0;font-size:1.85dvh;font-weight:500;display:block;position:relative}.player__next:active{background:#19223af2}.player__choices{padding:12px 16px max(20px, env(safe-area-inset-bottom));padding:1.5dvh 2dvh max(2.5dvh, env(safe-area-inset-bottom));border-top:1px solid var(--border-subtle);-webkit-overflow-scrolling:touch;z-index:1;background:#070b14f2;flex-direction:column;flex-shrink:0;gap:1dvh;max-height:40vh;display:flex;position:relative;overflow-y:auto}.btn-choice{border:1px solid var(--border-gold);border-radius:var(--radius-md);background:var(--bg-secondary);width:100%;color:var(--text-primary);font-family:var(--font-body);text-align:left;cursor:pointer;transition:all .2s var(--ease-out);padding:1.7dvh 2.5dvh;font-size:1.85dvh;line-height:1.4;display:block;position:relative;overflow:hidden}.btn-choice:before{content:"";background:var(--gold);opacity:0;width:3px;transition:opacity .2s var(--ease-out);position:absolute;top:0;bottom:0;left:0}.btn-choice:active{background:var(--bg-card);border-color:var(--gold);transform:scale(.98)}.btn-choice:active:before{opacity:1}.btn-choice:disabled{opacity:.5;cursor:default;transform:none}.btn-choice--primary{background:#c9a84c14;border-color:#c9a84c59}.btn-choice--primary:before{opacity:1}.player__ending{padding:20px 20px max(28px, env(safe-area-inset-bottom));padding:2.5dvh 2.5dvh max(3.4dvh, env(safe-area-inset-bottom));text-align:center;border-top:1px solid var(--border-subtle);z-index:1;background:#070b14f2;flex-shrink:0;position:relative}.player__ending-label{font-family:var(--font-display);color:var(--text-muted);margin-bottom:2dvh;font-size:2.2dvh;font-style:italic;font-weight:600}.btn-catalog{border:1px solid var(--border-gold);border-radius:var(--radius-md);color:var(--gold);font-family:var(--font-display);cursor:pointer;transition:all .2s var(--ease-out);background:0 0;padding:1.7dvh 4dvh;font-size:2.1dvh;font-weight:600;display:inline-block}.btn-catalog:active{background:#c9a84c1a;transform:scale(.97)}.player__modal-overlay{z-index:10;background:#070b14e6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.player__modal{text-align:center;max-width:320px;padding:32px 24px}.player__modal-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:12px;font-size:22px;font-weight:700}.player__modal-text{color:var(--text-secondary);margin-bottom:24px;font-size:14px;line-height:1.5}.player__modal-actions{flex-direction:column;gap:12px;display:flex}.player__modal-actions .btn-start{font-size:17px}.player__modal-actions .btn-catalog{width:100%;font-size:15px;display:block}.loading{background:var(--bg-deep);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.loading__spinner{border:2px solid var(--border-gold);border-top-color:var(--gold);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading__text{color:var(--text-muted);font-size:14px;font-style:italic}.error{background:var(--bg-deep);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.error__title{font-family:var(--font-display);color:var(--gold);margin-bottom:8px;font-size:24px}.error__message{color:var(--text-secondary);font-size:14px}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;padding:32px;display:flex}.empty__title{font-family:var(--font-display);color:var(--text-secondary);margin-bottom:8px;font-size:24px;font-weight:600}.empty__desc{color:var(--text-muted);font-size:14px}.tg-placeholder{background:var(--bg-deep);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.tg-placeholder__title{font-family:var(--font-display);color:var(--gold);margin-bottom:12px;font-size:36px;font-weight:700}.tg-placeholder__desc{color:var(--text-secondary);font-size:15px}