@media(max-width:600px){
 .screen{padding:22px 14px;background-attachment:scroll}.panel{padding:25px 23px;border-radius:17px}.title-panel{max-width:390px;padding:23px}.eyebrow{font-size:11px;gap:10px}.title-panel .subtitle{font-size:10px;letter-spacing:.17em;margin:8px 0 14px}.logo-heading{margin:10px -7px 4px}.personal-best{padding:10px;grid-template-columns:28px 1fr 1fr;gap:8px}.personal-best>.icon{width:28px;height:28px}.personal-best b{font-size:25px}.title-menu{margin-top:17px;gap:13px}.start-button{font-size:18px;min-height:57px}.secondary-menu{gap:10px}.secondary-menu .btn{padding-inline:8px}.games-link{width:70%}
 .game{padding:12px 9px}.game-shell{margin:auto}.hud{grid-template-columns:1fr 1fr auto;gap:8px;padding:11px 12px}.hud::before,.hud::after{display:none}.stage-label>span{font-size:15px}.stage-label b{font-size:25px}.stage-label small{font-size:10px;margin-top:4px}.time-wrap{border-right:0}.time-wrap>strong{font-size:43px}.time-wrap>span{font-size:10px}.hud-buttons{gap:6px}.round{width:40px;min-height:44px;font-size:19px}.stats{grid-column:1/-1;grid-row:2;display:flex;justify-content:space-around;border-top:1px solid #a28ab33b;padding-top:8px}.stats span{font-size:10px;gap:12px}.stats b{font-size:18px}.rule{font-size:10px;margin:10px auto -4px;padding:6px 7px}.rule::before,.rule::after{margin:0 5px;font-size:8px}.board-wrap{width:min(100%,57svh)}.play-table{padding:12px 9px 9px;border-radius:14px}.board{gap:8px}.card,.front,.back{border-radius:9px}.pair-progress{padding-top:10px;gap:9px}.pair-progress .icon{width:20px;height:20px}.game footer{width:min(100%,57svh);gap:7px;margin-top:12px}.game footer .btn{font-size:11px;padding:10px 3px;gap:4px;min-height:46px}.game footer .icon{width:18px;height:18px}.game footer small{font-size:10px}.shuffle-icon{font-size:22px}.notice strong{font-size:18px}.notice p{font-size:11px}.count{font-size:57px}
 .volume-control{grid-template-columns:70px minmax(0,1fr) 40px;gap:7px;font-size:13px}.pause{padding:20px 14px;align-items:safe center}.pause .panel{padding-block:23px}.pause label{padding-block:10px}.pause .menu{gap:9px;margin-top:18px}.pause h2{font-size:29px;margin-bottom:14px}.result h2{font-size:25px}.medal{width:135px;height:135px}.rank{font-size:66px}.medal-label{font-size:9px}.ending .overall-medal{width:130px;height:130px}.ending h2{font-size:24px}.result-row b{font-size:20px}#endingStages{gap:5px}#endingStages span{font-size:8px}.how [data-content]{min-height:210px}.tabs{gap:5px}.tabs button{font-size:11px}.crown{font-size:34px}
}
@media(max-width:360px){.hud{padding:10px;gap:5px}.stage-label small{font-size:9px}.stage-label>span{font-size:13px}.time-wrap>strong{font-size:38px}.round{width:36px}.hud-buttons{gap:4px}.game footer .btn{font-size:10px;gap:3px}.game footer .icon{display:none}.game footer small{font-size:9px}.pair-progress{gap:8px}.pair-progress .icon{width:19px;height:19px}.personal-best span{font-size:9px}.secondary-menu .btn{font-size:13px}}
@media(max-width:600px) and (max-height:660px){section[data-screen="TITLE"]{padding:16px 12px}.title-panel{padding:19px 22px}.title-panel .logo-heading{margin:6px 0}.title-panel .subtitle{margin:6px 0 12px}.personal-best{padding:8px 10px}.personal-best b{font-size:24px}.title-menu{margin-top:14px;gap:11px}.start-button{min-height:50px;font-size:16px}.secondary-menu .btn{min-height:44px}.game{padding:9px}.rule{margin-top:8px}.board-wrap,.game footer{width:min(100%,56svh)}.play-table{padding:11px 8px 8px}.pair-progress{padding-top:8px}.pair-progress .icon{width:18px;height:18px}.game footer{margin-top:9px}.game footer .btn{min-height:44px}.pause .panel{padding:19px 22px}.pause h2{margin:10px 0}.pause label{padding-block:8px}.pause .menu{margin-top:12px;gap:8px}.ending .panel{padding:20px 22px}.ending .overall-medal{width:108px;height:108px;margin:9px auto 12px}.ending .rank{font-size:50px}.ending .medal::before,.ending .medal::after{top:18px}.ending .crown{font-size:28px}.ending h2{font-size:22px}.ending .subtitle{font-size:10px;margin:12px 0}#endingStages{margin:12px 0}}
@media(min-width:601px) and (max-height:680px){.screen{padding:18px}.title-panel{width:450px;padding:20px 28px}.title-logo{max-width:320px;margin:auto}.title-panel .subtitle{margin:6px 0 12px}.personal-best{padding:8px 14px}.title-menu{margin-top:14px;gap:11px}.start-button{min-height:50px;font-size:18px}.hud{padding:9px 20px;gap:18px}.time-wrap>strong{font-size:42px}.stage-label>span{font-size:17px}.stage-label b{font-size:25px}.stage-label small{font-size:11px}.rule{margin-top:8px;font-size:10px;padding-block:5px}.board-wrap,.game footer{width:min(62svh,580px,100%)}.play-table{padding:12px 12px 8px}.board{gap:7px}.pair-progress{padding-top:8px}.pair-progress .icon{width:20px;height:20px}.game footer{margin-top:11px;gap:9px}.game footer .btn{min-height:44px;font-size:11px}.panel{padding:22px 28px}.medal{width:120px;height:120px;margin-bottom:12px}.rank{font-size:54px}.medal::before,.medal::after{top:22px}.result h2{font-size:28px;margin-bottom:13px}.result-row{padding:8px}.result .menu{gap:8px;margin-top:15px}.ending .overall-medal{width:112px;height:112px;margin-bottom:12px}.ending .crown{font-size:30px}.ending h2{font-size:26px}.ending .subtitle{margin:12px 0}#endingStages{margin:12px 0}.pause label{padding-block:8px}}