@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}header h1{animation:rise .7s var(--km-ease) both}header p{animation:rise .7s var(--km-ease) .12s both}.deck{animation:rise .8s var(--km-ease) .24s both}.deck-dots{animation:rise .8s var(--km-ease) .4s both}.mute-toggle{z-index:10;color:#888;cursor:pointer;-webkit-tap-highlight-color:transparent;width:42px;height:42px;transition:color .18s ease, border-color .18s ease, background .18s ease, transform .18s var(--spring);background:#ffffff0a;border:1px solid #232323;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:fixed;top:1.25rem;left:1.25rem}.mute-toggle:hover{color:#fff;background:#ffffff14;border-color:#444;transform:scale(1.06)}.mute-toggle:active{transform:scale(.92)}header{text-align:center;padding:clamp(3rem,9vw,4.5rem) 1.5rem 1rem}header h1{letter-spacing:-.03em;background:linear-gradient(#fff 55%,#999);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.1rem,7vw,3.75rem);font-weight:800}header p{color:#888;margin-top:.5rem;font-size:clamp(1rem,3.5vw,1.15rem)}main{flex-direction:column;flex:1;align-items:center;width:100%;max-width:720px;margin:0 auto;padding:clamp(2rem,6vw,3.5rem) 1.5rem;display:flex}.deck{cursor:pointer;perspective:1200px;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;outline:none;width:clamp(280px,84vw,350px);max-width:100%;padding-bottom:2.75rem;position:relative}.deck:focus-visible{outline-offset:12px;border-radius:28px;outline:2px solid #555}.card{text-align:center;border-radius:var(--km-radius-card);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 9%, var(--km-surface)), var(--km-surface) 55%);border:1px solid color-mix(in srgb, var(--accent) 22%, var(--km-border));min-height:min(440px,78vh);box-shadow:0 20px 50px #0000008c, 0 0 80px -20px var(--accent-soft);transform-origin:50% 70%;will-change:transform, opacity;transition:transform .5s var(--spring), opacity .35s ease;transform:translateY(calc(var(--depth) * 16px)) scale(calc(1 - var(--depth) * .05)) rotate(calc(var(--depth) * -2.5deg));flex-direction:column;justify-content:center;align-items:center;padding:clamp(2rem,5.5vw,2.5rem) clamp(1.5rem,5vw,1.75rem);display:flex;overflow:hidden}.card:first-child{position:relative}.card:not(:first-child){position:absolute;inset:0 0 2.75rem}.card:nth-child(n+4){opacity:0}.card[aria-hidden=true]{pointer-events:none;filter:brightness(.75)}.card-icon{border-radius:var(--km-radius-icon);object-fit:cover;width:clamp(80px,26vw,96px);height:clamp(80px,26vw,96px);box-shadow:0 0 0 1px #2a2a2a, 0 10px 24px #00000080, 0 0 44px var(--accent-soft);margin-bottom:1.5rem}.card-category{text-transform:uppercase;letter-spacing:.12em;color:color-mix(in srgb, var(--accent) 60%, #aaa);border:1px solid color-mix(in srgb, var(--accent) 30%, #333);border-radius:var(--km-radius-pill);margin-bottom:1rem;padding:.28rem .75rem;font-size:.68rem;display:inline-block}.card-name{letter-spacing:-.02em;text-wrap:balance;overflow-wrap:break-word;max-width:100%;margin-bottom:.75rem;font-size:clamp(1.35rem,6vw,1.6rem);font-weight:700}.card-description{color:#999;overflow-wrap:break-word;margin-bottom:1.75rem;font-size:clamp(.9rem,3.6vw,.95rem);line-height:1.6}.card-link{color:#000;transition:transform .18s var(--spring), opacity .15s ease;background:#fff;border-radius:999px;align-items:center;gap:.5rem;margin-top:.5rem;padding:.7rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex}.card-link:hover{opacity:.9;box-shadow:0 4px 28px var(--accent-soft);transform:translateY(-2px)}.card-link span{transition:transform .18s var(--spring)}.card-link:hover span{transform:translate(4px)}.deck-dots{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.6rem;margin-top:2rem;display:flex}.deck-dot{width:7px;height:7px;transition:background .35s ease, transform .35s var(--spring), box-shadow .35s ease;background:#333;border-radius:999px}.deck-dot.is-active{background:var(--accent);box-shadow:0 0 12px var(--accent);transform:scale(1.5)}footer{text-align:center;color:#555;padding:2rem 1.5rem;font-size:.8rem}footer a{color:#888}footer a:hover{color:#fff}@media (width<=360px){.card{transform:translateY(calc(var(--depth) * 12px)) scale(calc(1 - var(--depth) * .05)) rotate(calc(var(--depth) * -2deg))}}@media (prefers-reduced-motion:reduce){.card,.card-link,.card-link span{transition-duration:.01ms!important}header h1,header p,.deck,.deck-dots{animation:none!important}.deck-dot{transition-duration:.01ms!important}}:root{--km-font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--km-bg:#000;--km-surface:#0e0e0e;--km-border:#232323;--km-border-strong:#444;--km-text:#fff;--km-text-dim:#888;--km-text-faint:#555;--km-radius-card:28px;--km-radius-icon:22px;--km-radius-pill:999px;--spring:cubic-bezier(.34, 1.56, .64, 1);--km-ease:cubic-bezier(.22, 1, .36, 1);--accent:#fff;--accent-soft:#ffffff1f}.km-badge{font-family:var(--km-font);letter-spacing:.06em;color:var(--km-text-dim);border:1px solid var(--km-border);border-radius:var(--km-radius-pill);background:#ffffff08;align-items:center;gap:.45rem;padding:.35rem .85rem;font-size:.72rem;transition:color .18s,border-color .18s;display:inline-flex}.km-badge:hover{color:var(--km-text);border-color:var(--km-border-strong)}.km-badge:before{content:"";background:var(--accent);width:7px;height:7px;box-shadow:0 0 8px var(--accent-soft);border-radius:50%}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--km-font);background-color:var(--km-bg);color:var(--km-text);flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}