/* Photo-first games: intact photos, distinct mechanics, touch-friendly controls. */
.photo-intro{margin-bottom:26px}.photo-mode{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#a86b4f}.photo-intro h3{font-size:clamp(30px,4.5vw,49px);font-weight:800;line-height:1.06;letter-spacing:-1.8px;margin:16px 0}.photo-intro p{font-size:15px;line-height:1.8;max-width:640px}.photo-small{font-size:12px;line-height:1.75;color:#667161;margin-top:16px}.photo-label{display:block;font-size:13px;font-weight:700;margin-top:20px}.photo-toolbar{display:flex;align-items:center;gap:15px;justify-content:space-between;font-size:13px;margin-bottom:16px}.photo-toolbar b{font-size:20px;white-space:nowrap}.photo-toolbar .subtle-button{padding:10px 15px}.photo-game-result{margin:24px 0;background:#fff9ed;padding:12px;border-radius:18px}.photo-game-result img{max-height:480px;object-fit:contain;border-radius:12px}.photo-game-result figcaption{font-size:12px;text-align:center;margin-top:12px}.puzzle-pick-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:26px}.puzzle-chosen{padding:12px;background:#fff;box-shadow:0 8px 28px #34492c15;align-self:start;transform:rotate(-1deg)}.puzzle-chosen img{height:320px;object-fit:contain;background:#ebe9df}.puzzle-chosen figcaption{font-size:13px;line-height:1.6;padding:13px 4px 3px}.puzzle-photo-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.puzzle-photo-choices button{padding:3px;border:2px solid transparent;background:#e8ecda;border-radius:8px}.puzzle-photo-choices button[aria-pressed=true]{border-color:#e76d51}.puzzle-photo-choices img{width:100%;height:82px;object-fit:cover;border-radius:4px}.puzzle-pick-layout #puzzle-begin{margin-top:22px;width:100%;justify-content:center}.real-puzzle{display:flex;flex-direction:column;align-items:center}.puzzle-surface{position:relative;width:min(100%,calc(52dvh * var(--photo-ratio)));aspect-ratio:var(--photo-ratio);flex-shrink:0;background:#dce3cd;border-radius:8px;box-shadow:0 0 0 8px #fff7e8,0 12px 30px #203f3520;isolation:isolate}.puzzle-surface:before{content:'';position:absolute;inset:0;background-image:var(--photo-url);background-size:100% 100%;opacity:.1;z-index:-1}.puzzle-slots{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));grid-template-rows:repeat(var(--columns),minmax(0,1fr));position:absolute;inset:0}.puzzle-slot{border:0;padding:0;border-radius:0;background-color:transparent;box-shadow:inset 0 0 0 1px #fff8;min-width:0;min-height:0;color:#8d9d8055;font-size:22px;touch-action:manipulation}.puzzle-slot.filled{color:transparent;opacity:1;animation:piece-snap .22s ease-out;box-shadow:inset 0 0 0 .5px #fff4}.puzzle-slot.hovered{box-shadow:inset 0 0 0 4px #e9b86e}.puzzle-slot.hinted{background-color:#efc5749e;box-shadow:inset 0 0 0 4px #cf8850}.puzzle-slot.miss{background-color:#e3917777}.puzzle-surface.complete .puzzle-slot{box-shadow:none}.puzzle-full-reference{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;z-index:2}.puzzle-full-reference[hidden]{display:none}.puzzle-message{margin:18px 0 12px;font-size:13px;line-height:1.6;text-align:center;min-height:21px}.puzzle-tray{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;max-width:100%;width:100%;padding:10px 5px 15px;scrollbar-color:#91a586 #e4e9d9;scrollbar-width:thin;background:#e6eadc;border-radius:12px}.puzzle-tray-piece{flex:0 0 92px;aspect-ratio:var(--piece-ratio);border:0;padding:0;border-radius:6px;box-shadow:0 3px 6px #163b331f;touch-action:none;position:relative}.puzzle-tray-piece[aria-pressed=true]{outline:4px solid #e57755;outline-offset:-4px;translate:0 -4px}.puzzle-drag-ghost{position:fixed;pointer-events:none;z-index:30;transform:translate(-50%,-70%);border-radius:6px;box-shadow:0 12px 25px #0005;outline:3px solid #f5d99a;opacity:.95}.puzzle-tools{display:flex;gap:10px;justify-content:center;margin-top:12px}.puzzle-tools button{font-size:12px}.game-dialog:has(.real-puzzle),.game-dialog:has(.puzzle-pick-layout){width:850px}.big-heroes{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.big-heroes button{border:3px solid transparent;border-radius:16px;padding:12px;background:#f0e9d7;text-align:left}.big-heroes button[aria-pressed=true]{border-color:#e57755;background:#fff1db}.big-heroes b{display:block;font-size:24px;margin:9px 4px 0}.big-heroes span{display:block;font-size:12px;line-height:1.6;margin:3px 4px}.real-face{width:100%;height:220px;border-radius:11px;background-image:url(assets/weird-faces.webp);background-repeat:no-repeat;background-size:330%;background-color:#1c3936}.real-face.dasha{background-position:90% 4%}.real-face.nikita{background-position:34% 4%}.food-court{position:relative;border-radius:20px;overflow:hidden;background:#f3e5c5}.food-court canvas{display:block;width:100%;aspect-ratio:800/520;height:auto;touch-action:none}.food-reaction{position:absolute;width:23%;right:12%;top:3%;pointer-events:none;transition:transform .2s}.food-reaction .real-face{height:auto;aspect-ratio:1;border:5px solid #fff5d9;border-radius:20px;box-shadow:0 8px 0 #b8a3783d}.food-reaction span{display:block;position:relative;background:#fff8e7;border-radius:9px;margin-top:8px;padding:9px;font-size:11px;line-height:1.4;text-align:center;font-weight:700}.food-reaction.delicious{animation:tasty .5s ease-in-out}.aim-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;margin-top:20px}.aim-controls label{font-size:13px;font-weight:700}.aim-controls output{float:right;color:#d06d4c}.aim-controls input{display:block;width:100%;min-height:44px;accent-color:#d97b51}.aim-controls button{grid-column:1/-1;justify-content:center;min-height:54px}.food-pause,.disco-pause{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;background:#213e34ed;color:#fff6e4;z-index:8;padding:20px;text-align:center}.food-pause b,.disco-pause b{font-size:26px}.food-pause[hidden],.disco-pause[hidden]{display:none}.disco-cover{position:relative;background:#243f35;border-radius:18px;overflow:hidden}.disco-cover img{max-height:350px;object-fit:contain}.disco-cover figcaption{position:absolute;bottom:14px;left:14px;right:14px;text-align:center;background:#fff5e3ec;border-radius:8px;padding:9px;font-weight:700;font-size:13px}.rhythm-options{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px;font-size:13px}.rhythm-options label{display:flex;gap:9px;align-items:center;min-height:44px}.rhythm-options input{width:20px;height:20px;accent-color:#346747}.disco-stage{position:relative;background:#233d34;border-radius:20px;overflow:hidden;height:400px}.disco-stage>img{height:100%;width:100%;object-fit:contain}.disco-sticker{position:absolute;top:14px;left:14px;background:#f4dd7b;transform:rotate(-4deg);font-size:12px;letter-spacing:1px;font-weight:800;padding:8px 13px;border-radius:4px}.disco-caption{position:absolute;bottom:14px;left:14px;right:14px;padding:12px 18px;background:#fff8eaf2;color:#254337;text-align:center;font-size:16px;line-height:1.4;font-weight:800;border-radius:9px}.beat-track{height:95px;position:relative;background:#213f35;border-radius:16px;margin-top:14px;overflow:hidden}.beat-target{position:absolute;top:0;bottom:0;left:calc(50% - 14px);width:28px;background:#f4cf7040;border-left:2px solid #f4cf70;border-right:2px solid #f4cf70}.beat-note{position:absolute;top:13px;width:35px;height:35px;margin-left:-17.5px;border:2px solid #fff9;border-radius:50%;background:#e78969;color:#fff8dd;display:grid;place-items:center;font-size:21px}.beat-note[hidden]{display:none}.beat-verdict{position:absolute;bottom:8px;left:5px;right:5px;text-align:center;font-size:12px;font-weight:700;color:#fff3cf}.beat-hit{width:100%;background:#ecc76c;color:#293f31;border:0;border-bottom:6px solid #b98b35;border-radius:15px;padding:14px;font-size:19px;letter-spacing:.5px;font-weight:800;margin-top:12px;touch-action:manipulation}.beat-hit span{display:block;font-weight:500;font-size:11px;margin-top:3px;letter-spacing:0}.beat-hit:active{transform:translateY(3px);border-bottom-width:3px}.beat-success{animation:disco-pop .24s ease-out}.disco-card{background:#dcebc5!important}.game-card img{height:270px;object-fit:cover}.game-card[data-game=memory] img{object-position:center 30%}.game-card[data-game=rhythm] img,.game-card[data-game=puzzle] img{object-fit:contain;background:#233b34}.quiz-photo,.story-photo,.result-art{width:100%;max-width:none;max-height:460px;height:auto;object-fit:contain;background:#e4e8da;border-radius:14px}.memory-board{gap:12px}.memory-tile{aspect-ratio:.82!important;min-height:145px}.memory-tile img{object-fit:cover;object-position:center 30%}.memory-board[data-pairs="4"]{grid-template-columns:repeat(4,1fr)}.memory-board[data-pairs="6"]{grid-template-columns:repeat(4,1fr)}.memory-board[data-pairs="10"]{grid-template-columns:repeat(4,1fr)}.character-face{background-image:url(assets/weird-faces.webp)!important}.character-face.dasha{background-size:198px 149px!important;background-position:-119px -6px!important}.character-face.nikita{background-size:215px 161px!important;background-position:-55px -10px!important}.character-picker .character-face{width:110px;height:110px;border-radius:14px}.character-picker .character-face.dasha{background-size:365px 274px!important;background-position:-222px -14px!important}.character-picker .character-face.nikita{background-size:397px 298px!important;background-position:-107px -20px!important}.character-picker button{flex-direction:column;align-items:stretch;text-align:center;font-size:19px}.character-picker .character-face{width:100%;height:170px;background-size:300%!important;background-position:90% 4%!important}.character-picker .character-face.nikita{background-position:34% 4%!important}.character-picker small{font-size:12px}.arcade-scene{height:250px}.arcade-scene img{object-fit:contain;filter:none;background:#1b3d35}.arcade-arena{max-width:540px}.game-dialog:has(.arcade-arena){width:720px}.arcade-hud,.arcade-bottom{max-width:540px}@keyframes piece-snap{50%{scale:.94}}@keyframes tasty{50%{transform:rotate(-6deg) scale(1.06)}}@keyframes disco-pop{50%{box-shadow:inset 0 0 0 8px #efc766;scale:1.01}}
@media(max-width:680px){.game-dialog:has(.real-puzzle),.game-dialog:has(.puzzle-pick-layout),.game-dialog:has(.arcade-arena){width:100%}.photo-intro h3{font-size:35px}.photo-intro p{font-size:14px}.puzzle-pick-layout{grid-template-columns:1fr;gap:20px}.puzzle-chosen img{height:260px}.puzzle-photo-choices img{height:85px}.photo-toolbar{gap:7px;font-size:11px;flex-wrap:wrap}.photo-toolbar b{font-size:19px}.photo-toolbar .subtle-button{font-size:11px;padding:8px 10px}.puzzle-surface{width:min(100%,calc(44dvh * var(--photo-ratio)))}.puzzle-tray-piece{flex-basis:83px}.puzzle-message{font-size:12px;margin:14px 0 8px}.puzzle-tools{gap:8px;flex-wrap:wrap}.puzzle-tools button{font-size:11px;min-height:44px}.photo-small{font-size:12px}.big-heroes{gap:10px}.big-heroes button{padding:7px}.big-heroes .real-face{height:165px}.big-heroes b{font-size:21px}.big-heroes span{font-size:11px}.food-court{overflow:visible;margin-top:115px}.food-reaction{width:110px;right:18px;top:-110px;display:flex;align-items:flex-start;gap:8px;flex-direction:row-reverse}.food-reaction .real-face{flex:0 0 110px;border-width:4px;border-radius:16px}.food-reaction span{flex:0 0 150px;font-size:12px;margin-top:15px;box-shadow:0 3px 15px #233b3410}.food-court canvas{border-radius:16px}.food-pause{border-radius:16px}.aim-controls{margin-top:15px;gap:8px 18px}.disco-stage{height:clamp(280px,47dvh,420px)}.disco-caption{font-size:13px;padding:10px;bottom:10px;left:10px;right:10px}.disco-sticker{font-size:10px;padding:7px 10px}.beat-track{height:83px}.beat-hit{font-size:17px}.rhythm-options{align-items:stretch;flex-direction:column;gap:10px}.rhythm-options .button{justify-content:center}.disco-cover img{max-height:340px}.memory-board[data-pairs="4"],.memory-board[data-pairs="6"],.memory-board[data-pairs="10"]{grid-template-columns:repeat(2,minmax(0,1fr))}.memory-tile{min-height:160px;aspect-ratio:.85!important}.memory-board{gap:12px}.game-card img{height:280px}.quiz-photo,.story-photo,.result-art{max-height:440px}.character-picker .character-face{height:135px}.character-picker button{font-size:17px}.character-picker small{font-size:11px}.arcade-scene{height:200px}.arcade-arena{width:100%;min-width:0}.arcade-hud b{font-size:23px}.game-dialog #game-stage{padding-top:8px}.photo-game-result img{max-height:420px}.puzzle-drag-ghost{max-width:120px}.action-art .character-face{transform:scale(1.75) rotate(-8deg)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.food-cover{background:#fff8e8;padding:9px;border-radius:16px;margin:20px 0}.food-cover img{width:100%;height:auto;max-height:330px;object-fit:contain;border-radius:10px}.food-cover figcaption{font-size:12px;line-height:1.6;text-align:center;padding:12px 5px 4px}