@font-face{font-family:Sackrobat Bouncy;src:url("sackrobat/fonts/Shantell_Sans-Informal_Bouncy_Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Sackrobat Calm;src:url("sackrobat/fonts/Shantell_Sans-Informal_SemiBold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
body[data-app="sackrobat"]{--font-display:"Sackrobat Bouncy",system-ui,sans-serif;--font-body:"Sackrobat Calm",system-ui,sans-serif;font-size:17px}
body[data-app="sackrobat"] h1,body[data-app="sackrobat"] h2,body[data-app="sackrobat"] h3{letter-spacing:0;line-height:1.25}
html[data-theme] body[data-app="sackrobat"] header{position:relative}
html[data-theme] body[data-app="sackrobat"] .app-tabs{border-radius:18px 22px 16px 20px;border:2px solid var(--border)}
html[data-theme] body[data-app="sackrobat"] .app-tabs a{min-height:44px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);border-radius:12px 15px 10px 13px}
html[data-theme] body[data-app="sackrobat"] .app-bar[data-app="sackrobat"] .app-tabs a[aria-current="page"],html[data-theme] body[data-app="sackrobat"] .primary-button,html[data-theme] body[data-app="sackrobat"] article .email{background:#FFD34F;color:#3D2B38}
html[data-theme] body[data-app="sackrobat"] .primary-button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:12px 23px;border:2px solid #3D2B38;border-radius:17px 22px 16px 20px;font-family:var(--font-display);font-weight:700;text-decoration:none}
html[data-theme] body[data-app="sackrobat"] .quiet-link{display:inline-flex;align-items:center;min-height:48px;text-decoration:underline;text-underline-offset:5px;font-family:var(--font-display)}
html[data-theme] body[data-app="sackrobat"] .card{border:2px solid var(--border);border-radius:23px 28px 21px 25px;box-shadow:none}
html[data-theme] body[data-app="sackrobat"] .hero{background:none}
body[data-app="sackrobat"] article{font-family:system-ui,sans-serif;font-size:17px;line-height:1.8}
body[data-app="sackrobat"] article h2,body[data-app="sackrobat"] article h3,body[data-app="sackrobat"] article summary{font-family:var(--font-display)}
body[data-app="sackrobat"] article p,body[data-app="sackrobat"] article li{overflow-wrap:break-word}
body[data-app="sackrobat"] .sr-only,.sackrobat-wordmark .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body[data-app="sackrobat"] .app-identity .sack-nav-logo{width:130px;height:30px;object-fit:contain;background:transparent;padding:3px 6px}
body[data-app="sackrobat"] .sack-hero{display:grid;grid-template-columns:1.12fr 1fr;gap:30px;align-items:center;padding-block:65px 55px}
body[data-app="sackrobat"] .wordmark{width:min(100%,454px);height:auto;display:block;background:transparent;padding:10px 14px}
body[data-app="sackrobat"] .sack-hero h1{margin-bottom:25px}
body[data-app="sackrobat"] .sack-tagline{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.3;margin-bottom:18px;text-wrap:balance}
body[data-app="sackrobat"] .sack-lead{font-size:1.1rem;max-width:39ch;color:var(--muted);margin-bottom:24px}
body[data-app="sackrobat"] .sack-actions{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center}
body[data-app="sackrobat"] .availability{font: .9rem/1.65 system-ui,sans-serif;color:var(--muted);margin-top:21px;max-width:45ch}
body[data-app="sackrobat"] .sack-stage{position:relative;aspect-ratio:1/1.03;background:#FFF8E7;border:3px solid #3D2B38;border-radius:44% 48% 42% 46%;overflow:hidden}
body[data-app="sackrobat"] .sack-stage img{position:absolute;display:block;height:auto}
body[data-app="sackrobat"] .stage-thief{width:30%;left:18%;top:30%;z-index:2}
body[data-app="sackrobat"] .stage-bag{width:31%;left:55%;top:49%;transform-origin:50% 28%;animation:sack-swing 5s ease-in-out infinite;z-index:2}
body[data-app="sackrobat"] .stage-rope{position:absolute;width:31%;height:16%;left:40%;top:46%;border-top:6px solid #FFD34F;border-radius:50%;transform:rotate(33deg);z-index:1}
body[data-app="sackrobat"] .stage-arm{width:51%;left:-16%;top:9%;transform:rotate(18deg);animation:guard-reach 7s ease-in-out infinite}
body[data-app="sackrobat"] .stage-hand{width:28%;right:-4%;bottom:11%;transform:rotate(180deg)}
body[data-app="sackrobat"] .stage-coin{width:9%}
body[data-app="sackrobat"] .coin-a{right:15%;top:18%;transform:rotate(13deg)}
body[data-app="sackrobat"] .coin-b{left:23%;bottom:13%;transform:rotate(-12deg)}
body[data-app="sackrobat"] .coin-c{right:8%;top:38%;transform:rotate(-7deg)}
body[data-app="sackrobat"] .play-steps{padding-block:38px 55px;border-top:2px solid var(--border)}
body[data-app="sackrobat"] .play-steps h2,body[data-app="sackrobat"] .screens-section h2{font-size:clamp(1.7rem,4vw,2.25rem);margin-bottom:26px}
body[data-app="sackrobat"] .step-list{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:0}
body[data-app="sackrobat"] .step-number{display:inline-flex;align-items:center;justify-content:center;background:#FFD34F;color:#3D2B38;border:2px solid #3D2B38;border-radius:44% 48% 42% 46%;width:44px;height:44px;font-family:var(--font-display);margin-bottom:13px}
body[data-app="sackrobat"] .step-list h3{font-size:1.2rem;margin-bottom:9px}
body[data-app="sackrobat"] .step-list p{color:var(--muted);font-size:1rem}
body[data-app="sackrobat"] .screens-section{padding-block:40px 65px;border-top:2px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
body[data-app="sackrobat"] .screens-section p{margin-bottom:20px;color:var(--muted);max-width:38ch}
body[data-app="sackrobat"] .native-shot{max-width:290px;width:100%;margin-inline:auto}
body[data-app="sackrobat"] .native-shot img{display:block;width:100%;height:auto;border:3px solid #3D2B38;border-radius:27px;background:#EEF8F7}
body[data-app="sackrobat"] .native-shot figcaption{font:.8rem/1.5 system-ui,sans-serif;color:var(--muted);margin-top:12px;text-align:center}
body[data-app="sackrobat"] .retry-row{display:flex;align-items:center;gap:30px;padding-block:35px 65px;border-top:2px solid var(--border)}
body[data-app="sackrobat"] .retry-row>img{width:92px;height:129px;object-fit:contain;flex-shrink:0}
body[data-app="sackrobat"] .retry-row h2{font-size:1.6rem;margin-bottom:12px}
body[data-app="sackrobat"] .retry-row p{color:var(--muted);margin-bottom:10px}
body[data-app="sackrobat"] .missing{min-height:55vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px;padding-block:60px}
body[data-app="sackrobat"] .missing>img{width:90px;height:105px;object-fit:contain}
@keyframes sack-swing{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(8deg)}}
@keyframes guard-reach{0%,100%{transform:rotate(18deg) translateX(-5px)}50%{transform:rotate(13deg) translateX(7px)}}
@media(max-width:760px){body[data-app="sackrobat"] .sack-hero{grid-template-columns:1fr;padding-block:38px 40px;gap:38px}body[data-app="sackrobat"] .sack-stage{width:min(100%,400px);justify-self:center}body[data-app="sackrobat"] .sack-hero h1{max-width:360px}body[data-app="sackrobat"] .step-list{grid-template-columns:1fr;gap:24px}body[data-app="sackrobat"] .step-list li{display:grid;grid-template-columns:44px 1fr;gap:0 15px}body[data-app="sackrobat"] .step-number{grid-row:1/3}body[data-app="sackrobat"] .screens-section{grid-template-columns:1fr;gap:30px}body[data-app="sackrobat"] .screens-section p{max-width:100%}body[data-app="sackrobat"] .retry-row{gap:20px}body[data-app="sackrobat"] .retry-row>img{width:65px;height:91px}}
@media(max-width:640px){body[data-app="sackrobat"] .app-identity .sack-nav-logo{display:none!important}}
@media(prefers-reduced-motion:reduce){body[data-app="sackrobat"] *,body[data-app="sackrobat"] *::before,body[data-app="sackrobat"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}