@font-face{font-family:Almarai;src:url(../assets/fonts/Almarai/Almarai-Regular.ttf)}@font-face{font-family:Figtree;src:url(../assets/fonts/Figtree/Figtree-VariableFont_wght.ttf)}@font-face{font-family:KleeOne;src:url(../assets/fonts/Klee_One/KleeOne-Regular.ttf)}@font-face{font-family:Orbitron;src:url(../assets/fonts/Orbitron/Orbitron-VariableFont_wght.ttf)}@font-face{font-family:RedRose;src:url(../assets/fonts/Red_Rose/RedRose-VariableFont_wght.ttf)}@font-face{font-family:Delius;src:url(../assets/fonts/Delius_Unicase/DeliusUnicase-Regular.ttf)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}:root{--color-player-one:#097fc5;--color-player-two:#f58e39;--start-btn:#f0ea6e;--background-color:#303131;--footer-color:white;--max-width:1440px;--border-radius:8px}#main-title{color:#fff}#main-title h1{font-family:RedRose;font-size:96px}#main-title #subtitle{font-family:Almarai;font-size:48px}:root[data-theme=code_vibes]{--color-primary:#4dd5bc;--color-secondary:#303131;--font-family-primary:RedRose;--font-family-btn:RedRose;--card-aspect:1/1;--card-radius:0px;--card-background:linear-gradient(212.26deg, #4dd5bc 29.42%, #286f62 123.94%);--card-front-background:#d2f4eb;--card-shaddow:none;--border-filter:none;--header-bg:transparent;--header-margin:16px 64px 0 64px;--header-padding:24px 32px;--player-label-background:#86e9d533;--player-label-padding:8px 16px;--font-family-player:var(--font-family-primary);--color-current-player:white;--font-weight-current-player:Regular;--font-size-current-player:26px;--btn-bg:var(--player-label-background);--btn-bg-img:unset;--btn-border-color:var(--color-primary);--btn-font-color:white;--btn-border-radius:0px;--exit-btn-cancel-bg:#66cfbc;--exit-btn-confirm-bg:#86e9d524;--exit-btn-cancel-font-color:white;--exit-btn-confirm-font-color:var(--color-primary);--exit-btn-shaddow:none;--exit-btn-font-size:24px;--exit-btn-font-color:white;--exit-btn-font-color-hover:white;--exit-btn-bg-hover:#86e9d542;--exit-btn-icon-hover:white;--exit-btn-bg-img:unset;--gameover-bg:var(--color-secondary);--gameover-title:var(--color-primary);--gameover-label:white;--result-bg:var(--color-secondary);--result-title:var(--color-primary);--result-label:white;--popup-bg:#fff;--popup-title:#303131;--popup-radius:0;--background-color:var(--color-secondary);--footer-color:white}:root[data-theme=games]{--color-primary:#ed1b76;--color-secondary:#294f60;--font-family-primary:Orbitron;--font-family-btn:Orbitron;--card-aspect:7/8;--card-radius:calc(var(--card-w) * 12 / 105);--card-background:linear-gradient(147.13deg, #ed1b76 1.28%, #0a2835 142.53%);--card-front-background:#f3d7e2;--card-shaddow:0px 4px 4px #00000040;--border-filter:drop-shadow(0 4px 4px #00000040);--header-bg:#fd96c933;--header-margin:32px 32px 0;--header-padding:24px 32px;--player-label-background:white;--player-label-padding:8px 16px;--font-family-player:var(--font-family-primary);--color-current-player:white;--font-weight-current-player:Bold;--font-size-current-player:32px;--btn-bg:#ed1b7614;--btn-bg-img:unset;--btn-border-color:#e71c4f;--btn-font-color:white;--btn-border-radius:10px;--exit-btn-cancel-bg:var(--color-primary);--exit-btn-confirm-bg:var(--btn-bg);--exit-btn-cancel-font-color:white;--exit-btn-confirm-font-color:var(--color-primary);--exit-btn-shadow:3px 4px 5px #00000040;--exit-btn-font-size:20px;--exit-btn-font-color:white;--exit-btn-font-color-hover:white;--exit-btn-bg-hover:#ed1b7624;--exit-btn-icon-hover:var(--color-primary);--exit-btn-bg-img:unset;--gameover-bg:var(--color-secondary);--gameover-title:var(--color-primary);--gameover-label:white;--result-bg:var(--color-secondary);--result-title:var(--color-primary);--result-label:white;--popup-bg:#eaf0f4;--popup-title:var(--color-secondary);--popup-radius:24px;--background-color:var(--color-secondary);--footer-color:white}:root[data-theme=da_projects]{--color-primary:#1e7594;--color-secondary:white;--font-family-primary:Figtree;--font-family-btn:Figtree;--card-aspect:6/5;--card-radius:calc(var(--card-w) * 13 / 120);--card-background:var(--color-primary);--card-front-background:#eaf2f4;--card-shaddow:none;--border-filter:none;--header-bg:#f0f3f4;--header-margin:32px 64px 0 64px;--header-padding:24px 32px;--player-label-background:white;--player-label-padding:8px 16px;--font-family-player:var(--font-family-primary);--color-current-player:var(--color-primary);--font-weight-current-player:Bold;--font-size-current-player:32px;--btn-bg:#bfe5f2;--btn-bg-img:unset;--btn-border-color:none;--btn-font-color:var(--color-primary);--btn-border-radius:10px;--exit-btn-cancel-bg:var(--btn-bg);--exit-btn-confirm-bg:#fd8a81;--exit-btn-cancel-font-color:var(--color-primary);--exit-btn-confirm-font-color:white;--exit-btn-shaddow:3px 3px 5px #2f2e2e33;--exit-btn-font-size:20px;--exit-btn-font-color:var(--color-primary);--exit-btn-font-color-hover:white;--exit-btn-bg-hover:var(--color-primary);--exit-btn-icon-hover:white;--gameover-bg:var(--color-primary);--gameover-title:#fd5b4f;--gameover-label:white;--result-bg:var(--color-primary);--result-title:#fd5b4f;--result-label:white;--popup-bg:var(--header-bg);--popup-title:var(--color-primary);--popup-radius:24px;--background-color:white;--footer-color:var(--color-primary)}:root[data-theme=food]{--color-primary:#f3832d;--color-secondary:white;--font-family-primary:KleeOne;--font-family-btn:Delius;--card-aspect:1/1;--card-radius:0px;--card-background:var(--color-primary);--card-front-background:#f4ece4;--card-shaddow:none;--border-filter:url(#sketch);--header-bg:#f0e5d9;--header-margin:8px 64px 0 64px;--header-padding:24px 32px;--player-label-background:white;--player-label-padding:8px 16px;--font-family-player:var(--font-family-btn);--color-current-player:var(--footer-color);--font-weight-current-player:SemiBold;--font-size-current-player:32px;--btn-bg:white;--btn-bg-img:url(../assets/images/brush-border.png);--btn-border-color:none;--btn-font-color:var(--color-primary);--btn-border-radius:10px;--exit-btn-cancel-bg:#ffab3e;--exit-btn-confirm-bg:#fff9f2;--exit-btn-cancel-font-color:white;--exit-btn-confirm-font-color:var(--color-primary);--exit-btn-shaddow:none;--exit-btn-font-size:16px;--exit-btn-font-color:var(--color-primary);--exit-btn-font-color-hover:white;--exit-btn-bg-hover:var(--color-primary);--exit-btn-icon-hover:white;--gameover-bg:var(--color-primary);--gameover-title:white;--gameover-label:white;--result-bg:white;--result-title:var(--color-primary);--result-label:var(--footer-color);--result-winner:#a45212;--popup-bg:#fbf8f4;--popup-title:var(--footer-color);--popup-radius:24px;--background-color:white;--footer-color:#a45212}#memory-board{--gap:clamp(6px, 1.2vmin, 16px);grid-template-columns:repeat(var(--cols,6), auto);place-content:center;gap:var(--gap);width:100%;min-height:0;max-width:var(--max-width);box-sizing:border-box;perspective:1200px;flex:1;margin-inline:auto;padding:clamp(8px,2vmin,24px);display:grid;container-type:size}.card{all:unset;--fit-w:calc((100cqw - (var(--cols,6) - 1) * var(--gap)) / var(--cols,6));--fit-h:calc((100cqh - (var(--rows,6) - 1) * var(--gap)) / var(--rows,6) * var(--aspect,1));--card-w:min(var(--fit-w), var(--fit-h), 250px);width:var(--card-w);aspect-ratio:var(--card-aspect,1/1);border-radius:var(--card-radius,8px);cursor:pointer;position:relative}.card__inner{transform-style:preserve-3d;transition:all .2s ease-in-out;position:absolute;inset:0}.card.is-flipped .card__inner,.card.is-matched .card__inner{transform:rotateY(180deg)}.card__face{backface-visibility:hidden;filter:var(--border-filter,none);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card__face--back img{object-fit:cover;width:100%;height:100%}.card__face--front{background-color:var(--card-front-background);border-radius:var(--card-radius,8px);width:100%;transform:rotateY(180deg)}.card__face--front img{object-fit:contain;max-width:70%;max-height:70%}.card:hover:not(.is-flipped):not(.is-matched) .card__inner{transition:all .2s ease-in-out;scale:1.02}#players-label>figure{transition:opacity .2s ease-in-out}#players-label>figure:not(.is-active){opacity:.4}#play-btn{all:unset;background-color:var(--start-btn);justify-content:center;align-items:center;gap:16px;padding:12px;font-family:RedRose;font-size:40px;font-weight:700;transition:all .2s ease-in-out;display:flex}#play-btn:hover{cursor:pointer;margin:-6px;padding:18px;transition:all .2s ease-in-out}#play-btn img{width:50px;transition:all .2s ease-in-out}#play-btn:hover #play-btn--controller{transition:all .2s ease-in-out;rotate:-35deg}#play-btn--arrow{scale:.6}#play-btn:hover #play-btn--arrow{transition:all .2s ease-in-out;scale:1}.primary-btn{all:unset;font-family:var(--font-family-btn);border-radius:var(--border-radius);border:2px solid var(--btn-border-color);background-position:50%;justify-content:center;justify-self:flex-end;align-items:center;padding:8px 20px;display:flex}#endscreen{z-index:100;position:fixed;inset:0}.endscreen{text-align:center;width:100%;height:100%;font-family:var(--font-family-primary);flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex;position:relative;overflow:hidden}.endscreen--gameover{background:var(--gameover-bg)}.endscreen--result{background:var(--result-bg)}.endscreen__title{font-family:var(--font-family-primary);font-size:clamp(40px,7vw,88px);font-weight:700;line-height:1}.endscreen--gameover .endscreen__title{color:var(--gameover-title)}.endscreen--result .endscreen__title{color:var(--result-title)}.endscreen--result .endscreen__title--player-one{color:var(--result-winner,var(--color-player-one))}.endscreen--result .endscreen__title--player-two{color:var(--result-winner,var(--color-player-two))}.endscreen__label{font-size:clamp(16px,2vw,22px)}.endscreen--gameover .endscreen__label{color:var(--gameover-label)}.endscreen--result .endscreen__label{color:var(--result-label)}.endscreen__graphic{width:min(60vw,230px);height:auto}.endscreen__confetti{pointer-events:none;width:100%;position:absolute;top:0;left:0}.final-score{justify-content:center;align-items:center;gap:16px;display:flex}.final-score__item{padding:var(--player-label-padding);border-radius:var(--border-radius);background:var(--player-label-background);font-family:var(--font-family-player);justify-content:center;align-items:center;gap:8px;font-weight:700;display:flex}.final-score__item img{width:26px}.final-score__item--one{color:var(--color-player-one)}.final-score__item--two{color:var(--color-player-two)}#play-again-btn{all:unset;border:2px solid var(--btn-border-color);border-radius:var(--btn-border-radius,var(--border-radius));background-color:var(--btn-bg);background-image:var(--btn-bg-img);color:var(--btn-font-color);font-family:var(--font-family-btn);cursor:pointer;background-repeat:no-repeat;background-size:100% 100%;padding:10px 26px;font-size:18px;font-weight:700;transition:all .2s ease-in-out}#play-again-btn:hover{box-shadow:var(--exit-btn-shadow);background-color:var(--exit-btn-bg-hover);color:var(--exit-btn-font-color-hover)}#imprint-dialog{border-radius:var(--border-radius);color:#303131;background:#fff;border:none;max-width:min(90vw,420px);margin:auto;padding:0;font-family:Figtree,sans-serif;box-shadow:0 20px 50px #00000059}#imprint-dialog::backdrop{background:#00000080}.dialog__content{flex-direction:column;gap:16px;padding:32px;display:flex}.dialog__content h2{font-size:28px}.dialog__content p{line-height:1.6}#imprint-close{border-radius:var(--border-radius);background:var(--start-btn);color:#303131;cursor:pointer;border:none;align-self:flex-end;margin-top:8px;padding:8px 22px;font-weight:700;transition:scale .15s}#imprint-close:hover{scale:1.05}#exit-dialog{border-radius:var(--popup-radius,24px);background:#fff;border:none;max-width:min(92vw,760px);margin:auto;padding:0}#exit-dialog::backdrop{background:#00000080}.exit-dialog__content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:48px;padding:clamp(40px,6vw,64px) clamp(32px,6vw,80px);display:flex}.exit-dialog__title{color:var(--popup-title);font-family:var(--font-family-primary);font-size:clamp(28px,4vw,48px);font-weight:700;line-height:1.2}.exit-dialog__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;display:flex}.exit-dialog__btn{all:unset;border-radius:var(--btn-border-radius,var(--border-radius));background-repeat:no-repeat;background-size:100% 100%;background-image:var(--btn-bg-img);font-family:var(--font-family-btn);cursor:pointer;padding:14px 32px;font-size:clamp(16px,2vw,22px);font-weight:700;transition:scale .15s}.exit-dialog__btn--cancel{background-color:var(--exit-btn-cancel-bg);color:var(--exit-btn-cancel-font-color)}.exit-dialog__btn--confirm{border:2px solid var(--btn-border-color);background-color:var(--exit-btn-confirm-bg);color:var(--exit-btn-confirm-font-color)}.exit-dialog__btn:hover{scale:1.04}:root[data-theme=food] .exit-dialog__btn{text-transform:uppercase}footer{justify-content:center;align-items:center;gap:16px;width:100%;height:100px;font-family:Almarai;font-size:18px;display:flex}footer a,footer p,footer button{color:var(--footer-color);text-decoration:none}footer button{all:unset;color:var(--footer-color)}footer a:hover,footer button:hover{cursor:pointer;font-style:italic}body.menu-open{background:#fff}body.menu-open footer a,body.menu-open footer p,body.menu-open footer button{color:#303131}#main-menu{box-sizing:border-box;color:#303131;background:#fff;grid-template-columns:minmax(260px,1fr) minmax(440px,540px);grid-template-areas:"title side""groups side";align-content:center;gap:56px clamp(40px,8vw,110px);width:100%;max-width:1280px;min-height:calc(100vh - 100px);margin-inline:auto;padding:clamp(40px,6vh,80px) clamp(24px,8vw,120px);font-family:Figtree,sans-serif;display:grid}#menu-title{border-bottom:6px solid var(--start-btn);grid-area:title;width:max-content;padding-bottom:14px;font-family:RedRose,sans-serif;font-size:clamp(40px,5vw,64px);font-weight:700;line-height:1}#menu-groups{flex-direction:column;grid-area:groups;gap:40px;display:flex}.menu-group{border:none;flex-direction:column;gap:12px;margin:0;padding:0;display:flex}.menu-group legend{align-items:center;gap:8px;margin-bottom:4px;padding:0;font-size:20px;font-weight:700;display:flex}.menu-group__icon{width:28px;height:28px}.option{cursor:pointer;align-items:center;gap:12px;width:fit-content;padding-left:12px;font-size:18px;display:flex}.option input{appearance:none;cursor:pointer;border:2px solid #303131;border-radius:50%;flex:none;place-content:center;width:20px;height:20px;margin:0;display:grid}.option input:before{content:"";background:#303131;border-radius:50%;width:10px;height:10px;transition:transform .15s;transform:scale(0)}.option input:checked:before{transform:scale(1)}.option__arrow{background:var(--start-btn);opacity:0;border-radius:2px;width:26px;height:3px;margin-left:6px;transition:opacity .15s;position:relative}.option__arrow:after{content:"";border:6px solid #0000;border-left-color:var(--start-btn);position:absolute;top:-4px;right:-3px}.option:has(input:checked) .option__label{font-weight:700}.option:has(input:checked) .option__arrow{opacity:1}#menu-side{flex-direction:column;grid-area:side;justify-content:flex-end;align-items:flex-end;gap:24px;display:flex}#theme-preview{border-radius:16px;width:100%;max-width:460px;height:auto;display:block}#menu-summary{background:#f4f4f4;border-radius:12px;align-items:center;gap:14px;width:100%;padding:12px 18px;font-size:15px;display:flex}.summary-item{white-space:nowrap;text-align:center;flex:none}#summary-theme{width:140px}#summary-player{width:56px}#summary-size{width:72px}.summary-sep{color:var(--start-btn);flex:none;font-size:40px;font-weight:700}#start-btn{all:unset;background:var(--start-btn);color:#303131;cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:8px;margin-left:auto;padding:12px 22px;font-family:RedRose,sans-serif;font-size:18px;font-weight:700;transition:scale .15s;display:flex}#start-btn img{width:22px}#start-btn:hover:not(:disabled){scale:1.04}#start-btn:disabled{opacity:.4;cursor:not-allowed}body{background-color:var(--background-color)}#play-area{flex-direction:column;justify-content:flex-start;align-items:center;gap:32px;width:100%;height:calc(100vh - 100px);display:flex;position:relative}#start-screen{flex-direction:column;justify-content:center;align-items:center;gap:32px;width:100%;height:100%;display:flex;position:relative;overflow:hidden}#background-icon{position:absolute;bottom:0;left:-70px}#background-icon img{width:40vw}#header{background-color:var(--header-bg);width:100%;max-width:var(--max-width);margin:var(--header-margin);padding:var(--header-padding);font-family:var(--font-family-primary);border-radius:var(--border-radius);grid-template-columns:1fr 1fr 1fr;align-items:center;display:grid}#header #players-label,#header #current-player{justify-content:center;align-items:center;gap:32px;display:flex}#header #players-label figure,#header #current-player figure{justify-content:center;align-items:center;gap:8px;display:flex}#header #players-label{background-color:var(--player-label-background);padding:var(--player-label-padding);justify-self:flex-start}#header #players-label figcaption{font-family:var(--font-family-player);font-size:calc(var(--font-size-current-player) - 2px);font-weight:700}#header #player-one--counter,#header #player-two--counter{text-align:center;font-variant-numeric:tabular-nums;min-width:1.6ch;display:inline-block}#header #player-one-label figcaption{color:var(--color-player-one)}#header #player-two-label figcaption{color:var(--color-player-two)}#header #current-player{color:var(--color-current-player);font-weight:var(--font-weight-current-player);font-size:var(--font-size-current-player);justify-self:center}#header #exit-btn{color:var(--exit-btn-font-color);background-color:var(--btn-bg);background-image:var(--btn-bg-img);font-size:var(--exit-btn-font-size);cursor:pointer;background-repeat:no-repeat;background-size:100% 100%;gap:8px;font-weight:700;transition:all .2s ease-in-out}#header #exit-btn path{fill:var(--exit-btn-font-color);transition:all .2s ease-in-out}#header #exit-btn:hover{box-shadow:var(--exit-btn-shadow);background-color:var(--exit-btn-bg-hover);color:var(--exit-btn-font-color-hover);transition:all .2s ease-in-out}#header #exit-btn:hover path{fill:var(--exit-btn-icon-hover);filter:drop-shadow(var(--exit-btn-shadow));transition:all .2s ease-in-out}