@font-face{font-family:Almarai;src:url(/fonts/almarai/Almarai-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Almarai;src:url(/fonts/almarai/Almarai-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Almarai;src:url(/fonts/almarai/Almarai-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Almarai;src:url(/fonts/almarai/Almarai-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Red Rose;src:url(/fonts/red-rose/RedRose-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Red Rose;src:url(/fonts/red-rose/RedRose-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Red Rose;src:url(/fonts/red-rose/RedRose-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Red Rose;src:url(/fonts/red-rose/RedRose-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Red Rose;src:url(/fonts/red-rose/RedRose-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Figtree;src:url(/fonts/Figtree/Figtree-VariableFont_wght.ttf) format("truetype");font-weight:300 900;font-style:normal;font-display:swap}@font-face{font-family:Orbitron;src:url(/fonts/Orbitron/Orbitron-VariableFont_wght.ttf) format("truetype");font-weight:400 900;font-style:normal;font-display:swap}@font-face{font-family:Klee One;src:url(/fonts/Klee_One/KleeOne-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Klee One;src:url(/fonts/Klee_One/KleeOne-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}:root{--color-blue: #3B82F6;--color-orange: #F97316;--color-yellow: #EAB308;--color-white: #ffffff;--color-dark: #2A2D30;--font-base: "Almarai", system-ui, -apple-system, sans-serif;--font-headline: "Red Rose", system-ui, -apple-system, sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--content-max-width: 1440px;--transition: .3s ease-in-out;--card-transition: .4s ease-in-out}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;font-size:clamp(11.38px,1.1111111111vw,16px)}body{height:100%}body{font-family:var(--font-base);-webkit-font-smoothing:antialiased}#app{height:100%;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}h1,h2,h3{font-family:var(--font-headline)}button{cursor:pointer;font-family:var(--font-headline);border:none;outline:none}fieldset{border:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;border-radius:var(--radius-md);transition:opacity var(--transition),transform var(--transition)}.btn:hover{opacity:.88;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--back{gap:10px;padding:16px 24px;font-size:1.25rem;background:var(--back-bg);border:var(--back-border);border-radius:0;transition:border-color var(--transition),box-shadow var(--transition)}.btn--back:hover{opacity:1;transform:none;border-color:var(--back-hover-color);box-shadow:0 0 10px var(--back-hover-color)}.btn__icon{width:20px;height:20px}.btn__arrow{font-size:1.1rem}.scorebar__dot{display:inline-block;width:12px;height:12px;border-radius:50%;flex-shrink:0}.scorebar__dot--blue{background:var(--color-blue)}.scorebar__dot--orange{background:var(--color-orange)}.score-box{display:flex;align-items:center;gap:20px;padding:17px 20px;font-family:var(--font-headline)}.score-box__entry{display:flex;align-items:center;gap:8px}.score-box__text{font-size:1.5rem;font-weight:700}.score-box__text--blue{color:var(--color-blue)}.score-box__text--orange{color:var(--color-orange)}.score-box__pawn{display:block;width:32px;height:32px;flex-shrink:0;-webkit-mask:var(--mask-src) center/contain no-repeat;mask:var(--mask-src) center/contain no-repeat}.score-box__pawn--blue{background-color:var(--color-blue)}.score-box__pawn--orange{background-color:var(--color-orange)}.score-box--compact{height:54px;gap:40px;padding:0 16px;border-radius:10px}.score-box--compact .score-box__entry{gap:0}.score-box--compact .score-box__text{font-size:2rem;font-weight:500;line-height:1}.gameover .score-box--compact{height:74px;padding:0 24px;gap:48px}.gameover .score-box--compact .score-box__pawn{width:28px;height:28px}.gameover .score-box--compact .score-box__text{font-size:2rem}.player-tile{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:4px}.player-tile--blue{background-color:var(--color-blue)}.player-tile--orange{background-color:var(--color-orange)}.player-tile__pawn{width:28px;height:28px;background-color:#fff;-webkit-mask:var(--mask-src) center/contain no-repeat;mask:var(--mask-src) center/contain no-repeat}.player-tag{display:block;width:16px;height:13px;flex-shrink:0;-webkit-mask-image:var(--mask-src);mask-image:var(--mask-src);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.player-tag--blue{background-color:var(--color-blue)}.player-tag--orange{background-color:var(--color-orange)}.home{height:100%;background:var(--color-dark);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.home__bg-controller{position:absolute;bottom:0;left:0;translate:-12% 12%;width:500px;height:500px;color:#ffffff0a;pointer-events:none;-webkit-user-select:none;user-select:none;animation:controllerFloat 5s ease-in-out infinite}.home__bg-controller svg{width:100%;height:100%}.home__content{position:relative;z-index:1;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:20px}.home__subtitle{color:#fff9;font-size:3rem;font-weight:400;letter-spacing:.02em}.home__title{color:var(--color-white);font-size:8.75rem;font-weight:800;line-height:1.1;letter-spacing:-.02em}.play-btn{display:inline-flex;align-self:center;background:none;border:none;padding:0;cursor:pointer;margin-top:40px}.play-btn__icon{height:98px;width:auto}@keyframes controllerFloat{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-24px) rotate(-8deg)}}.settings{min-height:100%;background:#fff}.settings__inner{max-width:var(--content-max-width);margin-inline:auto;width:100%;padding:48px 64px 0;display:flex;flex-direction:column;min-height:100vh}.settings__title{font-size:54px;font-weight:800;color:#1a1a1a;margin-bottom:20px;position:relative;display:inline-block}.settings__title:before{content:"";position:absolute;top:calc(100% + 2px);left:0;width:10px;height:10px;background:var(--color-yellow);transform:rotate(45deg)}.settings__title:after{content:"";position:absolute;top:calc(100% + 1px);left:14px;width:100px;height:4px;background:var(--color-yellow);border-radius:2px}.settings__body{display:flex;gap:64px;align-items:flex-start;margin-top:40px;flex:1}.settings__form{display:flex;flex-direction:column;gap:48px;flex:1}.settings__group{display:flex;flex-direction:column;gap:10px}.settings__group-legend{display:flex;align-items:center;gap:8px;font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:4px}.settings__group-icon{width:20px;height:20px;object-fit:contain}.settings__radio-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin-left:28px}.settings__radio-label{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:500;color:#444;padding:2px 0;transition:color var(--transition),font-weight var(--transition)}.settings__radio-label:has(.settings__radio-input:checked){color:#1a1a1a;font-weight:700}.settings__radio-label:has(.settings__radio-text:hover) .settings__radio-custom{border-color:#1a1a1a;background:#1a1a1a}.settings__radio-label:has(.settings__radio-text:hover) .settings__radio-custom:after{opacity:1;transform:scale(1)}.settings__radio-label:has(.settings__radio-text:hover) .settings__radio-flourish{width:56px;opacity:1}.settings__radio-text{cursor:pointer}.settings__radio-input{display:none}.settings__radio-input:checked+.settings__radio-custom{border-color:#1a1a1a;background:#1a1a1a}.settings__radio-input:checked+.settings__radio-custom:after{opacity:1;transform:scale(1)}.settings__radio-custom{width:18px;height:18px;border:2px solid #ccc;border-radius:50%;flex-shrink:0;position:relative;transition:border-color var(--transition),background var(--transition)}.settings__radio-custom:after{content:"";position:absolute;inset:3px;background:#fff;border-radius:50%;opacity:0;transform:scale(.5);transition:opacity var(--transition),transform var(--transition)}.settings__radio-flourish{display:flex;align-items:center;width:0;opacity:0;transition:width var(--transition),opacity var(--transition)}.settings__radio-flourish:before{content:"";width:100%;height:2px;background:var(--color-yellow);flex-shrink:0}.settings__radio-flourish:after{content:"";width:10px;height:10px;background:transparent;border:2px solid var(--color-yellow);transform:rotate(45deg);flex-shrink:0;margin-left:2px}.settings__radio-input:checked~.settings__radio-flourish{width:56px;opacity:1}.settings__preview-column{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:16px}.settings__preview-area{width:460px;height:412px}.settings__preview-figure{margin:0}.settings__preview-img{display:block;width:460px;height:412px}.settings__bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 20px;background:#f2f2f0;border-radius:var(--radius-md);white-space:nowrap}.settings__bar-steps{display:flex;align-items:center;gap:12px;list-style:none}.settings__bar-step{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:600;color:#1a1a1a;white-space:nowrap}.settings__bar-step:not(:first-child):before{content:"";width:3px;height:20px;background:var(--color-yellow);transform:skew(-20deg);border-radius:1px}.settings__bar-step--pending{color:#a3a1a1}.settings__bar-step--pending:not(:first-child):before{background:#dbdbd6}.btn--start{display:inline-flex;align-items:center;gap:8px;border:none;padding:14px 24px;background:#f0ea6e;color:#303131;font-family:inherit;font-size:1.25rem;font-weight:700;white-space:nowrap;cursor:pointer;transition:transform var(--transition),background var(--transition),color var(--transition)}.btn--start__icon{width:24px;height:24px;flex-shrink:0;background-color:currentColor;-webkit-mask-image:var(--mask-src);mask-image:var(--mask-src);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transition:transform var(--transition)}.btn--start:not(:disabled):hover{transform:scale(1.08)}.btn--start:not(:disabled):hover .btn--start__icon{transform:rotate(-12deg)}.btn--start:not(:disabled):active{transform:scale(1.02)}.btn--start:not(:disabled):active .btn--start__icon{transform:rotate(-12deg)}.btn--start:disabled{background:#dbdbd6;color:#a3a1a1;cursor:not-allowed}.game{height:100%;overflow:hidden;display:flex;flex-direction:column;align-items:center;font-family:var(--font-headline);transition:background var(--transition)}.scorebar{width:100%;max-width:1217px;margin:41px auto 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;flex-shrink:0}.scorebar .score-box{justify-self:start}.scorebar__current{display:flex;align-items:center;justify-self:center;gap:8px;font-size:1.625rem;font-weight:500}.scorebar__exit-btn{display:flex;align-items:center;justify-self:end;gap:10px;background:var(--exit-bg);border:var(--exit-border);padding:16px 24px;font-size:1.5rem;font-weight:600;transition:border-color var(--transition),box-shadow var(--transition)}.scorebar__exit-btn:hover{border-color:var(--exit-hover-color);box-shadow:0 0 10px var(--exit-hover-color)}.scorebar__exit-icon{display:block;width:16px;height:16px;flex-shrink:0;background-color:currentColor;-webkit-mask-image:var(--mask-src);mask-image:var(--mask-src);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.field{flex:1;min-height:0;width:100%;max-width:1217px;margin-top:54px;padding:0 24px 24px;display:flex;justify-content:center;align-items:flex-start;container-type:size}.field__grid{--card-max: 120px;--card-ratio: 1;--gap: 16px}.field__grid[data-size="24"],.field__grid[data-size="36"]{--gap: 6px}.field__grid{--card-size: min( var(--card-max), (100cqh - (var(--rows) - 1) * var(--gap)) / var(--rows), (100cqw - (var(--cols) - 1) * var(--gap)) / var(--cols) / var(--card-ratio) );display:grid;grid-template-columns:repeat(var(--cols),calc(var(--card-size) * var(--card-ratio)));grid-auto-rows:var(--card-size);gap:var(--gap)}.card{width:100%;height:100%;background:transparent;border:none;padding:0;perspective:800px;cursor:pointer}.card:disabled{cursor:default}.card__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform var(--card-transition)}.card__face{position:absolute;inset:0;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;overflow:hidden;border:var(--card-border-width, 2px) solid var(--card-border-color, transparent)}.card__face--revealed{background:#fff;transform:rotateY(180deg);box-shadow:inset 0 0 0 2px #0000000d}.card__back-image{width:100%;height:100%;object-fit:cover}.card.is-flipped .card__inner{transform:rotateY(180deg)}.card.is-matched .card__face--revealed{box-shadow:inset 0 0 0 2.5px #fff9,0 0 12px #ffffff26}.card__emoji{font-size:clamp(1.4rem,3vw,2rem);line-height:1}.card__badge{font-size:clamp(.55rem,1.2vw,.75rem);font-weight:800;padding:5px 7px;border-radius:5px;letter-spacing:.03em}.card__image{width:60%;height:60%;object-fit:contain}.game[data-theme=code-vibes] .card.is-matched .card__face{--card-border-width: 3px;--card-border-color: #45B7AC;box-shadow:0 0 10px #45b7ac66}.game[data-theme=gaming] .card.is-matched .card__face{--card-border-width: 3px;--card-border-color: #E91E8C;box-shadow:0 0 10px #e91e8c66}.game[data-theme=da-projects] .card.is-matched .card__face{--card-border-width: 2px;--card-border-color: #2B7FBF}.game[data-theme=food] .card.is-matched .card__face{--card-border-width: 3px;--card-border-color: #F5921B}.modal{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:100;animation:modalOverlayIn .3s ease-out}.modal[hidden]{display:none}.modal__box{background:#fff;padding:40px;width:min(539px,90%);display:flex;flex-direction:column;justify-content:center;gap:54px;text-align:center;box-shadow:0 20px 60px #00000040;animation:modalMoveInTop .3s ease-out}.modal__text{font-size:2rem;font-weight:700;color:#1a1a1a;line-height:1.25}.modal__actions{display:flex;gap:24px;justify-content:center}.modal__btn{display:inline-flex;align-items:center;justify-content:center;height:57px;padding:0 24px;font-size:1.25rem;font-weight:700;white-space:nowrap;box-shadow:var(--modal-btn-shadow);transition:box-shadow var(--transition)}.modal__btn:hover{box-shadow:0 0 10px var(--modal-btn-hover)}.modal__btn--back{width:182px}.modal--from-bottom .modal__box{animation-name:modalMoveInBottom}.modal--from-fade .modal__box,.modal--from-fade.is-closing .modal__box{animation:none}.modal.is-closing{animation:modalOverlayOut .3s ease-out forwards}.modal.is-closing .modal__box{animation:modalMoveOutTop .3s ease-out forwards}@keyframes modalMoveInBottom{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes modalOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes modalMoveOutTop{0%{transform:translateY(0)}to{transform:translateY(-100vh)}}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalMoveInTop{0%{transform:translateY(-100vh)}to{transform:translateY(0)}}.gameover{--reveal-delay: 5s;position:relative;overflow:hidden;min-height:100%;display:flex;flex-direction:column;font-family:var(--font-headline);transition:background var(--transition)}.gameover__stage1{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 24px;text-align:center;opacity:0;animation:stage1FadeIn .3s ease-out .1s forwards}.gameover__stage2{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:40px 24px;transform:translateY(-100%);animation:stage2SlideDown .65s cubic-bezier(.16,1,.3,1) var(--reveal-delay) forwards}.gameover__title{width:100%;font-size:8.125rem;letter-spacing:-.02em;text-align:center}.gameover__title--upper{text-transform:uppercase}.gameover__final-label{font-size:1.625rem;font-weight:500;opacity:.75}.gameover__result{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;opacity:0;animation:resultDropIn .4s ease-out calc(var(--reveal-delay) + .35s) forwards}.gameover__confetti{position:absolute;top:0;left:0;right:0;margin-inline:auto;width:min(1234px,100%);height:auto;pointer-events:none;opacity:0;animation:resultDropIn .4s ease-out calc(var(--reveal-delay) + .35s) forwards}.gameover__icon-frame{display:block}.gameover__icon{display:block;background-color:currentColor;-webkit-mask-image:var(--mask-src);mask-image:var(--mask-src);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;opacity:0;animation:iconPop .4s cubic-bezier(.34,1.56,.64,1) calc(var(--reveal-delay) + .6s) both}.gameover__icon--pawn{width:300px;height:300px}.gameover__icon--scale{width:353px;height:283px}.gameover__winner-image{display:block;height:364px;width:auto;opacity:0;animation:iconPop .4s cubic-bezier(.34,1.56,.64,1) calc(var(--reveal-delay) + .6s) both}.gameover__label{font-size:2.5rem;font-weight:500;opacity:.75}.gameover__winner-name{font-size:3.75rem;font-weight:800;letter-spacing:-.01em;text-transform:uppercase}.gameover__draw-text{font-size:8.125rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}@keyframes stage1FadeIn{0%{transform:translateY(4px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes stage2SlideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes resultDropIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes iconPop{0%{transform:scale(0) rotate(-10deg);opacity:0}to{transform:scale(1) rotate(0);opacity:.9}}.game[data-theme=gaming],.gameover[data-theme=gaming]{--color-blue: #2E80C7;--color-orange: #E16800;font-family:"Orbitron",var(--font-headline)}.game[data-theme=gaming] button,.game[data-theme=gaming] .score-box,.gameover[data-theme=gaming] button,.gameover[data-theme=gaming] .score-box{font-family:inherit}.game[data-theme=gaming] .scorebar{padding:24px;border-radius:10px}.game[data-theme=gaming] .player-tile--blue{background-color:#44abff}.game[data-theme=gaming] .scorebar__exit-btn{height:54px;padding:0 20px;border-radius:10px;font-size:1.25rem;font-weight:500}.game[data-theme=gaming] .scorebar__exit-icon{width:24px;height:24px}.game[data-theme=gaming] .field__grid{--card-ratio: .875}.game[data-theme=gaming] .card__face{border-radius:12px;box-shadow:6px 6px 12px #00000040}.game[data-theme=gaming] .modal__box{width:min-content;border-radius:20px}.game[data-theme=gaming] .modal__text{font-size:1.75rem;font-weight:500;line-height:1.4}.game[data-theme=gaming] .modal__btn{height:44px;padding:0 20px;border-radius:10px;font-size:1.125rem;font-weight:500}.game[data-theme=gaming] .modal__btn--back{width:auto}.gameover[data-theme=gaming] .gameover__winner-name{font-weight:500;text-transform:none;text-shadow:4px 4px 4px rgba(0,0,0,.25)}.gameover[data-theme=gaming] .gameover__draw-text{text-shadow:4px 4px 4px rgba(0,0,0,.25)}.gameover[data-theme=gaming] .btn--back{padding:12px 20px;border-radius:10px;font-size:1.125rem;font-weight:500}.game[data-theme=da-projects],.gameover[data-theme=da-projects]{--color-blue: #2E80C7;--color-orange: #E16800;font-family:"Figtree",var(--font-headline)}.game[data-theme=da-projects] button,.game[data-theme=da-projects] .score-box,.gameover[data-theme=da-projects] button,.gameover[data-theme=da-projects] .score-box{font-family:inherit}.game[data-theme=da-projects] .score-box__entry,.gameover[data-theme=da-projects] .score-box__entry{gap:4px}.game[data-theme=da-projects] .score-box__text,.gameover[data-theme=da-projects] .score-box__text{font-weight:700}.game[data-theme=da-projects] .score-box__pawn{width:20px;height:20px}.game[data-theme=da-projects] .score-box__text{font-size:1.5rem}.game[data-theme=da-projects] .scorebar{padding:24px;border-radius:10px}.game[data-theme=da-projects] .scorebar__current{font-weight:700}.game[data-theme=da-projects] .player-tile{border-radius:6px}.game[data-theme=da-projects] .scorebar__exit-btn{height:54px;padding:0 20px;border-radius:10px;font-size:1.125rem;font-weight:600}.game[data-theme=da-projects] .scorebar__exit-icon{width:24px;height:24px}.game[data-theme=da-projects] .field__grid{--card-max: 100px;--card-ratio: 1.2}.game[data-theme=da-projects] .field__grid[data-size="24"],.game[data-theme=da-projects] .field__grid[data-size="36"]{--gap: 8px}.game[data-theme=da-projects] .card__face{border-radius:13px}.game[data-theme=da-projects] .modal__box{width:min(455px,90%);padding:40px 56px;border-radius:20px}.game[data-theme=da-projects] .modal__text{font-size:1.75rem;font-weight:700;line-height:1.4}.game[data-theme=da-projects] .modal__btn{height:43px;padding:0 20px;border-radius:10px;font-size:1rem;font-weight:600}.game[data-theme=da-projects] .modal__btn--back{width:auto}.game[data-theme=da-projects] #modal-exit-btn{width:114px}.gameover[data-theme=da-projects] .gameover__title,.gameover[data-theme=da-projects] .gameover__draw-text{text-shadow:3px 3px 5px rgba(0,0,0,.25)}.gameover[data-theme=da-projects] .gameover__result{--color-orange: #ED8D2D}.gameover[data-theme=da-projects] .gameover__winner-name{font-weight:700;text-transform:none}.gameover[data-theme=da-projects] .gameover__icon-frame{filter:drop-shadow(4px 0 0 #ffffff) drop-shadow(-4px 0 0 #ffffff) drop-shadow(0 4px 0 #ffffff) drop-shadow(0 -4px 0 #ffffff)}.gameover[data-theme=da-projects] .btn--back{padding:12px 20px;border-radius:10px;font-size:1.125rem;font-weight:700}.game[data-theme=food],.gameover[data-theme=food]{--color-blue: #2E80C7;--color-orange: #E16800;font-family:"Klee One",var(--font-headline)}.game[data-theme=food] button,.game[data-theme=food] .score-box,.gameover[data-theme=food] button,.gameover[data-theme=food] .score-box{font-family:inherit}.game[data-theme=food] .score-box__entry,.gameover[data-theme=food] .score-box__entry{gap:4px}.game[data-theme=food] .score-box__text,.gameover[data-theme=food] .score-box__text{font-weight:600}.game[data-theme=food] .score-box__pawn{width:20px;height:20px}.game[data-theme=food] .score-box__text{font-size:1.5rem}.game[data-theme=food] .scorebar{padding:24px;border-radius:10px}.game[data-theme=food] .scorebar__current{font-weight:400}.game[data-theme=food] .player-tile{border-radius:6px}.game[data-theme=food] .scorebar__exit-btn{height:46px;padding:0 20px;border-radius:10px;font-size:1rem;font-weight:600;text-transform:uppercase}.game[data-theme=food] .field__grid[data-size="24"],.game[data-theme=food] .field__grid[data-size="36"]{--gap: 8px}.game[data-theme=food] .modal__box{width:min-content;border-radius:20px}.game[data-theme=food] .modal__text{font-size:1.75rem;font-weight:400;line-height:1.4}.game[data-theme=food] .modal__btn{height:46px;padding:0 20px;border-radius:10px;font-size:1.125rem;font-weight:600;text-transform:uppercase}.game[data-theme=food] .modal__btn--back{width:auto}.gameover[data-theme=food] .gameover__title{text-shadow:3px 3px 4px rgba(0,0,0,.25)}.gameover[data-theme=food] .gameover__result{--color-orange: #ED8D2D}.gameover[data-theme=food] .gameover__winner-name{font-weight:400;text-transform:none}.gameover[data-theme=food] .gameover__draw-text{font-weight:400}.gameover[data-theme=food] .gameover__icon-frame{display:flex;align-items:center;justify-content:center;width:260px;height:300px;background:#f5e6d4;box-shadow:4px 4px 4px #00000040}.gameover[data-theme=food] .gameover__icon-frame:has(.gameover__icon--scale){width:312px;height:287px}.gameover[data-theme=food] .gameover__icon{flex-shrink:0}.gameover[data-theme=food] .gameover__icon--scale{width:273px;height:219px}.gameover[data-theme=food] .btn--back{padding:12px 20px;border-radius:10px;font-size:1rem;font-weight:600;box-shadow:3px 3px 5px #0003}