.app-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);transition:transform .25s}.app-card:hover{transform:translateY(-5px)}.app-visual{height:195px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.game-visual{background:#d9ece7;flex-direction:column;color:#3c8b72}.pixel-land{font:54px/22px monospace;transform:rotate(-8deg);text-align:center;text-shadow:7px 7px 0 #235d52;margin-bottom:28px}.game-visual>span{font-size:7px;letter-spacing:3px;position:absolute;bottom:16px;color:#376a5d}.library-visual{background:#e7e9fc}.mini-window{background:#fff;padding:15px;border-radius:8px;width:180px;box-shadow:8px 10px 0 #cbd2f2;transform:rotate(-7deg)}.mini-window>i{display:block;width:25px;border-top:3px dotted #adbae1;margin-bottom:10px}.mini-window>b{font-size:12px}.mini-window>div{display:flex;gap:10px;font-size:37px;line-height:1.6;color:#5783e6}.mini-window>div span:nth-child(2){color:#f5b43e}.mini-window>div span:nth-child(3){color:#8b88d7}.mini-window small{font-size:6px;color:var(--muted)}.api-visual{background:#fff0d6;gap:14px}.api-node{display:grid;place-content:center;text-align:center;width:74px;height:85px;background:#fff;border:1px solid #edd8ad;border-radius:14px;font:bold 16px monospace;box-shadow:5px 7px 0 #e7cfa2;color:#967229;transform:rotate(-5deg)}.api-node:last-child{background:#2560ec;color:#fff;border-color:#2560ec;transform:rotate(5deg)}.api-node small{font-size:10px;margin-top:8px}.api-connection{font-size:30px;color:#ac8540}.app-copy{padding:25px}.app-copy h3{margin-top:14px}.app-copy p{font-size:12px;line-height:1.9;min-height:90px}.app-copy>a{display:flex;justify-content:space-between;font-size:10px;font-weight:700;color:var(--blue);border-top:1px solid var(--line);padding-top:17px}@media(max-width:760px){.app-visual{height:190px}.app-copy p{min-height:0}}