@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#fff8e6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#123c38;--cream:#fff8e6;--muted:#a9cbc2;--yellow:#ffce5b;--mint:#b5ecbb;--surface:#205653;--display:"Bricolage Grotesque Variable", sans-serif;--ease:cubic-bezier(.16, 1, .3, 1);background:#123e3e;font-family:DM Sans Variable,sans-serif}*{box-sizing:border-box}body{min-width:280px;margin:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:0}button:disabled{opacity:.42;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);text-wrap:balance}svg{flex-shrink:0}a{color:inherit}::selection{background:var(--yellow);color:var(--ink)}*{scrollbar-width:thin;scrollbar-color:#6b9a8c #123e3e}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--yellow);color:var(--ink);border-radius:12px;padding:12px 20px;position:fixed;top:-60px;left:20px}.skip-link:focus{top:12px}.arcade-app{background:radial-gradient(at 50% 30%,#25625b 0%,#184b46 38%,#123e3e 75%);min-height:100svh}#main{outline:none}.app-topbar{max-width:1000px;height:78px;padding:max(14px, env(safe-area-inset-top)) 22px 8px;justify-content:space-between;align-items:center;gap:14px;margin:auto;display:flex}.icon-button{background:#2c6159;border-radius:15px;place-items:center;width:46px;height:46px;transition:transform .15s,background .15s,box-shadow .15s;display:grid;box-shadow:inset 0 1px 1px #ffffff25,0 4px 1px #082e2c}.icon-button svg{stroke-width:2.4px;width:23px;height:23px}.icon-button:hover{background:#39766b}.icon-button:active{transform:translateY(3px);box-shadow:inset 0 1px 1px #ffffff25,0 1px 1px #082e2c}.trophy-counter{height:44px;color:var(--yellow);background:#0d3533;border-radius:16px;align-items:center;gap:10px;padding:0 14px;display:flex}.trophy-counter strong{font-size:19px;font-weight:800}.trophy-counter strong span{color:#b1c8bd;margin-left:3px;font-size:13px}.topbar-brand{color:#adc9bc;letter-spacing:.15em;font-size:9px;font-weight:800}.mini-brand{background:0 0;padding:8px}.eyes{vertical-align:middle;align-items:center;gap:4px;display:inline-flex}.eyes i{background:var(--cream);border-radius:50%;width:48px;height:65px;display:block;position:relative;transform:rotate(-8deg);box-shadow:inset 0 -5px 1px #dddcc0,0 4px 2px #0c302c55}.eyes i+i{transform:rotate(8deg)translateY(-3px)}.eyes i:after{content:"";background:#163d39;border-radius:50%;width:22px;height:29px;position:absolute;top:23px;left:21px}.eyes i+i:after{top:20px;left:11px}.eyes i:before{content:"";z-index:1;background:#fff;border-radius:50%;width:7px;height:8px;position:absolute;top:26px;left:25px}.eyes i+i:before{top:23px;left:15px}.eyes-small{transform-origin:50%;justify-content:center;width:48px;height:32px;transform:scale(.43)}.eyes-small i{flex-shrink:0}.button{border-radius:17px;justify-content:center;align-items:center;gap:10px;min-height:56px;padding:14px 22px;font-size:17px;font-weight:800;transition:transform .15s,background .15s,box-shadow .15s;display:flex}.button.primary{color:var(--ink);background:var(--yellow);box-shadow:inset 0 2px 1px #fff0b4,0 6px 1px #b5862c,0 9px 13px #05272435}.button.primary:hover:not(:disabled){background:#ffdb7b}.button.primary:active:not(:disabled){transform:translateY(4px);box-shadow:inset 0 2px 1px #fff0b4,0 2px 1px #b5862c}.button.secondary{color:var(--cream);background:#2c6159;box-shadow:inset 0 1px 1px #5b8e7e,0 5px 1px #0d332f}.button.secondary:hover:not(:disabled){background:#39786b}.button.secondary:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 1px #0d332f}.home-screen{width:min(100%,480px);min-height:calc(100svh - 78px);padding:18px 28px max(22px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;margin:auto;display:flex}.game-logo{text-align:center;flex-shrink:0;margin-top:8px;position:relative;transform:rotate(-3deg)}.logo-play{letter-spacing:.32em;color:var(--yellow);margin-bottom:1px;padding-left:7px;font-size:15px;font-weight:900;display:block}.game-logo h1{letter-spacing:-.04em;text-shadow:0 5px 1px #0b302d;flex-direction:column;font-weight:850;line-height:.88;display:flex}.logo-look{justify-content:center;align-items:center;gap:1px;font-size:84px;display:flex}.logo-look .eyes{margin:0 4px}.logo-closer{color:var(--yellow);font-size:61px;line-height:1.05}.logo-spark{color:#a8ddc2;position:absolute}.spark-one{top:37px;left:-35px;transform:rotate(-20deg)}.spark-two{bottom:8px;right:-30px;transform:scale(.7)rotate(15deg)}.home-preview{flex-shrink:0;width:100%;max-width:370px;height:clamp(240px,34svh,320px);margin:auto 0;position:relative}.preview-print{background:#fff5d8;border-radius:17px;width:62%;padding:7px;position:absolute;box-shadow:0 8px 3px #082b2940,0 15px 25px #072b2940}.preview-print .picture-viewport{border-radius:10px}.preview-back{top:18px;left:0;transform:rotate(-12deg)}.preview-front{top:64px;right:-1px;transform:rotate(10deg)}.home-actions{gap:17px;width:100%;max-width:340px;margin:18px 0 20px;display:grid}.play-button{min-height:66px;font-family:var(--display);font-size:25px}.home-actions .secondary{min-height:54px;font-size:15px}.home-actions .secondary svg:last-child{margin-left:auto}.home-actions .secondary svg:first-child{margin-right:auto}.help-button{color:#b6d5c8;background:0 0;align-items:center;gap:7px;min-height:36px;font-size:12px;font-weight:650;display:flex}.screen-content{width:min(100%,960px);padding:18px 22px max(28px, env(safe-area-inset-bottom));margin:auto}.screen-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.screen-heading h1{letter-spacing:-.03em;font-size:clamp(28px,5vw,38px);font-weight:800}.screen-heading>span{color:var(--yellow);align-items:center;gap:7px;font-size:14px;font-weight:800;display:flex}.filter-row{scrollbar-width:none;gap:8px;margin:0 -2px 14px;padding:0 2px 12px;display:flex;overflow-x:auto}.filter-button{color:#c5dfd1;white-space:nowrap;background:#0e3433;border-radius:13px;flex-shrink:0;min-height:44px;padding:11px 15px;font-size:13px;font-weight:750}.filter-button span{opacity:.75;margin-left:3px;font-size:10px}.filter-button.selected{background:var(--mint);color:var(--ink);box-shadow:0 4px 1px #0e312b}.puzzle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 13px;display:grid}.puzzle-card{text-align:left;min-width:0;transition:transform .18s var(--ease), background .18s;background:#2b6058;border-radius:17px;padding:0;overflow:hidden;box-shadow:inset 0 1px 1px #588775,0 5px 1px #0a302c}.puzzle-card:hover{background:#367365;transform:translateY(-3px)}.puzzle-card:active{transform:translateY(3px)}.card-art{aspect-ratio:1.12;width:100%;padding:6px 6px 0;display:block;position:relative}.card-art img{object-fit:cover;border-radius:11px 11px 3px 3px;width:100%;height:100%;display:block}.puzzle-number{background:var(--cream);width:26px;height:26px;color:var(--ink);border-radius:8px;place-items:center;font-size:12px;font-weight:900;display:grid;position:absolute;top:12px;left:13px}.completed-badge{background:var(--mint);width:28px;height:28px;color:var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.card-copy{flex-direction:column;padding:11px 12px 10px;display:flex}.difficulty-badge{text-transform:capitalize;color:#b8e8ba;align-items:center;gap:5px;margin-bottom:7px;font-size:10px;font-weight:800;line-height:1.1;display:inline-flex}.badge-medium{color:#ffe09a}.badge-hard{color:#ffc2a0}.badge-extra{color:#ebc6f5}.badge-pro{color:#c4d6ff}.level-mark{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.level-mark i{opacity:.25;background:currentColor;border-radius:1px;width:3px;height:4px}.level-mark i:nth-child(2){height:6px}.level-mark i:nth-child(3){height:8px}.level-mark i:nth-child(4){height:10px}.level-mark i:nth-child(5){height:12px}.level-mark i.filled{opacity:1}.card-title{font-family:var(--display);letter-spacing:-.02em;min-height:41px;font-size:18px;font-weight:750;line-height:1.13;display:block}.card-bottom{justify-content:space-between;align-items:center;gap:5px;margin-top:11px;display:flex}.card-bottom>span:first-child{color:#c2dbcb;align-items:center;gap:4px;font-size:11px;font-weight:650;display:flex}.card-play{background:var(--yellow);width:30px;height:30px;color:var(--ink);border-radius:10px;place-items:center;display:grid;box-shadow:0 3px 1px #a17e32}.is-playing{background:#123c3b}.game-page{max-width:1280px;height:100svh;padding:max(8px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));grid-template-rows:55px 43px minmax(0,1fr) 24px 69px;grid-template-columns:minmax(0,1fr);margin:auto;display:grid;position:relative}.game-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.game-header .icon-button{border-radius:13px;width:43px;height:43px}.game-title{text-align:center;min-width:0}.game-title h1{font-size:18px;font-weight:750;line-height:1.1}.game-title>span{color:#c3d7c7;text-transform:capitalize;align-items:center;gap:5px;margin-top:6px;font-size:10px;display:inline-flex}.game-title .level-mark{transform:scale(.8)}.game-hud{align-items:center;gap:12px;width:min(100%,620px);min-width:0;margin:0 auto;display:flex}.find-count-label{white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:flex}.find-count-label svg{color:var(--mint);margin-right:2px}.find-count-label strong{font-size:21px;font-weight:850}.find-count-label>span{color:#adcabf}.progress-dots{flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;display:flex}.progress-dots>span{color:#93b5a9;background:#092c2b;border-radius:50%;flex-shrink:1;place-items:center;width:19px;height:19px;display:grid;box-shadow:inset 0 2px 1px #061e20}.progress-dots>span>span{font-size:8px;font-weight:700}.progress-dots>.found{background:var(--mint);color:#174a3b;animation:collect .4s var(--ease);box-shadow:0 2px 1px #062c26}.game-clock{color:#adcabf;font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:4px;font-size:11px;font-weight:650;display:flex}.game-board-area{justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.picture-pair{width:min(100%, calc((100svh - 226px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) / 2));gap:9px;display:grid}.game-picture{min-width:0;position:relative}.game-picture .picture-viewport{border-radius:12px;box-shadow:0 0 0 3px #4c7a66,0 5px 3px #072b29}.picture{background:#e6dbc0;border:0;padding:0;display:block;position:relative;overflow:hidden}.picture-source{-webkit-user-select:none;user-select:none;object-fit:fill;width:100%;height:100%;display:block}.picture-layers{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.picture-interactive{cursor:crosshair}.picture-viewport:has(.picture-interactive:focus-visible){outline:3px solid var(--yellow);outline-offset:5px}.picture-label{z-index:2;pointer-events:none;width:21px;height:21px;color:var(--ink);background:#fff8e6e8;border-radius:6px;place-items:center;font-size:11px;font-weight:850;display:grid;position:absolute;top:7px;left:7px}.found-ring{aspect-ratio:1;pointer-events:none;animation:spot-found .45s var(--ease) both;border:3px solid #f8fff0;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #23794f,inset 0 0 0 1px #23794f}.found-check{color:#fffde3;background:#226e49;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;bottom:-4px;right:-4px}.miss-mark{color:#c24d33;pointer-events:none;background:#fff5e9ed;border-radius:50%;padding:3px;animation:.65s ease-out both miss-fade;display:flex;position:absolute;transform:translate(-50%,-50%)}.inspection-cursor{aspect-ratio:1;pointer-events:none;border:2px dashed #fff;border-radius:50%;width:8%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #123c38}.picture-error{color:var(--ink);background:#f5e8ca;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;font-weight:700;display:flex;position:absolute;inset:0}.picture-error .text-link{text-underline-offset:4px;align-items:center;gap:6px;text-decoration:underline;display:inline-flex}.game-caption{color:#adcdc0;justify-content:center;align-items:center;font-size:11px;font-weight:550;display:flex}.game-controls{justify-content:center;align-items:center;gap:22px;width:min(100%,370px);margin:auto;padding:5px 0 7px;display:flex}.control-button{background:#285a53;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:62px;height:53px;transition:transform .15s;display:flex;box-shadow:inset 0 1px 1px #528471,0 4px 1px #082d2b}.control-button span{font-size:9px;font-weight:700}.control-button:active:not(:disabled){transform:translateY(3px)}.hint-button{border-radius:16px;min-width:150px;min-height:54px;font-size:20px}.discovery-pop{z-index:3;color:var(--ink);background:var(--yellow);white-space:nowrap;font-family:var(--display);pointer-events:none;animation:discovery .95s var(--ease) both;border-radius:16px;align-items:center;gap:8px;padding:11px 19px;font-size:24px;font-weight:850;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 1px #a67b2b,0 9px 16px #153c3560}.is-paused .picture-pair{visibility:hidden}.results-link{color:var(--yellow);background:#123c3b;border-radius:9px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:86px;left:50%;transform:translate(-50%)}.game-modal{width:min(352px,100vw - 36px);max-height:calc(100svh - 48px);color:var(--cream);background:#286256;border:0;border-radius:27px;padding:0;overflow:auto;box-shadow:inset 0 2px 1px #79a385,0 7px 1px #103b32,0 24px 70px #001c22a0}.game-modal::backdrop{background:#041c25cf}.modal-content{padding:22px;position:relative;overflow:hidden}.modal-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:24px;display:flex}.modal-heading h2{letter-spacing:-.025em;outline:none;font-size:30px;font-weight:800}.modal-heading .icon-button{width:36px;height:36px;box-shadow:none;background:#174b40;border-radius:12px;flex-shrink:0}.modal-heading .icon-button svg{width:21px;height:21px}.game-modal .button{width:100%;min-height:53px;margin-top:18px;font-size:17px}.setting-row{border-top:1px solid #568977;align-items:center;gap:12px;min-height:81px;display:flex}.setting-row>span{flex:1;font-size:16px;font-weight:750}.setting-row>svg{color:#bfdfc3;width:24px}.setting-row small{color:#b6d3bb;margin-top:4px;font-size:10px;font-weight:500;display:block}.toggle{background:#123f36;border-radius:20px;flex-shrink:0;width:58px;height:34px;padding:5px;box-shadow:inset 0 2px 3px #062b29}.toggle span{width:24px;height:24px;transition:transform .2s var(--ease);background:#f9f8e8;border-radius:50%;display:block;box-shadow:0 2px 3px #10382d60}.toggle[aria-checked=true]{background:#b5ec9c}.toggle[aria-checked=true] span{background:#fffdf0;transform:translate(24px)}.save-note{text-align:center;color:#b4d2bc;margin-top:23px;font-size:11px}.help-eyes,.pause-eyes{justify-content:center;margin:20px 0 30px;display:flex}.help-line{align-items:center;gap:12px;margin-top:20px;font-size:14px;line-height:1.4;display:flex}.help-line svg{width:22px;color:var(--yellow)}.help-footer{color:#b9d9bf;text-align:center;margin-top:25px;font-size:12px}.text-button{color:#c2dfc5;background:0 0;justify-content:center;align-items:center;gap:7px;min-height:46px;margin:10px auto -6px;font-size:13px;font-weight:650;display:flex}.modal-description{color:#d1e2c9;margin:12px 0 26px;font-size:15px;line-height:1.5}.completion{text-align:center}.completion .modal-heading{z-index:1;margin-bottom:18px;position:relative}.completion .modal-heading h2{font-size:36px}.completion-emblem{color:#244d3a;background:var(--yellow);width:108px;height:108px;animation:collect .7s var(--ease);border-radius:50%;place-items:center;margin:0 auto 18px;display:grid;position:relative;box-shadow:inset 0 3px 2px #ffec9c,0 5px 1px #b58a33}.completion-emblem>span{background:var(--mint);width:36px;height:36px;color:var(--ink);border:3px solid #286256;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-3px;right:-3px}.completion-subtitle{font-size:17px;font-weight:750}.completion-stats{background:#1a4d41;border-radius:15px;justify-content:center;gap:0;margin:22px 0;padding:15px 0;display:flex}.completion-stats>div{flex:1;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:4px 7px;display:grid}.completion-stats>div+div{border-left:1px solid #4e7b63}.completion-stats strong{font-variant-numeric:tabular-nums;font-size:23px;font-weight:800}.completion-stats svg{color:var(--yellow)}.completion-stats span{color:#b7d6bd;grid-column:1/-1;font-size:11px}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{background:var(--yellow);width:7px;height:12px;top:5%;left:calc(5% + var(--i) * 8%);transform:rotate(calc(var(--i) * 42deg));animation:confetti 1.6s var(--ease) both;animation-delay:calc(var(--i) * 25ms);border-radius:2px;position:absolute}.confetti i:nth-child(3n){background:#b6efb3}.confetti i:nth-child(3n+1){background:#f4a37d}.progress-overview{background:#205449;border-radius:18px;gap:32px;margin-bottom:22px;padding:20px 26px;display:flex}.progress-overview>div{flex-direction:column;gap:3px;display:flex}.progress-overview strong{color:var(--yellow);font:800 42px/1 var(--display)}.progress-overview strong span{color:#b0d2bd;font-size:20px}.progress-overview>div>span{color:#b9d7c3;font-size:12px}.progress-list{gap:12px;display:grid}.progress-puzzle{text-align:left;background:#285c50;border-radius:15px;align-items:center;gap:12px;min-width:0;padding:9px 13px 9px 9px;display:flex}.progress-puzzle>img{object-fit:cover;border-radius:9px;width:66px;height:66px}.progress-puzzle-info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.progress-puzzle-info strong{font-family:var(--display);font-size:16px;line-height:1.1}.progress-puzzle-info>span{color:#bcd8c0;text-transform:capitalize;font-size:11px}.progress-record{color:var(--yellow);flex-direction:column;align-items:center;gap:2px;display:flex}.progress-record small{font-variant-numeric:tabular-nums;font-size:9px}.not-found{justify-items:center;gap:32px;padding:70px 24px;display:grid}.not-found h1{font-size:30px}.storage-notice{background:var(--yellow);color:var(--ink);text-align:center;padding:7px;font-size:12px}.is-playing .storage-notice{z-index:6;position:fixed;top:0;left:0;right:0}@keyframes spot-found{0%{opacity:.5;transform:translate(-50%,-50%)scale(1.65)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes collect{0%{transform:scale(.55)}55%{transform:scale(1.17)}to{transform:scale(1)}}@keyframes miss-fade{0%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes discovery{0%{opacity:1;transform:translate(-50%,-30%)scale(.6)rotate(-8deg)}25%,70%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(-4deg)}to{opacity:0;transform:translate(-50%,-80%)scale(.95)}}@keyframes confetti{0%{opacity:1;translate:0 -20px}65%{opacity:1}to{opacity:0;translate:0 290px;rotate:220deg}}@media (width>=700px){.puzzle-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card-title{min-height:50px;font-size:22px}.card-copy{padding:16px}.card-art{aspect-ratio:1.25}.card-bottom{margin-top:12px}.progress-page{max-width:680px}.home-screen{max-height:1000px}.home-preview{margin:20px 0}.home-actions{margin-top:28px}}@media (aspect-ratio>=1) and (width>=600px){.picture-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:min(100%,200svh - 442px)}.game-page{padding-left:24px;padding-right:24px}.game-hud{width:min(100%,620px);min-width:0}.game-title h1{font-size:22px}.game-header{width:100%;max-width:900px;margin:auto}.game-caption{font-size:12px}.game-picture .picture-viewport{border-radius:16px}.picture-label{width:25px;height:25px}.game-controls{gap:26px}}@media (height<=740px) and (width<=600px){.app-topbar{height:65px}.home-screen{min-height:calc(100svh - 65px);padding-top:5px;padding-bottom:13px}.game-logo{margin-top:2px}.logo-look{font-size:69px}.logo-look .eyes{margin:0 -3px;transform:scale(.85)}.logo-closer{font-size:52px}.logo-play{font-size:12px}.home-preview{max-width:300px;height:236px}.preview-back{top:14px}.preview-front{top:46px}.home-actions{gap:14px;margin:6px 0 12px}.play-button{min-height:58px;font-size:22px}.home-actions .secondary{min-height:48px}.game-page{grid-template-rows:51px 39px minmax(0,1fr) 24px 66px;padding-top:5px}.picture-pair{width:min(100%, calc((100svh - 208px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) / 2))}.game-title h1{font-size:16px}.game-title>span{margin-top:3px}}@media (width<=360px){.app-topbar{padding-left:16px;padding-right:16px}.topbar-brand{font-size:8px}.home-screen{padding-left:22px;padding-right:22px}.logo-look{font-size:69px}.logo-closer{font-size:50px}.spark-one{left:-22px}.spark-two{right:-22px}.screen-content{padding:14px 14px 24px}.puzzle-grid{gap:16px 10px}.card-copy{padding:10px}.card-title{min-height:37px;font-size:16px}.screen-heading h1{font-size:27px}.game-hud{gap:7px;min-width:0}.progress-dots{gap:3px;min-width:0}.progress-dots>span{width:16px;height:16px}.game-clock svg{display:none}.game-controls{gap:16px}.hint-button{min-width:132px}.game-title h1{font-size:15px}.modal-content{padding:20px}.modal-heading h2{font-size:26px}}@media (height<=500px) and (aspect-ratio>=1){.game-page{grid-template-rows:44px 30px minmax(0,1fr) 18px 51px;padding-top:4px;padding-bottom:7px}.picture-pair{width:min(100%,200svh - 312px)}.game-header .icon-button{width:36px;height:36px}.game-title h1{font-size:16px}.game-title>span{margin-top:2px}.game-controls{padding:0}.control-button{height:44px}.hint-button{min-height:43px;padding:9px 20px}.game-caption{font-size:10px}.home-screen{min-height:650px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}.confetti{display:none}.discovery-pop{animation:none!important}.puzzle-card:hover{transform:none}}
