@import url("/mascots.css?v=20260930-showcase");
.tap-showcase{padding-top:70px;padding-bottom:70px}.showcase-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.showcase-heading h2{font-size:clamp(28px,4vw,44px);margin:0 0 12px}.showcase-heading p{max-width:650px}.showcase-pause{flex-shrink:0;border:1px solid #c8badc;background:white;color:#48395e;border-radius:30px;padding:12px 18px;cursor:pointer}.showcase-panels{display:grid;grid-template-columns:1fr 1fr;gap:24px}.showcase-panels article{min-width:0;border-radius:24px;overflow:hidden;padding:24px;border:1px solid #ded5ea;box-shadow:0 16px 44px #3021440c}.showcase-game{background:#151320;color:#eee7fb}.showcase-pets{background:linear-gradient(150deg,#f5efff,#e9f4f1);color:#352746}.showcase-bar{display:flex;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:.08em;font-weight:700;margin-bottom:20px}.showcase-live{color:#b7e7c0}.showcase-game canvas{display:block;width:100%;height:auto;aspect-ratio:3/2;border-radius:12px;border:1px solid #514662}.showcase-game-choices{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.showcase-game-choices button{flex:1;padding:10px 9px;background:#272234;color:#ddd4eb;border:1px solid #514662;border-radius:10px;cursor:pointer}.showcase-game-choices button[aria-pressed=true]{background:#c9b3ff;color:#241832;border-color:#c9b3ff}.showcase-caption{font-size:12px!important;color:#c0b6cf!important;margin:12px 0!important}.showcase-game>a{color:#d6c5ff}.showcase-panels a{display:inline-block;font-weight:600;font-size:14px;margin-top:8px}.showcase-pet-stage{height:260px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:hidden}.showcase-quote{position:absolute;top:8px;background:#fff;padding:13px 18px;border-radius:18px;color:#5c4976;font-size:14px!important;max-width:90%;text-align:center;box-shadow:0 8px 20px #61448512}.showcase-actor{position:relative;z-index:1;margin-bottom:20px}.showcase-actor .tap-pet-actor{width:90px;height:100px}.showcase-actor .tap-pet-pixel{width:90px;height:100px}.showcase-desk{position:absolute;bottom:14px;height:8px;width:85%;background:#c1add9;border-radius:8px;box-shadow:0 8px 0 #ddd0ed}.showcase-pet-choices{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:15px}.showcase-pet-choices button{min-width:0;padding:10px 2px;background:#ffffff80;border:1px solid transparent;border-radius:12px;font-size:12px;color:#49375e;cursor:pointer}.showcase-pet-choices button[aria-pressed=true]{border-color:#7955ac;background:white;box-shadow:0 4px 12px #55347c14}.showcase-mini{display:block;height:42px;margin-bottom:7px}.showcase-mini .tap-pet-actor,.showcase-mini .tap-pet-pixel{width:36px;height:40px}.showcase-mini .pet-prop{display:none}.showcase-pet-label{font-weight:600;font-size:14px!important;margin:18px 0 2px!important}.showcase-single{max-width:780px;margin:auto;grid-template-columns:1fr}.showcase-single .showcase-pet-stage{height:300px}.showcase-still .tap-pet-actor,.showcase-still .tap-pet-actor *{animation-play-state:paused!important}.tap-showcase button:focus-visible{outline:3px solid #9a77d3;outline-offset:3px}@media(max-width:760px){.showcase-panels{grid-template-columns:1fr}.showcase-heading{align-items:flex-start;flex-direction:column;gap:12px}.showcase-panels article{padding:18px}.tap-showcase{padding-top:40px;padding-bottom:40px}.showcase-bar{font-size:10px}.showcase-pet-choices{grid-template-columns:repeat(3,1fr)}.showcase-game-choices button{flex-basis:40%}}