/* TileHacks Arcade — page-only styles. Site blue #2463b3, gold #b89b62, navy #1b2638 */
:root{--th-navy:#1b2638;--th-navy2:#24324a;--th-gold:#b89b62;--th-gold2:#e2c98f;--th-blue:#2463b3;--th-ink:#eef1f5;--th-mute:#a9b2c1;--th-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.th{color:var(--text)}
.th .wrap{max-width:1180px}
.px{font:700 11px/1.4 var(--th-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--th-gold)}
.th-sec{padding:64px 0}
.th-sec>.wrap>h2{font-size:clamp(32px,3.4vw,48px);line-height:1.08;margin:8px 0 10px}
.th-sec .sub{margin:0 0 28px;max-width:62ch}
/* marquee hero */
.th-hero{background:radial-gradient(120% 90% at 50% 0%,#2b3b58 0%,var(--th-navy) 60%,#121a28 100%);color:var(--th-ink);padding:64px 0 56px;position:relative;overflow:hidden;text-align:center}
.th-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,#000,transparent 85%)}
.sign{position:relative;display:inline-block;padding:22px 34px 20px;border:2px solid var(--th-gold);border-radius:14px;box-shadow:0 0 0 6px rgba(184,155,98,.12),0 0 32px rgba(226,201,143,.25),inset 0 0 24px rgba(226,201,143,.12);margin:14px 0 22px}
.sign::before,.sign::after{content:"";position:absolute;left:14px;right:14px;height:6px;background:radial-gradient(circle,var(--th-gold2) 2px,transparent 3px) 0 0/16px 6px}
.sign::before{top:6px}.sign::after{bottom:6px}
.th-hero h1{color:#fff;font-size:clamp(46px,8vw,96px);line-height:.95;letter-spacing:-.01em;text-shadow:0 0 18px rgba(226,201,143,.55),0 0 2px #fff}
.th-hero h1 span{color:var(--th-gold2)}
.th-hero .lede{color:#d7dce4;margin:0 auto;max-width:44ch}
.credit{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 22px;margin:28px 0 0}
.stat{font:700 12px var(--th-mono);letter-spacing:.14em;color:var(--th-mute);text-transform:uppercase}
.stat b{color:#fff;font-size:15px}
.btn-follow{display:inline-flex;align-items:center;gap:10px;padding:15px 28px;border-radius:999px;background:var(--th-blue);color:#fff;text-decoration:none;font:700 15px 'MT Lato',Arial,sans-serif;letter-spacing:.06em;box-shadow:0 0 0 3px rgba(36,99,179,.3),0 10px 26px rgba(0,0,0,.35);transition:transform .2s}
.btn-follow:hover{transform:translateY(-2px)}.btn-follow:focus-visible{outline:2px solid #fff;outline-offset:3px}
.free{margin:18px 0 0;font:700 11px var(--th-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--th-gold2)}
.blink{animation:blink 1.4s steps(2) infinite}@keyframes blink{50%{opacity:.25}}
.hero-bio{max-width:60ch;margin:22px auto 0;font-size:14.5px;color:#c3cad5}
/* cabinet */
.cab{background:linear-gradient(180deg,var(--th-navy2),var(--th-navy));border-radius:18px;padding:18px;color:var(--th-ink);box-shadow:0 0 0 1px rgba(184,155,98,.45),0 18px 40px rgba(20,28,42,.28)}
.cab-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 6px 14px;flex-wrap:wrap}
.cab-top h3{color:#fff;font-size:24px}
.score{font:700 14px var(--th-mono);letter-spacing:.12em;color:var(--th-gold2)}
.screen{background:#0e1520;border-radius:10px;border:1px solid rgba(255,255,255,.08);overflow:hidden;position:relative}
.ctrl{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;justify-content:center}
.kb{appearance:none;border:1px solid rgba(226,201,143,.55);background:rgba(255,255,255,.06);color:#fff;border-radius:10px;padding:12px 18px;min-height:46px;font:700 13px 'MT Lato',Arial,sans-serif;letter-spacing:.08em;cursor:pointer;touch-action:manipulation}
.kb:hover{background:rgba(226,201,143,.16)}.kb:focus-visible{outline:2px solid var(--th-gold2);outline-offset:2px}
.kb.pri{background:var(--th-blue);border-color:var(--th-blue)}
.note{font-size:12.5px;color:var(--th-mute);margin:10px 0 0;text-align:center}
/* pinball */
.pb-wrap{display:grid;grid-template-columns:minmax(0,440px) 1fr;gap:28px;align-items:start}
#pb{display:block;width:100%;height:auto;touch-action:none;aspect-ratio:440/640}
.pb-side h3{font-size:28px;margin:0 0 8px}.pb-side ul{padding-left:1.1em;margin:0 0 14px}.pb-side li{margin:0 0 6px}
.flip-pads{display:none}
@media (max-width:860px){.pb-wrap{grid-template-columns:1fr}.flip-pads{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.flip-pads .kb{min-height:58px}}
/* game row */
.row4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mini{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:18px 16px 16px;border-radius:14px;background:linear-gradient(180deg,var(--th-navy2),var(--th-navy));color:var(--th-ink);box-shadow:0 0 0 1px rgba(184,155,98,.4),0 10px 22px rgba(20,28,42,.2);transition:transform .2s;text-align:left}
.mini:hover{transform:translateY(-3px)}.mini:focus-visible{outline:3px solid var(--th-blue);outline-offset:3px}
.mini[aria-expanded="true"]{box-shadow:0 0 0 2px var(--th-gold2),0 0 24px rgba(226,201,143,.3)}
.mini .scr{height:84px;border-radius:8px;background:#0e1520;display:flex;align-items:center;justify-content:center}
.mini b{font:500 21px/1.15 'MT EB Garamond',Georgia,serif;color:#fff}
.mini span{font-size:13.5px;color:var(--th-mute);line-height:1.45}
.mini .go{font:700 11px var(--th-mono);letter-spacing:.2em;color:var(--th-gold2);margin-top:auto}
.stage{margin-top:22px}.stage[hidden]{display:none}
.game{display:none}.game.on{display:block}
@media (max-width:980px){.row4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.row4{grid-template-columns:1fr 1fr;gap:10px}.mini{padding:14px 12px}.mini .scr{height:60px}.mini span{display:none}.mini b{font-size:18px}}
/* coverage */
.cov{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:center}
.flipper{perspective:1200px}
.fl-in{position:relative;aspect-ratio:1/1;transform-style:preserve-3d;transition:transform .8s var(--ease)}
.flipper.up .fl-in{transform:rotateY(180deg)}
.fl-f,.fl-b{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:10px;overflow:hidden}
.fl-f{background:linear-gradient(145deg,#f4f1ea,#ddd6c8);box-shadow:inset 0 0 0 10px #c9c2b4;display:flex;align-items:center;justify-content:center;font:700 12px var(--th-mono);letter-spacing:.2em;color:#7a7364}
.fl-b{transform:rotateY(180deg)}.fl-b canvas{width:100%;height:100%;display:block}
.cov-pct{font:700 64px/1 var(--th-mono);color:#fff}.cov-pct small{font-size:22px}
.cov-v{font:700 13px var(--th-mono);letter-spacing:.12em;text-transform:uppercase;margin:6px 0 14px}
.bar{position:relative;height:14px;border-radius:7px;background:#2c384c;margin:22px 0 30px}
.bar i{position:absolute;left:0;top:0;bottom:0;border-radius:7px;background:#c0453a;transition:width .15s}
.bar i.ok{background:#d9a441}.bar i.gr{background:#2f9e5a}
.bar em{position:absolute;top:-6px;bottom:-6px;width:2px;background:#fff;font-style:normal}
.bar em::after{content:attr(data-l);position:absolute;top:28px;left:50%;transform:translateX(-50%);white-space:nowrap;font:700 10px var(--th-mono);color:var(--th-mute)}
input.rng{width:100%;accent-color:var(--th-gold);height:36px;touch-action:pan-y}
@media (max-width:760px){.cov{grid-template-columns:1fr}.cov-pct{font-size:48px}}
/* tap */
.taps{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.taps h4{margin:0 0 8px;font:700 12px var(--th-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--th-gold2)}
.tg{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;background:#9b9486;padding:5px;border-radius:8px}
.tl{all:unset;position:relative;aspect-ratio:1;border-radius:3px;background:linear-gradient(145deg,#f6f3ec,#ddd6c8);cursor:pointer;touch-action:manipulation;overflow:hidden}
.tl:focus-visible{outline:3px solid var(--th-blue)}
.tl.hit{animation:bump .25s}@keyframes bump{40%{transform:scale(.94)}}
.tl svg{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .2s}.tl.cr svg{opacity:1}
.tap-msg{min-height:3em;margin:12px 0 0;text-align:center;color:#fff}
@media (max-width:560px){.taps{grid-template-columns:1fr}}
/* golf */
.golf{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.golf canvas{width:100%;height:auto;display:block;aspect-ratio:2/1;touch-action:manipulation;cursor:pointer}
.golf h4{margin:0 0 8px;font:700 12px var(--th-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--th-gold2)}
.golf .res{min-height:2.8em;font-size:14px;color:#dfe4ea;margin:8px 0 0}
@media (max-width:700px){.golf{grid-template-columns:1fr}}
/* quiz */
.qz{max-width:680px;margin:0 auto;text-align:center}
.qz .q{font:500 clamp(24px,3vw,32px)/1.25 'MT EB Garamond',Georgia,serif;color:#fff;margin:10px 0 18px;min-height:2.5em}
.qz .ans{display:flex;gap:12px;justify-content:center}.qz .ans .kb{min-width:130px}
.qz .fb{margin:18px 0 0;text-align:left;background:rgba(255,255,255,.05);border-radius:10px;padding:14px 16px;color:#e2e6ec;font-size:15px}
.qz .fb b{color:var(--th-gold2)}.qz .fb .roast{display:block;margin-top:8px;font-style:italic;color:#fff}
.qz .prog{font:700 11px var(--th-mono);letter-spacing:.2em;color:var(--th-mute)}
/* hall of shame */
.hs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.hc{perspective:1000px;min-height:330px}
.hc button{all:unset;display:block;width:100%;height:100%;cursor:pointer}
.hc .in2{position:relative;height:100%;min-height:330px;transform-style:preserve-3d;transition:transform .7s var(--ease)}
.hc.on .in2{transform:rotateY(180deg)}
.hc .fa,.hc .ba{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:8px}
.hc .fa{background:#0e1520;color:#fff;box-shadow:0 0 0 1px rgba(184,155,98,.5)}
.hc .ba{background:#fff;transform:rotateY(180deg);box-shadow:0 0 0 1px #c9ccd1,0 10px 22px rgba(0,0,0,.08)}
.hc .hd{display:flex;justify-content:space-between;font:700 10.5px var(--th-mono);letter-spacing:.18em;color:var(--th-gold2)}
.hc .ba .hd{color:#1e7a3c}
.hc svg.il{width:100%;height:130px;border-radius:8px}
.hc h3{font-size:22px;color:inherit}.hc .ba h3{color:var(--ink)}
.hc p{margin:0;font-size:14px;line-height:1.5}.hc .fa p{color:#c3cad5}
.hc .tbl2{font:700 11px var(--th-mono);letter-spacing:.06em;color:#e2c98f;display:grid;grid-template-columns:1fr auto;gap:2px 10px}
.hc a{color:var(--th-blue);font-weight:700;text-decoration:none;margin-top:auto;position:relative;z-index:2}.hc a:hover{text-decoration:underline}
.hc .tap{margin-top:auto;font:700 10.5px var(--th-mono);letter-spacing:.18em;color:var(--th-mute)}
@media (max-width:900px){.hs{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.hs{grid-template-columns:1fr}}
/* spotlight strip */
.strip{background:linear-gradient(180deg,#f6f7f9,#eceef2);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.igr{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.igf{margin:0;border-radius:14px;padding:10px;background:linear-gradient(180deg,var(--th-navy2),var(--th-navy));box-shadow:0 0 0 1px rgba(184,155,98,.5)}
.igf .ph{aspect-ratio:4/5;border-radius:8px;border:1px dashed rgba(226,201,143,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:18px;color:#c3cad5;font:700 11.5px/1.5 var(--th-mono);letter-spacing:.14em;text-transform:uppercase}
.igf figcaption{display:flex;justify-content:space-between;gap:8px;padding:10px 4px 2px;font:700 11px 'MT Lato',Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--th-gold2)}
.more-th{display:inline-block;margin-top:22px;color:var(--th-blue);font-weight:700;text-decoration:none}.more-th:hover{text-decoration:underline;text-underline-offset:3px}
@media (max-width:760px){.igr{grid-template-columns:1fr}.igf .ph{aspect-ratio:16/10}}
/* footer banner */
.callb{background:linear-gradient(180deg,#1b2638,#121a28);color:#fff;padding:0;overflow:hidden}
.callb .wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding-top:56px;padding-bottom:56px}
.callb h2{color:#fff;font-size:clamp(40px,5vw,72px);line-height:1}
.callb p{color:#c9d0da;font-size:17px;margin:16px 0 0}
.callb .war{font:700 11px var(--th-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--th-gold2);margin-top:14px}
.callb .btns .btn-sm.light{color:#3d4148}
.callb svg{width:100%;height:auto;display:block}
@media (max-width:860px){.callb .wrap{grid-template-columns:1fr;gap:20px;padding-top:40px;padding-bottom:44px}}
.bookend{background:var(--th-navy);color:var(--th-mute);text-align:center;padding:22px 20px;font-size:13.5px}
.bookend a{color:var(--th-gold2);text-decoration:none;font-weight:700}
.th .so-note{margin:22px 0 0;font-size:13px;color:var(--muted);text-align:center}
@media (max-width:900px){.th-sec{padding:44px 0}.th-hero{padding:44px 0 40px}.sign{padding:16px 18px 14px}}
@media (prefers-reduced-motion:reduce){.blink{animation:none}.fl-in,.hc .in2,.mini,.btn-follow,.bar i{transition:none}.tl.hit{animation:none}}
.btn-follow svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:1.8;flex:0 0 auto}.btn-follow{white-space:nowrap}

/* Natasha v3 review */
body.th-quiet .tm-bubble,body.th-quiet .tm-widget{opacity:0!important;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility 0s .3s}
.th-sec,.th-hero,.stage,.cab,.th h2{scroll-margin-top:84px}
@media (max-width:767px){.th-sec,.stage,.cab,.th h2{scroll-margin-top:70px}.th-sec{padding-top:56px}}
.bar{margin:34px 0 34px}
.bar em.up::after{top:auto;bottom:24px}

/* v4 photo coverage */
.fl-b img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .12s linear;pointer-events:none}
.cov-cap{font-size:11.5px;color:#a9b2c1;margin:8px 0 0;min-height:1.4em}.cov-cap a{color:#e2c98f}
@media (prefers-reduced-motion:reduce){.fl-b img{transition:none}}

/* v5 Trowel and Error video (click-to-load, youtube-nocookie) */
.th-vid{margin:22px 0 0;padding:16px 0 0;border-top:1px solid rgba(184,155,98,.35)}
.th-vid .px{margin:0 0 10px}
.yt{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#0d131d;box-shadow:0 0 0 1px rgba(184,155,98,.5),0 0 22px rgba(226,201,143,.15)}
.yt iframe,.yt-play{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt-play{all:unset;position:absolute;inset:0;cursor:pointer;display:block}
.yt-play img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9) brightness(.8)}
.yt-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;display:grid;place-items:center;font-size:30px;color:#1b2638;background:var(--th-gold2);box-shadow:0 0 0 6px rgba(226,201,143,.25),0 10px 26px rgba(0,0,0,.45);transition:transform .2s}
.yt-play:hover .yt-btn{transform:translate(-50%,-50%) scale(1.07)}.yt-play:focus-visible{outline:3px solid var(--th-gold2);outline-offset:-3px}
.yt-t{position:absolute;left:0;right:0;bottom:0;padding:22px 14px 10px;font:700 11px/1.4 var(--th-mono);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:linear-gradient(transparent,rgba(13,19,29,.9))}
.th-vid figcaption{font-size:12.5px;color:var(--th-mute);margin:10px 0 0}.th-vid figcaption a{color:var(--th-gold2)}

/* v6 fixes */
.bar em.up::after{left:auto;right:-2px;transform:none}
.bar em:not(.up)::after{transform:translateX(-60%)}
.cov>div:last-child{min-width:0;padding-right:6px}
.cov .cov-cap{margin:10px 0 0}
.th-vid{margin-top:26px}
@media (max-width:760px){.cov{padding:0 16px}.cov>div:last-child{padding-right:0}}

/* v9 partner photos + stamp */
.fl-b.nat{background:#141c29}.fl-b.nat canvas{visibility:hidden}
.fl-b.nat img{inset:0;margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
/* stamp = home-page visualizer foil seal (css/mike-tweaks.css .bt-viz-seal), same colours/fonts/rim, slight tilt */
.stamp{position:absolute;left:3%;top:3%;width:136px;height:136px;transform:rotate(-9deg);filter:drop-shadow(0 5px 10px rgba(15,35,75,.35));pointer-events:none;z-index:2}
.stamp-teeth{position:absolute;inset:0;overflow:hidden;clip-path:polygon(50.00% 0.00%,55.94% 4.89%,62.94% 1.70%,67.41% 7.96%,75.00% 6.70%,77.70% 13.90%,85.36% 14.64%,86.10% 22.30%,93.30% 25.00%,92.04% 32.59%,98.30% 37.06%,95.11% 44.06%,100.00% 50.00%,95.11% 55.94%,98.30% 62.94%,92.04% 67.41%,93.30% 75.00%,86.10% 77.70%,85.36% 85.36%,77.70% 86.10%,75.00% 93.30%,67.41% 92.04%,62.94% 98.30%,55.94% 95.11%,50.00% 100.00%,44.06% 95.11%,37.06% 98.30%,32.59% 92.04%,25.00% 93.30%,22.30% 86.10%,14.64% 85.36%,13.90% 77.70%,6.70% 75.00%,7.96% 67.41%,1.70% 62.94%,4.89% 55.94%,0.00% 50.00%,4.89% 44.06%,1.70% 37.06%,7.96% 32.59%,6.70% 25.00%,13.90% 22.30%,14.64% 14.64%,22.30% 13.90%,25.00% 6.70%,32.59% 7.96%,37.06% 1.70%,44.06% 4.89%);background:repeating-conic-gradient(from -3.75deg,#fbfbfc 0 7.5deg,#b4bac2 7.5deg 15deg)}
.stamp-glint{position:absolute;inset:-10%;background:conic-gradient(from 0deg,rgba(255,255,255,0) 0 290deg,rgba(255,255,255,.95) 325deg,rgba(255,255,255,0) 360deg);animation:th-seal-spin 7s linear infinite}
.stamp svg{position:absolute;inset:0;width:100%;height:100%}
@keyframes th-seal-spin{to{transform:rotate(360deg)}}
@media (max-width:760px){.stamp{width:92px;height:92px;top:2%;left:2%}}
@media (prefers-reduced-motion:reduce){.stamp-glint{animation:none}}
.stamp[hidden]{display:none}
.cov-up{display:block;margin-top:4px;color:#d7dce4}

/* v10 Mike pull quote on the 6% stage */
.cov-q{display:block;margin:8px 0 0;font:italic 500 19px/1.25 'MT EB Garamond',Georgia,serif;color:#fff;quotes:"\201C" "\201D"}
.cov-q::before{content:open-quote;color:var(--th-gold2)}.cov-q::after{content:close-quote;color:var(--th-gold2)}
.cov-q-by{display:block;font:700 10px var(--th-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--th-gold);margin-top:2px}
.cov-q-by::before{content:"\2014 "}

/* v15: @tilehacks logo badge in the hero */
.th-logo{margin:18px auto 4px;width:120px;height:120px;position:relative}
.th-logo img{width:100%;height:100%;border-radius:50%;display:block;background:#fff;box-shadow:0 0 0 3px var(--th-gold),0 0 0 9px rgba(184,155,98,.16),0 0 36px rgba(226,201,143,.45)}
@media (max-width:760px){.th-logo{width:92px;height:92px;margin-top:10px}}
/* MIKE: Oct 19, 2026: Arcade game cards */
.ac-feat{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 18px}
.ac{box-sizing:border-box;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
.ac:hover{transform:translateY(-4px)}.ac:active{transform:translateY(-1px) scale(.98)}
.ac:focus-visible{outline:3px solid var(--th-blue);outline-offset:3px}
.ac-play{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;margin-top:auto;padding:9px 16px;border-radius:999px;background:var(--th-blue);color:#fff;font:700 11px var(--th-mono);letter-spacing:.16em;text-transform:uppercase;font-style:normal;box-shadow:0 0 0 3px rgba(36,99,179,.25);transition:background .2s,box-shadow .2s}
.ac:hover .ac-play{background:#2c72cc;box-shadow:0 0 0 4px rgba(36,99,179,.4)}
/* featured */
.ac-pan,.ac-dem{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:stretch;padding:18px;border-radius:16px;position:relative;overflow:hidden}
.ac-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;padding:22px 8px 10px;min-height:150px}
.ac-emb{width:104px;height:104px;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.ac:hover .ac-emb{transform:rotate(-6deg) scale(1.06)}
.ac-hud{position:absolute;top:7px;left:8px;font:700 9px var(--th-mono);letter-spacing:.2em}
.ac-read{font:700 9px/1.5 var(--th-mono);letter-spacing:.14em;text-align:center;margin-top:6px}
.ac-body{display:flex;flex-direction:column;gap:8px;min-width:0}
.ac-body b{font:700 22px/1.1 var(--th-mono);letter-spacing:.04em}
.ac-body span{font-size:14px;line-height:1.5}
.ac-pan{background:linear-gradient(135deg,#2a3038 0%,#171b21 60%,#0e1116 100%);color:#d7e3f0;box-shadow:0 0 0 1px #3d6ea8,0 14px 32px rgba(10,14,20,.35)}
.ac-pan::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(95,180,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(95,180,255,.07) 1px,transparent 1px);background-size:18px 18px}
.ac-pan::after{content:"";position:absolute;left:0;right:0;top:-40%;height:40%;background:linear-gradient(180deg,transparent,rgba(63,224,230,.12),transparent);pointer-events:none;opacity:0}
.ac-pan:hover::after{opacity:1;animation:ac-scan 1.4s linear infinite}
.ac-pan .ac-art{background:radial-gradient(circle at 50% 45%,#16324f 0%,#0b1420 75%);box-shadow:inset 0 0 0 1px rgba(95,180,255,.35)}
.ac-pan .ac-hud{color:#3fe0e6}.ac-pan .ac-read{color:#ffb547}
.ac-pan .ac-body b{color:#fff}.ac-pan .ac-body b::after{content:"";display:block;width:48px;height:2px;margin-top:8px;background:linear-gradient(90deg,#ffb547,#3fe0e6)}
.ac-pan .ac-body span{color:#9fb2c8}
.ac-pan:hover{box-shadow:0 0 0 1px #5fb4ff,0 0 26px rgba(95,180,255,.25),0 18px 36px rgba(10,14,20,.4)}
.ac-dem{background:linear-gradient(160deg,#145039 0%,#0f3d2e 55%,#0a2c21 100%);color:#f3ead6;box-shadow:0 0 0 1px rgba(201,162,74,.6),0 14px 32px rgba(10,30,22,.3)}
.ac-dem .ac-art{background:radial-gradient(circle at 50% 60%,#1a5a42 0%,#0b3226 80%);box-shadow:inset 0 0 0 1px rgba(201,162,74,.35)}
.ac-dem .ac-hud,.ac-dem .ac-read{color:#c9a24a}
.ac-dem .ac-body b{color:#f3ead6;font:500 26px/1.1 'MT EB Garamond',Georgia,serif;letter-spacing:.06em}
.ac-dem .ac-body b::after{content:"";display:block;width:48px;height:2px;margin-top:8px;background:#c9a24a}
.ac-dem .ac-body span{color:#d8ceb6}
.ac-dem:hover{box-shadow:0 0 0 1px #c9a24a,0 0 24px rgba(201,162,74,.22),0 18px 36px rgba(10,30,22,.35)}
.ac-flag{transform-origin:61px 37px;transition:transform .4s}
.ac-dem:hover .ac-flag{animation:ac-wave .9s ease-in-out infinite alternate}
/* classic cards w/ foil seal */
.ac-row.row4{grid-template-columns:repeat(5,1fr)}
.ac-cls,.mini.ac-cls{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 16px 16px;border-radius:14px;background:linear-gradient(180deg,var(--th-navy2),var(--th-navy));color:var(--th-ink);box-shadow:0 0 0 1px rgba(184,155,98,.4),0 10px 22px rgba(20,28,42,.2);text-align:left;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;text-decoration:none}
.ac-cls:hover{transform:translateY(-4px);box-shadow:0 0 0 1px var(--th-gold2),0 0 22px rgba(226,201,143,.2),0 14px 26px rgba(20,28,42,.25)}
.ac-cls:active{transform:scale(.98)}.ac-cls:focus-visible{outline:3px solid var(--th-blue);outline-offset:3px}
.mini.ac-cls[aria-expanded="true"]{box-shadow:0 0 0 2px var(--th-gold2),0 0 24px rgba(226,201,143,.3)}
.ac-cls b{font:500 20px/1.15 'MT EB Garamond',Georgia,serif;color:#fff}
.ac-cls>span{font-size:13.5px;color:var(--th-mute);line-height:1.45}
.ac-seal{position:relative;width:78px;height:78px;margin:0 0 4px;filter:drop-shadow(0 5px 10px rgba(5,12,30,.45));transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.ac-cls:hover .ac-seal{transform:rotate(-8deg) scale(1.06)}
.ac-teeth{position:absolute;inset:0;overflow:hidden;clip-path:polygon(50% 0%,55.94% 4.89%,62.94% 1.7%,67.41% 7.96%,75% 6.7%,77.7% 13.9%,85.36% 14.64%,86.1% 22.3%,93.3% 25%,92.04% 32.59%,98.3% 37.06%,95.11% 44.06%,100% 50%,95.11% 55.94%,98.3% 62.94%,92.04% 67.41%,93.3% 75%,86.1% 77.7%,85.36% 85.36%,77.7% 86.1%,75% 93.3%,67.41% 92.04%,62.94% 98.3%,55.94% 95.11%,50% 100%,44.06% 95.11%,37.06% 98.3%,32.59% 92.04%,25% 93.3%,22.3% 86.1%,14.64% 85.36%,13.9% 77.7%,6.7% 75%,7.96% 67.41%,1.7% 62.94%,4.89% 55.94%,0% 50%,4.89% 44.06%,1.7% 37.06%,7.96% 32.59%,6.7% 25%,13.9% 22.3%,14.64% 14.64%,22.3% 13.9%,25% 6.7%,32.59% 7.96%,37.06% 1.7%,44.06% 4.89%);background:repeating-conic-gradient(from -3.75deg,#4f8fe0 0 7.5deg,#1f4f93 7.5deg 15deg)}
.ac-glint{position:absolute;inset:-10%;background:conic-gradient(from 0deg,rgba(255,255,255,0) 0 290deg,rgba(255,255,255,.75) 325deg,rgba(255,255,255,0) 360deg);opacity:0;transition:opacity .3s}
.ac-cls:hover .ac-glint{opacity:1;animation:ac-spin 2.4s linear infinite}
.ac-seal svg{position:absolute;inset:0;width:100%;height:100%}
.ac-cls .ac-play{margin-top:auto}
.ac-tap:hover .ac-ring{animation:ac-pulse .6s ease-out infinite}
.ac-golf:hover .ac-ball{animation:ac-roll 1.2s ease-in infinite}
@keyframes ac-spin{to{transform:rotate(360deg)}}
@keyframes ac-scan{to{top:100%}}
@keyframes ac-wave{to{transform:skewY(-8deg) scaleX(.9)}}
@keyframes ac-pulse{from{opacity:1}to{opacity:0}}
@keyframes ac-roll{0%{transform:translate(0,0)}80%,100%{transform:translate(30px,8px);opacity:0}}
@media (max-width:980px){.ac-row.row4{grid-template-columns:repeat(3,1fr)}.ac-feat{grid-template-columns:1fr}}
@media (max-width:520px){.ac-row.row4{grid-template-columns:1fr 1fr;gap:10px}.ac-row .ac-cls:last-child{grid-column:1/-1}.ac-cls,.mini.ac-cls{padding:14px 12px}.ac-cls>span{display:block;font-size:12.5px}.ac-cls b{font-size:17px}.ac-seal{width:60px;height:60px}
.ac-pan,.ac-dem{grid-template-columns:104px 1fr;gap:12px;padding:14px}.ac-art{min-height:120px;padding:18px 4px 8px}.ac-emb{width:76px;height:76px}.ac-read{font-size:8px}.ac-body b{font-size:17px}.ac-dem .ac-body b{font-size:21px}.ac-body span{font-size:13px}.ac-feat{gap:12px;margin-bottom:12px}}
@media (prefers-reduced-motion:reduce){.ac,.ac-cls,.ac-emb,.ac-seal{transition:none}.ac:hover,.ac-cls:hover{transform:none}.ac *,.ac::after{animation:none!important}}
/* MIKE: Oct 19, 2026: mobile fit pass (arcade cards + game cabinets) */
.mini.ac-pan{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:150px 1fr;gap:18px;padding:18px;border-radius:16px;position:relative;overflow:hidden;text-align:left;background:linear-gradient(135deg,#2a3038 0%,#171b21 60%,#0e1116 100%);color:#d7e3f0;box-shadow:0 0 0 1px #3d6ea8,0 14px 32px rgba(10,14,20,.35);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
.mini.ac-pan:hover{transform:translateY(-4px)}.mini.ac-pan:focus-visible{outline:3px solid var(--th-blue);outline-offset:3px}
.mini.ac-pan[aria-expanded="true"]{box-shadow:0 0 0 2px #5fb4ff,0 0 24px rgba(95,180,255,.3)}
.mini.ac-pan span,.mini.ac-pan b{display:block}
.mini.ac-pan .ac-play{display:inline-flex}
.ac-row.row4{grid-template-columns:repeat(4,1fr)}
.ac-body,.ac-art,.ac-cls,.cab-top>*,.ac-feat>*{min-width:0}
.ac-body b{font-size:clamp(17px,4.6vw,22px);overflow-wrap:anywhere}
.ac-dem .ac-body b{font-size:clamp(20px,5.6vw,26px)}
.ac-body span,.ac-cls>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ac-cls>span{-webkit-line-clamp:3}
.cab-top h3{font-size:clamp(19px,5.4vw,24px);min-width:0}
.score{overflow-wrap:anywhere}
@media (max-width:980px){.ac-row.row4{grid-template-columns:1fr 1fr}}
@media (max-width:520px){
 .ac-row .ac-cls:last-child{grid-column:auto}
 .ac-row .ac-cls:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:60px 1fr;column-gap:12px;align-items:center}
 .ac-row .ac-cls:last-child:nth-child(odd)>.ac-seal{grid-row:1/4}
 .mini.ac-pan,.ac-dem{grid-template-columns:96px 1fr;gap:12px;padding:14px}
 .ac-body b{letter-spacing:.01em}.ac-dem .ac-body b{letter-spacing:.03em}
 .ac-hud{font-size:8px;letter-spacing:.12em}.ac-read{letter-spacing:.06em}
 .ac-body span{font-size:13px}.ac-cls>span{-webkit-line-clamp:2}
 .cab-top{gap:4px 10px}.score{font-size:12px;letter-spacing:.06em}
 .px{letter-spacing:.18em}
 /* Mike's tip bubble + avatar: hidden on phones in the arcade so it never covers a game */
 .tm-widget{display:none!important}
}
@media (max-width:520px){
 .mini.ac-pan,.ac-dem{grid-template-columns:1fr;gap:12px}
 .ac-art{flex-direction:row;justify-content:flex-start;gap:12px;min-height:0;padding:22px 12px 8px}
 .ac-emb{width:58px;height:58px;flex:none}
 .ac-read{text-align:left;margin:0;font-size:9px;white-space:nowrap}
 .ac-body .ac-play{align-self:flex-start}
}

/* v5.6.3: green heads-up tag (cookie monster), same style as the cutaway penny note */
/* tag colour: one switch (add bt-tag--red / bt-tag--monster on <html> or the tag) */
:root{--bt-tag-bg:#fff;--bt-tag-bd:#ead9d7;--bt-tag-edge:#8e2a2a;--bt-tag-ink:#33302e;--bt-tag-accent:#7a2323;--bt-tag-img:url("data:image/svg+xml,%3Csvg viewBox=%220 0 90 90%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cg fill=%22%233fae4a%22 stroke=%22%232b7d33%22 stroke-width=%221.5%22%3E%3Cpath d=%22M45 10c6-6 12 2 16 0s10 6 10 12 8 8 6 16 4 12-2 18-2 14-10 16-12 8-20 6-14-2-20-8-12-6-12-16-6-12 0-18-2-12 6-16 8-8 14-6 6-6 12-4z%22/%3E%3C/g%3E%3Cg fill=%22none%22 stroke=%22%232b7d33%22 stroke-width=%221.2%22%3E%3Cpath d=%22M14 30l-5-3M12 45l-6 0M16 60l-5 4M74 26l5-4M80 44l6-1M74 64l5 4M40 8l-1-5M52 8l2-5%22/%3E%3C/g%3E%3Ccircle cx=%2234%22 cy=%2230%22 r=%229%22 fill=%22%23fff%22 stroke=%22%231d5a24%22/%3E%3Ccircle cx=%2256%22 cy=%2228%22 r=%229%22 fill=%22%23fff%22 stroke=%22%231d5a24%22/%3E%3Ccircle cx=%2237%22 cy=%2232%22 r=%224%22 fill=%22%23111%22/%3E%3Ccircle cx=%2253%22 cy=%2231%22 r=%224%22 fill=%22%23111%22/%3E%3Cpath d=%22M24 50q21 26 42 0z%22 fill=%22%233a0d0d%22/%3E%3Cpath d=%22M28 51l3 5 3-5 3 5 3-5 3 5 3-5 3 5 3-5 3 5 3-4%22 fill=%22%23fff%22/%3E%3Cg transform=%22translate%2850 46%29 rotate%28-12%29%22%3E%3Crect width=%2230%22 height=%2226%22 rx=%222%22 fill=%22%23e8e2d6%22 stroke=%22%238a8375%22/%3E%3Crect x=%223%22 y=%223%22 width=%2224%22 height=%2220%22 fill=%22none%22 stroke=%22%23b9b1a2%22 stroke-dasharray=%222 2%22/%3E%3Cpath d=%22M0 10q5-4 8 0t8 0%22 fill=%22%233a0d0d%22/%3E%3Ccircle cx=%2220%22 cy=%2215%22 r=%223%22 fill=%22%23c9c1b2%22/%3E%3Ctext x=%2215%22 y=%2224%22 font-size=%225%22 text-anchor=%22middle%22 fill=%22%238a8375%22%3Ehollow%3C/text%3E%3C/g%3E%3Ccircle cx=%2246%22 cy=%2280%22 r=%221.6%22 fill=%22%23d9cfbd%22/%3E%3Ccircle cx=%2256%22 cy=%2283%22 r=%221.2%22 fill=%22%23d9cfbd%22/%3E%3C/svg%3E")}   /* Style B polished: flat monster badge, muted deep-red accent */
.bt-tag--red{--bt-tag-bg:rgba(253,236,236,.97);--bt-tag-bd:#f28b82;--bt-tag-edge:#c62828;--bt-tag-ink:#4a0f0f;--bt-tag-accent:#b71c1c}
.bt-tag--monster{--bt-tag-bg:rgba(253,236,236,.97);--bt-tag-bd:#e53935;--bt-tag-edge:#e53935;--bt-tag-ink:#0f3d24;--bt-tag-accent:#1f7a43}
.bt-greentag{position:relative;margin:10px 0;padding:8px 30px 8px 11px;border-radius:8px;background:var(--bt-tag-bg);border:1px solid var(--bt-tag-bd);border-left:4px solid var(--bt-tag-edge);color:var(--bt-tag-ink);font:500 13px/1.45 system-ui,sans-serif}.bt-greentag b{color:var(--bt-tag-accent)}.bt-greentag[hidden]{display:none}.bt-greentag .x{position:absolute;right:4px;top:3px;width:28px;height:28px;border:0;background:none;font-size:18px;line-height:1;color:var(--bt-tag-accent);cursor:pointer}

/* Style B polished */
.bt-greentag{border:1px solid var(--bt-tag-bd)!important;border-left:3px solid var(--bt-tag-edge)!important;border-radius:10px!important;background:var(--bt-tag-img) no-repeat 8px 8px/42px 42px,var(--bt-tag-bg)!important;padding:10px 30px 10px 58px!important;box-shadow:0 2px 10px rgba(40,20,20,.08);color:var(--bt-tag-ink)!important;font-family:'Lato',system-ui,sans-serif;font-size:13.5px;line-height:1.5;min-height:0}
.bt-greentag b:first-of-type{display:block;font-weight:800;color:var(--bt-tag-accent);margin-bottom:2px}
.bt-greentag b:last-of-type{display:block;font-weight:600;font-size:.88em;color:#6b5f5c;margin-top:4px}