:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;--primary-color: linear-gradient(to right, #FF2D95, #00BFFF);--lightest-color: #FCABFC;--box-shadow:0px 0px 9px 1px rgba(0,0,0,1);--jinx-blue: #009fd4;--vi-pink: #FF2D95;--arcane-purple: #2A1E3E;--gradient: radial-gradient(circle at top left, rgba(0, 0, 0, .3), transparent 60%);--purplish-gradient: linear-gradient(145deg, var(--logo-color), #5d7fff);--blueish-gradient: linear-gradient(145deg, var(--jinx-blue), #2b1f73);--font-family: "Bebas Neue", sans-serif}*{margin:0;padding:0;box-sizing:border-box;outline:none;border:none;text-decoration:none;text-transform:capitalize;line-height:1.5}body{background:url(/assets/jinx_vi-BX24vpr3.webp) no-repeat center center fixed;background-size:cover;margin:0;font-family:var(--font-primary)}.arcane-button,.arcane-button:after{width:8rem;height:3rem;font-size:1.3rem;font-family:var(--font-family);background:linear-gradient(45deg,transparent 5%,var(--vi-pink) 5%);border:0;color:#fff;letter-spacing:2px;box-shadow:9px 0 0 var(--jinx-blue);outline:transparent;position:relative;-webkit-user-select:none;user-select:none;border-radius:3px}.arcane-button:after{--slice-0: inset(50% 50% 50% 50%);--slice-1: inset(80% -6px 0 0);--slice-2: inset(50% -6px 30% 0);--slice-3: inset(10% -6px 85% 0);--slice-4: inset(40% -6px 43% 0);--slice-5: inset(80% -6px 5% 0);content:"";display:block;position:absolute;inset:0;background:linear-gradient(45deg,transparent 3%,#00E6F6 3%,#00E6F6 5%,var(--vi-pink) 5%);text-shadow:-3px -3px 0px var(--jinx-blue),3px 3px 0px #00E6F6;clip-path:var(--slice-0)}.arcane-button:hover:after{animation:1s glitch;animation-timing-function:steps(2,end)}@keyframes glitch{0%{clip-path:var(--slice-1);transform:translate(-20px,-10px)}10%{clip-path:var(--slice-3);transform:translate(10px,10px)}20%{clip-path:var(--slice-1);transform:translate(-10px,10px)}30%{clip-path:var(--slice-3);transform:translateY(5px)}40%{clip-path:var(--slice-2);transform:translate(-5px)}50%{clip-path:var(--slice-3);transform:translate(5px)}60%{clip-path:var(--slice-4);transform:translate(5px,10px)}70%{clip-path:var(--slice-2);transform:translate(-10px,10px)}80%{clip-path:var(--slice-5);transform:translate(20px,-10px)}90%{clip-path:var(--slice-1);transform:translate(-10px)}to{clip-path:var(--slice-1);transform:translate(0)}}@media (min-width: 768px){.arcane-button,.arcane-button:after{width:8rem;height:3rem}}.loader-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100%;background-color:#0009;position:fixed;top:0;left:0;z-index:9999}.start-page{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;gap:2.5rem;font-family:var(--font-family);text-align:center;padding:2rem;background-color:#0006}.start-page .logo{width:21rem;height:auto;filter:drop-shadow(0 12px 12px rgba(0,0,0,1));transition:transform .2s ease-in-out}.start-page .logo:hover{transform:scale(1.05) rotate(-5deg);filter:drop-shadow(3px 3px 1px var(--jinx-blue))}.game-title{font-family:lacquer,sans-serif;color:var(--vi-pink);font-size:3rem;letter-spacing:2px;text-shadow:0px 10px 10px rgba(0,0,0,1);margin-bottom:3.5rem}.difficulty-buttons{display:flex;justify-content:center;gap:1.6rem;flex-wrap:wrap}@media (max-width: 768px){.start-page{padding:1rem;gap:2rem}.start-page .logo{width:12rem;transform:scale(1.05) rotate(-5deg);filter:drop-shadow(3px 3px 1px var(--jinx-blue))}.game-title{font-size:2rem;margin-bottom:2rem}.difficulty-buttons{flex-direction:column;gap:1rem;align-content:center}.difficulty-buttons .arcane-button{max-width:14rem;height:3rem;font-size:1.2rem}}.card-wrapper{perspective:1000px;width:15rem;height:24rem;cursor:pointer}.tilt-wrapper{width:100%;height:100%;border-radius:1rem}.character-holder{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .7s ease-in-out}.character-holder.flipped{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:1rem;overflow:hidden;box-shadow:var(--box-shadow)}.card-front{transform:rotateY(180deg)}.card-back{background:var(--card-back-bg, #2d2d2d)}.card-back img,.card-front img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:1rem}.character-name{position:absolute;bottom:0;left:0;right:0;margin:0 auto;padding:.3rem .5rem;background-color:#0009;color:#fff;font-size:1rem;text-align:center;font-weight:600;border-radius:0 0 1rem 1rem}@media (max-width: 1380px){.card-wrapper{width:12rem;height:18rem}.character-name{font-size:.8rem;padding:.2rem .4rem}}@media (max-width: 768px){.card-wrapper{width:10rem;height:16rem}.character-name{font-size:.8rem;padding:.2rem .4rem}}@media (max-width: 480px){.card-wrapper{width:7rem;height:10rem}.character-name{font-size:.7rem}}.cards-container{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;margin-top:2rem}.card-grid{display:flex;flex-direction:column;gap:1.4rem}.round-counter{font-weight:700;letter-spacing:1px;margin:2rem auto;color:#fff}.game-over-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.game-over-dialog{position:relative;width:100%;max-width:45rem;aspect-ratio:16 / 9;background-repeat:no-repeat;background-position:center;background-size:contain;border-radius:1rem;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:2rem;color:#fff;text-align:center;box-shadow:0 0 10px 1px var(--vi-pink);box-sizing:border-box}.game-over-message{font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:1rem;text-shadow:0 2px 8px rgba(0,0,0,1);font-family:var(--font-family);letter-spacing:2px;line-height:1.2}.score-board{background-color:var(--arcane-purple);color:#fff;font-weight:700;margin:2rem;padding:1.5rem;border-radius:1rem;border:none;font-size:1.2rem;box-shadow:var(--box-shadow)}@media (max-width: 780px){.score-board{font-size:.9rem;padding:.75rem 1rem}}.play-game-page{height:100vh;width:100vw;display:flex;flex-direction:column;padding:1.5rem;box-sizing:border-box;background:#000000b3;overflow-y:auto;overflow-x:hidden}.game-header{display:flex;justify-content:space-between;align-items:center}.page-logo{max-width:9rem;min-width:7rem;height:auto;filter:drop-shadow(0 12px 12px rgba(0,0,0,.4));transition:transform .2s ease-in-out;cursor:pointer}.page-logo:hover{transform:scale(1.05) rotate(-5deg);filter:drop-shadow(3px 3px 1px var(--jinx-blue))}@media (max-width: 600px){.game-header{gap:1rem}.page-logo{width:7rem}}.audio-toggle{position:fixed;bottom:1rem;left:1rem;background:none;border:none;padding:.5rem;cursor:pointer;z-index:1000}.audio-toggle img{width:2.3rem;height:2.3rem;background-color:var(--vi-pink);border-radius:50%;padding:.5rem;box-shadow:0 4px 10px #00000040;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease}.audio-toggle img:hover{background-color:var(--jinx-blue);transform:scale(1.1);box-shadow:0 6px 14px #00000059}@font-face{font-family:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bebas-neue-latin-ext-400-normal-CeLpnxZh.woff2) format("woff2"),url(/assets/bebas-neue-latin-ext-400-normal-DX0KfPKU.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bebas-neue-latin-400-normal-dFjLRunK.woff2) format("woff2"),url(/assets/bebas-neue-latin-400-normal-Cg4B5GFO.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lacquer;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lacquer-latin-400-normal-BaPxOckJ.woff2) format("woff2"),url(/assets/lacquer-latin-400-normal-ho5m11gp.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
