.phone-hero{overflow:hidden;text-align:center;padding:65px 20px 22px;background-color:#a6ec16;background-image:linear-gradient(#25390016 1px,transparent 1px),linear-gradient(90deg,#25390016 1px,transparent 1px);background-size:44px 44px;color:#10150c}.phone-hero-copy{position:relative;z-index:2;max-width:930px;margin:auto}.phone-kicker{font-size:11px;font-weight:700;letter-spacing:2px}.phone-hero h1{font-size:clamp(48px,6.5vw,94px);font-weight:700;line-height:1.05;letter-spacing:-4px;color:white;text-shadow:4px 5px 0 #17200f;margin:25px 0}.phone-hero h1 em{display:inline-block;font-style:normal;color:#10150c;background:#ccff55;text-shadow:none;border:3px solid #18220e;border-radius:17px;padding:0 15px;box-shadow:5px 6px #18220e;transform:rotate(-3deg)}.phone-hero p{color:#293a18;font-size:16px;line-height:1.8;margin-top:24px}.phone-hero-actions{display:flex;justify-content:center;gap:18px;margin-top:30px}.phone-hero .btn{border:2px solid #18220e;box-shadow:4px 5px #18220e;padding:16px 30px;font-weight:700}.phone-hero .btn.primary{background:#141811;color:#c8ff59}.phone-hero .btn.secondary{background:white;color:#141811}.phone-perks{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:28px 0}.phone-perks span{font-size:11px;font-weight:700;padding:7px 13px;border:2px solid #263117;border-radius:30px;background:#fff;box-shadow:2px 3px #263117}.phone-stage{position:relative;display:flex;align-items:center;justify-content:center;gap:32px;max-width:1000px;height:535px;margin:45px auto 0;isolation:isolate}.preview-phone{position:relative;background:#131710;border:3px solid #30372b;border-radius:42px;padding:11px;width:245px;height:480px;box-shadow:10px 12px 0 #1a260e;flex-shrink:0;overflow:hidden;transform:rotate(-9deg);animation:phone-bob 7s ease-in-out infinite}.phone-1{height:515px;width:265px;transform:rotate(0);animation-delay:-2s}.phone-2{transform:rotate(9deg);animation-delay:-4s}.phone-camera{position:absolute;z-index:3;top:18px;left:50%;transform:translateX(-50%);width:85px;height:22px;background:#10130d;border-radius:20px}.phone-screen{height:100%;overflow:hidden;border-radius:29px;background:#24321b}.phone-feed{animation:feed-scroll 32s linear infinite}.phone-1 .phone-feed{animation-direction:reverse;animation-duration:38s}.phone-2 .phone-feed{animation-duration:28s}.phone-feed-group{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:4px}.phone-tile{height:215px;border-radius:12px;position:relative;overflow:hidden}.phone-tile:nth-child(2n){margin-top:24px}.phone-tile img{width:100%;height:100%;object-fit:cover;filter:saturate(.9)}.phone-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#0008)}.phone-tile span{position:absolute;bottom:12px;left:9px;right:9px;font-size:12px;line-height:1.2;font-weight:800;color:white;z-index:1;text-align:left}.phone-tile b{position:absolute;top:12px;right:10px;z-index:1;color:white;font-size:19px}.phone-home{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);height:4px;width:85px;border-radius:8px;background:#fff;z-index:3}.phone-float{position:absolute;z-index:4;background:white;border:3px solid #17220e;box-shadow:5px 6px #17220e;border-radius:22px;text-align:left;animation:phone-bob 6s ease-in-out infinite}.phone-float-left{left:15px;top:100px;padding:18px;font-size:13px;font-weight:800;transform:rotate(-5deg)}.phone-float-left>span{font-size:24px;margin-right:8px}.phone-float-right{right:0;bottom:85px;padding:23px;transform:rotate(6deg);animation-delay:-3s}.phone-float-right small{display:block;letter-spacing:2px;font-size:8px;color:#677356}.phone-float-right strong{display:block;margin:12px 0;font-size:15px}.phone-float-right>span{display:block;background:#d9ff99;border:1px solid #344523;border-radius:20px;padding:10px;font-size:11px}.phone-preview-controls{display:flex;justify-content:center;gap:20px;align-items:center;font-size:10px;margin-top:20px;color:#35451d}.phone-preview-controls button{border:1px solid #394d21;border-radius:30px;background:#ffffffa0;padding:7px 13px;color:#17210e;cursor:pointer}.phone-hero.motion-paused *{animation-play-state:paused!important}
@keyframes feed-scroll{to{transform:translateY(-50%)}}@keyframes phone-bob{50%{translate:0 -12px}}
[data-site-theme=play]{--bg:#f8faef;--surface:#fff;--surface2:#edf3df;--line:#d4dcc5;--text:#182211;--muted:#58684c;--lime:#486e09;background:#f8faef;color:#182211}
[data-site-theme=play] .announcement{background:#11170e;color:white}[data-site-theme=play] .announcement a{color:#b4f542}[data-site-theme=play] .site-header{background:#a6ec16;color:#19240f;border-bottom:2px solid #283b15}[data-site-theme=play] .site-header nav{color:#253d11}[data-site-theme=play] .brand-accent{color:#19240f}[data-site-theme=play] .brand img{filter:brightness(.2)}[data-site-theme=play] .sandbox-notice{background:#e6efcf;color:#41542b}[data-site-theme=play] .btn.primary{background:#b7f52e;color:#19240f;border:2px solid #283b15;box-shadow:3px 4px #283b15}[data-site-theme=play] .phone-hero .btn.primary{background:#141811;color:#d2ff79}
[data-site-theme=play] :is(.campaign-card,.panel,.steps-grid article,.opportunity-strip,.auth-card,.community){background:#fff;color:#182211;border:2px solid #334524;box-shadow:5px 6px #d5e6bb}[data-site-theme=play] .campaign-card:hover{box-shadow:7px 10px #b8d58f}[data-site-theme=play] :is(.eyebrow,.section-kicker,.text-link,.footer-create,.community-link-row,.outline-icon){color:#426710}[data-site-theme=play] .community{background:#e2f5bd}[data-site-theme=play] :is(input,select,textarea,.category-tabs button,.segmented button,.role-select label){background:#fff;color:#25351b;border-color:#9daf84}[data-site-theme=play] :is(.category-tabs button.active,.category-tabs button.selected,.segmented .selected){background:#cdf288;color:#203310}[data-site-theme=play] :is(.card-body h3,.card-rate strong,.card-budget strong,.card-identity h3,.steps-grid h3,.panel h3,summary,.form-field label){color:#25351b}[data-site-theme=play] :is(.card-body p,.card-body span,.card-progress-caption,.footer-links,.footer-bottom,.form-field small){color:#58684c}[data-site-theme=play] .card-art span{color:white}[data-site-theme=play] .site-footer{border-color:#d4dcc5}[data-site-theme=play] .campaign-modal{--lime:#c6aaff;color:#f4edff;background:#15101e}[data-site-theme=play] .campaign-modal :is(h3,strong,label){color:#f4edff}[data-site-theme=play] .campaign-modal :is(p,span){color:inherit}
@media(max-width:800px){.phone-stage{gap:16px;height:430px;width:720px;left:50%;transform:translateX(-50%)}.preview-phone{width:195px;height:370px;border-radius:32px}.phone-1{width:210px;height:410px}.phone-tile{height:175px}.phone-float-left{left:65px;top:50px;padding:12px;font-size:10px}.phone-float-right{right:50px;bottom:55px;padding:15px}.phone-hero{padding-top:40px}.phone-hero h1{letter-spacing:-2px}.phone-hero p{font-size:13px}}
@media(max-width:480px){.phone-stage{width:560px;gap:15px;height:370px;margin-top:25px}.preview-phone{width:160px;height:310px;padding:7px;box-shadow:6px 7px #17220e}.phone-1{width:175px;height:350px}.phone-tile{height:145px}.phone-tile span{font-size:9px}.phone-camera{width:60px;height:16px;top:13px}.phone-float-left{left:105px;top:60px;font-size:9px;padding:10px}.phone-float-left>span{font-size:16px}.phone-float-right{right:100px;bottom:15px;padding:12px}.phone-float-right strong{font-size:11px;margin:7px 0}.phone-float-right>span{font-size:9px;padding:6px}.phone-hero-actions{gap:12px}.phone-hero .btn{padding:13px 16px;font-size:11px}.phone-perks{gap:8px}.phone-perks span{font-size:9px}.phone-kicker{font-size:8px;letter-spacing:1px}.phone-preview-controls{gap:10px}}
@media(prefers-reduced-motion:reduce){.phone-hero *{animation:none!important}}

[data-site-theme=play] .site-header nav{background:#a6ec16}[data-site-theme=play] .mobile-menu{color:#19240f}