:root{--bg:#10082f;--bg2:#1a0d4a;--panel:#21105b;--purple:#8b5cf6;--lav:#d9c5ff;--pink:#fa8bdf;--cyan:#7de9ff;--white:#f7f2ff;--muted:#b6a9d4;--line:rgba(226,207,255,.19);--display:'Space Grotesk',sans-serif;--body:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font:16px/1.6 var(--body);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}.nav{height:82px;position:absolute;z-index:30;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 6.5%;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(16,8,47,.5);backdrop-filter:blur(16px)}.brand,.footer-brand{display:flex;align-items:center;gap:11px;font:700 13px var(--display);letter-spacing:.08em}.brand small,.footer-brand small{display:block;font:500 9px var(--body);letter-spacing:.17em;color:var(--muted)}.brand-mark{width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--lav);border-radius:11px;color:var(--lav);font:700 22px var(--display);box-shadow:0 0 18px #9a62ff55}.nav-links{display:flex;gap:35px;color:#d5c9ed;font-size:13px}.nav-links a:hover,.text-link:hover{color:var(--pink)}.nav-cta{border:1px solid #b58bff;border-radius:99px;padding:10px 19px;font-weight:700;font-size:13px;background:#9c63ff22}.nav-cta span{margin-left:9px;color:var(--pink)}.menu-toggle{display:none;background:none;color:white;border:0;font-size:24px}.hero{min-height:760px;position:relative;overflow:hidden;padding:160px 8% 90px;display:grid;grid-template-columns:1fr .88fr;align-items:center;gap:5%;background:radial-gradient(ellipse at 68% 50%,#43218b 0%,#211054 33%,#10082f 72%)}.hero-copy{position:relative;z-index:2;max-width:650px}.eyebrow,.section-kicker{font:700 11px var(--display);letter-spacing:.2em;color:var(--lav)}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:25px}.live-dot,.chip-dot{width:7px;height:7px;background:#77ffcd;border-radius:50%;box-shadow:0 0 12px #77ffcd;display:inline-block}.eyebrow-line{height:1px;width:35px;background:#a68bce}.hero h1{font:700 clamp(54px,7.6vw,112px)/.91 var(--display);letter-spacing:-.075em;margin:0;text-shadow:0 8px 45px #9a4fff40}.hero h1 span{color:var(--lav);text-shadow:0 0 35px #b78aff80}.hero-tag{font:700 15px var(--display);letter-spacing:.1em;color:var(--pink);margin:25px 0 12px}.hero-tag b{color:white}.hero-desc{max-width:470px;color:#c5b9df;font-size:16px}.hero-actions{display:flex;gap:13px;margin:30px 0 28px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:25px;padding:14px 22px;border-radius:9px;font-weight:800;font-size:13px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-4px)}.button-primary{background:linear-gradient(115deg,#e4caff,#a879ff);color:#1c0c48;box-shadow:0 7px 25px #a26cff42}.button-primary:hover{box-shadow:0 10px 30px #b68aff75}.button-ghost{border:1px solid #a78bce;color:#eee4ff;background:#ffffff08}.hero-meta{display:flex;gap:16px;align-items:center;flex-wrap:wrap;color:#c4b5df;font-size:11px}.hero-meta i{height:4px;width:4px;border-radius:50%;background:var(--pink)}.hero-art{position:relative;max-width:470px;justify-self:center;width:100%;transform:rotate(2deg)}.art-frame{position:relative;border-radius:210px 210px 22px 22px;overflow:hidden;height:510px;border:1px solid #d6b9ff77;box-shadow:0 20px 100px #7d35ff4d}.art-frame img{width:100%;height:100%;object-fit:cover;object-position:center 63%;filter:saturate(.9)}.art-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#17083d88,transparent 55%),linear-gradient(120deg,#8d4cff33,transparent)}.floating-chip{position:absolute;padding:9px 13px;background:#160b3fdd;border:1px solid #c6a5ff88;border-radius:8px;font:700 10px var(--display);letter-spacing:.1em;box-shadow:0 8px 30px #10052b88}.chip-top{top:40px;left:-22px}.chip-top .chip-dot{margin-right:8px}.chip-bottom{right:-15px;bottom:40px;color:var(--pink);font-size:17px}.chip-bottom small{color:#d8c9ef;font-size:9px}.side-note{position:absolute;right:-64px;top:42%;font:700 10px/1.6 var(--display);letter-spacing:.18em;color:#b7a1e5;writing-mode:vertical-rl}.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.glow-a{width:400px;height:400px;right:20%;top:-280px;background:#8d4cff55;filter:blur(80px)}.glow-b{width:360px;height:360px;left:-250px;bottom:-200px;background:#4c35ff66;filter:blur(80px)}.orbit{position:absolute;border:1px solid #b99aff2a;border-radius:50%;pointer-events:none}.orbit-one{width:700px;height:700px;right:-160px;top:10px}.orbit-two{width:880px;height:880px;right:-250px;top:-80px}.scroll-cue{position:absolute;bottom:24px;left:8%;font:600 9px var(--display);letter-spacing:.2em;color:#9b8dbb;display:flex;align-items:center;gap:12px}.scroll-cue span{width:30px;height:1px;background:var(--pink)}.marquee{overflow:hidden;white-space:nowrap;background:linear-gradient(90deg,#5d2cb4,#382077);padding:14px 0;font:700 13px var(--display);letter-spacing:.14em;color:#f3eaff}.marquee div{width:max-content;animation:marquee 32s linear infinite}.marquee b{color:var(--pink);margin:0 28px}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:115px 9%}.intro{background:#160b3e}.intro-grid{display:grid;grid-template-columns:.85fr 1fr;gap:12%;margin-top:25px}.intro h2,.section-heading h2,.feature h2,.event-strip h2{font:700 clamp(45px,6vw,78px)/.98 var(--display);letter-spacing:-.065em;margin:0}.intro h2 em,.section-heading h2 em,.feature h2 em,.event-strip h2 em{font-style:normal;color:var(--lav)}.intro-lead{font:600 23px/1.35 var(--display);max-width:560px;margin:0 0 18px}.muted{color:var(--muted);font-size:14px;max-width:560px}.stats{display:flex;gap:38px;margin-top:40px;padding-top:25px;border-top:1px solid var(--line)}.stats strong{display:block;font:700 29px var(--display);color:var(--pink)}.stats span{font:600 9px var(--display);letter-spacing:.13em;color:#9e90bd}.rounds-section{background:radial-gradient(ellipse at 100% 40%,#2b155b,#130a37 62%)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:24px 0 48px}.section-heading .muted{margin:16px 0 0}.round-counter{text-align:right;border-right:2px solid var(--pink);padding-right:15px}.round-counter span{font:700 45px var(--display);display:block}.round-counter small{font:600 9px var(--display);letter-spacing:.16em;color:var(--muted)}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.game-card{position:relative;text-align:left;color:var(--white);padding:22px 23px 19px;min-height:285px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#2b1760aa,#1a0d42);overflow:hidden;cursor:pointer;transition:transform .28s,border-color .28s,background .28s;isolation:isolate}.game-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 35%,var(--card-glow,#a66aff33),transparent 45%);z-index:-1;opacity:.8}.game-card:hover{transform:translateY(-7px);border-color:#b88dff99}.game-card[aria-expanded=true]{border-color:var(--pink);background:#291455}.game-top{display:flex;justify-content:space-between;align-items:center}.game-index{font:700 9px var(--display);letter-spacing:.16em;color:#b7a5d6}.game-icon{width:29px;height:29px;border:1px solid #a78bd455;border-radius:50%;display:grid;place-items:center;color:var(--pink)}.game-card h3{font:700 24px var(--display);letter-spacing:-.04em;margin:13px 0 0}.game-type{font:700 9px var(--display);letter-spacing:.15em;color:var(--pink);margin:4px 0 0}.mini{height:92px;display:flex;align-items:center;justify-content:center;gap:12px;margin:8px 0 2px}.order-mini span{height:42px;width:42px;border:1px solid #c4a5ff;border-radius:10px;display:grid;place-items:center;background:#8e5ae733;font:700 18px var(--display);animation:float 2.5s ease-in-out infinite}.order-mini span:nth-child(2){animation-delay:.3s}.order-mini span:nth-child(3){animation-delay:.6s}.order-mini i{font-style:normal;color:var(--pink);font-size:24px}@keyframes float{50%{transform:translateY(-8px) rotate(4deg)}}.buzzer-mini{position:relative}.buzzer-mini b{z-index:1;font:700 18px var(--display);color:#ffe5ff;text-shadow:0 0 15px #fb72ff}.pulse-ring{position:absolute;width:58px;height:58px;border:1px solid #f98bff;border-radius:50%;animation:ring 1.8s ease-out infinite}.pulse-ring:after{content:"";position:absolute;inset:9px;border:1px solid #f98bff;border-radius:50%}@keyframes ring{to{transform:scale(2.1);opacity:0}}.clock-mini{flex-direction:column;gap:8px}.clock-mini strong{font:700 28px var(--display);color:var(--cyan);text-shadow:0 0 18px #7de9ff88}.clock-mini div{width:130px;height:4px;border-radius:9px;background:#ffffff20;overflow:hidden}.clock-mini i{display:block;height:100%;width:65%;background:var(--cyan);animation:timerbar 3s ease-in-out infinite alternate}@keyframes timerbar{to{width:10%}}.clue-mini span{height:45px;width:45px;display:grid;place-items:center;border-radius:12px;background:#a879ff22;border:1px solid #a879ff99;font:700 20px var(--display);animation:clue 2.4s ease-in-out infinite}.clue-mini span:nth-child(2){animation-delay:.4s}.clue-mini span:nth-child(3){animation-delay:.8s}@keyframes clue{50%{transform:translateY(-7px);box-shadow:0 0 18px #b58cff66}}.truth-mini span{border:1px solid #a88bdc;border-radius:9px;padding:11px 14px;font:700 11px var(--display);letter-spacing:.1em;animation:flip 3s ease-in-out infinite}.truth-mini span:first-child{color:#8dffc9}.truth-mini span:last-child{color:#ff9adf;animation-delay:1.5s}@keyframes flip{50%{transform:rotateY(180deg);background:#9e6cff22}}.guess-mini{gap:6px}.guess-mini span{padding:8px 9px;border:1px solid #9e80d7;border-radius:6px;color:#e5d8ff;font:700 8px var(--display);letter-spacing:.1em;animation:fadeclue 3s infinite}.guess-mini span:nth-child(2){animation-delay:.5s}.guess-mini span:nth-child(3){animation-delay:1s}@keyframes fadeclue{0%,100%{opacity:.4;transform:translateY(5px)}50%{opacity:1;transform:translateY(-4px)}}.game-more{max-height:0;overflow:hidden;opacity:0;color:#d1c2eb;font-size:12px;line-height:1.6;transition:max-height .35s,opacity .3s,margin .3s}.game-card[aria-expanded=true] .game-more{max-height:90px;opacity:1;margin-top:13px}.card-hint{position:absolute;bottom:18px;left:23px;right:23px;display:flex;justify-content:space-between;font:700 8px var(--display);letter-spacing:.17em;color:#9f8cbe}.card-hint b{font-size:15px;color:var(--pink)}.game-card[aria-expanded=true] .card-hint b{transform:rotate(45deg)}.surprise-note{text-align:center;color:#b9a9d4;font-size:12px;margin:30px 0 0}.surprise-note span{color:var(--pink);margin-right:8px}.feature{display:grid;grid-template-columns:1fr .9fr;gap:12%;align-items:center;background:#10082f}.feature-art{position:relative;height:520px;border-radius:18px;overflow:hidden;border:1px solid #b88cff55;box-shadow:0 25px 90px #7e3fff22}.feature-art img{width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:saturate(.82)}.feature-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#16073dcc,transparent 65%),linear-gradient(120deg,#9d58ff33,transparent)}.feature-stamp{position:absolute;z-index:1;bottom:30px;left:30px;font:700 12px/1.1 var(--display);letter-spacing:.15em;color:#e7d9ff}.feature-stamp b{font-size:50px;color:var(--pink);letter-spacing:-.06em}.feature h2{margin:24px 0}.text-link{display:inline-flex;gap:30px;align-items:center;margin-top:28px;color:var(--lav);font:700 13px var(--display);border-bottom:1px solid #a98bd9;padding-bottom:10px}.text-link span{color:var(--pink)}.event-strip{text-align:center;padding:90px 8%;background:linear-gradient(110deg,#27105c,#4b238b 52%,#251052);position:relative;overflow:hidden}.event-strip:before,.event-strip:after{content:"";position:absolute;width:350px;height:350px;border:1px solid #c9a5ff22;border-radius:50%;top:-200px}.event-strip:before{left:-100px}.event-strip:after{right:-100px}.event-strip h2{margin:18px 0 40px}.event-facts{display:grid;grid-template-columns:repeat(4,1fr);max-width:1000px;margin:0 auto 38px;border:1px solid #d7c0ff3a;border-radius:13px;background:#170b3e66}.event-facts div{padding:23px 10px;border-right:1px solid #d7c0ff2b}.event-facts div:last-child{border:0}.event-facts small,.event-facts span{display:block;color:#bba9db;font-size:10px;letter-spacing:.13em}.event-facts strong{display:block;font:700 17px var(--display);margin:7px 0 4px}.event-facts span{letter-spacing:0;font-size:11px}footer{padding:35px 8%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#0b0622;color:#c8b9e4}footer p{font:600 12px var(--display)}.footer-copy{font:600 8px var(--display);letter-spacing:.13em;color:#8575a5}.footer-brand b{font-size:12px}.footer-brand small{font-size:8px}@media(max-width:900px){.hero{grid-template-columns:1fr .8fr;padding-left:6%;padding-right:6%}.hero h1{font-size:clamp(52px,8vw,82px)}.section{padding:90px 6%}.game-grid{grid-template-columns:repeat(2,1fr)}.intro-grid{gap:7%}.feature{gap:7%}.feature-art{height:450px}.side-note{right:-40px}}@media(max-width:650px){.nav{height:68px;padding:0 5%}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;padding:20px 6%;background:#160b3f;flex-direction:column;gap:18px}.nav-links.open{display:flex}.menu-toggle{display:block}.nav-cta{margin-left:auto;margin-right:15px;padding:8px 13px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:125px 7% 70px;gap:35px;min-height:unset}.hero h1{font-size:clamp(54px,14vw,82px)}.hero-desc{font-size:14px}.hero-art{width:78%;max-width:340px;margin:0 auto 20px}.art-frame{height:390px}.side-note{right:-34px}.hero-meta{gap:9px;font-size:10px}.scroll-cue{left:7%;bottom:20px}.section{padding:75px 7%}.intro-grid,.feature{grid-template-columns:1fr;gap:35px}.intro h2,.section-heading h2,.feature h2,.event-strip h2{font-size:54px}.intro-lead{font-size:20px}.stats{gap:20px}.stats strong{font-size:25px}.stats span{font-size:8px}.section-heading{align-items:start}.round-counter{margin-top:6px}.game-grid{grid-template-columns:1fr;gap:12px}.game-card{min-height:270px}.feature-art{height:430px;max-width:420px;width:100%;margin:auto}.feature-copy{padding-bottom:10px}.event-strip{padding:75px 7%}.event-facts{grid-template-columns:1fr 1fr}.event-facts div:nth-child(2){border-right:0}.event-facts div:nth-child(-n+2){border-bottom:1px solid #d7c0ff2b}footer{flex-direction:column;text-align:center;padding:35px 7%}.footer-brand{justify-content:center}.footer-copy{line-height:1.7}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
.team-section{background:#160b3e}.team-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:22px 0 35px}.team-heading h2{font:700 clamp(42px,5vw,66px)/.98 var(--display);letter-spacing:-.06em;margin:0}.team-heading h2 em{font-style:normal;color:var(--lav)}.coordinator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.coordinator{padding:22px;border:1px solid #c4a3ff45;border-radius:13px;background:linear-gradient(140deg,#43217b55,#21104788)}.coordinator>span,.faculty span{display:block;color:var(--pink);font:700 9px var(--display);letter-spacing:.16em}.coordinator h3{font:700 20px var(--display);margin:13px 0}.coordinator a{display:block;color:#c8b8e5;font-size:11px;overflow-wrap:anywhere;margin-top:7px}.coordinator a:hover{color:white}.faculty{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:18px;padding:18px 22px;border:1px solid #e1caff70;border-radius:12px;background:#28145b}.faculty strong{font:700 16px var(--display)}.faculty small{color:#c2b1df;font-size:11px}@media(max-width:650px){.team-heading{display:block}.team-heading .muted{margin-top:14px}.coordinator-grid{grid-template-columns:1fr}.faculty{align-items:flex-start;flex-direction:column;gap:7px}}


/* ===== UPTIME ULTIMATUM VISUAL PASS V2 ===== */
:root{
 --bg:#0c0628;--bg2:#170a43;--panel:#25105f;--purple:#9b65ff;
 --lav:#e6d4ff;--pink:#ff8ce8;--cyan:#8beaff;
}
body{background:#0c0628}
.nav{position:fixed;background:rgba(12,6,40,.76);border-bottom-color:#d7baff20;box-shadow:0 8px 35px #08031e33}
.hero{background:
 linear-gradient(90deg,rgba(12,6,40,.98) 0%,rgba(16,7,47,.91) 48%,rgba(21,8,60,.58) 100%),
 url("assets/city-runner-art.jpg") center 46%/cover,
 #10082f}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,#0c0628);pointer-events:none}
.hero-copy{max-width:690px}
.hero h1{font-size:clamp(58px,8vw,120px);text-shadow:0 8px 55px #9b65ff66}
.hero h1 span{color:#e4caff;background:linear-gradient(100deg,#fff0ff,#c7a4ff 55%,#ff9de9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-art{filter:drop-shadow(0 28px 50px #8a48ff55)}
.art-frame{border-radius:180px 180px 26px 26px;border:1px solid #e6d4ff99;box-shadow:0 0 0 8px #b78bff0d,0 24px 90px #8d45ff55}
.art-frame img{object-position:center 58%}
.floating-chip{backdrop-filter:blur(14px);background:#160b3fe8;border-color:#d9bdff99}
.button-primary{background:linear-gradient(115deg,#f0dfff,#b58aff 60%,#f6a7ef);box-shadow:0 8px 30px #a26cff55,0 0 0 1px #fff4 inset}
.button-primary:hover{box-shadow:0 12px 36px #c18cff88}
.marquee{background:linear-gradient(90deg,#5120a5,#812bb5 52%,#45218d);box-shadow:0 0 35px #8e4aff33}
.intro{background:radial-gradient(ellipse at 88% 10%,#46207866,transparent 42%),#160b3e}
.rounds-section{background:radial-gradient(ellipse at 10% 10%,#51229a55,transparent 38%),radial-gradient(ellipse at 100% 80%,#3b1c7955,transparent 42%),#10082f}
.game-card{border-radius:19px;min-height:300px;background:linear-gradient(145deg,#32166eeb,#180b43f2);box-shadow:0 14px 35px #08031e44}
.game-card:hover{transform:translateY(-9px) scale(1.012);box-shadow:0 22px 50px #08031e88,0 0 28px #9d62ff22}
.game-card[aria-expanded=true]{box-shadow:0 0 0 1px #ff8ce8,0 18px 50px #a54bff33}
.game-card .game-more{line-height:1.7}
.feature{background:linear-gradient(110deg,#130936,#1b0c4a)}
.feature-art{border-radius:28px;overflow:hidden;box-shadow:0 22px 70px #07021d99,0 0 0 1px #d9bdff55}
.feature-art img{filter:saturate(1.12) contrast(1.04)}
.feature-stamp{backdrop-filter:blur(12px);background:#17083dcc;border:1px solid #e6d4ff55;border-radius:16px}
.event-strip{background:radial-gradient(ellipse at 50% 0%,#7c39cb88,transparent 62%),linear-gradient(115deg,#27105c,#4b238b 52%,#251052)}
.event-poster{width:min(260px,72vw);margin:34px auto 28px;padding:9px;border-radius:19px;background:linear-gradient(140deg,#e4caff,#8c56e8,#ff9de9);box-shadow:0 18px 55px #0a032c88,0 0 36px #c28bff44;transform:rotate(-1deg);transition:transform .35s}
.event-poster:hover{transform:rotate(0) translateY(-6px) scale(1.015)}
.event-poster img{display:block;width:100%;height:auto;border-radius:12px}
.team-section{background:radial-gradient(ellipse at 100% 0%,#47217a66,transparent 42%),#160b3e}
.coordinator{border-radius:18px;background:linear-gradient(145deg,#48248666,#211047aa);box-shadow:0 14px 32px #08031e33}
footer{background:linear-gradient(110deg,#0a0523,#16083e);border-top:1px solid #d9bdff22}
@media(max-width:650px){
 .hero{background:linear-gradient(180deg,rgba(12,6,40,.88),rgba(12,6,40,.97)),url("assets/city-runner-art.jpg") center/cover}
 .hero-art{width:84%}
 .event-poster{width:min(220px,68vw)}
}

/* ===== GAME ROUND MOTION PASS ===== */
.game-card .mini{position:relative;isolation:isolate;perspective:700px}
.game-card .mini:after{content:"";position:absolute;width:150px;height:1px;bottom:7px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#d9c5ff88,transparent);filter:blur(1px)}
/* 01 — Order Up: tiles shuffle into a sequence */
.order-mini{gap:10px}
.order-mini span{box-shadow:0 7px 20px #08031e55,inset 0 0 16px #c5a4ff22;animation:orderShuffle 3.2s ease-in-out infinite}
.order-mini span:nth-child(2){animation-delay:.22s}.order-mini span:nth-child(3){animation-delay:.44s}
.order-mini i{animation:orderArrow 1.6s ease-in-out infinite;text-shadow:0 0 15px #ff8ce8}
@keyframes orderShuffle{0%,12%,100%{transform:translateY(0) rotate(0) scale(1)}28%{transform:translateY(-12px) rotate(-8deg) scale(1.08)}48%{transform:translateY(4px) rotate(5deg) scale(.96)}68%{transform:translateY(-5px) rotate(0) scale(1.03)}}
@keyframes orderArrow{50%{transform:translateX(7px);opacity:.55}}
/* 02 — Buzzer Battle: a live, thumping buzzer */
.buzzer-mini b{position:relative;padding:10px 18px;border:1px solid #ff9bf5aa;border-radius:999px;background:radial-gradient(circle at 50% 20%,#f18bff66,#541b83 75%);box-shadow:0 0 0 5px #f98bff12,0 7px 24px #f04bff33;animation:buzzerHit 1.45s cubic-bezier(.3,.7,.2,1) infinite}
.pulse-ring{animation:ring 1.8s ease-out infinite,ringFlash 1.45s steps(2,end) infinite}
@keyframes buzzerHit{0%,72%,100%{transform:scale(1)}80%{transform:scale(.9)}88%{transform:scale(1.08)}}
@keyframes ringFlash{0%,75%,100%{border-color:#f98bff;opacity:1}82%{border-color:#fff;opacity:.35}}
/* 03 — Beat the Clock: countdown sweep and ticking digits */
.clock-mini{flex-direction:column;gap:10px}
.clock-mini strong{font:700 29px var(--display);font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#f4eaff;text-shadow:0 0 18px #9f76ff;animation:clockTick 1s steps(2,end) infinite}
.clock-mini>div{width:148px;height:6px;border-radius:99px;background:#ffffff20;overflow:hidden;box-shadow:0 0 14px #8e62ff33}
.clock-mini>div i{display:block;width:100%;height:100%;border-radius:99px;background:linear-gradient(90deg,#ff8ce8,#a98aff,#8beaff);transform-origin:left;animation:clockDrain 8s linear infinite}
@keyframes clockTick{50%{opacity:.72;transform:scale(.97)}}
@keyframes clockDrain{to{transform:scaleX(.04);filter:hue-rotate(35deg)}}
/* 04 — Crack the Clue: scan, flip and reveal */
.clue-mini{gap:10px}
.clue-mini span{width:42px;height:42px;display:grid;place-items:center;border:1px solid #b99aff88;border-radius:10px;background:linear-gradient(145deg,#7041b755,#251052);font:700 21px var(--display);box-shadow:0 7px 20px #08031e55;animation:clueFlip 3.3s ease-in-out infinite}
.clue-mini span:nth-child(2){animation-delay:.45s}.clue-mini span:nth-child(3){animation-delay:.9s}
.clue-mini:before{content:"";position:absolute;z-index:2;left:18%;right:18%;height:2px;top:50%;background:#8beaff;box-shadow:0 0 12px #8beaff;opacity:0;animation:clueScan 3.3s ease-in-out infinite}
@keyframes clueFlip{0%,15%,100%{transform:rotateY(0) translateY(0);border-color:#b99aff88}35%,58%{transform:rotateY(180deg) translateY(-5px);border-color:#8beaff;box-shadow:0 0 18px #8beaff44}75%{transform:rotateY(360deg) translateY(0)}}
@keyframes clueScan{15%,65%{opacity:.9;transform:translateY(-20px)}40%{transform:translateY(20px)}80%,100%{opacity:0}}
/* 05 — Real or Fake: a digital truth/fake switch */
.truth-mini{gap:0;padding:5px;border:1px solid #c7a8ff66;border-radius:999px;background:#10082f99;box-shadow:inset 0 0 18px #08031e66}
.truth-mini span{position:relative;z-index:1;width:76px;padding:9px 0;text-align:center;border-radius:999px;font:700 10px var(--display);letter-spacing:.1em;animation:truthChoice 3.4s ease-in-out infinite}
.truth-mini span:first-child{color:#9fffe0;background:#34d39922;box-shadow:0 0 18px #34d39922}
.truth-mini span:last-child{color:#ff9eea;background:#f472b622;animation-delay:1.7s}
@keyframes truthChoice{0%,38%,100%{filter:brightness(.65);transform:scale(.94)}15%,25%{filter:brightness(1.35);transform:scale(1.08);box-shadow:0 0 22px currentColor}}
/* 06 — Guess It in 3: clues arrive one by one */
.guess-mini{gap:7px}
.guess-mini span{position:relative;overflow:hidden;box-shadow:0 7px 20px #08031e55;animation:guessReveal 3.6s ease-in-out infinite}
.guess-mini span:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,#ffffff55,transparent);transform:translateX(-130%);animation:guessShine 3.6s ease-in-out infinite}
.guess-mini span:nth-child(2),.guess-mini span:nth-child(2):after{animation-delay:.55s}.guess-mini span:nth-child(3),.guess-mini span:nth-child(3):after{animation-delay:1.1s}
@keyframes guessReveal{0%,12%,100%{opacity:.45;transform:translateY(7px) scale(.94);border-color:#9e80d7}25%,68%{opacity:1;transform:translateY(-5px) scale(1.04);border-color:#ff8ce8;box-shadow:0 0 18px #ff8ce844}}
@keyframes guessShine{0%,20%{transform:translateX(-130%)}55%,100%{transform:translateX(130%)}}
.game-card:hover .mini{filter:brightness(1.15)}
.game-card:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.game-card .mini,.game-card .mini *,.game-card .mini:before,.game-card .mini:after{animation:none!important}}