:root{--color-bg:#303131;--color-surface:#16211f;--color-accent:#2bcfa0;--color-text:#fff;--color-play-button-bg:#f0ea6e;--color-settings-bg:#fff;--color-settings-text:#1a1a1a;--color-settings-muted:#6b6b6b;--color-board-panel-bg:#f6f6f6;--color-board-bg:#303131;--color-board-panel:#303131;--color-board-score-bg:#3f676f;--color-player-blue:#117ec3;--color-player-orange:#e96900;--color-game-over-bg:var(--color-bg);--game-over-content-top:0px;--card-match-frame:none;--card-match-image-scale:1;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:42px;--settings-content-width:1103px;--settings-panel-width:557px;--settings-preview-width:546px;--breakpoint-wide:1440px;--font-family-base:system-ui, sans-serif;--font-family-display:"Red Rose", system-ui, sans-serif;--font-family-eyebrow:"Almarai", system-ui, sans-serif;--font-family-games:"Orbitron", system-ui, sans-serif;--font-family-da-projects:"Figtree", system-ui, sans-serif;--font-family-food:"Klee One", system-ui, sans-serif;--font-family-food-button:"Delius Unicase", system-ui, sans-serif}[data-theme=code-vibes]{--color-bg:#303131;--color-surface:#16211f;--color-accent:#2bcfa0;--color-text:#fff;--color-board-bg:#303131;--color-board-panel:#303131;--color-board-score-bg:#405450;--color-popup-bg:#fff;--color-popup-text:#1a1a1a;--color-popup-cancel-bg:#66cfbc;--color-popup-cancel-text:#fff;--color-popup-confirm-bg:#4dd5bc;--color-popup-confirm-text:#4dd5bc;--color-popup-confirm-outline-bg:#86e9d624;--color-player-blue:#2bb1ff;--color-player-orange:#f58e39;--color-card-face-bg:#e8f3f0;--color-card-match-bg:#fff;--color-card-match-border:#4dd5bc;--color-card-match-shadow:#4dd5bc4d;--card-face-radius:0;--card-match-border-width:5px;--color-game-over-bg:#303131;--game-over-content-top:303px;--color-result-bg:#303131;--color-result-winner-blue:#2bb1ff;--color-result-winner-orange:#f58e39;--color-result-draw-title:#4dd5bc;--color-accent-tint:#86e9d633}[data-theme=games]{--color-bg:#16323a;--color-surface:#102730;--color-accent:#e8397e;--color-text:#eef7fb;--color-board-bg:#294f60;--color-board-panel:#555d74;--color-board-score-bg:#fff;--color-popup-bg:#eef3fb;--color-popup-text:#2b3a55;--color-popup-cancel-bg:#ed1b76;--color-popup-cancel-text:#fff;--color-popup-confirm-bg:#e71c4f;--color-popup-confirm-text:#e71c4f;--color-popup-confirm-outline-bg:#ed1b7614;--color-player-blue:#097fc5;--color-player-orange:#ea6900;--color-game-over-bg:#294f60;--game-over-content-top:291px;--color-result-bg:#294f60;--color-result-winner-blue:#2298db;--color-result-winner-orange:#ea6900;--color-result-draw-title:#ed1b76;--color-card-face-bg:#f6f1f3;--color-card-match-bg:#f6f1f3;--color-card-match-border:#ed1b76;--color-card-match-shadow:#ed1b764d;--card-face-radius:12px;--card-match-border-width:3px;--color-hover-fill:#695574}[data-theme=da-projects]{--color-bg:#eef3fb;--color-surface:#fff;--color-accent:#2f6fed;--color-text:#14213d;--color-board-bg:#fff;--color-board-panel:#eef2f3;--color-board-score-bg:#fff;--color-popup-bg:#eef3fb;--color-popup-text:var(--color-text);--color-popup-cancel-bg:#bfe5f2;--color-accent-strong:#1e7594;--color-popup-cancel-text:var(--color-accent-strong);--color-popup-confirm-bg:#fd8a81;--color-popup-confirm-text:#fff;--color-card-face-bg:#eaf2f4;--color-card-match-bg:#f0fbff;--color-card-match-border:var(--color-accent-strong);--color-card-match-shadow:transparent;--card-face-radius:13px;--card-closed-radius:10.8333% / 13%;--card-match-border-width:2px;--color-player-orange:#ea6900;--color-player-blue:#097fc5;--color-game-over-bg:var(--color-accent-strong);--game-over-content-top:292px;--color-result-bg:var(--color-accent-strong);--color-result-title:#fff;--color-result-draw-title:#fd5b4f}[data-theme=food]{--color-bg:#fdf3ea;--color-surface:#fff;--color-accent:#f0793a;--color-text:#3a2415;--color-board-bg:#fff;--color-board-panel:#efe4d8;--color-board-score-bg:#fff;--color-popup-bg:#fff;--color-popup-text:var(--color-text);--color-popup-cancel-bg:#ffab3e;--color-popup-cancel-text:#fff;--color-popup-confirm-bg:#f3832d;--color-popup-confirm-text:#f3832d;--color-popup-confirm-outline-bg:#fff9f2;--color-player-orange:#ea6900;--color-player-blue:#097fc5;--color-card-face-bg:#f4ece4;--color-card-match-bg:#f4ece4;--color-card-match-shadow:transparent;--card-face-radius:0;--color-card-match-border:transparent;--card-match-border-width:0;--card-match-frame:url(/assets/foods-theme/food-match-frame.png);--card-match-image-scale:1.3;--color-game-over-bg:#f3832d;--game-over-content-top:292px;--color-result-bg:#f6f6f6;--color-result-title:#a45212;--color-result-draw-title:#f3832d}body{background-color:var(--color-bg);min-height:100vh;color:var(--color-text);font-family:var(--font-family-base);margin:0}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.screen{align-items:center;gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn-action{box-sizing:border-box;cursor:pointer;font:inherit;justify-content:center;align-items:center;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s;display:flex}.screen--home{width:100%;min-height:100vh;padding:var(--space-4) max(96px, (100% - var(--breakpoint-wide)) / 2 + 96px) var(--space-4) max(230px, (100% - var(--breakpoint-wide)) / 2 + 230px);box-sizing:border-box;justify-content:center;align-items:flex-start;gap:0;position:relative;overflow:hidden}.home__decor{pointer-events:none;background:url(/assets/start-page/stadia_controller-big.png) 50%/contain no-repeat;width:363px;height:410px;position:absolute;bottom:16px;left:0}.home__content{flex-direction:column;align-items:center;display:inline-flex}.home__eyebrow{font-family:var(--font-family-eyebrow);letter-spacing:0;align-self:flex-start;margin:0 0 2rem;font-size:clamp(1rem,3.33vw,3rem);font-weight:400;line-height:1}.home__title{font-family:var(--font-family-display);letter-spacing:0;align-self:flex-start;margin:0 0 6rem;font-size:clamp(1rem,12.2vw - 35.7px,8.75rem);font-weight:700;line-height:1}.play-button{cursor:pointer;background:0 0;border:none;border-radius:1px;justify-content:center;align-items:center;gap:20px;width:250px;height:98px;padding:0;display:inline-flex;position:relative}.play-button:before{content:"";z-index:0;background-color:var(--color-play-button-bg);transition:transform .2s cubic-bezier(.25,.46,.45,.94);position:absolute;inset:0;transform:scale(1)}.play-button__controller{z-index:1;background:url(/assets/start-page/stadia_controller.png) 50%/contain no-repeat;width:44px;height:32px;transition:transform .2s cubic-bezier(.25,.46,.45,.94);display:inline-block;position:relative;transform:translateY(-4px)rotate(0)scale(1)}.play-button__label{z-index:1;width:83px;height:39px;font-family:var(--font-family-display);letter-spacing:-.5px;text-indent:-2px;text-align:center;white-space:nowrap;color:var(--color-bg);font-size:41px;font-weight:700;line-height:33px;transition:transform .2s cubic-bezier(.25,.46,.45,.94);display:inline-block;position:relative}.play-button__arrow{z-index:1;width:40px;height:30px;transition:transform .2s cubic-bezier(.25,.46,.45,.94);display:inline-block;position:relative;transform:translate(-3px)}.play-button__arrow:before,.play-button__arrow:after{content:"";background-position:50%;background-repeat:no-repeat;background-size:auto;position:absolute;inset:0}.play-button__arrow:before{opacity:1;background-image:url(/assets/start-page/Arrow-1.png);background-size:33px;transition:opacity 0s linear .1s;transform:translateY(-2px)}.play-button__arrow:after{opacity:0;background-image:url(/assets/start-page/Arrow-1-hover.png);background-size:36px;transition:opacity linear;transform:translate(4px)}.play-button:hover:before,.play-button:focus-visible:before{transform:scale(1.08,1.0408)}.play-button:hover .play-button__controller,.play-button:focus-visible .play-button__controller{transform:translateY(-4px)rotate(-20deg)scale(1.03)}.play-button:hover .play-button__label,.play-button:focus-visible .play-button__label{transform:translate(8px,2px)}.play-button:hover .play-button__arrow,.play-button:focus-visible .play-button__arrow{transform:translate(5px)}.play-button:hover .play-button__arrow:before,.play-button:focus-visible .play-button__arrow:before{opacity:0;transition:opacity linear}.play-button:hover .play-button__arrow:after,.play-button:focus-visible .play-button__arrow:after{opacity:1;transition:opacity 0s linear .1s}@media (width<=767px){.screen--home{padding:var(--space-4);align-items:center;padding-bottom:calc(min(248px,68vw) + 56px)}.home__decor{width:min(220px,60vw);height:min(248px,68vw)}.home__content{align-items:center}.home__eyebrow{text-align:center;align-self:center;font-size:clamp(1.25rem,3.33vw,3rem)}.home__title{text-align:center;align-self:center;font-size:clamp(2.25rem,9.72vw,8.75rem)}.play-button{gap:16px;width:200px;height:78px}.play-button__controller{width:35px;height:26px;transform:translateY(-3px)rotate(0)scale(1)}.play-button__label{letter-spacing:-.4px;text-indent:-2px;width:66px;height:31px;font-size:32.5px;line-height:27px}.play-button__arrow{width:32px;height:24px;transform:translate(-2px)}.play-button__arrow:before{background-size:26px}.play-button__arrow:after{background-size:29px}.play-button:hover .play-button__controller,.play-button:focus-visible .play-button__controller{transform:translateY(-3px)rotate(-20deg)scale(1.03)}.play-button:hover .play-button__label,.play-button:focus-visible .play-button__label{transform:translate(6px,2px)}.play-button:hover .play-button__arrow,.play-button:focus-visible .play-button__arrow{transform:translate(4px)}}.screen--settings{width:100%;padding:var(--space-4);box-sizing:border-box;background-color:var(--color-settings-bg);color:var(--color-settings-text);flex-direction:row;justify-content:center;align-items:center;gap:0;min-height:100vh}.settings__panel{gap:var(--space-4);flex-direction:column;flex:0 1 var(--settings-panel-width);min-width:280px;display:flex}.settings__title{margin:0 0 var(--space-2);font-family:var(--font-family-display);align-self:flex-start;padding-bottom:12px;font-size:clamp(2rem,3.5vw,3rem);font-weight:700;display:inline-block;position:relative}.settings__title:after{content:"";background:url(/assets/settings-page/line-settings.svg) 0/contain no-repeat;height:24px;position:absolute;bottom:0;left:-22px;right:-11px}.settings__group-title{align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);font-size:1.25rem;display:flex}.settings__group-icon{object-fit:contain;width:24px;height:24px}.settings__groups{flex-direction:column;gap:4.5rem;display:flex}.radio-list{gap:var(--space-2);flex-direction:column;margin-left:44px;display:flex}.radio-row{align-items:center;gap:var(--space-2);cursor:pointer;color:var(--color-settings-text);font-size:1.25rem;display:flex}.radio-row input{opacity:0;width:0;height:0;position:absolute}.radio-row input:focus-visible+.radio-row__dot{box-shadow:0 0 0 3px var(--color-accent)}.radio-row__dot{border-radius:50%;flex-shrink:0;width:20px;height:20px;display:inline-block;position:relative}.radio-row__dot:before,.radio-row__dot:after{content:"";background-repeat:no-repeat;background-size:contain;transition:opacity .15s ease-in-out;position:absolute;inset:0}.radio-row__dot:before{background-image:url(/assets/settings-page/fiber_manual_record.svg)}.radio-row__dot:after{opacity:0;background-image:url(/assets/settings-page/mode_standby.svg)}.radio-row__arrow{margin-left:var(--space-1);opacity:0;align-items:center;transition:opacity .15s ease-in-out;display:inline-flex}.radio-row__arrow:before{content:"";background-color:var(--color-play-button-bg);width:37px;height:3px}.radio-row__arrow:after{content:"";background-color:var(--color-play-button-bg);flex-shrink:0;width:10px;height:10px;margin-left:-3px;transform:rotate(45deg)}.radio-row.is-checked{font-weight:700}.radio-row.is-checked .radio-row__dot:before{opacity:0}.radio-row.is-checked .radio-row__dot:after,.radio-row.is-checked .radio-row__arrow{opacity:1}.radio-row:hover{font-weight:700}.radio-row:hover .radio-row__dot:before{opacity:0}.radio-row:hover .radio-row__dot:after,.radio-row:hover .radio-row__arrow{opacity:1}.settings__preview{gap:var(--space-5);flex-direction:column;flex:0 1 var(--settings-preview-width);min-width:280px;display:flex}.settings__preview-board{aspect-ratio:457/412;border-radius:var(--radius-md);align-self:flex-end;width:457px;max-width:100%;position:relative;overflow:hidden}.settings__preview-cards{width:100%;height:100%}.settings__preview-image{object-fit:cover;width:100%;height:100%;display:block}.settings__breadcrumb{width:max-content;height:81px;color:var(--color-settings-text);box-sizing:border-box;background-color:#f6f6f6;align-self:flex-end;align-items:center;gap:1rem;padding:14px 20px;display:flex}.settings__breadcrumb-labels{align-items:center;gap:8px;display:flex}.settings__breadcrumb-label{font-family:var(--font-family-eyebrow);letter-spacing:0;white-space:nowrap;font-size:20px;font-weight:400;line-height:1}.settings__sep{border-top:.5rem solid var(--color-play-button-bg);opacity:1;flex-shrink:0;width:3.5rem;height:0;display:inline-block;transform:rotate(-70.67deg)}.settings__sep-arrow{display:none}.settings__sep--active{border-top:0;width:auto;height:3.5rem;transform:none}.settings__sep--active .settings__sep-arrow{object-fit:contain;flex-shrink:0;width:auto;height:100%;display:block}.settings__start-wrapper{flex-shrink:0;justify-content:flex-end;width:126px;transition:width .2s ease-in-out;display:inline-flex}.settings__start-wrapper:has(.settings__start:not(:disabled):hover){width:138.6px}.settings__start{box-sizing:border-box;background-color:var(--color-settings-muted);width:126px;height:53px;color:var(--color-settings-text);font-family:var(--font-family-display);letter-spacing:0;cursor:not-allowed;transform-origin:100%;border:none;border-radius:1px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:20px;font-weight:700;line-height:1;transition:transform .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out;display:inline-flex}.settings__start:not(:disabled){background-color:var(--color-play-button-bg);cursor:pointer}.settings__start:not(:disabled):hover{transform:scale(1.1);box-shadow:0 4px 14px #f0ea6e8c}.settings__start:not(:disabled):hover .settings__start-icon{transform:rotate(-20deg)}.settings__start-icon{transition:transform .2s ease-in-out;display:inline-flex}@media (width<=1200px){.settings__title{margin-left:20px}}@media (width<=1150px){.screen--settings{flex-direction:column;justify-content:flex-start;align-items:stretch}.settings__panel,.settings__preview{width:100%;min-width:0;max-width:var(--settings-preview-width);flex:auto;margin-inline:auto}.settings__panel{max-width:var(--settings-panel-width)}.settings__breadcrumb{flex-wrap:wrap;align-self:stretch;width:auto;max-width:100%;height:auto;min-height:81px}.settings__breadcrumb-labels{flex-wrap:wrap}.settings__breadcrumb-label{white-space:normal;align-items:center;min-height:28px;display:inline-flex}.settings__sep{background-color:var(--color-play-button-bg);border-top:0;width:2px;height:20px;transform:none}.settings__sep--active{background-color:#0000;width:auto;height:28px}:is(.settings__start-wrapper,.settings__start-wrapper:has(.settings__start:not(:disabled):hover)){flex:100%;justify-content:center;width:100%;margin-top:8px}.settings__start{transform-origin:50%}.settings__group-title{margin-bottom:16px}.settings__preview{margin-top:56px}.settings__preview-board{align-self:center}}@media (width<=600px){.settings__groups{gap:2rem}.radio-list{margin-left:20px}.radio-row__arrow:before{width:22px}.radio-row__arrow:after{width:7px;height:7px;margin-left:-2px}}.screen--board{width:100%;max-width:var(--breakpoint-wide);align-items:stretch;gap:var(--space-4);padding:var(--space-4) 112px;box-sizing:border-box;background-color:var(--color-board-bg);color:var(--color-text);height:100vh;margin-inline:auto;overflow:hidden}.board__header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background-color:var(--color-board-panel);box-sizing:border-box;grid-template-columns:1fr auto 1fr;display:grid}.board__score{justify-self:start;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background-color:var(--color-board-score-bg);display:inline-flex}.board__score-item{align-items:center;gap:var(--space-1);font-size:20px;font-weight:700;display:inline-flex}.board__score-item--orange{color:var(--color-player-orange)}.board__score-item--blue{color:var(--color-player-blue)}.board__current-player{align-items:center;gap:var(--space-2);white-space:nowrap;font-size:20px;font-weight:700;display:inline-flex}.board__current-player-badge{justify-content:center;align-items:center;display:inline-flex}.board__current-player-badge--blue{color:var(--color-player-blue)}.board__current-player-badge--orange{color:var(--color-player-orange)}.board__current-player-badge--filled{border-radius:var(--radius-sm);color:#fff;width:24px;height:24px}.board__current-player-badge--filled.board__current-player-badge--blue{background-color:var(--color-player-blue)}.board__current-player-badge--filled.board__current-player-badge--orange{background-color:var(--color-player-orange)}.board__exit{justify-self:end;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-accent);border-radius:var(--radius-md);color:var(--color-accent);font:inherit;cursor:pointer;background-color:#0000;font-size:20px;font-weight:700;display:inline-flex}[data-theme=code-vibes] .board__exit{background-color:var(--color-board-score-bg)}[data-theme=da-projects] .board__score{box-sizing:border-box;background-color:#fff;border-radius:10px;gap:40px;width:156px;height:54px;padding-left:16px;padding-right:16px}[data-theme=da-projects] .board__score-item svg{width:20px;height:25px}[data-theme=da-projects] .board__score-value{min-width:18px;height:36px;font-family:var(--font-family-da-projects);letter-spacing:0;font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;font-size:30px;font-weight:700;line-height:1;display:inline-flex;transform:translateY(2px)}[data-theme=da-projects] .board__current-player-badge--filled,[data-theme=food] .board__current-player-badge--filled{box-sizing:border-box;border-radius:8px;gap:10px;width:41px;height:40px;padding:4px 8px}[data-theme=da-projects] .board__current-player-badge--filled.board__current-player-badge--blue,[data-theme=food] .board__current-player-badge--filled.board__current-player-badge--blue{background-color:#097fc5}[data-theme=da-projects] .board__current-player-badge img,[data-theme=da-projects] .board__current-player-badge svg,[data-theme=food] .board__current-player-badge img,[data-theme=food] .board__current-player-badge svg,[data-theme=games] .board__current-player-badge img,[data-theme=games] .board__current-player-badge svg{width:25px;height:32px}[data-theme=da-projects] .board__current-player-badge img,[data-theme=da-projects] .board__current-player-badge svg,[data-theme=food] .board__current-player-badge img,[data-theme=food] .board__current-player-badge svg{color:#fff}[data-theme=da-projects] .board__current-player{color:var(--color-accent-strong);font-family:var(--font-family-da-projects);letter-spacing:0;font-size:32px;font-weight:700;line-height:1}[data-theme=da-projects] .board__exit{box-sizing:border-box;background-color:var(--color-popup-cancel-bg);width:172px;height:54px;color:var(--color-accent-strong);font-family:var(--font-family-da-projects);letter-spacing:0;border:none;border-radius:10px;gap:10px;padding:12px 20px;font-size:20px;font-weight:700;line-height:1;transition:background-color 80ms ease-out,color 80ms ease-out,box-shadow 80ms ease-out;box-shadow:4px 4px 4px #0000}[data-theme=da-projects] .board__exit:hover{color:#fff;background-color:#237492;box-shadow:4px 4px 4px #0000002e}[data-theme=da-projects] .board__exit svg{width:26px;height:26px}[data-theme=food] .board__score{box-sizing:border-box;background-color:#fff;border-radius:10px;gap:40px;width:159px;height:54px;padding-left:16px;padding-right:16px}[data-theme=food] .board__score-item svg{width:20px;height:25px}[data-theme=food] .board__score-value{font-family:var(--font-family-food-button);letter-spacing:0;font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;font-size:30px;font-weight:700;line-height:1;display:inline-flex;transform:translateY(1px)}[data-theme=food] .board__current-player{color:#a45212;font-family:var(--font-family-food);letter-spacing:0;font-size:32px;font-weight:600;line-height:1}[data-theme=food] .board__header{height:102px}[data-theme=food] .board__exit{box-sizing:border-box;color:#f3832d;width:173px;height:50px;box-shadow:none;background-color:#0000;background-image:url(/assets/foods-theme/button-exit_04-shape.svg);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;background-origin:border-box;border-width:3px;border-color:#0000;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:12px 20px;transition:background-image .15s,box-shadow .15s,color .15s;display:flex}[data-theme=food] .board__exit-icon,[data-theme=food] .board__exit-label{align-items:center;display:flex}[data-theme=food] .board__exit-icon svg{width:18.8833px;height:16.5px}[data-theme=food] .board__exit-icon svg path{stroke:currentColor;stroke-width:1px}[data-theme=food] .board__exit-label svg{width:98.75px;height:12.5px}[data-theme=food] .board__exit:hover{color:#fff;background-image:url(/assets/foods-theme/button-exit_04-shape-hover.svg);box-shadow:4px 4px 8px #00000026}[data-theme=code-vibes] .screen--board{gap:54px;padding-top:41px}[data-theme=games] .board__header{height:102px}[data-theme=games] .screen--board{gap:54px}[data-theme=games] .screen--board[data-board-size="4x4"]{padding-top:42px}[data-theme=games] .screen--board[data-board-size="4x6"]{padding-top:38px}[data-theme=games] .screen--board[data-board-size="6x6"]{gap:20px;padding-top:10px}[data-theme=da-projects] .screen--board{gap:54px}[data-theme=da-projects] .screen--board[data-board-size="4x4"]{padding-top:10px}[data-theme=da-projects] .screen--board[data-board-size="4x6"]{padding-top:39px}[data-theme=da-projects] .screen--board[data-board-size="6x6"]{gap:20px;padding-top:10px}[data-theme=food] .screen--board{gap:54px}[data-theme=food] .screen--board[data-board-size="4x4"]{padding-top:10px}[data-theme=food] .screen--board[data-board-size="4x6"]{padding-top:39px}[data-theme=food] .screen--board[data-board-size="6x6"]{gap:20px;padding-top:10px}[data-theme=food] .screen--board[data-board-size="4x4"] .board__grid{--board-row-gap:16px;--board-column-gap:14px}[data-theme=food] .screen--board[data-board-size="4x6"] .board__grid{--board-row-gap:8px;--board-column-gap:6px}[data-theme=food] .screen--board[data-board-size="6x6"] .board__grid{--board-row-gap:4px;--board-column-gap:6px}[data-theme=da-projects] .board__header{background-color:#f0f3f4;border-radius:10px;justify-content:space-between;height:102px;padding:24px}[data-theme=games] .board__score{box-sizing:border-box;border-radius:10px;justify-content:center;gap:40px;width:182px;height:54px;padding:12px 16px}[data-theme=games] .board__score-item{font-family:var(--font-family-games);gap:8px;font-size:28px}[data-theme=games] .board__score-value{min-width:25px;height:38px;font-family:var(--font-family-games);letter-spacing:0;text-align:right;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:30px;font-weight:700;line-height:1;display:inline-flex}[data-theme=games] .board__current-player{color:#fff;font-family:var(--font-family-games);letter-spacing:.07em;gap:18px;font-size:32px;font-weight:700;line-height:1}[data-theme=games] .board__current-player-badge--filled{box-sizing:border-box;border-radius:3px;width:41px;height:40px}[data-theme=games] .board__current-player-badge--filled.board__current-player-badge--blue{background-color:#1faafc}[data-theme=games] .board__exit{box-sizing:border-box;color:#fff;width:195px;height:54px;font-family:var(--font-family-games);letter-spacing:.04em;white-space:nowrap;background-color:#0000;border:none;border-radius:10px;gap:10px;padding:12px 20px;font-size:20px;font-weight:700;line-height:1;transition:background-color 80ms ease-out;position:relative}[data-theme=games] .board__exit:hover{background-color:var(--color-hover-fill)}[data-theme=games] .board__exit:before{content:"";pointer-events:none;border:2px solid var(--color-popup-confirm-bg);box-shadow:inset 0 0 0 0 var(--color-popup-confirm-bg);border-radius:10px;transition:box-shadow 80ms ease-out;position:absolute;inset:0}[data-theme=games] .board__exit:hover:before{box-shadow:inset 0 0 0 1px var(--color-popup-confirm-bg)}[data-theme=games] .board__exit svg{width:25.75px;height:22.5px;transition:color 80ms ease-out}[data-theme=games] .board__exit:hover svg{color:var(--color-popup-confirm-bg)}[data-theme=code-vibes] .board__header{padding-left:0;padding-right:0}[data-theme=code-vibes] .board__score{box-sizing:border-box;background-color:var(--color-accent-tint);border-radius:0;gap:20px;width:292px;height:62px;padding:17px 20px}[data-theme=code-vibes] .board__score-item{font-family:var(--font-family-display);letter-spacing:0;white-space:nowrap;font-size:24px;font-weight:700;line-height:1}[data-theme=code-vibes] .board__exit{box-sizing:border-box;background-color:var(--color-popup-confirm-outline-bg);width:207px;height:62px;color:var(--color-text);font-family:var(--font-family-display);letter-spacing:0;white-space:nowrap;border:none;border-radius:0;justify-content:center;gap:10px;padding:16px 24px;font-size:24px;font-weight:700;line-height:1;position:relative}[data-theme=code-vibes] .board__exit:before{content:"";pointer-events:none;border:1px solid var(--color-popup-confirm-bg);box-shadow:inset 0 0 0 0 var(--color-popup-confirm-bg), 2px 2px 6px #cde1d700;transition:box-shadow .16s ease-out;position:absolute;inset:0}[data-theme=code-vibes] .board__exit:hover:before{box-shadow:inset 0 0 0 2px var(--color-popup-confirm-bg), 2px 2px 6px #cde1d759}[data-theme=code-vibes] .board__exit svg{width:25.75px;height:22.5px}[data-theme=code-vibes] .board__score-item img{width:24px;height:20px}[data-theme=code-vibes] .board__current-player-badge img{width:29px;height:24px}[data-theme=code-vibes] .board__current-player{font-family:var(--font-family-display);letter-spacing:0;font-size:26px;font-weight:400;line-height:1}@media (width<=899px){.screen--board{padding:var(--space-4)}.board__header{height:auto;padding-top:var(--space-2);flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex}.board__current-player{margin-top:14px}.board__exit{margin-top:22px}.board__score,.board__exit,[data-theme=da-projects] .board__score,[data-theme=food] .board__score,[data-theme=games] .board__score,[data-theme=code-vibes] .board__score,[data-theme=da-projects] .board__exit,[data-theme=food] .board__exit,[data-theme=games] .board__exit,[data-theme=code-vibes] .board__exit{width:auto;max-width:100%}[data-theme=da-projects] .board__header,[data-theme=games] .board__header,[data-theme=food] .board__header{height:auto}[data-theme=games] .board__current-player{gap:10px;font-size:20px}[data-theme=da-projects] .board__current-player,[data-theme=food] .board__current-player{font-size:26px}[data-theme=code-vibes] .board__score-item{font-size:20px}[data-theme=code-vibes] .board__exit{height:48px;padding:10px 18px;font-size:18px}[data-theme=games] .board__exit{height:46px;padding:10px 16px;font-size:16px}[data-theme=da-projects] .board__exit{height:44px;padding:10px 16px;font-size:16px}[data-theme=food] .board__exit{height:44px;padding:10px 16px}}.board__grid-wrap{flex:auto;justify-content:center;align-items:flex-start;min-height:0;display:flex;container-type:size}.board__grid{--board-card-max-w:120px;--board-card-max-h:120px;--board-row-gap:var(--board-gap,var(--space-3));--board-column-gap:var(--board-gap,var(--space-3));--board-content-w:calc(var(--board-cols) * var(--board-card-max-w) + (var(--board-cols) - 1) * var(--board-column-gap));--board-content-h:calc(var(--board-rows) * var(--board-card-max-h) + (var(--board-rows) - 1) * var(--board-row-gap));grid-template-columns:repeat(var(--board-cols), 1fr);grid-template-rows:repeat(var(--board-rows), 1fr);row-gap:var(--board-row-gap);column-gap:var(--board-column-gap);width:min(100cqw, 100cqh * var(--board-content-w) / var(--board-content-h), var(--board-content-w));height:min(100cqh, 100cqw * var(--board-content-h) / var(--board-content-w), var(--board-content-h));display:grid}[data-theme=games] .board__grid{--board-card-max-w:105px}@media (width<=899px){.board__grid{--board-row-gap:6px;--board-column-gap:6px}}[data-theme=da-projects] .board__grid{--board-card-max-h:100px}[data-theme=food] .board__grid{--board-card-max-w:122px;--board-card-max-h:122px}@media (width<=899px){[data-theme=food] .screen--board[data-board-size="4x4"] .board__grid,[data-theme=food] .screen--board[data-board-size="4x6"] .board__grid,[data-theme=food] .screen--board[data-board-size="6x6"] .board__grid{--board-row-gap:6px;--board-column-gap:6px}}.board-card{aspect-ratio:1;border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;background:0 0;padding:0}[data-theme=games] .board-card{aspect-ratio:105/120}[data-theme=code-vibes] .board-card{border-radius:0}[data-theme=da-projects] .board-card{aspect-ratio:120/100;border-radius:var(--card-closed-radius)}[data-theme=food] .board-card{border-radius:0}.board-card__back{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}[data-theme=games] .board-card__back{filter:drop-shadow(7px 7px 10px #0000008c)}.board-card--faced{perspective:600px}.board-card--faced .board-card__inner{border-radius:inherit;width:100%;height:100%;transform-style:preserve-3d;transition:transform .2s ease-out;position:relative}@media (prefers-reduced-motion:reduce){.board-card--faced .board-card__inner{transition:none}}.board-card--faced .board-card__back,.board-card--faced .board-card__front{backface-visibility:hidden;position:absolute;inset:0}.board-card--faced .board-card__front{background-color:var(--color-card-face-bg);border-radius:var(--card-face-radius);overflow:hidden;transform:rotateY(180deg)}[data-theme=games] .board-card--faced .board-card__front{box-shadow:7px 7px 10px #0000008c}[data-theme=da-projects] .board-card--faced .board-card__front{border-radius:var(--card-closed-radius)}.board-card--faced .board-card__face{object-fit:contain;width:100%;height:100%;display:block}.board-card--faced.is-flipped .board-card__inner{transform:rotateY(180deg)}.board-card--faced.is-matched .board-card__front{background-color:var(--color-card-match-bg);box-shadow:6px 6px 8px var(--color-card-match-shadow)}.board-card--faced.is-matched .board-card__front:after{content:"";outline:var(--card-match-border-width) solid var(--color-card-match-border);outline-offset:calc(-1 * var(--card-match-border-width));border-radius:inherit;pointer-events:none;position:absolute;inset:0}.board-card--faced.is-matched .board-card__face{transform:scale(var(--card-match-image-scale))}.board-card--faced.is-matched .board-card__inner:after{content:"";background:var(--card-match-frame) center/100% 100% no-repeat;backface-visibility:hidden;pointer-events:none;position:absolute;inset:0;transform:rotateY(180deg)translateZ(1px)}.board__exit-confirm-overlay{z-index:10;background-color:#00000080;justify-content:center;align-items:center;animation:.4s ease-out board-exit-confirm-fade-in;display:flex;position:fixed;inset:0}.board__exit-confirm-card{box-sizing:border-box;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background-color:var(--color-popup-bg);color:var(--color-popup-text);text-align:center;flex-direction:column;display:flex}[data-theme=code-vibes] .board__exit-confirm-card{border-radius:0;gap:54px;width:539px;height:270px;padding:40px}[data-theme=games] .board__exit-confirm-card{border-radius:20px;gap:54px;width:481px;height:254px;padding:40px}[data-theme=da-projects] .board__exit-confirm-card{border-radius:20px;gap:54px;width:456px;height:253px;padding:40px}[data-theme=food] .board__exit-confirm-card{border-radius:20px;gap:45px;width:456px;height:256px;padding:40px}.board__exit-confirm-card--from-top{animation:.4s ease-out board-exit-confirm-from-top}.board__exit-confirm-card--from-bottom{animation:.4s ease-out board-exit-confirm-from-bottom}.board__exit-confirm-card--none{animation:.4s ease-out board-exit-confirm-fade-in}.screen--game-over{box-sizing:border-box;background-color:var(--color-game-over-bg);width:100%;min-height:100vh;color:var(--color-text);justify-content:center;position:relative}.game-over__content{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;display:flex}.game-over__title{text-align:center;width:100%;margin:0}.game-over__title img{width:100%;height:auto;margin-inline:auto;display:block}.game-over__score{flex-direction:column;align-items:center;width:100%;display:flex}.game-over__score-title{text-align:center;width:100%;margin:0}.game-over__score-panel{box-sizing:border-box;justify-content:center;align-items:center;display:flex}.game-over__player{align-items:center;display:inline-flex}.game-over__player img,.game-over__player svg{flex-shrink:0;display:block}.game-over__player--blue{color:var(--color-player-blue)}.game-over__player--orange{color:var(--color-player-orange)}.game-over__player-score{display:inline-block}[data-theme=code-vibes] .game-over__content{gap:124px;width:min(990.5px,100%)}[data-theme=code-vibes] .game-over__title img{max-width:990.5px}[data-theme=code-vibes] .game-over__score{gap:24px;width:323px;max-width:100%}[data-theme=code-vibes] .game-over__score-title{font-family:var(--font-family-display);color:#fff;font-size:clamp(1.125rem,5vw,26px);font-weight:400;line-height:1.2}[data-theme=code-vibes] .game-over__score-panel{box-sizing:border-box;background-color:var(--color-accent-tint);gap:32px;width:100%;height:62px;padding:17px 20px}[data-theme=code-vibes] .game-over__player{gap:var(--space-1);font-family:var(--font-family-display);font-size:24px;font-weight:700;line-height:100%}[data-theme=code-vibes] .game-over__player img{width:24px;height:20px}[data-theme=games] .game-over__content{gap:104px;width:min(969px,100%)}[data-theme=games] .game-over__title{font-family:var(--font-family-games);letter-spacing:.07em;color:#ed1b76;font-size:clamp(2.25rem,14vw,124px);font-weight:900;line-height:1.1}[data-theme=games] .game-over__score{gap:24px;width:222px;max-width:100%}[data-theme=games] .game-over__score-title{font-family:var(--font-family-games);letter-spacing:.07em;color:#fff;font-size:clamp(1.125rem,5vw,28px);font-weight:700;line-height:1.2}[data-theme=games] .game-over__score-panel{box-sizing:border-box;background-color:#fff;border-radius:10px;gap:40px;width:100%;height:66px;padding:8px 16px}[data-theme=games] .game-over__player{gap:var(--space-1);font-family:var(--font-family-games);font-size:40px;font-weight:700;line-height:100%}[data-theme=games] .game-over__player svg{width:26px;height:32px}[data-theme=da-projects] .game-over__content{gap:104px;width:min(969px,100%)}[data-theme=da-projects] .game-over__title{font-family:var(--font-family-da-projects);color:#fd5b4f;text-shadow:0 4px 4px #00000040;font-size:clamp(2.25rem,14vw,130px);font-weight:800;line-height:1.15}[data-theme=da-projects] .game-over__score{gap:24px;width:222px;max-width:100%}[data-theme=da-projects] .game-over__score-title{font-family:var(--font-family-da-projects);color:#fff;font-size:clamp(1.5rem,6vw,40px);font-weight:500;line-height:1}[data-theme=da-projects] .game-over__score-panel{box-sizing:border-box;background-color:#fff;border-radius:10px;gap:40px;width:100%;max-width:220px;height:76px;padding-inline:16px}[data-theme=da-projects] .game-over__player{gap:var(--space-1);font-family:var(--font-family-da-projects);font-size:38px;font-weight:700;line-height:100%}[data-theme=da-projects] .game-over__player svg{width:24px;height:30px}[data-theme=food] .game-over__content{gap:104px;width:min(969px,100%)}[data-theme=food] .game-over__title{font-family:var(--font-family-food);color:#fff;text-shadow:0 4px 4px #00000040;font-size:clamp(2.25rem,14vw,130px);font-weight:600;line-height:1.45}[data-theme=food] .game-over__score{gap:24px;width:223px;max-width:100%}[data-theme=food] .game-over__score-title{font-family:var(--font-family-food);color:#fff;font-size:clamp(1.5rem,6vw,42px);font-weight:600;line-height:1.15}[data-theme=food] .game-over__score-panel{box-sizing:border-box;background-color:#fff;border-radius:0;gap:40px;width:100%;max-width:220px;height:76px;padding-inline:16px}[data-theme=food] .game-over__player{gap:var(--space-1);font-family:var(--font-family-display);font-size:40px;font-weight:700;line-height:100%}[data-theme=food] .game-over__player svg{width:24px;height:30px}@media (width<=767px){.game-over__content{gap:clamp(48px,12vh,104px)}[data-theme=code-vibes] .game-over__content{gap:clamp(48px,12vh,124px)}[data-theme=code-vibes] .game-over__score-panel{padding-inline:var(--space-2);gap:var(--space-3)}}@media (width>=1440px) and (height>=1024px){.game-over__content{left:50%;top:var(--game-over-content-top);position:absolute;transform:translate(-50%)}.game-over__title{white-space:nowrap}[data-theme=code-vibes] .game-over__title{width:990.5px;height:125.2px}[data-theme=code-vibes] .game-over__title img{object-fit:fill;width:100%;max-width:none;height:100%}[data-theme=code-vibes] .game-over__score-title{font-size:26px;line-height:32px}[data-theme=games] .game-over__title{font-size:124px;line-height:155px}[data-theme=games] .game-over__score-title{font-size:28px;line-height:30px}[data-theme=da-projects] .game-over__title{width:763px;max-width:763px;margin-inline:auto;font-size:130px;line-height:156px}[data-theme=da-projects] .game-over__score-title{font-size:40px;line-height:37px}[data-theme=food] .game-over__title{width:770px;max-width:770px;margin-inline:auto;font-size:130px;line-height:188px}[data-theme=food] .game-over__score-title{font-size:42px;line-height:48px}}.screen--result{box-sizing:border-box;background-color:var(--color-result-bg);width:100%;min-height:100vh;color:var(--color-text);justify-content:center;position:relative;overflow:hidden}.result__content{z-index:1;box-sizing:border-box;width:100%;position:relative}.result__reveal{box-sizing:border-box;text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.result__eyebrow,.result__title{margin:0}.result__title--blue{color:var(--color-result-winner-blue,var(--color-result-title))}.result__title--orange{color:var(--color-result-winner-orange,var(--color-result-title))}.result__draw-title{color:var(--color-result-draw-title);margin:0;position:relative}.result__draw-backing{color:#fff;z-index:0;position:absolute;inset:0}.result__draw-word{z-index:1;position:relative}.result__graphic{justify-content:center;align-items:center;display:flex}.result__pawn{display:flex}.result__pawn svg{display:block}.result__pawn--blue{color:var(--color-player-blue)}.result__pawn--orange{color:var(--color-player-orange)}.result__pawn-backing{background-color:#f7e6d5;justify-content:center;align-items:center;display:flex}.result__trophy{display:block}.result__scale{color:var(--color-result-draw-title);justify-content:center;align-items:center;display:flex}.result__scale svg{display:block}.result__confetti{pointer-events:none;background-image:url(/assets/code-vibes-theme/result/confetti.png);background-position:top;background-repeat:no-repeat;background-size:96%;width:100%;height:245px}@media (width>=1440px){.result__confetti{aspect-ratio:11;background-image:url(/assets/code-vibes-theme/result/confetti-widescreen.png);height:auto}}.result__button{border:none}[data-theme=code-vibes] .result__button{border:1px solid var(--color-popup-confirm-bg);background-color:var(--color-accent-tint);color:#fff;width:204px;height:62px;font-family:var(--font-family-display);border-radius:0;font-size:24px;font-weight:700}[data-theme=code-vibes] .result__button:hover{background-color:color-mix(in srgb, var(--color-accent-tint) 99%, black 1%);box-shadow:inset 0 0 0 1px var(--color-popup-confirm-bg), 3px 3px 10px #4dd5bc80}[data-theme=games] .result__button{color:#fff;width:107px;height:49px;font-family:var(--font-family-games);letter-spacing:.04em;background-color:#ed1b7614;border:2px solid #e71c4f;border-radius:10px;font-size:20px;font-weight:700;transition:background-color 80ms ease-out,box-shadow 80ms ease-out}[data-theme=games] .result__button:hover{background-color:var(--color-hover-fill);box-shadow:inset 0 0 0 1px #e71c4f}[data-theme=da-projects] .result__button{background-color:var(--color-popup-cancel-bg);width:96px;height:48px;color:var(--color-accent-strong);font-family:var(--font-family-da-projects);border-radius:10px;font-size:16px;font-weight:700;transition:background-color 80ms ease-out,color 80ms ease-out,box-shadow 80ms ease-out}[data-theme=da-projects] .result__button:hover{background-color:color-mix(in srgb, var(--color-accent-strong) 70%, black 30%);color:#fff;box-shadow:4px 4px 4px #0000002e}[data-theme=food] .result__button{color:#fff;width:97px;height:45px;font-family:var(--font-family-food-button);background-color:#ffab3e;border:none;border-radius:10px;font-size:16px;font-weight:700}[data-theme=food] .result__button:hover{background-color:#f3832d;box-shadow:3px 3px 5px #0003}[data-theme=code-vibes] .result__eyebrow{font-family:var(--font-family-display);color:#fff;font-size:clamp(1.25rem,5vw,40px);font-weight:400;line-height:1.2}[data-theme=code-vibes] .result__title{font-family:var(--font-family-display);text-transform:uppercase;font-size:clamp(2rem,10vw,60px);font-weight:700;line-height:1.2}[data-theme=code-vibes] .result__draw-title{font-family:var(--font-family-display);font-size:112px;font-weight:700;line-height:1}[data-theme=code-vibes] .result__draw-backing{transform:translate(-4px,-2px)}[data-theme=code-vibes] .result__pawn svg{width:200px;height:250px}[data-theme=code-vibes] [data-outcome=winner] .result__title{margin-top:24px}[data-theme=code-vibes] [data-outcome=winner] .result__graphic,[data-theme=code-vibes] [data-outcome=winner] .result__button{margin-top:64px}[data-theme=code-vibes] [data-outcome=draw] .result__draw-title,[data-theme=code-vibes] [data-outcome=draw] .result__scale{margin-top:35px}[data-theme=code-vibes] [data-outcome=draw] .result__button{margin-top:64px}[data-theme=code-vibes] .result__scale svg{width:346px;height:276px}[data-theme=games] .result__eyebrow{font-family:var(--font-family-games);letter-spacing:.07em;color:#fff;font-size:clamp(1rem,4vw,28px);font-weight:700;line-height:1.2}[data-theme=games] .result__title{font-family:var(--font-family-games);letter-spacing:.07em;text-shadow:4px 4px 4px #00000040;font-size:clamp(2rem,11vw,64px);font-weight:700;line-height:1.2}[data-theme=games] .result__draw-title{font-family:var(--font-family-games);letter-spacing:.07em;text-shadow:4px 4px 4px #00000040;font-size:clamp(2.25rem,14vw,128px);font-weight:700;line-height:1.2}[data-theme=games] .result__trophy{filter:drop-shadow(5px 5px 10px #00000040);width:288px;height:344px}[data-theme=games] .result__scale svg{width:346px;height:276px}[data-theme=games] [data-outcome=winner] .result__title,[data-theme=games] [data-outcome=winner] .result__graphic{margin-top:45px}[data-theme=games] [data-outcome=winner] .result__button{margin-top:64px}[data-theme=games] [data-outcome=draw] .result__draw-title,[data-theme=games] [data-outcome=draw] .result__scale{margin-top:27px}[data-theme=games] [data-outcome=draw] .result__button{margin-top:64px}[data-theme=da-projects] .result__eyebrow{font-family:var(--font-family-da-projects);color:#fff;font-size:clamp(1.25rem,5vw,40px);font-weight:400;line-height:1.2}[data-theme=da-projects] .result__title{font-family:var(--font-family-da-projects);color:var(--color-result-title);font-size:clamp(2.25rem,12vw,80px);font-weight:700;line-height:1.2}[data-theme=da-projects] .result__draw-title{font-family:var(--font-family-da-projects);text-shadow:0 4px 4px #00000040;font-size:clamp(2.25rem,14vw,128px);font-weight:800;line-height:1.2}[data-theme=da-projects] .result__pawn svg{width:212px;height:262px}[data-theme=da-projects] .result__scale svg{filter:drop-shadow(3px 0 #fff)drop-shadow(-3px 0 #fff)drop-shadow(0 3px #fff)drop-shadow(0 -3px #fff)drop-shadow(3px 3px #fff)drop-shadow(-3px -3px #fff)drop-shadow(3px -3px #fff)drop-shadow(-3px 3px #fff);width:339px;height:272px}[data-theme=da-projects] [data-outcome=winner] .result__title,[data-theme=da-projects] [data-outcome=winner] .result__graphic{margin-top:38px}[data-theme=da-projects] [data-outcome=winner] .result__button{margin-top:64px}[data-theme=da-projects] [data-outcome=draw] .result__draw-title,[data-theme=da-projects] [data-outcome=draw] .result__scale{margin-top:26px}[data-theme=da-projects] [data-outcome=draw] .result__button{margin-top:64px}[data-theme=food] .result__eyebrow{font-family:var(--font-family-food);color:var(--color-result-title);font-size:clamp(1.25rem,5vw,40px);font-weight:600;line-height:1.2}[data-theme=food] .result__title{font-family:var(--font-family-food);color:var(--color-result-title);font-size:clamp(2.25rem,12vw,80px);font-weight:600;line-height:1.2}[data-theme=food] .result__draw-title{font-family:var(--font-family-food);font-size:clamp(2.25rem,14vw,128px);font-weight:600;line-height:1.2}[data-theme=food] .result__pawn svg{width:200px;height:250px}[data-theme=food] .result__pawn-backing{width:260px;height:298px}[data-theme=food] .result__scale svg{width:311px;height:249px}[data-theme=food] .result__scale{background-color:#f7e6d5;width:311px;height:285px}[data-theme=food] [data-outcome=winner] .result__title,[data-theme=food] [data-outcome=winner] .result__graphic{margin-top:48px}[data-theme=food] [data-outcome=winner] .result__button{margin-top:64px}[data-theme=food] [data-outcome=draw] .result__draw-title,[data-theme=food] [data-outcome=draw] .result__scale{margin-top:40px}[data-theme=food] [data-outcome=draw] .result__button{margin-top:64px}@media (width>=1440px) and (height>=1024px){.result__content{position:absolute;top:0;left:50%;transform:translate(-50%)}.result__title,.result__draw-title{white-space:nowrap}.result__confetti{position:absolute;top:0;left:0}[data-theme=code-vibes] [data-outcome=draw] .result__content{width:420px;top:222px}[data-theme=games] [data-outcome=winner] .result__content{width:468px;top:192.5px}[data-theme=games] [data-outcome=draw] .result__content{width:578px;top:216px}[data-theme=da-projects] [data-outcome=winner] .result__content{width:522px;top:192px}[data-theme=da-projects] [data-outcome=draw] .result__content{width:386px;top:192px}[data-theme=food] [data-outcome=winner] .result__content{width:540px;top:192px}[data-theme=food] [data-outcome=draw] .result__content{width:376px;top:185px}}@media (width<=767px){.screen--result{--result-title-gap:var(--space-3);--result-graphic-gap:var(--space-3);--result-button-gap:var(--space-4)}.result__confetti{aspect-ratio:3702/981;flex-shrink:0;height:auto}.screen--result[data-outcome=winner] .result__title{margin-top:var(--result-title-gap)}.screen--result[data-outcome=winner] .result__graphic{margin-top:var(--result-graphic-gap)}.screen--result[data-outcome=draw] .result__draw-title{margin-top:var(--result-title-gap)}.screen--result[data-outcome=draw] .result__scale{margin-top:var(--result-graphic-gap)}.screen--result[data-outcome] .result__button{margin-top:var(--result-button-gap)}.result__pawn svg,.result__scale svg{width:auto;max-width:100%}.result__pawn svg{height:min(250px,30vh)}.result__scale svg{height:min(276px,30vh)}.result__trophy{width:auto;max-width:100%;height:min(344px,32vh)}[data-theme=code-vibes] .result__draw-title{font-size:clamp(3rem,24vw,112px)}[data-theme=food] .result__pawn-backing{width:min(260px,100%);height:auto;padding-block:var(--space-3)}[data-theme=food] .result__scale{width:min(311px,100%);height:auto;padding-block:var(--space-3)}}[data-theme=code-vibes] .screen--result[data-outcome=winner]{--result-eyebrow-size:clamp(1.25rem, 5vw, 40px);--result-name-size:clamp(1.5rem, 8vw, 60px);--result-name-gap:var(--space-3);--result-confetti-height:calc((100vw - 48px) * 981 / 3702);--result-confetti-art:calc(.96 * (100vw - 48px) * 981 / 3702);--result-confetti-gap:clamp(16px, 4dvh, 40px);--result-pawn-max:min(200px, 48vw);--result-stack:calc((var(--result-eyebrow-size) + var(--result-name-size)) * 1.2 + var(--result-name-gap) + 190px);--result-confetti-visible:min(calc(var(--result-confetti-art) * .765), var(--result-confetti-height));--result-top-loose:calc(var(--result-confetti-height) + var(--result-confetti-gap));--result-top-tight:calc(var(--result-confetti-visible) + 10px);--result-top:max(var(--result-top-tight), min(var(--result-top-loose), calc(100dvh - var(--result-stack) - 134px)));--result-lift:0px;--result-lift-floor:0px;--result-pawn-height:clamp(110px, calc(100dvh - var(--result-top) - var(--result-stack) - 24px), var(--result-pawn-max));height:100dvh;min-height:calc(var(--result-top) + var(--result-stack) + var(--result-pawn-height) + 24px);grid-template-rows:1fr auto 1fr;grid-template-columns:minmax(0,1fr);justify-content:normal;gap:0;padding-block:0;display:grid}[data-theme=code-vibes] .screen--result[data-outcome=winner] .result__confetti{margin-bottom:calc(min(var(--result-top), max(var(--result-lift-floor), var(--result-top) - var(--result-lift))) - var(--result-confetti-height));grid-row:1;align-self:start}[data-theme=code-vibes] .screen--result[data-outcome=winner] .result__content{grid-row:2;width:100%;position:relative;top:auto;left:auto;transform:none}[data-theme=code-vibes] .screen--result[data-outcome=winner] .result__eyebrow{font-size:var(--result-eyebrow-size)}[data-theme=code-vibes] .screen--result[data-outcome=winner] .result__title{margin-top:var(--result-name-gap);font-size:var(--result-name-size);white-space:nowrap}[data-theme=code-vibes] .screen--result[data-outcome=winner] .result__graphic{margin-top:64px}[data-theme=code-vibes] .screen--result[data-outcome=winner] .result__pawn svg{width:auto;height:var(--result-pawn-height)}[data-theme=code-vibes] .screen--result[data-outcome=winner] .result__button{margin-top:64px}@media (width>=768px){[data-theme=code-vibes] .screen--result[data-outcome=winner]{--result-name-gap:var(--space-4);--result-confetti-height:245px;--result-pawn-max:250px}}@media (aspect-ratio>=16/10) and (width>=1024px) and (width<=1439px) and (height>=700px) and (height<=860px){[data-theme=code-vibes] .screen--result[data-outcome=winner]{--result-lift:32px;--result-lift-floor:calc(var(--result-confetti-art) * .704 + 10px)}}@media (width>=1440px){[data-theme=code-vibes] .screen--result[data-outcome=winner]{--result-confetti-height:calc(100vw / 11);--result-confetti-art:calc(.96 * (100vw - 48px) * 981 / 9756);--result-top-desktop:clamp(224.4px, calc(50dvh - 200.6px), 311.4px);--result-top-loose:max(var(--result-top-desktop), calc(var(--result-confetti-height) + var(--result-confetti-gap)));--result-top-tight:max(var(--result-top-desktop), calc(var(--result-confetti-visible) + 10px))}[data-theme=code-vibes] .screen--result[data-outcome=winner] .result__confetti{background-image:none;position:relative}[data-theme=code-vibes] .screen--result[data-outcome=winner] .result__confetti:before{content:"";pointer-events:none;background:url(/assets/code-vibes-theme/result/confetti-widescreen.png) calc(48.83vw - 1707.35px) bottom/calc(3277.23px - 1.78vw) no-repeat;width:calc(95.92vw - 202.648px);height:359px;position:absolute;top:-32px;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000)}}@media (width>=1440px) and (width<=1440.98px){[data-theme=code-vibes] .screen--result[data-outcome=winner] .result__confetti:before{background:url(/assets/code-vibes-theme/result/confetti.png) 0 100%/100% no-repeat;width:1233.92px;-webkit-mask-image:none;mask-image:none}}@media (width>=1440px) and (height>=1024px){[data-theme=code-vibes] .screen--result[data-outcome=winner]{--result-top-desktop:clamp(220px, calc(50dvh - 205px), 307px)}[data-theme=code-vibes] .screen--result[data-outcome=winner] .result__confetti{width:calc(100% + 48px);margin-inline:calc(var(--space-4) * -1);position:relative}}@keyframes result-reveal-from-top{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes result-reveal-from-bottom{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes result-reveal-fade{0%{opacity:0}to{opacity:1}}.screen--result--from-top .result__reveal{animation:.4s ease-out result-reveal-from-top}.screen--result--from-bottom .result__reveal{animation:.4s ease-out result-reveal-from-bottom}.screen--result--none .result__reveal{animation:.4s ease-out result-reveal-fade}@keyframes board-exit-confirm-from-top{0%{opacity:0;transform:translateY(-120vh)}to{opacity:1;transform:translateY(0)}}@keyframes board-exit-confirm-from-bottom{0%{opacity:0;transform:translateY(120vh)}to{opacity:1;transform:translateY(0)}}@keyframes board-exit-confirm-fade-in{0%{opacity:0}to{opacity:1}}.board__exit-confirm-title{margin:0;font-size:1.5rem;font-weight:700}[data-theme=code-vibes] .board__exit-confirm-title{font-family:var(--font-family-display);letter-spacing:0;font-size:32px;font-weight:700;line-height:40px}[data-theme=games] .board__exit-confirm-title{font-family:var(--font-family-games);letter-spacing:.56px;font-size:28px;font-weight:700;line-height:40px}[data-theme=da-projects] .board__exit-confirm-title{font-family:var(--font-family-da-projects);letter-spacing:0;font-size:28px;font-weight:700;line-height:40px}[data-theme=food] .board__exit-confirm-title{font-family:var(--font-family-food);letter-spacing:0;color:#a45212;font-size:28px;font-weight:600;line-height:40px}.board__exit-confirm-actions{gap:var(--space-3);display:flex}[data-theme=code-vibes] .board__exit-confirm-actions{gap:var(--space-4)}[data-theme=games] .board__exit-confirm-actions,[data-theme=da-projects] .board__exit-confirm-actions,[data-theme=food] .board__exit-confirm-actions{gap:24px}.board__exit-confirm-cancel,.board__exit-confirm-confirm{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);text-align:center;border:1.5px solid #0000;font-size:1rem;font-weight:700}[data-theme=code-vibes] .board__exit-confirm-cancel,[data-theme=code-vibes] .board__exit-confirm-confirm{font-family:var(--font-family-display);letter-spacing:0;white-space:nowrap;border-radius:0;font-size:20px;font-weight:700;line-height:1}[data-theme=games] .board__exit-confirm-cancel,[data-theme=games] .board__exit-confirm-confirm{font-family:var(--font-family-games);letter-spacing:.64px;white-space:nowrap;font-size:16px;font-weight:700;line-height:1}[data-theme=da-projects] .board__exit-confirm-cancel,[data-theme=da-projects] .board__exit-confirm-confirm{font-family:var(--font-family-da-projects);letter-spacing:0;white-space:nowrap;border-radius:10px;font-size:16px;font-weight:700;line-height:1}[data-theme=food] .board__exit-confirm-cancel,[data-theme=food] .board__exit-confirm-confirm{font-family:var(--font-family-food-button);letter-spacing:0;white-space:nowrap;font-size:16px;font-weight:700;line-height:1}[data-theme=code-vibes] .board__exit-confirm-cancel{width:182px;height:57px;padding:16px 24px}[data-theme=games] .board__exit-confirm-cancel{border-width:2px;border-radius:10px;width:201px;height:44px;padding:12px 20px}[data-theme=code-vibes] .board__exit-confirm-confirm{width:151px;height:57px}[data-theme=games] .board__exit-confirm-confirm{border-width:2px;border-radius:10px;width:176px;height:44px;padding:12px 20px}[data-theme=da-projects] .board__exit-confirm-cancel{width:140px;height:43px}[data-theme=da-projects] .board__exit-confirm-confirm{width:114px;height:43px}[data-theme=food] .board__exit-confirm-cancel{border-width:3px;border-radius:10px;width:211px;height:45px;padding:12px 20px}[data-theme=food] .board__exit-confirm-confirm{border-width:3px;border-radius:10px;width:141px;height:46px;padding:12px 20px}@media (width<=899px){.board__exit-confirm-overlay{padding:var(--space-4);box-sizing:border-box}.board__exit-confirm-card{box-sizing:border-box}[data-theme=code-vibes] .board__exit-confirm-card,[data-theme=games] .board__exit-confirm-card,[data-theme=da-projects] .board__exit-confirm-card,[data-theme=food] .board__exit-confirm-card{gap:24px;width:100%;max-width:400px;height:auto;padding:28px 24px}.board__exit-confirm-actions{flex-direction:column;align-items:center}[data-theme=code-vibes] .board__exit-confirm-actions,[data-theme=games] .board__exit-confirm-actions,[data-theme=da-projects] .board__exit-confirm-actions,[data-theme=food] .board__exit-confirm-actions{gap:12px}[data-theme=code-vibes] .board__exit-confirm-cancel{width:160px;height:46px}[data-theme=code-vibes] .board__exit-confirm-confirm{width:140px;height:46px}[data-theme=games] .board__exit-confirm-cancel{width:170px}[data-theme=games] .board__exit-confirm-confirm{width:150px}[data-theme=da-projects] .board__exit-confirm-cancel{width:130px}[data-theme=da-projects] .board__exit-confirm-confirm{width:105px}[data-theme=food] .board__exit-confirm-cancel{width:180px}[data-theme=food] .board__exit-confirm-confirm{width:125px}}.board__exit-confirm-cancel{background-color:var(--color-popup-cancel-bg);color:var(--color-popup-cancel-text)}[data-theme=code-vibes] .board__exit-confirm-cancel{border-width:3px}[data-theme=code-vibes] .board__exit-confirm-cancel:hover{background-color:color-mix(in srgb, var(--color-popup-cancel-bg) 50%, white 50%);border-color:var(--color-popup-cancel-bg)}[data-theme=games] .board__exit-confirm-cancel:hover{background-color:var(--color-popup-confirm-outline-bg);border-color:var(--color-popup-confirm-bg);color:var(--color-popup-confirm-bg);box-shadow:6px 6px 6px #00000026}[data-theme=da-projects] .board__exit-confirm-cancel{box-shadow:3px 3px 3px #00000026}[data-theme=da-projects] .board__exit-confirm-cancel:hover{background-color:var(--color-accent-strong);color:#fff;box-shadow:none}[data-theme=food] .board__exit-confirm-cancel{color:#0000;box-shadow:none;background-color:#0000;background-image:url(/assets/foods-theme/button-pop-up_04-text.svg),url(/assets/foods-theme/button-pop-up_04-shape.svg);background-position:50%,50%;background-repeat:no-repeat,no-repeat;background-size:100% 100%,100% 100%;background-origin:border-box;border-color:#0000}[data-theme=food] .board__exit-confirm-cancel:hover{color:#0000;background-image:url(/assets/foods-theme/button-pop-up_04-text.svg),url(/assets/foods-theme/button-pop-up_04-shape-hover.svg);background-position:50%,50%;background-repeat:no-repeat,no-repeat;background-size:100% 100%,100% 100%;border-color:#0000;box-shadow:4px 4px 8px #00000026}.board__exit-confirm-confirm--outline{background-color:var(--color-popup-confirm-outline-bg,transparent);border-color:var(--color-popup-confirm-bg);color:var(--color-popup-confirm-text)}[data-theme=code-vibes] .board__exit-confirm-confirm--outline{border-width:2px}[data-theme=code-vibes] .board__exit-confirm-confirm--outline:hover{background-color:color-mix(in srgb, var(--color-popup-confirm-outline-bg) 99%, black 1%);box-shadow:inset 0 0 0 1px var(--color-popup-confirm-bg), 3px 3px 10px color-mix(in srgb, var(--color-popup-confirm-bg) 50%, white 50%)}[data-theme=games] .board__exit-confirm-confirm--outline:hover{box-shadow:inset 0 0 0 1px var(--color-popup-confirm-bg), 6px 6px 6px #00000026}[data-theme=food] .board__exit-confirm-confirm--outline{color:#0000;box-shadow:none;background-color:#0000;background-image:url(/assets/foods-theme/button-exit_04-text.svg),url(/assets/foods-theme/button-exit_04-shape.svg);background-position:50%,50%;background-repeat:no-repeat,no-repeat;background-size:100% 100%,100% 100%;background-origin:border-box;border-color:#0000}[data-theme=food] .board__exit-confirm-confirm--outline:hover{color:#0000;background-image:url(/assets/foods-theme/button-exit_04-text-hover.svg),url(/assets/foods-theme/button-exit_04-shape-hover.svg);background-position:50%,50%;background-repeat:no-repeat,no-repeat;background-size:100% 100%,100% 100%;border-color:#0000;box-shadow:4px 4px 8px #00000026}.board__exit-confirm-confirm--filled{background-color:var(--color-popup-confirm-bg);color:var(--color-popup-confirm-text)}[data-theme=da-projects] .board__exit-confirm-confirm--filled{background-color:#fd8a81;box-shadow:3px 3px 3px #00000026}[data-theme=da-projects] .board__exit-confirm-confirm--filled:hover{box-shadow:none;background-color:#ec5b51}