.fib,.fi{background-size:contain;background-position:50%;background-repeat:no-repeat}.fi{position:relative;display:inline-block;width:1.333333em;line-height:1em}.fi:before{content:" "}.fi.fis{width:1em}.fi-xx{background-image:url(../api/flags/xx.svg)}.fi-ad{background-image:url(../api/flags/ad.svg)}.fi-ae{background-image:url(../api/flags/ae.svg)}.fi-af{background-image:url(../api/flags/af.svg)}.fi-ag{background-image:url(../api/flags/ag.svg)}.fi-ai{background-image:url(../api/flags/ai.svg)}.fi-al{background-image:url(../api/flags/al.svg)}.fi-am{background-image:url(../api/flags/am.svg)}.fi-ao{background-image:url(../api/flags/ao.svg)}.fi-aq{background-image:url(../api/flags/aq.svg)}.fi-ar{background-image:url(../api/flags/ar.svg)}.fi-as{background-image:url(../api/flags/as.svg)}.fi-at{background-image:url(../api/flags/at.svg)}.fi-au{background-image:url(../api/flags/au.svg)}.fi-aw{background-image:url(../api/flags/aw.svg)}.fi-ax{background-image:url(../api/flags/ax.svg)}.fi-az{background-image:url(../api/flags/az.svg)}.fi-ba{background-image:url(../api/flags/ba.svg)}.fi-bb{background-image:url(../api/flags/bb.svg)}.fi-bd{background-image:url(../api/flags/bd.svg)}.fi-be{background-image:url(../api/flags/be.svg)}.fi-bf{background-image:url(../api/flags/bf.svg)}.fi-bg{background-image:url(../api/flags/bg.svg)}.fi-bh{background-image:url(../api/flags/bh.svg)}.fi-bi{background-image:url(../api/flags/bi.svg)}.fi-bj{background-image:url(../api/flags/bj.svg)}.fi-bl{background-image:url(../api/flags/bl.svg)}.fi-bm{background-image:url(../api/flags/bm.svg)}.fi-bn{background-image:url(../api/flags/bn.svg)}.fi-bo{background-image:url(../api/flags/bo.svg)}.fi-bq{background-image:url(../api/flags/bq.svg)}.fi-br{background-image:url(../api/flags/br.svg)}.fi-bs{background-image:url(../api/flags/bs.svg)}.fi-bt{background-image:url(../api/flags/bt.svg)}.fi-bv{background-image:url(../api/flags/bv.svg)}.fi-bw{background-image:url(../api/flags/bw.svg)}.fi-by{background-image:url(../api/flags/by.svg)}.fi-bz{background-image:url(../api/flags/bz.svg)}.fi-ca{background-image:url(../api/flags/ca.svg)}.fi-cc{background-image:url(../api/flags/cc.svg)}.fi-cd{background-image:url(../api/flags/cd.svg)}.fi-cf{background-image:url(../api/flags/cf.svg)}.fi-cg{background-image:url(../api/flags/cg.svg)}.fi-ch{background-image:url(../api/flags/ch.svg)}.fi-ci{background-image:url(../api/flags/ci.svg)}.fi-ck{background-image:url(../api/flags/ck.svg)}.fi-cl{background-image:url(../api/flags/cl.svg)}.fi-cm{background-image:url(../api/flags/cm.svg)}.fi-cn{background-image:url(../api/flags/cn.svg)}.fi-co{background-image:url(../api/flags/co.svg)}.fi-cr{background-image:url(../api/flags/cr.svg)}.fi-cu{background-image:url(../api/flags/cu.svg)}.fi-cv{background-image:url(../api/flags/cv.svg)}.fi-cw{background-image:url(../api/flags/cw.svg)}.fi-cx{background-image:url(../api/flags/cx.svg)}.fi-cy{background-image:url(../api/flags/cy.svg)}.fi-cz{background-image:url(../api/flags/cz.svg)}.fi-de{background-image:url(../api/flags/de.svg)}.fi-dj{background-image:url(../api/flags/dj.svg)}.fi-dk{background-image:url(../api/flags/dk.svg)}.fi-dm{background-image:url(../api/flags/dm.svg)}.fi-do{background-image:url(../api/flags/do.svg)}.fi-dz{background-image:url(../api/flags/dz.svg)}.fi-ec{background-image:url(../api/flags/ec.svg)}.fi-ee{background-image:url(../api/flags/ee.svg)}.fi-eg{background-image:url(../api/flags/eg.svg)}.fi-eh{background-image:url(../api/flags/eh.svg)}.fi-er{background-image:url(../api/flags/er.svg)}.fi-es{background-image:url(../api/flags/es.svg)}.fi-et{background-image:url(../api/flags/et.svg)}.fi-fi{background-image:url(../api/flags/fi.svg)}.fi-fj{background-image:url(../api/flags/fj.svg)}.fi-fk{background-image:url(../api/flags/fk.svg)}.fi-fm{background-image:url(../api/flags/fm.svg)}.fi-fo{background-image:url(../api/flags/fo.svg)}.fi-fr{background-image:url(../api/flags/fr.svg)}.fi-ga{background-image:url(../api/flags/ga.svg)}.fi-gb{background-image:url(../api/flags/gb.svg)}.fi-gd{background-image:url(../api/flags/gd.svg)}.fi-ge{background-image:url(../api/flags/ge.svg)}.fi-gf{background-image:url(../api/flags/gf.svg)}.fi-gg{background-image:url(../api/flags/gg.svg)}.fi-gh{background-image:url(../api/flags/gh.svg)}.fi-gi{background-image:url(../api/flags/gi.svg)}.fi-gl{background-image:url(../api/flags/gl.svg)}.fi-gm{background-image:url(../api/flags/gm.svg)}.fi-gn{background-image:url(../api/flags/gn.svg)}.fi-gp{background-image:url(../api/flags/gp.svg)}.fi-gq{background-image:url(../api/flags/gq.svg)}.fi-gr{background-image:url(../api/flags/gr.svg)}.fi-gs{background-image:url(../api/flags/gs.svg)}.fi-gt{background-image:url(../api/flags/gt.svg)}.fi-gu{background-image:url(../api/flags/gu.svg)}.fi-gw{background-image:url(../api/flags/gw.svg)}.fi-gy{background-image:url(../api/flags/gy.svg)}.fi-hk{background-image:url(../api/flags/hk.svg)}.fi-hm{background-image:url(../api/flags/hm.svg)}.fi-hn{background-image:url(../api/flags/hn.svg)}.fi-hr{background-image:url(../api/flags/hr.svg)}.fi-ht{background-image:url(../api/flags/ht.svg)}.fi-hu{background-image:url(../api/flags/hu.svg)}.fi-id{background-image:url(../api/flags/id.svg)}.fi-ie{background-image:url(../api/flags/ie.svg)}.fi-il{background-image:url(../api/flags/il.svg)}.fi-im{background-image:url(../api/flags/im.svg)}.fi-in{background-image:url(../api/flags/in.svg)}.fi-io{background-image:url(../api/flags/io.svg)}.fi-iq{background-image:url(../api/flags/iq.svg)}.fi-ir{background-image:url(../api/flags/ir.svg)}.fi-is{background-image:url(../api/flags/is.svg)}.fi-it{background-image:url(../api/flags/it.svg)}.fi-je{background-image:url(../api/flags/je.svg)}.fi-jm{background-image:url(../api/flags/jm.svg)}.fi-jo{background-image:url(../api/flags/jo.svg)}.fi-jp{background-image:url(../api/flags/jp.svg)}.fi-ke{background-image:url(../api/flags/ke.svg)}.fi-kg{background-image:url(../api/flags/kg.svg)}.fi-kh{background-image:url(../api/flags/kh.svg)}.fi-ki{background-image:url(../api/flags/ki.svg)}.fi-km{background-image:url(../api/flags/km.svg)}.fi-kn{background-image:url(../api/flags/kn.svg)}.fi-kp{background-image:url(../api/flags/kp.svg)}.fi-kr{background-image:url(../api/flags/kr.svg)}.fi-kw{background-image:url(../api/flags/kw.svg)}.fi-ky{background-image:url(../api/flags/ky.svg)}.fi-kz{background-image:url(../api/flags/kz.svg)}.fi-la{background-image:url(../api/flags/la.svg)}.fi-lb{background-image:url(../api/flags/lb.svg)}.fi-lc{background-image:url(../api/flags/lc.svg)}.fi-li{background-image:url(../api/flags/li.svg)}.fi-lk{background-image:url(../api/flags/lk.svg)}.fi-lr{background-image:url(../api/flags/lr.svg)}.fi-ls{background-image:url(../api/flags/ls.svg)}.fi-lt{background-image:url(../api/flags/lt.svg)}.fi-lu{background-image:url(../api/flags/lu.svg)}.fi-lv{background-image:url(../api/flags/lv.svg)}.fi-ly{background-image:url(../api/flags/ly.svg)}.fi-ma{background-image:url(../api/flags/ma.svg)}.fi-mc{background-image:url(../api/flags/mc.svg)}.fi-md{background-image:url(../api/flags/md.svg)}.fi-me{background-image:url(../api/flags/me.svg)}.fi-mf{background-image:url(../api/flags/mf.svg)}.fi-mg{background-image:url(../api/flags/mg.svg)}.fi-mh{background-image:url(../api/flags/mh.svg)}.fi-mk{background-image:url(../api/flags/mk.svg)}.fi-ml{background-image:url(../api/flags/ml.svg)}.fi-mm{background-image:url(../api/flags/mm.svg)}.fi-mn{background-image:url(../api/flags/mn.svg)}.fi-mo{background-image:url(../api/flags/mo.svg)}.fi-mp{background-image:url(../api/flags/mp.svg)}.fi-mq{background-image:url(../api/flags/mq.svg)}.fi-mr{background-image:url(../api/flags/mr.svg)}.fi-ms{background-image:url(../api/flags/ms.svg)}.fi-mt{background-image:url(../api/flags/mt.svg)}.fi-mu{background-image:url(../api/flags/mu.svg)}.fi-mv{background-image:url(../api/flags/mv.svg)}.fi-mw{background-image:url(../api/flags/mw.svg)}.fi-mx{background-image:url(../api/flags/mx.svg)}.fi-my{background-image:url(../api/flags/my.svg)}.fi-mz{background-image:url(../api/flags/mz.svg)}.fi-na{background-image:url(../api/flags/na.svg)}.fi-nc{background-image:url(../api/flags/nc.svg)}.fi-ne{background-image:url(../api/flags/ne.svg)}.fi-nf{background-image:url(../api/flags/nf.svg)}.fi-ng{background-image:url(../api/flags/ng.svg)}.fi-ni{background-image:url(../api/flags/ni.svg)}.fi-nl{background-image:url(../api/flags/nl.svg)}.fi-no{background-image:url(../api/flags/no.svg)}.fi-np{background-image:url(../api/flags/np.svg)}.fi-nr{background-image:url(../api/flags/nr.svg)}.fi-nu{background-image:url(../api/flags/nu.svg)}.fi-nz{background-image:url(../api/flags/nz.svg)}.fi-om{background-image:url(../api/flags/om.svg)}.fi-pa{background-image:url(../api/flags/pa.svg)}.fi-pe{background-image:url(../api/flags/pe.svg)}.fi-pf{background-image:url(../api/flags/pf.svg)}.fi-pg{background-image:url(../api/flags/pg.svg)}.fi-ph{background-image:url(../api/flags/ph.svg)}.fi-pk{background-image:url(../api/flags/pk.svg)}.fi-pl{background-image:url(../api/flags/pl.svg)}.fi-pm{background-image:url(../api/flags/pm.svg)}.fi-pn{background-image:url(../api/flags/pn.svg)}.fi-pr{background-image:url(../api/flags/pr.svg)}.fi-ps{background-image:url(../api/flags/ps.svg)}.fi-pt{background-image:url(../api/flags/pt.svg)}.fi-pw{background-image:url(../api/flags/pw.svg)}.fi-py{background-image:url(../api/flags/py.svg)}.fi-qa{background-image:url(../api/flags/qa.svg)}.fi-re{background-image:url(../api/flags/re.svg)}.fi-ro{background-image:url(../api/flags/ro.svg)}.fi-rs{background-image:url(../api/flags/rs.svg)}.fi-ru{background-image:url(../api/flags/ru.svg)}.fi-rw{background-image:url(../api/flags/rw.svg)}.fi-sa{background-image:url(../api/flags/sa.svg)}.fi-sb{background-image:url(../api/flags/sb.svg)}.fi-sc{background-image:url(../api/flags/sc.svg)}.fi-sd{background-image:url(../api/flags/sd.svg)}.fi-se{background-image:url(../api/flags/se.svg)}.fi-sg{background-image:url(../api/flags/sg.svg)}.fi-sh{background-image:url(../api/flags/sh.svg)}.fi-si{background-image:url(../api/flags/si.svg)}.fi-sj{background-image:url(../api/flags/sj.svg)}.fi-sk{background-image:url(../api/flags/sk.svg)}.fi-sl{background-image:url(../api/flags/sl.svg)}.fi-sm{background-image:url(../api/flags/sm.svg)}.fi-sn{background-image:url(../api/flags/sn.svg)}.fi-so{background-image:url(../api/flags/so.svg)}.fi-sr{background-image:url(../api/flags/sr.svg)}.fi-ss{background-image:url(../api/flags/ss.svg)}.fi-st{background-image:url(../api/flags/st.svg)}.fi-sv{background-image:url(../api/flags/sv.svg)}.fi-sx{background-image:url(../api/flags/sx.svg)}.fi-sy{background-image:url(../api/flags/sy.svg)}.fi-sz{background-image:url(../api/flags/sz.svg)}.fi-tc{background-image:url(../api/flags/tc.svg)}.fi-td{background-image:url(../api/flags/td.svg)}.fi-tf{background-image:url(../api/flags/tf.svg)}.fi-tg{background-image:url(../api/flags/tg.svg)}.fi-th{background-image:url(../api/flags/th.svg)}.fi-tj{background-image:url(../api/flags/tj.svg)}.fi-tk{background-image:url(../api/flags/tk.svg)}.fi-tl{background-image:url(../api/flags/tl.svg)}.fi-tm{background-image:url(../api/flags/tm.svg)}.fi-tn{background-image:url(../api/flags/tn.svg)}.fi-to{background-image:url(../api/flags/to.svg)}.fi-tr{background-image:url(../api/flags/tr.svg)}.fi-tt{background-image:url(../api/flags/tt.svg)}.fi-tv{background-image:url(../api/flags/tv.svg)}.fi-tw{background-image:url(../api/flags/tw.svg)}.fi-tz{background-image:url(../api/flags/tz.svg)}.fi-ua{background-image:url(../api/flags/ua.svg)}.fi-ug{background-image:url(../api/flags/ug.svg)}.fi-um{background-image:url(../api/flags/um.svg)}.fi-us{background-image:url(../api/flags/us.svg)}.fi-uy{background-image:url(../api/flags/uy.svg)}.fi-uz{background-image:url(../api/flags/uz.svg)}.fi-va{background-image:url(../api/flags/va.svg)}.fi-vc{background-image:url(../api/flags/vc.svg)}.fi-ve{background-image:url(../api/flags/ve.svg)}.fi-vg{background-image:url(../api/flags/vg.svg)}.fi-vi{background-image:url(../api/flags/vi.svg)}.fi-vn{background-image:url(../api/flags/vn.svg)}.fi-vu{background-image:url(../api/flags/vu.svg)}.fi-wf{background-image:url(../api/flags/wf.svg)}.fi-ws{background-image:url(../api/flags/ws.svg)}.fi-ye{background-image:url(../api/flags/ye.svg)}.fi-yt{background-image:url(../api/flags/yt.svg)}.fi-za{background-image:url(../api/flags/za.svg)}.fi-zm{background-image:url(../api/flags/zm.svg)}.fi-zw{background-image:url(../api/flags/zw.svg)}.fi-arab{background-image:url(../api/flags/arab.svg)}.fi-asean{background-image:url(../api/flags/asean.svg)}.fi-cefta{background-image:url(../api/flags/cefta.svg)}.fi-cp{background-image:url(../api/flags/cp.svg)}.fi-dg{background-image:url(../api/flags/dg.svg)}.fi-eac{background-image:url(../api/flags/eac.svg)}.fi-es-ct{background-image:url(../api/flags/es-ct.svg)}.fi-es-ga{background-image:url(../api/flags/es-ga.svg)}.fi-es-pv{background-image:url(../api/flags/es-pv.svg)}.fi-eu{background-image:url(../api/flags/eu.svg)}.fi-gb-eng{background-image:url(../api/flags/gb-eng.svg)}.fi-gb-nir{background-image:url(../api/flags/gb-nir.svg)}.fi-gb-sct{background-image:url(../api/flags/gb-sct.svg)}.fi-gb-wls{background-image:url(../api/flags/gb-wls.svg)}.fi-ic{background-image:url(../api/flags/ic.svg)}.fi-pc{background-image:url(../api/flags/pc.svg)}.fi-sh-ac{background-image:url(../api/flags/sh-ac.svg)}.fi-sh-hl{background-image:url(../api/flags/sh-hl.svg)}.fi-sh-ta{background-image:url(../api/flags/sh-ta.svg)}.fi-un{background-image:url(../api/flags/un.svg)}.fi-xk{background-image:url(../api/flags/xk.svg)}.game-board{display:grid;grid-template-columns:repeat(4, 1fr);gap:15px;margin-bottom:20px}.card{aspect-ratio:4/3;background-color:var(--primary-color);color:var(--secondary-color);border:2px solid var(--secondary-color);cursor:pointer;font-size:7em;display:flex;align-items:center;justify-content:center;transition:var(--transition);position:relative;min-height:80px}.card:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.card.flipped{background-color:var(--secondary-color);color:var(--primary-color);border:2px solid var(--secondary-color);transform:rotateY(180deg)}.card.matched{background-color:var(--secondary-color);color:var(--primary-color);cursor:default;transform:scale(0.95);border-color:var(--secondary-color)}.card.matched:hover{transform:scale(0.95);box-shadow:none}.card-back,.card-front{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;transition:transform .5s ease}.card-front{transform:rotateY(180deg)}.card.flipped .card-back{transform:rotateY(180deg)}.card.flipped .card-front{transform:rotateY(0deg)}.card-front .fi{transition:transform .5s ease}.card.flipped .card-front .fi{transform:rotateY(180deg) rotate(0deg)}.card.flipped.matched .card-front .fi{transform:rotateY(0deg)}.game-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px;width:100%;margin:0 auto}.new-game-btn{background-color:var(--secondary-color);color:var(--primary-color);border:2px solid var(--secondary-color);padding:15px;font-size:1.1em;cursor:pointer;transition:var(--transition);width:100%}.new-game-btn:hover{background-color:var(--primary-color);color:var(--secondary-color);transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.game-container{background-color:var(--primary-color);border:2px solid var(--secondary-color);box-shadow:0 20px 40px rgba(0,0,0,.2);padding:20px;max-width:600px;width:100%;transition:var(--transition)}.game-header{position:relative;margin-bottom:20px}.game-header .game-title{font-size:2.5em;color:var(--secondary-color);margin:0;width:80%}.game-header .game-description{color:var(--secondary-color);margin:0 0 30px 0;width:100%}.selectors-container{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.selectors-container .selector-group{display:grid}.selectors-container .selector-group:nth-child(1),.selectors-container .selector-group:nth-child(2){width:calc(50% - 10px)}.selectors-container .selector-group:last-child{width:100%}.selectors-container .selector-group .selector-title{font-weight:bold;margin-bottom:10px;color:var(--secondary-color);font-size:1em}.selectors-container .selector-group .game-select{background:var(--primary-color);border:2px solid var(--secondary-color);padding:15px;border-radius:0;font-size:1em;cursor:pointer;transition:var(--transition);width:100%;color:var(--secondary-color);background-image:linear-gradient(45deg, transparent 50%, var(--secondary-color) 50%),linear-gradient(135deg, var(--secondary-color) 50%, transparent 50%);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;appearance:none;-webkit-appearance:none;-moz-appearance:none}.selectors-container .selector-group .game-select:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px rgba(0,0,0,.1)}.selectors-container .selector-group .game-select:hover{border-color:var(--secondary-color)}.game-stats{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.stat{background-color:var(--secondary-color);color:var(--primary-color);padding:10px 20px;min-width:100px;font-size:1.2em;text-align:center;display:flex;flex-direction:column;justify-content:center}:root{--primary-color: #e8e5f2;--secondary-color: #0d0334;--transition: all 0.5s ease-in-out}.dark-mode{--primary-color: #0d0334;--secondary-color: #e8e5f2}.dark-mode .win-message{color:var(--secondary-color)}body{background-color:var(--primary-color);color:var(--secondary-color);display:flex;flex-direction:column;align-items:center;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;padding:0 20px 20px 20px;transition:var(--transition)}footer{margin-top:40px;text-align:center;font-size:.9em;color:var(--secondary-color)}footer a{color:var(--secondary-color);position:relative;text-decoration:underline;transition:var(--transition)}footer a:hover{opacity:.7}@media(max-width: 600px){.game-container{padding:0 20px 20px 20px;box-shadow:none;border:none}.game-header .game-description{width:80%}.game-board{grid-template-columns:repeat(3, 1fr);gap:10px}.game-controls{gap:10px}.card{font-size:5em;min-height:60px}.game-title{font-size:2em}}.modal-overlay{display:none;position:fixed;z-index:10;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.5);padding-top:100px}.modal-content{position:relative;background-color:var(--primary-color);margin:auto;padding:30px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.3);max-width:400px;width:90%;text-align:center}.close-modal{background:none;border:none;color:var(--secondary-color);position:absolute;top:10px;right:20px;font-size:28px;font-weight:bold;cursor:pointer}.close-modal:hover,.close-modal:focus{opacity:.7}.modal-content h2{margin-top:0;color:var(--secondary-color)}.modal-content p{margin-bottom:15px;color:var(--secondary-color)}.modal-content #name-form{display:flex;flex-direction:column}.modal-content #player-name{padding:10px;margin-bottom:15px;border:1px solid var(--border-color);border-radius:5px;font-size:1rem}.modal-content button{background-color:var(--secondary-color);border:1px solid var(--secondary-color);color:var(--primary-color);border-radius:5px;cursor:pointer;padding:10px 20px;font-size:1rem;transition:all .3s ease}.modal-content button:hover{background-color:var(--primary-color);border:1px solid var(--secondary-color);color:var(--secondary-color)}header{display:flex;justify-content:space-between;padding:1rem 0;width:100%}.menu-icon{background-color:rgba(0,0,0,0);border:2px solid var(--secondary-color);cursor:pointer;z-index:8;width:45px;height:45px;display:flex;align-items:center;justify-content:center;position:relative;transition:var(--transition)}.menu-icon .menu-text{color:var(--secondary-color);font-size:.6rem;font-weight:bold;transition:opacity .3s ease;opacity:1;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);line-height:1;white-space:nowrap;transition:var(--transition)}.menu-icon:before,.menu-icon:after{content:"";position:absolute;width:30px;height:3px;background-color:rgba(0,0,0,0);transition:var(--transition)}.menu-icon:before{top:10px}.menu-icon:after{bottom:10px}.menu-icon.open .menu-text{opacity:0}.menu-icon.open:before{background-color:var(--secondary-color);top:50%;transform:translateY(-50%) rotate(45deg)}.menu-icon.open:after{background-color:var(--secondary-color);bottom:50%;transform:translateY(50%) rotate(-45deg)}.menu-icon:hover{background-color:var(--secondary-color)}.menu-icon:hover .menu-text{color:var(--primary-color)}.menu-icon:hover:before,.menu-icon:hover:after{background-color:var(--primary-color)}.sidebar{position:fixed;top:0;left:-250px;max-width:250px;width:90%;height:100%;background-color:var(--primary-color);padding-top:80px;transition:var(--transition);z-index:6}.sidebar.open{left:0}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar ul li a{display:block;padding:15px 20px;color:var(--secondary-color);text-decoration:none;transition:var(--transition)}.sidebar ul li a.active,.sidebar ul li a:hover{background-color:var(--secondary-color);color:var(--primary-color)}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);backdrop-filter:blur(0.7px);display:none;z-index:4}.overlay.open{display:block}.theme-switcher{z-index:8}.theme-switcher button{background-color:rgba(0,0,0,0);border:2px solid var(--secondary-color);cursor:pointer;width:45px;height:45px}.theme-switcher button .icon{display:block;width:32px;height:32px;background-repeat:no-repeat;background-size:contain}.theme-switcher .icon{background-image:url("../icons/svg/light-mode.svg");filter:invert(0)}.dark-mode .theme-switcher .icon{background-image:url("../icons/svg/dark-mode.svg");filter:invert(1)}.scores-container{box-shadow:0 4px 8px rgba(0,0,0,.1)}#high-scores-list{list-style-type:decimal;padding:0;margin:0}#high-scores-list li{padding:15px 10px;border-bottom:1px solid var(--secondary-color);display:flex;flex-direction:column;gap:5px}#high-scores-list li:last-child{border-bottom:none}#high-scores-list li .player-name{font-weight:bold;font-size:1.2rem;color:var(--secondary-color)}#high-scores-list li .score-details{font-size:1rem}#high-scores-list li .game-level{font-size:.9rem;color:var(--secondary-color);text-transform:capitalize}#no-scores-container{text-align:center;padding:20px}#no-scores-container p{font-size:1.2rem;margin-bottom:20px}#no-scores-container .btn-play-game{display:inline-block;padding:10px 20px;background-color:var(--secondary-color);border:1px solid var(--secondary-color);color:var(--primary-color);text-decoration:none;border-radius:8px;font-size:1.1rem;transition:background-color .3s}#no-scores-container .btn-play-game:hover{background-color:var(--primary-color);border:1px solid var(--secondary-color);color:var(--secondary-color)}