body:has(.letter-cards){color:#22303a;background:radial-gradient(circle at 50% 30%,#fff6d6,#ffd166 70%)}:is(body:has(.letter-cards) .site-header,body:has(.letter-cards) .site-footer){display:none}body:has(.letter-cards) .shell{flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:16px;display:flex}.lc-title{letter-spacing:.02em;color:#22303a;margin:4px 0 8px;font-size:22px;font-weight:800}.letter-cards{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;width:100%;display:flex}.lc-stage{justify-content:center;align-items:center;gap:clamp(8px,3vw,32px);width:100%;display:flex}.lc-card{--size:min(78vw, 62vh, 520px);width:var(--size);height:calc(var(--size) * 1.18);cursor:pointer;perspective:1600px;touch-action:pan-y;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}.lc-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.3,.7,.4,1);display:block;position:relative}.lc-card.is-flipped .lc-inner{transform:rotateY(180deg)}.lc-face{backface-visibility:hidden;background:#fff;border:6px solid #22303a;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 14px #22303a2e}.lc-back{padding:4% 6% 5%;transform:rotateY(180deg)}.lc-letter{font-family:Arial Rounded MT Bold,Nunito,Trebuchet MS,sans-serif;font-weight:900;font-size:calc(var(--size) * .5);line-height:1}.lc-lower{margin-left:.08em;font-size:.72em}.lc-pokemon{object-fit:contain;flex:1;width:78%;height:auto;min-height:0}.lc-name{color:#22303a;font-family:Arial Rounded MT Bold,Nunito,Trebuchet MS,sans-serif;font-weight:900;font-size:calc(var(--size) * .12);margin:4px 0 0;line-height:1.1}.lc-sound{color:#5b6770;text-align:center;margin-top:6px;font-size:15px;line-height:1.3}.lc-arrow{color:#fff;cursor:pointer;background:#e3350d;border:5px solid #22303a;border-radius:50%;flex:none;width:clamp(56px,10vw,84px);height:clamp(56px,10vw,84px);padding-bottom:6px;font-size:clamp(40px,7vw,60px);font-weight:900;line-height:0;transition:transform .1s;box-shadow:0 6px #22303a40}.lc-arrow:active,.lc-mix:active{transform:translateY(3px)}.lc-controls{align-items:center;gap:18px;display:flex}.lc-progress{color:#22303a;margin:0;font-size:18px;font-weight:700}.lc-speak{color:#fff;cursor:pointer;background:#1c7ed6;border:4px solid #22303a;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 5px #22303a40}.lc-speak svg{width:34px;height:34px}.lc-speak:active{transform:translateY(3px)}.lc-speak:focus-visible{outline-offset:6px;outline:4px solid #1c7ed6}.lc-mix{color:#22303a;cursor:pointer;background:#fff;border:4px solid #22303a;border-radius:999px;padding:8px 20px;font-size:18px;font-weight:800}.lc-card:focus-visible,.lc-arrow:focus-visible,.lc-mix:focus-visible{outline-offset:6px;outline:4px solid #1c7ed6}.lc-disclaimer{color:#5b6770;text-align:center;max-width:640px;margin:18px 0 4px;font-size:12px;line-height:1.5}@media (max-width:560px){.lc-stage{flex-wrap:wrap}.lc-card{--size:min(88vw, 60vh);order:-1}}@media (prefers-reduced-motion:reduce){.lc-inner{transition:none}}