.fj-scroll-container{position:relative;width:100%;overflow-y:auto;overflow-x:hidden}.fj-scroll-spacer{width:100%;pointer-events:none}.fj-canvas-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.fj-canvas{width:100%;height:100%;display:block}.fj-overlay{position:fixed;z-index:10;pointer-events:none;transition:opacity .6s ease}.fj-overlay.is-hidden{opacity:0}.fj-card-overlay{bottom:15%;left:clamp(24px,5vw,64px);max-width:480px;display:flex;flex-direction:column;gap:8px}.fj-card-numeral{font-family:var(--font-display);font-size:clamp(14px,2vw,18px);letter-spacing:.3em;color:var(--accent, #e6c27a);opacity:.8;text-transform:uppercase}.fj-card-title{font-family:var(--font-display);font-size:clamp(32px,5vw,56px);font-weight:700;color:#f7f3eb;letter-spacing:.02em;line-height:1.1;text-shadow:0 4px 20px rgba(0,0,0,.6)}.fj-card-subtitle{font-family:var(--font-body);font-size:clamp(14px,1.8vw,17px);color:#f7f3eba6;line-height:1.6;max-width:360px}.fj-card-caption{font-family:var(--font-body);font-size:clamp(12px,1.5vw,14px);color:#f7f3eb73;line-height:1.5;font-style:italic;max-width:320px;margin-top:4px}.fj-gallery-title{top:15%;right:clamp(24px,5vw,64px);text-align:right}.fj-gallery-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#f7f3eb80}.fj-gallery-name{font-family:var(--font-display);font-size:clamp(18px,2.5vw,26px);color:#f7f3ebcc;margin-top:4px}.fj-controls{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:12px;padding:12px clamp(16px,4vw,48px);background:linear-gradient(transparent,#08080ed9);pointer-events:none}.fj-controls>*{pointer-events:auto}.fj-play-btn{width:36px;height:36px;border:1px solid rgba(247,243,235,.25);border-radius:50%;background:#08080e99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f7f3eb;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .2s ease,background .2s ease}.fj-play-btn:hover{border-color:#f7f3eb73;background:#14141ecc}.fj-play-btn svg{width:14px;height:14px;fill:currentColor}.fj-play-btn .pause-icon{display:none}.fj-play-btn .play-icon,.fj-play-btn[data-state=playing] .pause-icon{display:block}.fj-play-btn[data-state=playing] .play-icon{display:none}.fj-scrub{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f7f3eb1f;border-radius:2px;outline:none;cursor:pointer}.fj-scrub:focus-visible{outline:2px solid rgba(139,92,246,.8);outline-offset:2px}.fj-play-btn:focus-visible{outline:2px solid rgba(139,92,246,.8);outline-offset:2px}.fj-scrub::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent, #e6c27a);border:2px solid rgba(8,8,14,.6);cursor:pointer;box-shadow:0 0 8px #e6c27a4d}.fj-scrub::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent, #e6c27a);border:2px solid rgba(8,8,14,.6);cursor:pointer}.fj-progress-label{font-family:var(--font-body);font-size:11px;color:#f7f3eb80;letter-spacing:.05em;min-width:32px;text-align:right;flex-shrink:0;-webkit-user-select:none;user-select:none}.fj-stop-dots{position:fixed;right:clamp(12px,2vw,24px);top:50%;transform:translateY(-50%);z-index:15;display:flex;flex-direction:column;gap:10px;pointer-events:none}.fj-dot{width:8px;height:8px;border-radius:50%;background:#f7f3eb26;transition:background .3s ease,transform .3s ease}.fj-dot.is-active{background:var(--accent, #e6c27a);transform:scale(1.5)}.fj-dot.is-visited{background:#f7f3eb59}.fj-loading-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:30;display:flex;flex-direction:column;align-items:center;gap:16px;transition:opacity .5s ease}.fj-loading-indicator.is-hidden{opacity:0;pointer-events:none}.fj-loading-spinner{width:32px;height:32px;border:2px solid rgba(247,243,235,.15);border-top-color:var(--accent, #e6c27a);border-radius:50%;animation:fj-spin .8s linear infinite}.fj-loading-text{font-family:var(--font-body);font-size:12px;letter-spacing:.1em;color:#f7f3eb80;text-transform:uppercase}@keyframes fj-spin{to{transform:rotate(360deg)}}.fj-fallback{display:none;max-width:800px;margin:0 auto;padding:48px 24px 96px;flex-direction:column;gap:32px}.fj-fallback.is-visible{display:flex}.fj-fallback-title{font-family:var(--font-display);font-size:clamp(28px,4vw,40px);color:#f7f3eb}.fj-fallback-card{padding:20px 24px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#0f101699;display:flex;flex-direction:column;gap:6px}.fj-fallback-card h3{font-family:var(--font-display);font-size:20px;color:#f7f3eb}.fj-fallback-card .numeral{font-size:12px;letter-spacing:.2em;color:#f7f3eb66}.fj-fallback-card p{font-size:14px;color:#f7f3eba6;line-height:1.6}@media(max-width:768px){.fj-card-overlay{bottom:20%;left:20px;right:20px}.fj-gallery-title{top:auto;bottom:35%;right:20px;left:20px;text-align:left}.fj-stop-dots{display:none}.fj-controls{padding:10px 16px}}@media(prefers-reduced-motion:reduce){.fj-loading-spinner{animation:none;border-top-color:#f7f3eb4d}.fj-card-overlay,.fj-gallery-title{transition:none}}.debug-stats-panel{position:fixed;top:70px;left:0;z-index:9999}.debug-gui-panel{position:fixed;top:70px;right:0;z-index:9999}.art-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#art-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}#art-ui-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;font-family:var(--font-body);color:#f7f3ebe6}.art-ui{position:relative;width:100%;height:100%;pointer-events:none}.art-progress{position:absolute;top:24px;right:32px;display:flex;gap:8px}.art-progress-dot{width:10px;height:10px;border-radius:999px;background:#ffffff40}.art-progress-dot.is-active{background:#ffffffe6}.art-caption{position:absolute;left:40px;top:120px;max-width:360px;pointer-events:none}.art-caption-numeral{font-size:28px;color:#f7f3eb99;letter-spacing:.05em}.art-caption-title{margin:8px 0 4px;font-size:32px;font-weight:600}.art-caption-subtitle{margin:0 0 8px;font-size:14px;color:#f7f3ebb8}.art-caption-text{margin:0;font-size:13px;color:#f7f3eb8f;line-height:1.5}.art-journal{position:absolute;right:32px;bottom:32px;pointer-events:auto}.art-journal-toggle{padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:#0a0a1480;color:inherit;font-size:13px}.art-journal-panel{margin-top:8px;padding:12px 16px;border-radius:12px;background:#0a0a14b3;border:1px solid rgba(255,255,255,.15);min-width:180px;display:none}.art-journal.is-open .art-journal-panel{display:block}.art-journal-panel h3{margin:0 0 8px;font-size:14px;font-weight:600}.art-journal-panel ul{margin:0;padding-left:18px;font-size:12px;color:#f7f3ebb3}.art-journal-empty{margin:0;font-size:12px;color:#f7f3eb99}.art-journal-cards{display:grid;grid-template-columns:repeat(2,minmax(80px,1fr));gap:8px}.art-journal-card{padding:10px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);text-align:center;position:relative;overflow:hidden}.art-journal-card-number{font-size:14px;letter-spacing:.08em;color:#f7f3ebb3}.art-journal-card-foil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#ffffff1f,#ffc8782e,#78c8ff24);mix-blend-mode:screen;opacity:.65;animation:foil-sweep 4s ease-in-out infinite alternate;pointer-events:none}.art-journal-card-title{font-size:12px;margin-top:4px;color:#f7f3ebd9}.art-skip{position:absolute;left:32px;bottom:32px;pointer-events:auto;display:flex;align-items:center;gap:8px;font-size:12px}.art-skip select{background:#0a0a1499;border:1px solid rgba(255,255,255,.2);color:inherit;padding:6px 8px;border-radius:8px}.art-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#08080ea6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto}.art-loading-spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.2);border-top-color:#fffc;animation:art-spin 1s linear infinite}.art-loading-text{margin-top:12px;font-size:13px;color:#f7f3ebcc}@keyframes art-spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.art-truth-modal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:auto;z-index:10}.art-truth-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#08080e99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.art-truth-panel{position:relative;max-width:420px;width:90%;background:#0e0e16e6;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:24px;z-index:1;display:flex;flex-direction:column;gap:12px}.art-truth-panel h2{margin:0;font-size:18px;font-weight:600}.art-truth-panel p{margin:0;font-size:12px;color:#f7f3eba6}.art-truth-panel textarea{width:100%;background:#0006;border:1px solid rgba(255,255,255,.15);color:#f7f3ebe6;border-radius:10px;padding:10px;resize:none;font-family:inherit;font-size:13px}.art-truth-actions{display:flex;justify-content:space-between;gap:12px}.art-truth-actions button{flex:1;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:inherit;font-size:12px}.art-card-acquire{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.art-card{width:240px;height:380px;border-radius:12px;border:1px solid rgba(255,255,255,.4);background:#1e1e28e6;position:relative;display:flex;align-items:flex-end;justify-content:center;padding:18px;animation:card-acquire 3.5s ease forwards;transform-origin:center}.art-card-title{font-size:16px;letter-spacing:.08em;color:#f7f3ebd9}.art-card-shine{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.6),transparent);transform:translate(-100%);animation:card-shine 1.2s ease .5s forwards;pointer-events:none}.art-container-prompt{position:absolute;right:60px;top:50%;transform:translateY(-50%);padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.4);background:#0a0a1499;font-size:13px;letter-spacing:.08em;pointer-events:none}.art-truth-given{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);font-size:20px;letter-spacing:.08em;color:#f7f3ebeb;animation:truth-given 2s ease forwards;pointer-events:none}@keyframes card-acquire{0%{transform:translate(-10px,20px) scale(.1);opacity:0}40%{transform:translate(0) scale(1);opacity:1}to{transform:translate(260px,220px) scale(.28);opacity:1}}@keyframes foil-sweep{0%{transform:translate(-120%,-120%) rotate(25deg);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translate(120%,120%) rotate(25deg);opacity:0}}@keyframes truth-given{0%{opacity:0;transform:translate(-50%,-50%) translateY(8px)}20%{opacity:1;transform:translate(-50%,-50%)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) translateY(-6px)}}@keyframes card-shine{to{transform:translate(120%)}}.art-perf{position:absolute;top:16px;left:16px;padding:8px 10px;background:#0009;border:1px solid rgba(255,255,255,.2);font-size:11px;pointer-events:none;z-index:12}.art-perf.is-warning{border-color:#ff7878cc}.art-perf-warning{color:#ffa0a0e6;margin-top:4px;font-weight:600}.art-card-foil{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:linear-gradient(110deg,transparent 30%,rgba(255,224,128,.55) 50%,transparent 70%);mix-blend-mode:screen;pointer-events:none;opacity:0}.art-card--sweeping .art-card-foil{animation:foil-sweep .9s cubic-bezier(.4,0,.2,1) forwards}