.differences-game{color:#344b43;max-width:1520px;padding-bottom:35px}.differences-game button,.differences-game select{font:inherit;cursor:pointer;min-height:44px}.differences-game button:disabled{opacity:.5;cursor:default}.differences-game :focus-visible{outline-offset:4px;outline:3px solid #456b90}.df-setup{align-items:start}.df-intro{background:#f3f2e5;border:1px solid #bdc8ae;border-radius:24px;padding:22px}.df-intro h2,.df-picker-heading h2{font:700 36px var(--font-caveat);margin:20px 0 12px}.df-intro p{font-size:18px;line-height:1.65}.df-intro .df-cover{border-radius:16px}.df-axi{background:#edf0e3;border:1px solid #c9d0b9;border-radius:17px;align-items:center;gap:15px;margin:18px 0;padding:12px 18px;display:flex}.df-axi img{object-fit:contain;flex:none;width:58px;height:64px}.df-axi p{margin:0;font-size:17px;line-height:1.5}.df-axi b{margin-right:5px}.df-intro .df-axi b{display:block}.df-soft{color:#607062;font-size:15px!important}.differences-game .df-three{grid-template-columns:repeat(3,minmax(0,1fr))}.df-three small{margin-top:4px;font-size:13px;display:block}.df-load{color:#52694f;text-align:center;min-height:40px;font-size:14px;line-height:1.5}.df-scene-picker{border-top:1px solid #c9d0b9;margin-top:35px;padding-top:15px}.df-picker-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.df-picker-heading p{color:#61715e;max-width:440px}.df-scenes{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.df-scenes button{text-align:left;color:#344b43;background:#fbf8ed;border:2px solid #c4cdb7;border-radius:16px;padding:0 0 12px;transition:border-color .15s;overflow:hidden}.df-scenes button[aria-pressed=true]{border-color:#527757;box-shadow:0 0 0 2px #527757}.df-scenes img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;display:block}.df-scenes span{margin:12px 12px 5px;font-size:16px;font-weight:700;display:block}.df-scenes small{color:#64735d;margin:0 12px;font-size:12px;display:block}.df-other{color:#945635;justify-content:flex-end;align-items:center;gap:16px;margin:10px 0 22px;font-weight:700;display:flex}.df-other select{color:#684733;background:#fff9ed;border:1px solid #c39170;border-radius:9px;max-width:100%;padding:10px}.df-bottom-start{justify-content:center;align-items:center;gap:25px;margin:28px 0;display:flex}.df-bottom-start .button{min-width:260px}.df-match-head{justify-content:space-between;align-items:center;gap:16px;margin:20px 0;display:flex}.df-match-head h1{font:700 40px var(--font-caveat);margin:0 0 5px}.df-match-head p{margin:0;font-size:15px}.df-match-head>span{white-space:nowrap;border:1px solid #c4cdb7;border-radius:20px;padding:10px 17px;font-size:14px}.df-boards{align-items:start;gap:18px;display:grid}.df-boards.duel{grid-template-columns:repeat(2,minmax(0,1fr))}.df-board{background:#f6f7ef;border:2px solid #91acb9;border-radius:20px;min-width:0;padding:14px}.df-board.df-team-1{background:#fbf5e9;border-color:#c69c77}.df-board>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.df-board>header span{color:#426879;font-size:13px}.df-team-1>header span{color:#965c39}.df-board h2{font:700 30px var(--font-caveat);margin:0}.df-board>header strong{color:#426879;white-space:nowrap;font-size:30px}.df-board>header small{font-size:19px;font-weight:400}.df-board progress{accent-color:#6e9167;width:100%;height:8px;margin-bottom:12px;display:block}.df-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.duel .df-pair{grid-template-columns:minmax(0,1fr);gap:10px}.df-pair figure{min-width:0;margin:0}.df-pair figcaption{letter-spacing:.07em;text-transform:uppercase;color:#687360;margin-bottom:5px;font-size:12px}.df-image-scroll{overscroll-behavior:contain;background:#e8e8d9;border-radius:13px;overflow:auto}.df-pair svg{aspect-ratio:4/3;cursor:crosshair;touch-action:pan-x pan-y pinch-zoom;width:100%;height:auto;display:block}.df-pair svg[aria-disabled=true]{cursor:default}.df-zoom .df-image-scroll{max-height:500px}.df-zoom svg{width:150%;max-width:none}.df-feedback{min-height:46px;margin:12px 0 6px;font-size:16px;line-height:1.5}.df-feedback.complete{color:#326044;font-weight:700}.df-board-actions{justify-content:space-between;gap:10px;display:flex}.df-board-actions button{background:#fff9eb;border:1px solid #adbba4;border-radius:10px;align-items:center;gap:7px;padding:7px 14px;font-size:15px;display:flex}.df-board-actions img{width:27px;height:30px}.df-wait{background:#e1ebd6;border-radius:9px;margin:12px 0 0;padding:11px 13px;font-size:15px}.df-keyboard{color:#6c7663;text-align:center;max-width:1050px;margin:25px auto 0;font-size:13px;line-height:1.65}.df-results{text-align:center;padding:32px 15px}.df-results>img{width:90px;height:100px}.df-results h1{font:700 52px var(--font-caveat);margin:15px 0 25px}.df-result-cards{flex-wrap:wrap;justify-content:center;gap:25px;display:flex}.df-result-cards article{background:#edf0e2;border:1px solid #becbb3;border-radius:20px;min-width:270px;padding:20px 30px}.df-result-cards h2{font:700 30px var(--font-caveat)}.df-result-cards strong{color:#476e50;font-size:46px}.df-result-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin:25px 0;display:flex}.df-result-actions button,.df-dialog button{border:1px solid #aab89c;border-radius:10px;padding:10px 22px}.df-results details{text-align:left;max-width:800px;margin:25px auto;line-height:1.8}.df-results summary{cursor:pointer;font-weight:700}.df-dialog{text-align:center;color:#344b43;background:#fbf7e9;border:2px solid #97aa87;border-radius:22px;max-width:480px;padding:25px}.df-dialog::backdrop{background:#263e3a88}.df-dialog>img{width:70px}.df-dialog h2{font:700 34px var(--font-caveat)}.df-dialog button{margin:8px}.differences-game:fullscreen{background:#fbf8ed;width:100%;max-width:none;height:100dvh;padding:14px 2vw 30px;overflow:auto!important}.differences-game:fullscreen .df-match-head{margin:12px 0}.differences-game:fullscreen .df-axi{margin:10px 0;padding:7px 13px}.differences-game:fullscreen .df-axi img{width:42px;height:46px}.differences-game:fullscreen .df-board{padding:10px}.differences-game:fullscreen .df-match-head h1{font-size:34px}.differences-game:fullscreen .df-feedback{min-height:42px;margin-top:8px}.differences-game:fullscreen .df-keyboard{margin-top:14px}@media (min-width:901px){.differences-game:fullscreen .duel .df-image-scroll{max-width:min(100%,max(300px,66.7dvh - 326.83px));margin:auto}.differences-game:fullscreen .solo .df-image-scroll{max-width:min(100%,max(400px,133.3dvh - 653.17px));margin:auto}.differences-game:fullscreen .df-zoom .df-image-scroll{max-height:360px}}@media (max-width:1100px){.differences-game .math-toolbar>span{display:none}.df-scenes{grid-template-columns:repeat(4,minmax(0,1fr))}.df-board h2{font-size:27px}}@media (max-width:900px){.df-boards.duel{grid-template-columns:minmax(0,1fr)}.duel .df-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.df-scenes{grid-template-columns:repeat(3,minmax(0,1fr))}.df-match-head>span{display:none}.df-setup{grid-template-columns:1fr!important}.df-intro .df-cover{max-width:640px;margin:auto}}@media (max-width:600px){.differences-game{margin:0;padding:15px 9px}.differences-game .math-toolbar{flex-wrap:wrap;gap:10px}.differences-game .math-toolbar>div{flex-wrap:wrap;gap:6px}.differences-game .math-toolbar button{padding:8px;font-size:13px}.differences-game .math-heading h1{font-size:43px}.df-intro{padding:15px}.df-intro p{font-size:16px}.df-scenes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.df-scenes span{margin:8px 9px 4px;font-size:15px}.df-scenes small{margin:0 9px;font-size:11px}.df-picker-heading{display:block}.df-picker-heading h2{font-size:33px}.df-other{display:block}.df-other select{width:100%;margin-top:8px;display:block}.df-bottom-start{text-align:center;display:block}.df-bottom-start .button{width:100%}.df-pair,.duel .df-pair{grid-template-columns:minmax(0,1fr);gap:14px}.df-board{padding:10px}.df-board-actions button{padding:7px 10px;font-size:13px}.df-axi{flex-wrap:wrap;gap:10px;padding:10px}.df-axi img{width:43px;height:49px}.df-axi p{flex:1;min-width:180px;font-size:14px}.df-axi>.button{width:100%}.df-match-head h1{font-size:33px}.df-match-head p{font-size:13px}.df-results h1{font-size:40px}.df-result-cards article{width:100%;min-width:0;padding:15px}.df-results{padding:20px 5px}.df-feedback{font-size:15px}.df-keyboard{font-size:12px}.df-zoom .df-image-scroll{max-height:340px}.differences-game:fullscreen{padding:10px 8px 25px}}@media (prefers-reduced-motion:reduce){.differences-game *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}