.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__stage{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:clamp(16px,3vw,28px);margin:0 auto}.web-apps-scratch__card-wrap,.web-apps-scratch__stage{width:-moz-fit-content;width:fit-content;max-width:100%}.web-apps-scratch__card-wrap{position:relative;flex:0 0 auto}.web-apps-scratch__card-wrap--active,.web-apps-scratch__card-wrap--hover{cursor:none}.web-apps-scratch__card{position:relative;width:var(--scratch-card,560px);height:var(--scratch-card,560px);border:1px solid #d4d2cb;border-radius:8px;background:#fafaf8;box-shadow:0 8px 40px rgba(0,0,0,.12);overflow:hidden}.web-apps-scratch__scratch-canvas{display:block;cursor:none!important}.web-apps-scratch__placeholder{width:100%;height:100%;background:linear-gradient(135deg,#c9c7c1,#e8e6e0)}.kelvin-after-wireframe{display:block}.web-apps-scratch__card-idle{position:relative;width:100%;height:100%}.web-apps-scratch__card-cover{position:absolute;inset:0;width:100%;height:100%;display:block;-o-object-fit:fill;object-fit:fill;pointer-events:none}.web-apps-scratch__card-hint{position:absolute;left:50%;bottom:12%;transform:translateX(-50%);margin:0;padding:8px 12px;max-width:85%;font-size:10px;letter-spacing:.06em;text-transform:uppercase;text-align:center;line-height:1.45;color:hsla(0,0%,100%,.92);background:rgba(0,0,0,.45);border-radius:4px;pointer-events:none}.web-apps-scratch__coin-cursor{position:absolute;width:var(--scratch-coin-size,48px);height:var(--scratch-coin-size,48px);transform:translate(-50%,-50%);pointer-events:none;z-index:10;-o-object-fit:contain;object-fit:contain}.web-apps-scratch__tray{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:72px}.web-apps-scratch__tray-label{margin:0;font-size:9px;font-weight:600;letter-spacing:.05em;line-height:1.35;text-transform:uppercase;text-align:center;color:#5c5c58;max-width:11ch}.web-apps-scratch__tray-well{box-sizing:border-box;width:72px;height:52px;padding:6px 8px 4px;border-radius:6px 6px 10px 10px;background:linear-gradient(180deg,#e8e6e0,#d8d6d0);border:1px solid #c4c2bc;box-shadow:inset 0 2px 4px hsla(0,0%,100%,.65),inset 0 -3px 6px rgba(0,0,0,.08),0 4px 12px rgba(0,0,0,.06);display:flex;align-items:flex-end;justify-content:center;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease}.web-apps-scratch__tray-well--leave:hover{border-color:color-mix(in srgb,var(--color-accent,#de3e18) 35%,#c4c2bc);box-shadow:inset 0 2px 4px hsla(0,0%,100%,.65),inset 0 -3px 6px rgba(0,0,0,.08),0 4px 12px rgba(0,0,0,.06),0 0 0 1px color-mix(in srgb,var(--color-accent,#de3e18) 25%,transparent)}.web-apps-scratch__tray-well:focus-visible{outline:2px solid var(--color-accent,#de3e18);outline-offset:4px}.web-apps-scratch__tray-coin-img{display:block;width:56px;height:56px;-o-object-fit:contain;object-fit:contain;transition:transform .16s ease;pointer-events:none}.web-apps-scratch__tray-well:hover .web-apps-scratch__tray-coin-img{transform:translateY(-3px) scale(1.04)}.web-apps-scratch__tray-empty{display:block;width:48px;height:8px;border-radius:999px;background:rgba(0,0,0,.06)}.web-apps-scratch__footer{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:16px;width:100%;max-width:calc(var(--scratch-card, 560px) + 100px);margin-left:auto;margin-right:auto}.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:620px){.web-apps-scratch__stage{width:100%;flex-direction:column;align-items:center}.web-apps-scratch__card-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}