.card,.card-inner{position:relative}#leaderboard,.modal.hidden{display:none}#leaderboard h3,.modal-content{font-family:'Sedgwick Ave',sans-serif}#leaderboard h3,.modal-content h2,h1{margin-bottom:10px}#edition-select,.card,button{cursor:pointer}.card-inner,.layer{will-change:transform}.layer,body{min-height:100vh}#match-feedback,.card img,.card.flipped,.emoji-burst,.parallax{pointer-events:none}*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:light}.card,button,input[type=text],select{touch-action:manipulation;-webkit-tap-highlight-color:transparent;outline:0;box-shadow:none}body{font-family:'Sedgwick Ave',cursive,Arial,sans-serif;background-color:#067ff89a;color:#fff;text-shadow:3px 3px 13px #333;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;overflow-x:hidden}.game-container,.title-img{text-align:center;max-width:1100px;width:100%;padding:20px;overflow-y:auto;animation:.9s forwards fadeIn}h1{font-size:2.4rem}.title-img{max-width:100%;height:auto;display:block;margin:0 auto;width:1024px}#timer{margin:28px 28px 20px;font-size:2.3rem;color:#000;font-family:Orbitron,Verdana,Geneva,Tahoma,sans-serif}button{padding:.6em 1.2em;font-size:1rem;font-weight:700;background-color:#ac1b02;color:#fff;border:2px solid #000;border-radius:8px;transition:background-color .3s,transform .2s}button:hover{background-color:#ff4500;transform:scale(1.05)}.volume-container{display:flex;justify-content:end;text-align:center}.volume-label{font-size:1.6rem}#tag-line{margin:10px 0;font-size:1.1rem}.game-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:11px;justify-content:center;margin:20px 0}.card{width:110px;height:110px;perspective:1000px}.card:not(.flipped) .card-inner:hover{transform:translateY(-3px) rotateZ(0) scale(1.03);transition:transform .25s}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(0);transition:transform .6s}.card-back,.card-front,.sr-only{position:absolute;overflow:hidden}.card-back,.card-front{width:100%;height:100%;backface-visibility:hidden;border-radius:8px;-webkit-backface-visibility:hidden}.card-front{background-color:#333;display:flex;justify-content:center;align-items:center;transform:rotateY(180deg)}.card-front img{width:100%;height:100%;object-fit:cover}.card-back{background:url('images/card-back.jpg') center/cover no-repeat #1e1e1e;display:flex;justify-content:center;align-items:center;border:2px solid gold}.card.flipped{z-index:1000}.card.flipped .card-inner{animation:none!important;transform:rotateY(180deg);pointer-events:none}.card img{-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#match-feedback{font-family:'Sedgwick Ave',cursive,sans-serif;font-size:1.2rem;margin-top:3px;margin-bottom:13px;color:#fff;opacity:0;transition:opacity .5s;text-align:center}.card:focus-visible,button:focus-visible,input[type=text]:focus-visible{outline:#ffd700 solid 3px;outline-offset:2px}select:focus-visible{outline:0}.sr-only{left:-9999px;width:1px;height:1px}.modal,.parallax{position:fixed;top:0;left:0}.support-container{text-align:center;margin:20px}.support-button{display:inline-block;background-color:#04a9fb;color:#fff;font-size:20px;padding:12px 25px;border-radius:8px;text-decoration:none;font-weight:700;box-shadow:0 4px 8px rgba(0,0,0,.2);transition:.3s;min-width:220px}.support-button:hover{background-color:#009e25;transform:scale(1.05)}.menu-container{margin:15px 0;text-align:center}.menu-container label{font-size:1.2rem;margin-right:8px}#edition-select{padding:6px 10px;font-size:1rem;border-radius:6px;border:2px solid #000;background-color:#fff;color:#000}#leaderboard{margin-top:20px;padding:15px;background:#04a9fb;border-radius:8px;text-align:center;opacity:0;transition:opacity .3s}#leaderboard h3{font-size:1.5rem;letter-spacing:2px}#leaderboard ol{list-style:decimal;padding-left:20px;text-align:left}#leaderboard li{font-size:1.1rem;margin:4px 0}#leaderboard.visible{display:block;opacity:1}.modal{width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:#1c1c1c;color:#fff;padding:25px 30px;border-radius:10px;text-align:center;max-width:350px;width:90%;box-shadow:0 6px 20px rgba(0,0,0,.6)}.layer,.parallax{width:100%;height:100%}.modal-content h2{font-size:1.8rem;color:gold;text-shadow:2px 2px 6px #000}.modal-content p{margin-bottom:15px;font-size:1.2rem}.modal-content input[type=text]{width:90%;padding:8px;margin:10px 0 20px;border:2px solid #444;border-radius:6px;font-size:1rem;text-align:center;background:#fff;color:#000}.modal-buttons{display:flex;justify-content:center;gap:10px}.modal-buttons button{background:#ac1b02;color:#fff;border:2px solid #000;border-radius:8px;padding:10px 18px;font-weight:700;cursor:pointer;transition:background .3s,transform .2s}.modal-buttons button:hover{background:#ff4500;transform:scale(1.05)}.parallax{overflow:hidden;z-index:-1}.layer{position:absolute;background-repeat:no-repeat;background-position:center;background-size:contain;transform:none;transition:none}.layer-boombox{background-image:url('../images/boombox.webp');z-index:1;opacity:.4;min-height:400px}@media (hover:hover) and (pointer:fine){.card:not(.flipped) .card-inner:hover{transform:translateY(-3px) scale(1.03);transition:transform .25s}.layer{transition:transform .2s linear;will-change:transform}}.combo-banner{position:fixed;top:20%;left:50%;transform:translateX(-50%);font-size:2rem;font-weight:700;color:#fdd835;background:rgba(0,0,0,.9);padding:12px 24px;border-radius:10px;z-index:3000;animation:1.5s ease-out comboFlash;font-family:Orbitron,sans-serif;text-shadow:2px 2px 6px #000}@keyframes comboFlash{0%{transform:translateX(-50%) scale(.8);opacity:0}50%{transform:translateX(-50%) scale(1.2);opacity:1}100%{transform:translateX(-50%) scale(1);opacity:0}}@keyframes titleDrop{0%{transform:translateY(-100px);opacity:0}100%{transform:translateY(0);opacity:1}}#edition-title{animation:1.8s ease-out titleDrop}.emoji-burst{position:fixed;top:0;z-index:9999;animation-name:emojiFall;animation-timing-function:ease-out;animation-fill-mode:forwards;user-select:none}@keyframes emojiFall{0%{transform:translateY(0);opacity:1}100%{transform:translateY(100vh);opacity:.2}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){button{font-size:.9rem}.card{width:100px;height:100px}.game-board{gap:8px;justify-items:center}.volume-label,h1{font-size:1.5rem}}@media (max-width:500px){.volume-label,h1{font-size:1.3rem}#timer{font-size:1.6rem}#tag-line,button{font-size:.8rem}button{padding:8px 16px}.card{width:100px;height:100px}.game-board{gap:6px;justify-items:center}}@media (max-width:400px){h1{font-size:1.2rem}#timer{font-size:1.4rem}button{padding:6px 12px;font-size:.7rem}.card{width:100px;height:100px}.game-board{gap:4px;justify-items:center}.volume-label{font-size:1rem}.volume-container{justify-content:center;align-items:center}#tag-line{font-size:.9rem}#load-game{margin-top:10px}}@media (max-width:300px){h1{font-size:1.1rem}#timer{font-size:1rem}button{padding:5px 10px;font-size:.6rem}.card{width:100px;height:100px}.game-board{gap:2px;justify-items:center}.volume-label{font-size:.8rem}#tag-line{font-size:.9rem}}@media (max-width:1024px){.parallax{position:absolute;height:auto;min-height:100%}}