@media (min-width:600px) and (max-width:1366px){.shapka-scope .app{padding:20px}.shapka-scope :is(.home,.room-shell){width:100%;min-width:0}.shapka-scope :is(.panel,.word-stage,.team-card,.player-chip,.choice-trigger,.review-item){min-width:0}.shapka-scope :is(input,select){font-size:16px}.shapka-scope :is(.icon-button,.canvas-toolbar button,.profile-edit-button,.choice-trigger){min-width:44px;min-height:44px}.shapka-scope :is(.room-shell,.room-preparation) .room-header{border-radius:18px;flex-flow:wrap;align-items:center;gap:12px;margin-bottom:18px;padding:14px 18px}.shapka-scope :is(.room-shell,.room-preparation) .header-actions{gap:8px;width:auto;min-width:0;margin-left:auto}.shapka-scope .room-header .profile-pill{min-width:0;max-width:260px}.shapka-scope .profile-pill strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shapka-scope .room-code{flex-wrap:wrap;min-width:0}.shapka-scope .shapka-home-menu.shapka-home-menu.shapka-home-menu{border-radius:26px;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);margin:0 auto 24px}.shapka-scope .shapka-home-menu.shapka-home-menu.shapka-home-menu :is(.brand-panel,.room-entry){padding:22px}.shapka-scope .shapka-home-menu.shapka-home-menu.shapka-home-menu .brand-panel{flex-direction:column;gap:18px;min-height:0;display:flex}.shapka-scope .shapka-home-menu .hat-menu-slogan{font-size:clamp(34px,4vw,48px)}.shapka-scope .shapka-home-menu .hat-paper-art{width:100%;max-width:340px;margin:auto auto 0}.shapka-scope .shapka-home-menu.shapka-home-menu.shapka-home-menu .avatar-picker{grid-template-columns:repeat(8,44px);gap:8px;display:grid}.shapka-scope .shapka-home-menu.shapka-home-menu.shapka-home-menu .avatar-picker button{width:44px;height:44px;min-height:44px}.shapka-scope .shapka-home-menu.shapka-home-menu.shapka-home-menu .avatar-picker .avatar-badge{width:38px;height:38px}.shapka-scope .shapka-home-menu.shapka-home-menu.shapka-home-menu :is(.entry-intent-options button,.play-mode-picker button,.mutation-mode-action){min-height:52px}.shapka-scope .shapka-home-menu.shapka-home-menu.shapka-home-menu .settings-list{gap:10px}.shapka-scope .shapka-home-menu.shapka-home-menu.shapka-home-menu .stepper{flex-wrap:wrap}.shapka-scope .shapka-home-menu.shapka-home-menu.shapka-home-menu .stepper>span{flex-basis:100%}.shapka-scope .shapka-home-menu.shapka-home-menu.shapka-home-menu .stepper button{width:44px;height:44px}.shapka-scope .hat-switch{flex-shrink:0}.shapka-scope .room-preparation .lobby-grid{gap:16px}.shapka-scope .room-preparation .lobby-grid>.panel{border-radius:20px;padding:18px}.shapka-scope .room-preparation .word-fields{grid-template-columns:minmax(0,1fr)}.shapka-scope .room-preparation .word-field input{min-height:48px;font-size:16px}.shapka-scope .room-preparation .teams-grid,.shapka-scope .room-preparation .word-buttons,.shapka-scope .room-preparation .local-player-fields{grid-template-columns:minmax(0,1fr)}.shapka-scope .room-preparation .team-name-editor input,.shapka-scope .room-preparation input:not([type=range]){font-size:16px}.shapka-scope .room-preparation .profile-edit-button{min-width:44px;min-height:44px}.shapka-scope .room-preparation .lobby-start-panel{flex-wrap:wrap;gap:14px}.shapka-scope :is(.play-layout,.review-layout,.fresh-words-layout){align-items:start;gap:18px}.shapka-scope .play-layout .round-overview{padding:22px}.shapka-scope .round-overview h2{margin-bottom:18px;font-size:42px}.shapka-scope .round-overview .rules-list>span{gap:10px;font-size:14px}.shapka-scope .player-start,.shapka-scope .hat-turn-screen .turn-actions button{min-height:48px}.shapka-scope .hat-turn-screen .word-card{min-height:clamp(190px,28svh,300px)}.shapka-scope .hat-turn-screen.drawing-turn{grid-template-columns:minmax(0,1fr) 180px;gap:12px}.shapka-scope .hat-turn-screen.drawing-turn .word-card{min-height:84px;padding:12px 18px}.shapka-scope .hat-turn-screen.drawing-turn .word-card h2{font-size:clamp(26px,3.5vw,42px)}.shapka-scope .hat-turn-screen.drawing-turn .timer-strip{flex-direction:row;padding:10px}.shapka-scope .hat-turn-screen.drawing-turn .timer-strip strong{display:block}.shapka-scope .hat-turn-screen.drawing-turn .timer-strip:has(.final-signal,.bomb-ticking){flex-direction:column}.shapka-scope .drawing-turn .canvas-viewport{height:clamp(200px,100svh - 390px,520px);min-height:200px}.shapka-scope .drawing-turn .canvas-hint{display:block}.shapka-scope .drawing-turn .canvas-toolbar .canvas-color{width:36px;min-width:36px;height:36px;min-height:36px}.shapka-scope .canvas-toolbar input{width:110px}.shapka-scope .canvas-tool{padding:12px}.shapka-scope .finished-summary :is(.ranking-panel,.stats-panel){padding:20px}.shapka-scope .finished-summary .stats-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.shapka-scope .finished-layout .winner-stage h2{font-size:clamp(34px,5vw,56px)}.shapka-scope .instruction-modal{overscroll-behavior:contain;border-radius:22px;width:min(860px,100%);max-height:calc(100dvh - 40px);padding:22px}.shapka-scope .profile-modal{width:min(560px,100%)}.shapka-scope .shapka-rules-page{padding:20px}.shapka-scope .shapka-rules-shell{gap:18px}.shapka-scope .shapka-rules-hero{border-radius:26px;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:24px;min-height:0;padding:30px}.shapka-scope .shapka-rules-hero-copy h1{font-size:clamp(40px,5.5vw,68px);line-height:1.02}.shapka-scope .shapka-rules-summary{min-height:0;padding:24px}.shapka-scope :is(.shapka-rules-section,.shapka-rules-rounds){border-radius:24px;padding:26px}.shapka-scope .shapka-rules-step-grid article{min-height:0;padding:18px}.shapka-scope .shapka-rules-step-grid h3{margin-top:18px}.shapka-scope :is(.shapka-rules-round-grid,.shapka-rules-device-grid,.shapka-rules-word-modes){grid-template-columns:repeat(2,minmax(0,1fr))}.shapka-scope :is(.shapka-rules-heading,.shapka-rules-rounds-heading) h2{font-size:clamp(28px,3.5vw,40px)}.shapka-scope .shapka-rules-footer{gap:20px;padding:24px}}@media (min-width:600px) and (max-width:1000px){.shapka-scope .shapka-home-menu.shapka-home-menu.shapka-home-menu{grid-template-columns:minmax(0,1fr)}.shapka-scope .shapka-home-menu.shapka-home-menu.shapka-home-menu .brand-panel{border-bottom:1px solid #ded8cb;border-right:0;grid-template-columns:minmax(0,1fr) 200px;align-items:center;gap:8px 24px;padding:16px 22px;display:grid}.shapka-scope .shapka-home-menu .hat-back-link{grid-area:1/1}.shapka-scope .shapka-home-menu .hat-menu-slogan{grid-area:2/1;margin:0;font-size:38px}.shapka-scope .shapka-home-menu .hat-paper-art{grid-area:1/2/4;max-width:200px;margin:0}.shapka-scope .shapka-home-menu .hat-menu-rules{grid-area:3/1;justify-self:start;margin:8px 0 0}.shapka-scope .shapka-home-menu.shapka-home-menu.shapka-home-menu .room-entry{padding:22px}.shapka-scope .room-preparation .lobby-grid{grid-template-columns:minmax(0,1fr)}.shapka-scope .room-preparation .lobby-grid>.panel{grid-column:1}.shapka-scope .room-preparation .teams-grid,.shapka-scope .room-preparation .word-buttons,.shapka-scope .room-preparation .local-player-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.shapka-scope :is(.play-layout,.review-layout,.fresh-words-layout)>:is(.panel,.round-card,.fresh-words-intro){grid-column:1/-1}.shapka-scope .hat-turn-screen .turn-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.shapka-scope .hat-turn-screen .turn-actions.open-round.final-decision{grid-template-columns:minmax(0,1fr)}.shapka-scope .drawing-turn .canvas-palette{flex-basis:100%;order:2}.shapka-scope .drawing-turn .canvas-zoom{margin-left:auto}.shapka-scope .drawing-turn .canvas-hint{display:none}.shapka-scope .shapka-rules-hero{grid-template-columns:minmax(0,1fr);gap:20px}.shapka-scope .shapka-rules-summary{min-height:0}.shapka-scope :is(.shapka-rules-step-grid,.shapka-rules-flow-grid,.shapka-rules-option-grid){grid-template-columns:repeat(2,minmax(0,1fr))}.shapka-scope :is(.shapka-rules-step-grid,.shapka-rules-flow-grid,.shapka-rules-option-grid)>article:last-child:nth-child(odd){grid-column:1/-1}.shapka-scope .shapka-rules-rounds-heading{flex-wrap:wrap;gap:14px}}@media (min-width:600px) and (max-width:720px){.shapka-scope .room-preparation .teams-grid,.shapka-scope .finished-summary .stats-panel,.shapka-scope :is(.shapka-rules-round-grid,.shapka-rules-device-grid,.shapka-rules-word-modes){grid-template-columns:minmax(0,1fr)}.shapka-scope .shapka-home-menu .hat-menu-slogan{font-size:32px}.shapka-scope .shapka-rules-footer{flex-wrap:wrap}}@media (min-width:600px) and (max-width:1366px) and (orientation:landscape) and (max-height:850px){.shapka-scope .app{padding:14px 20px}.shapka-scope :is(.room-shell,.room-preparation) .room-header{margin-bottom:12px;padding:10px 16px}.shapka-scope .shapka-home-menu.shapka-home-menu.shapka-home-menu .room-entry{padding:18px 22px}.shapka-scope .drawing-turn .canvas-viewport{height:clamp(180px,100svh - 410px,420px);min-height:180px}.shapka-scope .drawing-turn .canvas-hint{display:none}}@media (min-width:600px) and (pointer:coarse){.shapka-scope :is(.icon-button,.canvas-toolbar button,.profile-edit-button,.stepper button,.avatar-picker button){min-width:44px;min-height:44px}.shapka-scope .canvas-tool .canvas-toolbar .canvas-color{width:44px;min-width:44px;height:44px;min-height:44px}}