.game{max-width:800px;text-align:center;padding-bottom:3rem}.mode{display:grid;grid-template-columns:24px 1fr;gap:.6rem;text-align:left;border:2px solid #ddd;border-radius:20px;padding:20px;margin:16px 0;cursor:pointer}.mode span{grid-column:2}.mode:has(:checked){border-color:#e8a3b2;background:#fff4f7}.game button{display:block;min-height:48px;margin:14px auto;width:min(100%,360px)}select{font:inherit;padding:12px;max-width:100%}.pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;justify-items:center}.photo{position:relative;width:100%;align-self:start;touch-action:manipulation;user-select:none}.photo img{display:block;width:100%;height:auto}.mark{position:absolute;border:3px solid #ed2855;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-sizing:border-box;background:#ffffff30;box-shadow:0 0 0 1px white}#timer{font-variant-numeric:tabular-nums}#status{min-height:1.5em;color:#763948}[hidden]{display:none!important}.game-active .site-header,.game-active .game>:not(#play){display:none}.game-active .game{padding:8px 12px;margin:0 auto}#play h2{font-size:1.1rem;margin:0 0 4px}#play p{margin:4px 0 8px}#play .photo{max-width:calc(100svh - 90px)}.game-note{font-size:.9rem;color:#666}@media(max-width:600px){.pair{grid-template-columns:1fr}.game{padding-inline:14px}.mode{padding:15px}.game h1{font-size:28px}#play .photo{width:min(100%,calc((100svh - 100px)/2))}}@media(max-height:500px) and (orientation:landscape){.pair{grid-template-columns:1fr 1fr}#play .photo{width:min(100%,calc(100svh - 90px))}}