/* Second-pass responsive polish and interactive activity styles. Loaded after styles.css. */

.site-footer .footer-brand img{filter:none}

.ticker{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ticker::-webkit-scrollbar{display:none}

.today-card{margin:0 clamp(24px,7vw,100px) 92px;display:grid;grid-template-columns:minmax(230px,.7fr) 1.3fr;align-items:center;gap:clamp(28px,6vw,80px);padding:34px clamp(28px,5vw,64px);background:#c9eeee;border:3px solid #25313b;box-shadow:8px 8px 0 #25313b;overflow:hidden}
.today-art{position:relative;min-height:300px;display:flex;align-items:flex-end;justify-content:center}
.today-art:before{content:"";position:absolute;width:270px;aspect-ratio:1;border-radius:50%;background:#ffd95a;border:3px solid #25313b;transform:rotate(-7deg)}
.today-art img{position:relative;z-index:1;max-height:320px;width:auto;filter:drop-shadow(6px 8px 0 rgba(37,49,59,.13))}
.today-copy h2{font-family:"Arial Rounded MT Bold",Arial,sans-serif;font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.045em;line-height:.96;margin:.12em 0 .25em}
.today-copy p{font-size:1.08rem;line-height:1.65;max-width:720px}

.game-feature-card{margin:72px clamp(24px,7vw,100px);display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:5vw;padding:38px;background:#25313b;color:#fff;border:3px solid #25313b;box-shadow:9px 9px 0 #e6533f}
.game-feature-card .preview{background:#fff;border:3px solid #fff;padding:12px;transform:rotate(-1deg)}
.game-feature-card .preview img{display:block;width:100%;height:auto}
.game-feature-card h2{font-family:"Arial Rounded MT Bold",Arial,sans-serif;font-size:clamp(2.4rem,4.5vw,4.5rem);letter-spacing:-.045em;line-height:.95;margin:.15em 0 .25em}
.game-feature-card p{font-size:1.08rem;line-height:1.65;color:#d8e0e4}
.game-feature-card .button{background:#ffd95a;color:#25313b}

.games-index{padding:76px clamp(24px,7vw,100px)}
.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:34px}
.game-card{display:flex;flex-direction:column;border:3px solid #25313b;background:#fff;box-shadow:7px 7px 0 #25313b;text-decoration:none;overflow:hidden}
.game-card img{display:block;width:100%;aspect-ratio:1.25/1;object-fit:cover;background:#fff;border-bottom:3px solid #25313b}
.game-card-copy{padding:24px}
.game-card h2{font-size:1.7rem;margin:.2em 0 .35em}
.game-card p{line-height:1.55;margin:0}
.game-card span{display:block;margin-top:18px;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#b53d30}

.game-shell{padding:54px clamp(18px,5vw,70px) 80px}
.game-intro{max-width:850px;margin:0 auto 28px;text-align:center}
.game-intro h1{font-family:"Arial Rounded MT Bold",Arial,sans-serif;font-size:clamp(2.8rem,6vw,5.3rem);letter-spacing:-.05em;line-height:.93;margin:.1em 0 .25em}
.game-intro p{font-size:1.08rem;line-height:1.6}
.game-hud{max-width:980px;margin:0 auto 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.game-progress{font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.game-progress strong{display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:7px 10px;margin-right:8px;background:#ffd95a;border:2px solid #25313b;border-radius:999px}
.game-reset{appearance:none;border:2px solid #25313b;background:#fff;padding:10px 14px;min-height:44px;font:inherit;font-weight:900;cursor:pointer;box-shadow:3px 3px 0 #25313b}
.game-reset:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #25313b}
.find-scene-wrap{max-width:980px;margin:0 auto;position:relative;border:3px solid #25313b;background:#fff;box-shadow:9px 9px 0 #25313b;overflow:hidden}
.find-scene{position:relative;aspect-ratio:1/1;background:#fff}
.find-scene>.scene-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.find-target{position:absolute;width:9%;min-width:34px;aspect-ratio:1.5/1;padding:0;border:0;background:transparent;cursor:pointer;transform-origin:center;transition:transform .15s ease,opacity .15s ease;touch-action:manipulation}
.find-target img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(2px 2px 0 rgba(255,255,255,.9))}
.find-target:focus-visible{outline:4px solid #e6533f;outline-offset:4px;border-radius:10px}
.find-target.found{opacity:.22;transform:scale(.82)!important;pointer-events:none}
.find-target.found:after{content:"✓";position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#316c4a;color:#fff;border:2px solid #25313b;font-size:1.1rem;font-weight:900}
.find-target.t1{left:14%;top:17%;transform:rotate(-18deg)}
.find-target.t2{left:70%;top:20%;width:7.5%;transform:rotate(12deg)}
.find-target.t3{left:42%;top:43%;width:8%;transform:rotate(7deg)}
.find-target.t4{left:22%;top:70%;width:7%;transform:rotate(20deg)}
.find-target.t5{left:76%;top:68%;width:8.5%;transform:rotate(-13deg)}
.game-message{max-width:980px;margin:18px auto 0;padding:18px 20px;border:3px solid #25313b;background:#fff0bd;box-shadow:5px 5px 0 #25313b;font-weight:800;line-height:1.5}
.game-message[hidden]{display:none}
.game-tip{max-width:980px;margin:16px auto 0;font-size:.92rem;line-height:1.5;color:#52616b}

@media(max-width:820px){
  .site-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;min-height:auto;padding:8px 16px 9px}
  .site-header .logo{order:1}
  .site-header .logo img{width:132px}
  .site-header .badge{display:none}
  .site-header .site-nav{order:2;display:flex!important;width:100%;justify-content:flex-start;gap:18px;overflow-x:auto;scrollbar-width:none;padding:5px 2px 2px;white-space:nowrap;-webkit-overflow-scrolling:touch}
  .site-header .site-nav::-webkit-scrollbar{display:none}
  .site-header .site-nav a{font-size:.69rem;flex:0 0 auto}
  .ticker{justify-content:flex-start;padding-inline:18px;gap:18px}
  .today-card,.game-feature-card{grid-template-columns:1fr}
  .today-art{min-height:250px;order:2}
  .today-art:before{width:230px}
  .game-feature-card .preview{order:2}
  .games-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:520px){
  .hero,.page-hero{padding-top:34px!important}
  .section-shell{padding:54px 18px!important}
  .feature-panel{margin:0 16px 54px!important}
  .meet-teaser{gap:16px!important}
  .meet-art{min-height:330px!important}
  .clubhouse-rule{margin:0 16px 58px!important}
  .site-footer{padding:36px 20px!important}
  .footer-brand img{width:138px!important}
  .footer-links{gap:14px!important}
  .today-card{margin:0 16px 58px;padding:26px 22px;gap:12px}
  .today-art{min-height:220px}
  .today-art:before{width:200px}
  .today-art img{max-height:235px}
  .game-feature-card{margin:52px 16px;padding:24px 20px;gap:20px}
  .games-index{padding:52px 18px}
  .games-grid{grid-template-columns:1fr}
  .game-shell{padding:38px 12px 60px}
  .game-intro{text-align:left;padding:0 4px}
  .game-intro h1{font-size:3rem}
  .game-hud{padding:0 4px}
  .find-scene-wrap{box-shadow:6px 6px 0 #25313b}
  .find-target{width:12%;min-width:38px}
  .find-target.t2{width:10%}.find-target.t3{width:11%}.find-target.t4{width:10%}.find-target.t5{width:11%}
}

/* Tactile interaction polish */
.button:hover,.play-reset:hover,.game-reset:hover{transform:translateY(-2px)}
.button:active{transform:translate(1px,1px)}
.site-nav a,.footer-links a{transition:color .14s ease,transform .14s ease}
.site-nav a:hover,.footer-links a:hover{transform:translateY(-1px)}
@media(hover:none){.button:hover,.play-reset:hover,.game-reset:hover,.site-nav a:hover,.footer-links a:hover{transform:none}}

/* Mobile homepage hero stacking fix */
.hero-asher img{position:relative;z-index:4}
@media(max-width:820px){
  .hero{gap:18px}
  .hero-copy{max-width:none}
  .hero-asher{min-height:390px;overflow:visible}
  .hero-asher img{width:auto;max-width:min(78vw,390px);max-height:430px;margin:0 auto}
  .hero-bubble{left:50%;top:54%;width:min(62vw,300px);transform:translate(-50%,-50%) rotate(-7deg);z-index:1}
  .hero-doodle-one{top:15%;left:8%}.hero-doodle-two{right:9%;bottom:11%}
  .hero-label-one{right:7%;top:30%}.hero-label-two{left:5%;bottom:18%}
}
@media(max-width:520px){
  .hero{padding:34px 18px 24px!important;gap:10px}
  .hero-copy{z-index:6}
  .hero-actions{grid-template-columns:1fr}.hero-actions .button,.hero-actions .text-link{width:auto;justify-self:start;text-align:left}
  .hero-tags{margin-top:18px}
  .hero-asher{min-height:330px;margin-top:4px}
  .hero-asher img{max-width:min(82vw,330px);max-height:360px}
  .hero-bubble{top:55%;width:min(58vw,245px)}
  .hero-doodle{font-size:2rem}
  .hero-label{font-size:.5rem;padding:6px 8px}
  .hero-label-one{right:4%;top:28%}.hero-label-two{left:2%;bottom:16%}
}


/* Game-card previews: miniature snapshots of the actual game mechanics. */
.game-card-preview{position:relative;display:grid;place-items:center;min-height:220px;aspect-ratio:1.25/1;background:#f5fbfb;border-bottom:3px solid #25313b;overflow:hidden}
.game-card-preview img{border:0!important;background:transparent!important;aspect-ratio:auto!important;object-fit:contain!important}
.preview-chip{position:absolute;left:14px;bottom:12px;z-index:5;margin:0!important;padding:7px 9px;background:#fff9e9;border:2px solid #25313b;border-radius:999px;box-shadow:2px 2px 0 #25313b;color:#25313b!important;font-size:.58rem!important;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.preview-find-it{background:#dff4f4}
.preview-find-it .preview-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover!important}
.preview-find-it .preview-ball{position:absolute;width:11%!important;height:auto!important;filter:drop-shadow(2px 2px 0 rgba(255,255,255,.85))}
.preview-find-it .ball-one{left:19%;top:23%;transform:rotate(-14deg)}
.preview-find-it .ball-two{right:18%;top:37%;transform:rotate(12deg)}
.preview-find-it .ball-three{left:49%;bottom:19%;transform:rotate(7deg)}
.preview-memory{padding:18px;background:#c9eeee}
.preview-memory-grid{width:min(88%,310px);display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.mini-card{aspect-ratio:.78/1;display:grid;place-items:center;border:2px solid #25313b;border-radius:10px;box-shadow:3px 3px 0 #25313b;overflow:hidden}
.mini-card.face{background:#fff}
.mini-card.back{background:#e6533f;color:#fff}
.mini-card.back b{font-size:1.6rem}
.mini-card img{width:82%!important;height:82%!important}
.preview-detective{padding:18px;background:#fff0bd}
.preview-detective-grid{width:min(88%,310px);display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.preview-detective-grid span{display:grid;place-items:center;min-height:78px;background:#fff;border:2px solid #25313b;border-radius:10px;box-shadow:3px 3px 0 #25313b}
.preview-detective-grid span.odd{background:#c9eeee;transform:rotate(-2deg)}
.preview-detective-grid img{width:76%!important;height:auto!important}
.preview-fallback>img{width:100%!important;height:100%!important;object-fit:cover!important}

@media(max-width:520px){
  .game-card-preview{min-height:200px}
  .preview-memory-grid,.preview-detective-grid{width:min(82%,290px)}
}

.preview-helmet-hunt .preview-hunt-helmet{position:absolute;width:19%!important;height:auto!important;filter:drop-shadow(2px 2px 0 rgba(255,255,255,.9))}.preview-helmet-hunt .hunt-one{left:13%;top:18%}.preview-helmet-hunt .hunt-two{right:13%;top:30%}.preview-helmet-hunt .hunt-three{left:42%;bottom:14%}.preview-missing .missing-preview-blank{font-size:2rem;font-weight:900;background:#fff0bd}