.web-apps-scratch-slot.portfolio-chapter-slot--fill .portfolio-chapter-panel{display:flex;align-items:center;justify-content:center;overflow:auto;background-color:#eceae5}.web-apps-scratch{box-sizing:border-box;margin:0;padding:clamp(16px,3vh,32px) 0;width:100%;max-width:100%;background:transparent;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.web-apps-scratch__card-wrap{position:relative;width:-moz-fit-content;width:fit-content;max-width:100%;margin:0 auto}.web-apps-scratch__card-wrap--hover{cursor:none}.web-apps-scratch__card{position:relative;border:1px solid #d4d2cb;border-radius:8px;background:#fafaf8;box-shadow:0 8px 40px rgba(0,0,0,.12);overflow:hidden}.web-apps-scratch__grid{display:grid;grid-template-columns:400px 400px;grid-template-rows:400px 400px;gap:1px;background:rgba(0,0,0,.08)}.web-apps-scratch__quad{position:relative;overflow:hidden;background:#eceae5}.web-apps-scratch__scratch-canvas{display:block;cursor:none!important}.web-apps-scratch__quad-placeholder{background:linear-gradient(135deg,#c9c7c1,#e8e6e0)}.web-apps-scratch__reveal-window{position:relative;width:400px;height:400px;overflow:hidden}.web-apps-scratch__reveal-pan{position:absolute;width:800px;height:800px}.kelvin-after-wireframe{display:block}.web-apps-scratch__coin-cursor{position:absolute;width:var(--scratch-coin-size,50px);height:var(--scratch-coin-size,50px);transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:10;background:radial-gradient(circle at 32% 28%,#ff8c6b 0,#f5431b 48%,#c03010 100%);box-shadow:inset 2px 2px 6px hsla(0,0%,100%,.5),inset -2px -3px 8px rgba(0,0,0,.22),0 4px 16px rgba(245,67,27,.45);border:2px solid hsla(0,0%,100%,.45)}.web-apps-scratch__footer{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:16px;width:100%;max-width:800px}.web-apps-scratch__dots{display:flex;gap:8px}.web-apps-scratch__dot{width:10px;height:10px;border-radius:50%;border:1px solid #d4d2cb;background:transparent;transition:background .25s ease}.web-apps-scratch__dot--filled{background:#f5431b;border-color:#f5431b}.web-apps-scratch__count{margin:0;font-size:12px;color:#4a4a4a}.web-apps-scratch__reset{margin-left:auto;padding:8px 16px;font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#f5431b;background:transparent;border:1px solid #f5431b;border-radius:4px;cursor:pointer}.web-apps-scratch__reset:hover{background:rgba(245,67,27,.08)}.web-apps-scratch__reset:focus-visible{outline:2px solid #f5431b;outline-offset:2px}@media (max-width:860px){.web-apps-scratch__card-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}