:root{--bg:#000000;--bg-secondary:#0d0a14;--bg-purple:#1a0f2e;--card:rgba(26, 15, 46, 0.4);--stroke:rgba(255, 140, 0, 0.2);--stroke-purple:rgba(75, 0, 130, 0.3);--text:#ffffff;--muted:rgba(255, 255, 255, 0.7);--primary:#4b0082;--primary-light:#6a0dad;--primary-dark:#2d0047;--accent:#ff8c00;--accent-light:#ffa500;--accent-hover:#ff9500;--good:#00ff88;--bad:#ff4444;--shadow:0 18px 60px rgba(0, 0, 0, 0.7);--shadow-glow:0 0 30px rgba(255, 140, 0, 0.2);--radius:12px;--flipMs:450ms}*{box-sizing:border-box}.bg-image,.bg-video{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}body{margin:0;font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:radial-gradient(1400px 900px at 15% 5%,rgba(26,15,46,.6),transparent 65%),radial-gradient(1000px 800px at 85% 15%,rgba(255,140,0,.15),transparent 60%),#0a0612;background-attachment:fixed;color:var(--text);height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;padding:0}body::before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:0}body>*{position:relative;z-index:1}.app{width:77vw;height:100%;display:flex;flex-direction:column;gap:16px;max-height:100%;overflow:hidden;transition:filter .3s}.app.is-idle{filter:blur(8px);pointer-events:none}.topbar{gap:12px;align-items:center;justify-content:space-between;padding:16px 20px;background:rgba(26,15,46,.25);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.title{display:flex;align-items:center;gap:12px}.title b{display:none}.title .logo{height:56px;width:auto;display:block}.title span{color:var(--muted);font-size:13px}.stats{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.progress-container{width:100%;height:6px;background:rgba(26,15,46,.3);border-radius:var(--radius);overflow:hidden;flex-shrink:0;margin:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05)}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-light));border-radius:999px;transition:width .3s;width:0%}.pill{padding:8px 12px;border-radius:999px;background:rgba(26,15,46,.3);border:1px solid rgba(255,255,255,.1);color:var(--muted);font-size:13px;display:flex;gap:8px;align-items:center;white-space:nowrap;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);box-shadow:0 4px 16px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05)}.pill strong{color:var(--text);font-weight:700}.pill #time{display:inline-block;min-width:45px;text-align:left;font-variant-numeric:tabular-nums}.btn{cursor:pointer;padding:10px 16px;border-radius:12px;border:1px solid rgba(255,140,0,.3);background:rgba(255,140,0,.2);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);color:var(--text);font-weight:700;transition:.2s;user-select:none;box-shadow:0 4px 16px rgba(255,140,0,.3),inset 0 1px 0 rgba(255,255,255,.2)}.btn:hover{transform:translateY(-2px);background:rgba(255,140,0,.35);border-color:rgba(255,140,0,.5);box-shadow:0 6px 24px rgba(255,140,0,.4),inset 0 1px 0 rgba(255,255,255,.3)}.btn:active{transform:translateY(0) scale(.98)}.board-wrap{border-radius:var(--radius);overflow:hidden;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative}.board{display:grid;gap:12px;width:100%;height:100%;user-select:none;max-width:100%;max-height:100%;align-items:stretch;justify-items:stretch}.board.has-boardbg{flex:0 1 auto;min-width:0;min-height:0;max-width:100%;max-height:100%;width:100%;height:100%;box-sizing:border-box;padding:8% 16.7% 5%!important}.lives-banner{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;background-size:100% 100%;background-repeat:no-repeat;background-position:center;min-height:8vh;width:30vw;z-index:10;background-image:none!important}.lives-banner.clickable{cursor:pointer;pointer-events:auto}.lives-banner-text{font-family:Poppins,sans-serif;font-weight:700;font-size:1.3rem;color:#fff;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 1px 2px rgba(0,0,0,.5)}.card{position:relative;aspect-ratio:1/1;perspective:1000px;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;justify-self:center;align-self:center}.card-inner{width:100%;height:100%;position:absolute;inset:0;transform-style:preserve-3d;transition:transform var(--flipMs) cubic-bezier(.2, .9, .2, 1);border-radius:16px}.card.is-flipped .card-inner{transform:rotateY(180deg)}.face{position:absolute;inset:0;border-radius:16px;backface-visibility:hidden;overflow:hidden;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;width:100%;height:100%}.front{background:#00000033;border-color:rgba(255,255,255,.15);backdrop-filter:blur(5px) saturate(180%);-webkit-backdrop-filter:blur(5px) saturate(180%)}.front .mark{width:80%;height:auto;border-radius:18px;border:none;background:0 0;backdrop-filter:none;-webkit-backdrop-filter:none;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:none}.back{transform:rotateY(180deg);background:#00000033;backdrop-filter:blur(5px) saturate(180%);-webkit-backdrop-filter:blur(5px) saturate(180%)}.back img{width:85%;height:85%;object-fit:contain;display:block}.card.is-matched{pointer-events:none;filter:saturate(1.2) brightness(1.1)}.card.is-matched .face{border-color:var(--good);box-shadow:0 10px 30px rgba(16,185,129,.3),0 0 25px rgba(16,185,129,.2),0 14px 40px rgba(0,0,0,.4)}.card.is-gameover-dimmed{filter:saturate(.3) brightness(.5);opacity:.7}@keyframes shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}@keyframes shake-flipped{0%,100%{transform:rotateY(180deg) translateX(0)}20%{transform:rotateY(180deg) translateX(-6px)}40%{transform:rotateY(180deg) translateX(6px)}60%{transform:rotateY(180deg) translateX(-4px)}80%{transform:rotateY(180deg) translateX(4px)}}.card.is-shaking .card-inner{animation:280ms shake}.card.is-flipped.is-shaking .card-inner{animation:280ms shake-flipped}@keyframes pop{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}.card.is-popping{animation:220ms pop}.overlay{position:fixed;inset:0;display:none;align-items:flex-start;justify-content:center;padding:18px;z-index:1000;pointer-events:none}.overlay.show{display:flex}.modal{width:min(520px,100%);background:rgba(26,15,46,.4);border:1px solid rgba(255,255,255,.2);border-radius:18px;padding:32px;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 40px rgba(75,0,130,.3),inset 0 1px 0 rgba(255,255,255,.1);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%)}.modal.result-modal{background:rgba(0,0,0,.9);border:2px solid gold;border-radius:24px;padding:24px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:90%}.modal.result-modal .result-img{height:auto;margin-bottom:16px}.modal.result-modal .result-img.result-img-win{width:100%;max-width:100%}.modal.result-modal .result-img.result-img-lose{width:30%;max-width:50%}.modal.result-modal .result-title{font-size:1.5rem;font-weight:700;text-transform:uppercase;color:#fff;margin:0 0 12px}.modal.result-modal .result-title.result-title-golden{color:gold}.modal.result-modal .result-subtext{font-weight:700;text-transform:uppercase;color:#fff;margin:0;font-size:1rem;white-space:pre-line;line-height:1.4}.modal.result-modal .result-subtext.result-subtext-golden{color:gold}.modal h2{margin:0 0 16px}.modal p{margin:0 0 14px;color:var(--muted);line-height:1.5}.modal .row{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:20px}.rules-content ul{margin:12px 0;padding-left:20px;color:var(--muted);line-height:1.8}.rules-content li{margin:8px 0}.rules-content strong{color:var(--text)}.game-audio-bg{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.idle-overlay{position:fixed;inset:0;align-items:center;justify-content:center;padding:18px;z-index:999}.idle-overlay.show{display:flex}.idle-overlay-content{background:rgba(26,15,46,.4);border:1px solid rgba(255,255,255,.2);border-radius:18px;padding:48px 64px;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 40px rgba(75,0,130,.3),inset 0 1px 0 rgba(255,255,255,.1);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);text-align:center}.idle-overlay-content h2{margin:0 0 24px;font-size:32px;font-weight:900}.idle-overlay-content .btn{font-size:18px;padding:14px 32px}.progress-container,.topbar{display:none}.idle-overlay{display:none!important}.app.is-idle{filter:none!important}body:before{display:none}.er50-bar{display:flex;justify-content:space-between;align-items:center;height:20vh;gap:18px;padding:0 6vw}img.er50-logo{height:100%}.er50-bar #spotlightImage,.er50-bar #spotlightVideo,.er50-bar .spotlight-media{width:30vw;margin-top:-2vh;align-self:flex-start}.app{gap:0}.counter-video-wrap{position:relative;height:100%;display:flex;align-items:center;justify-content:center}.counter-media{height:100%;width:auto}#countdownVideo,#loopVideo{display:none}.counter-video-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;visibility:hidden}.counter-video-overlay.loaded{visibility:visible}.counter-video-overlay.clickable{pointer-events:auto;cursor:pointer}.counter-orb-text{font-family:Poppins,sans-serif;font-weight:700;font-size:1.7rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6);letter-spacing:.02em;padding:5vw;text-align:center}.board-wrap{padding:0;background-image:url(./assets/images/game-bg.webp)}.board{gap:20px}@media screen and (min-width:3000px){.counter-orb-text{font-size:64px;margin-top:32px}.lives-banner{bottom:-62px}.lives-banner-text{font-size:46px}.modal.result-modal .result-img.result-img-lose{width:20vw;max-width:unset}.modal.result-modal{max-width:unset;width:auto;padding:2vh 4vw}.modal.result-modal .result-subtext{font-size:84px}.face{border-width:4px}}@media screen and (min-width:1920px) and (max-width:3000px){.counter-orb-text{font-size:32px;margin-top:32px}.lives-banner{bottom:-28px}.lives-banner-text{font-size:26px}.modal.result-modal .result-img.result-img-lose{width:15vw;max-width:unset}.modal.result-modal{max-width:unset;width:auto;padding:3vh 6vw}.modal.result-modal .result-subtext{font-size:48px}.face{border-width:2px}}@media screen and (max-width:1920px){.counter-orb-text{font-size:32px;margin-top:32px}.lives-banner{bottom:-28px}.lives-banner-text{font-size:26px}.modal.result-modal .result-img.result-img-lose{width:15vw;max-width:unset}.modal.result-modal{max-width:unset;width:auto;padding:3vh 6vw}.modal.result-modal .result-subtext{font-size:48px}.face{border-width:2px}}