.intro-overlay{z-index:999;background:var(--bg-lowest);opacity:1;transition:opacity var(--intro-fade-ms,.5s) ease;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.intro-overlay--fading{opacity:0;pointer-events:none}.flip-board{grid-template-columns:repeat(var(--flip-board-columns), 1fr);background:var(--surface);border:1px solid var(--card-border);border-radius:12px;gap:5px;width:min(94vw,760px);padding:24px;display:grid}.flip-cell{aspect-ratio:3/4;background:var(--bg-lowest);perspective:240px;border-radius:3px;justify-content:center;align-items:center;transition:background-color .12s;display:flex;position:relative;overflow:hidden}.flip-cell:after{content:"";z-index:1;background:#00000073;height:1px;position:absolute;top:50%;left:0;right:0}.flip-cell__flap{width:100%;height:100%;font-family:var(--font-mono);color:var(--text);transform-origin:50%;justify-content:center;align-items:center;font-size:clamp(9px,1.9vw,20px);font-weight:700;animation:.14s ease-out flip-step;display:flex}.flip-cell--active .flip-cell__flap{color:inherit}@keyframes flip-step{0%{opacity:.35;transform:rotateX(75deg)}60%{opacity:1;transform:rotateX(-10deg)}to{opacity:1;transform:rotateX(0)}}.flip-cell--active.flip-cell--lime{background:var(--lime);color:#131f00}.flip-cell--active.flip-cell--amber{background:var(--amber);color:#3a1f00}@media (width<=640px){.flip-board{gap:4px;width:min(96vw,420px);padding:14px}.flip-cell__flap{font-size:clamp(14px,6vw,22px)}}.name-flip-board{cursor:pointer;vertical-align:middle;outline:none;gap:2px;display:inline-flex}.name-flip-cell{perspective:200px;background:#000;border-radius:2px;justify-content:center;align-items:center;width:15px;height:20px;transition:background-color .15s;display:flex;position:relative;overflow:hidden}.name-flip-cell:after{content:"";z-index:1;background:#ffffff40;height:1px;position:absolute;top:50%;left:0;right:0}.name-flip-cell--inverted{background:#fff}.name-flip-cell--inverted:after{background:#00000040}.name-flip-cell__flap{width:100%;height:100%;font-family:var(--font-mono);color:#fff;transform-origin:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;transition:color .15s;animation:.14s ease-out name-flip-step;display:flex}.name-flip-cell--inverted .name-flip-cell__flap{color:#000}@keyframes name-flip-step{0%{opacity:.35;transform:rotateX(75deg)}60%{opacity:1;transform:rotateX(-10deg)}to{opacity:1;transform:rotateX(0)}}.cf{--cover-size:clamp(180px, 42vw, 340px);flex-direction:column;align-items:center;gap:28px;padding-top:8px;display:flex}.cf-controls{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.cf-arrow{border:1px solid var(--card-border);background:var(--card);width:44px;height:44px;color:var(--text-muted);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;border-radius:50%;flex:none;place-items:center;transition:color .2s,border-color .2s,background .2s,transform .15s;display:grid}.cf-arrow:hover:not(:disabled){color:var(--lime);border-color:var(--lime);background:var(--lime-container)}.cf-arrow:active:not(:disabled){transform:scale(.92)}.cf-arrow:disabled{opacity:.28;cursor:default}.cf-arrow .icon{width:22px;height:22px}.cf-stage{height:calc(var(--cover-size) + 46px);perspective:1400px;max-width:720px;transform-style:preserve-3d;touch-action:pan-y;cursor:grab;outline:none;flex:auto;position:relative}.cf-stage:active{cursor:grabbing}.cf-stage:focus-visible{outline:none}.cf-stage:focus-visible .cf-cover.is-active{box-shadow:0 0 0 2px var(--lime), 0 24px 60px #0000008c}.cf-cover{width:var(--cover-size);height:var(--cover-size);margin-left:calc(var(--cover-size) / -2);border:1px solid var(--card-border);background:var(--surface-low);transform-origin:50%;will-change:transform, opacity;-webkit-user-select:none;user-select:none;border-radius:10px;transition:transform .5s cubic-bezier(.22,.61,.36,1),opacity .5s,box-shadow .3s;position:absolute;top:0;left:50%;overflow:hidden;box-shadow:0 10px 30px #0006}.cf-cover img{object-fit:cover;filter:saturate(.85)brightness(.82);pointer-events:none;width:100%;height:100%;transition:filter .4s}.cf-cover.is-active{cursor:pointer;border-color:#a4d64c66;box-shadow:0 24px 60px #0000008c,0 0 40px #a4d64c14}.cf-cover.is-active img{filter:saturate(1.05)brightness()}.cf-cover-badge{font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--text);opacity:0;background:linear-gradient(#0000,#0c0f0ee6);justify-content:center;align-items:center;gap:8px;padding:14px 10px 12px;font-size:11px;transition:opacity .3s,transform .3s;display:flex;position:absolute;inset:auto 0 0;transform:translateY(6px)}.cf-cover-badge .icon{width:16px;height:16px;color:var(--lime)}.cf-cover.is-active:hover .cf-cover-badge,.cf-stage:focus-visible .cf-cover.is-active .cf-cover-badge{opacity:1;transform:translateY(0)}.cf-info{text-align:center;max-width:520px;min-height:132px}.cf-index{letter-spacing:2px;color:var(--lime);font-size:12px}.cf-index span{color:var(--text-dim)}.cf-title{font-family:var(--font-body);letter-spacing:-.3px;color:var(--text);margin-top:6px;font-size:clamp(22px,4vw,30px);font-weight:700}.cf-desc{color:var(--text-muted);margin-top:8px;font-size:15px;line-height:1.55}.cf-link{border:1px solid var(--lime);color:var(--lime);font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;margin-top:16px;padding:9px 18px;font-size:12px;transition:background .2s,color .2s,transform .15s;display:inline-flex}.cf-link:hover{background:var(--lime);color:#131f00}.cf-link:active{transform:scale(.96)}.cf-link .icon{width:15px;height:15px}.cf-dots{align-items:center;gap:10px;display:flex}.cf-dot{background:var(--outline-variant);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s,width .25s,border-radius .25s}.cf-dot:hover{background:var(--text-dim)}.cf-dot.is-active{background:var(--lime);border-radius:4px;width:22px}@media (width<=640px){.cf{gap:22px}.cf-controls{gap:2px}.cf-arrow{width:38px;height:38px}.cf-stage{max-width:none}}