@keyframes fade-in{0%{transform:translateX(var(--fade-distance));opacity:0}to{opacity:1;transform:translate(0)}}@keyframes fade-top{0%{transform:translateY(var(--fade-distance));opacity:0}to{opacity:1;transform:translateY(0)}}@keyframes fade-bottom{0%{transform:translateY(var(--fade-distance));opacity:0}to{opacity:1;transform:translateY(0)}}@font-face{font-family:red-rose-regular;src:local(Red Rose),url(/assets/RedRose-Regular-D0RHN54n.ttf)format("truetype")}@font-face{font-family:red-rose-light;src:local(Red Rose),url(/assets/RedRose-Light-jRLh1z5l.ttf)format("truetype")}@font-face{font-family:red-rose-bold;src:local(Red Rose),url(/assets/RedRose-Bold-BV2QVjXa.ttf)format("truetype")}@font-face{font-family:Almarai Regular;font-style:normal;font-weight:400;src:local(Almarai Regular),url(/assets/Almarai-Regular-Bjyq-_yU.ttf)format("truetype")}@font-face{font-family:Almarai Light;font-style:normal;font-weight:400;src:local(Almarai Light),url(/assets/Almarai-Light-DuzxTxDB.ttf)format("truetype")}@font-face{font-family:Almarai Bold;font-style:normal;font-weight:400;src:local(Almarai Bold),url(/assets/Almarai-Bold-DLiflpNY.ttf)format("truetype")}@font-face{font-family:Almarai ExtraBold;font-style:normal;font-weight:400;src:local(Almarai ExtraBold),url(/assets/Almarai-ExtraBold-DEpP2ht6.ttf)format("truetype")}.button{--fade-distance:500px;opacity:0;color:var(--color-text);cursor:pointer;border:none;place-items:center;padding:25px 70px;font-family:red-rose-bold,sans-serif;font-size:40px;font-weight:700;text-decoration:none;animation:1.8s ease-in-out forwards fade-top;display:grid}.button__icon{margin-left:25px}.button__icon:hover{padding:25px 80px;transition:all .3s ease-in-out;scale:1.1}.button--primary{background-color:var(--color-accent);outline:var(--color-primary-bg) solid 2px}.button--primary:hover{background-color:var(--color-primary-bg);color:var(--color-text-light)}.theme-section>header{text-align:left;color:#fff;background-color:var(--color-interactive);justify-content:space-around;align-items:center;gap:1rem;width:auto;height:110px;margin:25px;padding:8px 20px;font-family:Almarai Regular,sans-serif;font-weight:300;display:flex}.player-content{background:color-mix(in srgb, var(--color-player-bg) 68%, #6cb0a9 32%);border-radius:4px;flex-direction:row;align-items:center;gap:.55rem;padding:.45rem .9rem;display:flex}.player-content img{width:20px;height:auto}.player-content p{color:#333;margin:0;font-family:Almarai Bold,sans-serif;font-size:20px;font-weight:700;line-height:1}.player-content .--player-name{display:var(--player-name-display,none)}.player-content .--label-blue{color:#2bb1ff}.player-content .--label-orange{color:#f58e39}.current-player{flex-direction:row;align-items:center;gap:1rem;display:flex}.current-player img{width:30px;height:auto}.current-player .--label-blue{color:var(--color-interactive)}.current-player .--label-orange{color:orange}.button-content{justify-content:center;align-items:center;width:auto;display:flex}.preview-exit-btn{border:2px solid var(--color-button-border);border-radius:var(--exit-btn-radius,0px);background-color:var(--color-button-bg);pointer-events:none;cursor:default;flex-direction:row;align-items:center;gap:.5rem;padding:4px 8px;display:flex}.preview-exit-btn .preview-exit-btn-icon{background-color:var(--color-text-light);width:20px;height:20px;display:inline-block;-webkit-mask:url(/img/move-item.svg) 50%/contain no-repeat;mask:url(/img/move-item.svg) 50%/contain no-repeat}.preview-exit-btn button{--fade-distance:550px;opacity:0;color:var(--color-text-light);cursor:default;background:0 0;border:0;border-radius:5px;padding:0;font-family:Red Rose,sans-serif;font-size:20px;font-weight:700;text-decoration:none;transition:all .3s;animation:.5s ease-in-out forwards fade-in}.exit-btn{border:2px solid var(--color-button-border);border-radius:var(--exit-btn-radius,0px);background-color:var(--color-button-bg);flex-direction:row;align-items:center;gap:.5rem;padding:4px 8px;display:flex}.exit-btn:hover{border:4px solid var(--color-button-border);cursor:pointer;transition:all .256s ease-in-out;scale:1}.exit-btn .exit-btn__icon{background-color:var(--color-text-light);width:20px;height:20px;display:inline-block;-webkit-mask:url(/img/move-item.svg) 50%/contain no-repeat;mask:url(/img/move-item.svg) 50%/contain no-repeat}.exit-btn a,.exit-btn button{--fade-distance:550px;opacity:0;color:var(--color-text-light);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:0;font-family:Red Rose,sans-serif;font-size:20px;font-weight:700;text-decoration:none;transition:all .3s;animation:.5s ease-in-out forwards fade-in}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;font-family:sans-serif}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.start-screen{background-color:#303131;flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex}.start-screen>img{width:400px;height:auto;position:absolute;bottom:0;left:0}.start-screen-content{flex-direction:column;justify-content:center;align-items:center;width:991px;height:100vh;display:flex}.start-screen-content .sub-headline{text-align:left;width:100%;color:var(--color-text-light);margin:10px 0 0;font-family:Almarai Regular,sans-serif;font-size:48px;font-weight:300}.start-screen-content h1{width:991px;color:var(--color-text-light);white-space:nowrap;margin:0;font-family:red-rose-bold,sans-serif;font-size:140px;font-weight:700;line-height:175px}.start-screen-buttons{--fade-distance:550px;opacity:0;cursor:pointer;background-color:#f0ea6e;align-items:center;gap:2rem;margin:60px 0 0;transition:all .3s;animation:1s ease-in-out forwards fade-in;display:grid}.start-screen-buttons:hover{padding:0 7px;transition:all .3s}.start-screen-buttons .button-icons{width:50px;height:auto;position:fixed;top:53%}.start-screen-buttons .button-icons.--controller{width:50px;margin:-16px 7.5rem -16px 8px}.start-screen-buttons .button-icons.--arrow{width:40px;margin:-10px 0 -10px 10.5rem;transition:all .35s ease-in-out}.start-screen-buttons:hover .button-icons.button-icons.--arrow{width:40px;margin:-9px 0 -9px 11.3rem;transition:all .35s ease-in-out;scale:1.5}.start-screen-buttons:hover .button-icons.button-icons.--controller{transition:all .35s ease-in-out;transform:rotate(-25deg)}.settings-main{box-sizing:border-box;flex-direction:column;align-items:center;width:min(100%,1440px);margin:0 auto;padding-inline:clamp(16px,4vw,48px);display:flex}h1{color:#fff;margin:40px 0 0;font-family:red-rose-bold,sans-serif;font-size:56px;font-weight:700}.setting-h1{color:#3e3e3e;display:inline-block;position:relative}.setting-h1:after{content:"";background-image:url(/img/line-3.svg);background-position:0 0;background-repeat:no-repeat;background-size:contain;width:250px;height:58px;margin-top:8px;display:block;position:absolute;top:100%;left:0}.settings-header{justify-content:space-between;align-items:center;width:100%;display:flex}.settings-back-button{border:2px solid var(--color-button-border);border-radius:var(--exit-btn-radius,0px);background-color:var(--color-button-bg);color:var(--color-text);align-items:center;gap:.5rem;padding:4px 12px;font-family:Red Rose,sans-serif;font-size:20px;font-weight:700;text-decoration:none;transition:border .256s ease-in-out,transform .16s;display:inline-flex}.settings-back-button:before{content:"";background-color:var(--color-text);flex-shrink:0;width:20px;height:20px;display:inline-block;transform:scaleX(-1);-webkit-mask:url(/img/move-item.svg) 50%/contain no-repeat;mask:url(/img/move-item.svg) 50%/contain no-repeat}.settings-back-button:hover{border-width:4px}.settings-back-button:focus-visible{outline:3px solid var(--color-interactive);outline-offset:3px}.settings-back-button[hidden]{display:none!important}.settings-content{width:100%;height:100%;color:var(--color-text);flex-direction:row;justify-content:flex-start;align-items:center;display:flex}.sub-headline-content{text-align:left;width:100%;color:var(--color-text);flex-direction:row;justify-content:flex-start;align-items:center;font-family:Almarai ExtraBold,sans-serif;font-size:24px;font-weight:300;display:flex}.sub-headline-content .headline-icon{width:48px;height:auto;padding:0 10px;position:relative}.settings-sidebar{flex-direction:column;flex:1;justify-content:space-between;gap:25px;width:25%;height:100%;max-height:900px;display:flex}.input-content{border:0;flex-direction:column;gap:1.5rem;min-inline-size:0;margin-top:1rem;margin-bottom:1rem;margin-left:3rem;padding:0;display:flex}.input-content .input-container{width:100%;color:var(--color-text);flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;font-family:Almarai Regular,sans-serif;font-size:20px;font-weight:400;list-style:none;display:flex}input{font:inherit;color:var(--color-text);appearance:none;border:2px solid #000000b6;border-radius:50%;width:1em;height:1em;position:relative}input:checked,input:focus-visible,input:focus,input:active{background-color:#fffffff3;border:2px solid #000000b6}input:hover{background-color:#fffffff3;border:3px solid #000000b6}input[type=radio]:before{content:"";background-color:#0e0d0de6;border-radius:50%;width:.5em;height:.5em;transition:transform .12s ease-in-out;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}input[type=radio]:checked:before{transform:translate(-50%,-50%)scale(.5)}label{align-items:center;gap:.5rem;display:flex}.label-icon{opacity:0;width:42px;height:auto;transition:opacity .12s ease-in-out}.input-container:hover .label-icon{opacity:1}.input-container:has(input:checked) .label-icon{opacity:1}.input-container:hover input[type=radio]:before{border-color:#505050b6;transform:translate(-50%,-50%)scale(.5)}.settings-content-panel{flex-direction:column;flex:2;align-items:flex-end;gap:1rem;width:100%;height:100%;padding:50px 0 20px;display:flex}.theme-section{--fade-distance:550px;opacity:0;background-image:var(--theme-section-gradient);border-radius:16px;flex-direction:column;gap:1rem;width:70%;max-width:800px;height:560px;transition:background-image .3s ease-in-out;animation:.5s ease-in-out forwards fade-in;display:flex}.theme-section header{background-color:var(--color-secondary);color:var(--color-text-light);transition:background-color .3s ease-in-out}.theme-section .current-player{background-color:var(--color-secondary)}.theme-section .current-player p{color:var(--color-text-light)!important}.theme-section .current-player-content-img{border-radius:8px;padding:8px}.theme-section .current-player-content-img[data-player=Blue]{background-color:#2bb1ff}.theme-section .current-player-content-img[data-player=Orange]{background-color:#f58e39}.theme-section .current-player-content-img img{filter:contrast()brightness(0)invert();width:20px}.settings-nav{background-color:#f6f6f6;justify-content:space-between;align-items:center;width:90%;max-width:900px;height:80px;margin-top:auto;padding:12px 20px;display:flex}.settings-nav__list{align-items:center;gap:2.2rem;list-style:none;display:flex}.settings-nav__item{color:var(--color-text);min-width:auto;max-width:230px;font-family:Almarai Regular,sans-serif;font-size:18px}.settings-nav__item+.settings-nav__item{padding-left:2.2rem;position:relative}.settings-nav__item+.settings-nav__item:before{content:"";background-color:#f0ea6e;width:8px;height:56px;position:absolute;top:50%;left:0;transform:translateY(-50%)rotate(12deg)}.settings-nav__start{background-color:var(--color-accent);color:var(--color-text);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 24px;font-family:Almarai Bold,sans-serif;font-size:18px;transition:opacity .2s ease-in-out;display:flex}.settings-nav__start img{width:20px;height:auto}.settings-nav__start:hover{opacity:.85}.setting-screen-buttons{--fade-distance:550px;opacity:0;cursor:pointer;background-color:#f0ea6e;align-items:center;gap:2rem;padding:0;transition:all .3s;animation:1s ease-in-out forwards fade-in;display:grid}.setting-screen-buttons:hover{padding:3px 7px;transition:all .3s}.setting-screen-buttons .button-icons{width:50px;height:auto;position:fixed;top:52%}.setting-screen-buttons .button-icons.--controller{width:24px;margin:-10px 7.5rem -16px 16px}.setting-screen-buttons:hover .button-icons.button-icons.--controller{transition:all .35s ease-in-out;transform:rotate(-10deg)}.setting-screen-buttons:has(.button--settings[disabled]){cursor:default}.setting-screen-buttons:has(.button--settings[disabled]):hover{padding:0}.setting-screen-buttons:has(.button--settings[disabled]):hover .button-icons.--controller{transition:none;transform:none}.button--settings{color:var(--color-text);background:0 0;border:0;padding:11px 46px;font-family:Red Rose Bold,sans-serif;font-size:20px;font-weight:700}.button--settings[disabled]{opacity:.5;cursor:not-allowed}.theme-preview{flex:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.theme-preview .preview-card{object-fit:cover;width:160px;height:auto;transition:transform .3s,opacity .3s;position:absolute}.theme-preview .preview-card--1{z-index:2;transform:rotate(-6deg)translate(-80px,-80px)}.theme-preview .preview-card--2{z-index:1;opacity:.85;transform:rotate(6deg)translate(30px,-55px)}@media (width<=900px){.settings-header{flex-direction:column;align-items:flex-start;gap:1rem}.settings-back-button{padding:10px 18px;font-size:18px}}.game-page{--memory-card-back-image:url(/themes/code-vibes-card-1.svg);min-height:100vh;color:var(--color-text-light);background:radial-gradient(circle at 20% 10%,#5a5a5a 0,#2f2f2f 42%,#1d1d1d 100%)}.game-layout{width:min(1120px,94vw);margin:2rem auto}.game-shell{background-image:var(--theme-section-gradient);border-radius:18px;flex-direction:column;gap:1rem;padding:1rem;display:flex}.game-header{background:color-mix(in srgb, var(--color-secondary) 70%, #111 30%);border-radius:10px;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:1rem;padding:.75rem;display:flex}.game-scoreboard{background:color-mix(in srgb, var(--color-secondary) 68%, #6cb0a9 32%);border:1px solid color-mix(in srgb, var(--color-secondary) 78%, #9ee4d7 22%);border-radius:4px;align-items:center;gap:.55rem;padding:.45rem .9rem;display:flex}.game-score{align-items:center;gap:.3rem;font-family:Almarai Bold,sans-serif;font-size:16px;line-height:1;display:flex}.game-score span,.game-score strong{line-height:1}.game-score .score-label{display:var(--score-label-display,block)}.game-score img{width:20px;height:auto}.game-score--blue{color:#2bb1ff}.game-score--orange{color:#f58e39}.game-current-player{align-items:center;gap:.4rem;width:200px;font-family:Almarai Bold,sans-serif;display:flex}.game-current-player img{width:20px;height:auto}.game-current-player [data-current-player-name]{display:var(--player-name-display,block)}.game-status{min-height:1.5rem;margin:0;font-family:Almarai Regular,sans-serif;font-size:1rem}.memory-content{justify-content:center;display:flex}.game-grid{background:color-mix(in srgb, var(--color-secondary) 70%, #111 30%);flex-direction:column;align-items:center;gap:15px;width:max-content;padding:.5rem;display:flex}.game-grid__row{justify-content:center;gap:15px;width:100%;display:flex}.memory-card{border:1px solid color-mix(in srgb, var(--color-secondary) 75%, #fff 25%);cursor:pointer;perspective:800px;width:120px;height:120px;transform-style:preserve-3d;background:0 0;border-radius:8px;padding:0;transition:opacity .18s;position:relative;overflow:hidden}.memory-card:hover{transform:translateY(-2px)}.memory-card:disabled{cursor:default}.memory-card[data-state=revealed] .memory-card__inner,.memory-card[data-state=matched] .memory-card__inner{transform:rotateY(180deg)}.memory-card[data-state=matched]{opacity:.65}.memory-card__inner{width:100%;height:100%;transform-style:preserve-3d;border-radius:8px;transition:transform .24s;display:block;position:relative;transform:rotateY(0)}.memory-card__face{backface-visibility:hidden;border-radius:8px;place-items:center;height:100%;display:grid;position:absolute;inset:0}.memory-card__face--back{background-color:color-mix(in srgb, var(--color-interactive) 60%, #fff 30%);background-image:var(--memory-card-back-image);background-position:50%;background-repeat:no-repeat;background-size:cover;transform:rotateY(0)}.memory-card__image--back{border-radius:8px}.memory-card__face--front{background:var(--card-front-bg,color-mix(in srgb, var(--color-secondary) 70%, #fff 30%));position:relative;overflow:hidden;transform:rotateY(180deg)}.memory-card__image{width:100%;height:100%;position:absolute;inset:0}.memory-card__fallback{color:var(--color-text-light);font-family:Red Rose Bold,sans-serif;font-size:1.1rem}.gameover-intro{z-index:101;background-color:var(--gameover-intro-bg,var(--color-primary-bg));flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gameover-intro[hidden]{display:none}.gameover-intro__title{color:var(--gameover-title-color,var(--color-interactive));text-shadow:0 2px 0 color-mix(in srgb, var(--color-interactive) 70%, #fff 30%), 0 4px 0 color-mix(in srgb, var(--color-interactive) 55%, #000 45%), 0 6px 0 color-mix(in srgb, var(--color-interactive) 40%, #000 60%), 0 8px 0 color-mix(in srgb, var(--color-interactive) 25%, #000 75%), 0 10px 0 color-mix(in srgb, var(--color-interactive) 15%, #000 85%), 0 14px 28px #000000a6;margin:0 0 .5rem;font-family:Red Rose Bold,sans-serif;font-size:clamp(4rem,14vw,8rem);line-height:1;animation:.8s ease-in-out infinite alternate gameover-pulse}@keyframes gameover-pulse{0%{transform:scale(1)}to{transform:scale(1.03)}}.gameover-intro__subtitle{color:var(--color-text-light);opacity:.7;letter-spacing:.06em;text-transform:uppercase;margin:0 0 .75rem;font-family:Almarai Regular,sans-serif;font-size:1rem}.gameover-intro__scores{background:var(--gameover-scoreboard-bg,color-mix(in srgb, var(--color-secondary) 68%, #6cb0a9 32%));border:1px solid var(--gameover-scoreboard-border,color-mix(in srgb, var(--color-secondary) 78%, #9ee4d7 22%));border-radius:4px;gap:.55rem;padding:.45rem .9rem;display:flex}.gameover-intro__score{align-items:center;gap:.3rem;font-family:Almarai Bold,sans-serif;font-size:16px;line-height:1;display:flex}.gameover-intro__score img{width:12px;height:auto}.gameover-intro__score--blue{color:#2bb1ff}.gameover-intro__score--orange{color:#f58e39}.winner-overlay,.draw-overlay{z-index:100;background-color:var(--winner-overlay-bg,var(--color-primary-bg));flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.winner-overlay[hidden],.draw-overlay[hidden]{display:none}.confetti-container{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-piece{opacity:.9;border-radius:2px;width:10px;height:14px;animation:linear forwards confetti-fall;position:absolute;top:-20px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(110vh)rotate(720deg)}}.winner-card,.draw-card{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.winner-confetti-bg{object-fit:cover;object-position:center;width:100%;opacity:var(--winner-confetti-opacity,.55);pointer-events:none;z-index:0;position:absolute;inset:0}.winner-icon{width:44px;height:auto;display:var(--winner-marker-display,block)}.winner-subtitle{color:var(--winner-subtitle-color,var(--color-text-light));opacity:.8;margin:0;font-family:Almarai Regular,sans-serif;font-size:1.25rem}.draw-card__image{filter:drop-shadow(0 20px 40px #00000047);width:min(420px,88vw);height:auto;display:block}.result-actions{margin-top:.5rem}.result-actions .exit-btn{border-width:2px;transition:border-color .18s,box-shadow .18s}.result-actions .exit-btn:hover{border-width:2px;border-color:color-mix(in srgb, var(--color-button-border) 70%, #fff 30%);box-shadow:0 12px 24px #0003}.result-actions .exit-btn button{transition:transform .18s}.result-actions .exit-btn button:hover{transform:scale(1.05)}.winner-name{letter-spacing:.04em;margin:0;font-family:Red Rose Bold,sans-serif;font-size:clamp(2.5rem,8vw,4.5rem)}.winner-name[data-player=Blue]{color:#2bb1ff;filter:drop-shadow(0 0 18px #2bb1ff8c)}.winner-name[data-player=Orange]{color:#f58e39;filter:drop-shadow(0 0 18px #f58e398c)}.winner-name[data-player=draw]{color:var(--color-text-light);filter:drop-shadow(0 0 18px #ffffff59)}.winner-pawn{width:150px;height:auto;margin-top:.5rem}.winner-pawn[data-player=trophy]{filter:none;width:150px}.winner-pawn[data-player=Blue]{filter:invert(62%)sepia(78%)saturate(500%)hue-rotate(175deg)brightness(105%)}.winner-pawn[data-player=Orange]{filter:invert(65%)sepia(60%)saturate(600%)hue-rotate(340deg)brightness(105%)}.exit-dialog{opacity:0;background:0 0;border:none;max-width:none;max-height:none;margin:0;padding:0;position:fixed;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.exit-dialog[open]{opacity:1;animation:.32s cubic-bezier(.2,.9,.24,1) exit-dialog-slide-in}.exit-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#080c1473}.exit-dialog[open]::backdrop{animation:.22s ease-out exit-dialog-backdrop-in}@keyframes exit-dialog-slide-in{0%{opacity:0;transform:translate(-50%,55vh)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes exit-dialog-backdrop-in{0%{opacity:0}to{opacity:1}}.exit-dialog__card{border:2px solid color-mix(in srgb, var(--color-button-border) 80%, #fff 20%);background:var(--theme-section-gradient);border-radius:14px;flex-direction:column;gap:1rem;width:min(520px,92vw);padding:1.35rem;display:flex;box-shadow:0 22px 45px #0006}.exit-dialog__title{color:var(--color-text-light);margin:0;font-family:Red Rose Bold,sans-serif;font-size:clamp(1.8rem,3.6vw,2.4rem)}.exit-dialog__text{color:var(--color-text-light);opacity:.88;margin:0;font-family:Almarai Regular,sans-serif;font-size:1.05rem}.exit-dialog__actions{flex-wrap:wrap;justify-content:flex-end;gap:.8rem;width:auto;height:50px}.exit-dialog__actions .exit-btn{min-width:160px}.exit-dialog__actions .exit-btn button{text-align:center;opacity:1;width:100%;animation:none;transform:none}.exit-dialog__actions .exit-btn:focus-within{outline:3px solid var(--color-interactive);outline-offset:2px}.exit-dialog__actions .exit-btn:last-child{filter:saturate(1.15)}@media (width<=600px){.exit-dialog__actions{flex-direction:column}.exit-dialog__actions .exit-btn{width:100%}}@media (width<=760px){.game-shell{padding:.85rem}.memory-card{width:52px;height:52px;font-size:1.1rem}}[data-theme="Code vibes theme"]{--player-name-display:block;--winner-marker-display:block;--winner-confetti-opacity:.55;--gameover-intro-bg:#303131;--gameover-title-color:#49baa5;--gameover-scoreboard-bg:#47706a;--gameover-scoreboard-border:#4c726b;--winner-overlay-bg:#2f2f2f;--winner-subtitle-color:#fff;--color-primary-bg:#303131;--color-secondary:#35524d;--color-button-bg:#49baa580;--color-button-border:#f8f6f6;--color-player-bg:#49baa580;--color-text:#333;--color-text-light:#fff;--color-interactive:#49baa5;--settings-back-button-bg:#35524d;--settings-back-button-border:#9ee4d7;--settings-back-button-text:#fff;--theme-section-gradient:linear-gradient(190deg, #303131 40%, #6d6d6d 100%)}[data-theme=Gaming\ theme]{--score-label-display:none;--exit-btn-radius:8px;--player-name-display:none;--winner-marker-display:none;--winner-confetti-opacity:0;--gameover-intro-bg:#2d5568;--gameover-title-color:#ff178e;--gameover-scoreboard-bg:#fff;--gameover-scoreboard-border:#d3ebf5;--winner-overlay-bg:#2d5568;--winner-subtitle-color:#d7eef7;--card-front-bg:#1a1a2e;--color-primary-bg:#545d76;--color-secondary:#545d76;--color-player-bg:#fff;--color-button-bg:transparent;--color-button-border:#e71c4f;--color-text:#e71c4f;--color-text-light:#fff;--color-interactive:#e71c4f;--theme-section-gradient:linear-gradient(226.04deg, #294f60 19.4%, #2086b4 111.63%)}[data-theme="DA Projects theme"]{--exit-btn-radius:8px;--player-name-display:none;--score-label-display:none;--winner-marker-display:none;--winner-confetti-opacity:0;--gameover-intro-bg:#2b7f9d;--gameover-title-color:#ff6a4d;--gameover-scoreboard-bg:#fff;--gameover-scoreboard-border:#cde8f2;--winner-overlay-bg:#2b7f9d;--winner-subtitle-color:#e9f8ff;--color-primary-bg:#0f2a3a;--color-secondary:#fff;--color-button-bg:#bfe5f2;--color-button-border:none;--color-text-light:#1e7594;--color-interactive:#1e7594;--theme-section-gradient:linear-gradient(220deg, #bfe5f2 35%, #bfe5f2 120%)}[data-theme="DA Projects theme"] .game-header{background:#f0f3f4;border-radius:10px}[data-theme="DA Projects theme"] .game-scoreboard{color:#1e7594;background:#f5f5f5}[data-theme="DA Projects theme"] .game-score--blue{color:#2bb1ff}[data-theme="DA Projects theme"] .game-score--orange{color:#ff8c00}[data-theme="DA Projects theme"] .game-current-player{color:#1e7594}[data-theme="DA Projects theme"] .game-grid{background:0 0}[data-theme="DA Projects theme"] .memory-card{background:#1e7594;border-radius:12px}[data-theme="DA Projects theme"] .memory-card__face--back{background-color:#1e7594}