body:has(main#app.game)>footer{display:none}
.game{max-width:1220px;padding:12px 24px 24px;margin:auto;font-family:Arial,Helvetica,sans-serif}
.game :is(button,p,h2,small,b,.eyebrow){font-family:Arial,Helvetica,sans-serif}
.puzzle-session-head{display:flex;align-items:center;gap:16px;min-height:44px;margin:0 0 14px}
.puzzle-session-head>#puzzleLibraryBack{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 0;font-size:13px;white-space:nowrap}
.puzzle-session-title{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;color:#eee}
.puzzle-session-tools{display:flex;align-items:center;gap:8px;flex:none}
.game .sound-toggle,.puzzle-help-button{display:grid;place-items:center;width:40px;height:40px;min-height:40px;margin:0;padding:8px;border:1px solid #484848;border-radius:7px;background:#191919;color:#c8c8c2}
.game .sound-toggle[aria-pressed=true]{color:#d5ff5f}
.sound-toggle svg{width:21px;height:21px}
.puzzle-help-button{font-weight:750;font-size:16px}
.game .layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:28px;min-height:0}
.game #board{display:flex;flex-direction:column;align-items:center;width:min(100%,840px,calc(100dvh - 200px));justify-self:center;min-height:0;scroll-margin:0}
.game #board>.turn-indicator{align-self:center;display:inline-flex;margin:0 0 4px;border-radius:4px 4px 0 0;box-shadow:none;min-height:24px}
.game #board>.board{width:100%;flex:none}
.game .puzzle-control-panel{width:100%;padding:20px;align-self:start;border:1px solid #414141;background:#191919;border-radius:9px;margin-top:28px}
.puzzle-control-panel .eyebrow{display:flex;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:.08em;line-height:1.4}
.game .mobile-puzzle-counter{font:700 11px/1.3 Arial,Helvetica,sans-serif;white-space:nowrap;color:#c7c7c1;text-align:right}
.game .puzzle-position-title{font-size:24px;line-height:1.15;letter-spacing:-.02em;margin:14px 0 18px}
.game .progress{height:4px;margin:0 0 12px;background:#3c3c3c}
.game .stats{display:flex;justify-content:space-between;gap:12px;margin:0 0 14px;padding:10px 0;border-block:1px solid #393939}
.game .stats small{font-size:11px;color:#aaa}
.game .stats b{display:block;font-size:25px;line-height:1.25;font-variant-numeric:tabular-nums;color:#d5ff5f}
.game .stats .practice-untimed{font-size:17px;line-height:31px;color:#ddd}
.game .status{color:#e3e3dd;min-height:60px;font-size:14px;line-height:1.35;margin:12px 0;overflow-wrap:anywhere}
.game .status[data-state=success]{color:#d5ff5f}
.game .status[data-state=mistake]{color:#f3b5a6}
.game .puzzle-action-slot{display:grid;grid-template-columns:1fr;margin:0;gap:0;min-height:44px}
.puzzle-action-slot>button{grid-area:1/1;width:100%;min-height:44px;padding:10px 12px;margin:0;font-size:13px}
.puzzle-action-slot #skip.hidden{display:block!important;visibility:hidden;pointer-events:none}
.puzzle-action-slot #next.hidden{display:none!important}
.puzzle-control-panel>#error:empty{display:none}
.puzzle-session-head button:focus-visible,.puzzle-control-panel button:focus-visible{outline:2px solid #d5ff5f;outline-offset:3px}
#puzzleHelpDialog{max-width:460px;width:calc(100% - 32px);font-family:Arial,Helvetica,sans-serif}
#puzzleHelpDialog h2{font:700 23px Arial,Helvetica,sans-serif;margin:0}
@media(min-width:761px){body:has(main#app.game)>header{padding-block:10px}.game{padding-top:8px}.game .layout>.panel{order:0}}
@media(max-width:760px){
 body:has(main#app.game){padding-bottom:0!important}
 body:has(main#app.game)>header{position:relative;top:auto;min-height:48px;height:48px;padding:5px 12px!important;margin:0;align-items:center;flex-wrap:nowrap;gap:8px}
 body:has(main#app.game)>header .brand{font-size:13px!important;gap:7px!important;letter-spacing:.02em;min-width:0}
 body:has(main#app.game)>header .brand img{width:30px!important;height:30px!important}
 body:has(main#app.game)>header .brand small{display:none!important}
 body:has(main#app.game)>header nav{display:none!important}
 body:has(main#app.game) #memberAccountMobile{display:flex!important;min-height:36px;height:36px;width:auto;min-width:36px;padding:5px;gap:4px}
 body:has(main#app.game) #memberAccountMobile svg{width:21px;height:21px}
 body:has(main#app.game) .header-tools{gap:5px;margin-left:auto}
 body:has(main#app.game) #clubNotifications{height:36px;width:36px;min-height:36px}
 .game{padding:6px 12px 12px;max-width:560px}
 .puzzle-session-head{min-height:36px;margin:0 0 6px;gap:10px}
 .puzzle-session-head>#puzzleLibraryBack{min-height:36px;padding:5px 0;font-size:12px}
 .puzzle-session-title{font-size:12px}
 .puzzle-session-tools{gap:5px}
 .game .sound-toggle,.puzzle-help-button{width:36px;height:36px;min-height:36px;padding:7px}
 .game .layout{display:flex;flex-direction:column;gap:10px;align-items:center;min-height:0}
 .game .layout>.puzzle-control-panel{order:-1;display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:4px 10px;background:transparent;border:0;border-radius:0;padding:0 0 5px;margin:0;align-items:center}
 .puzzle-control-panel .eyebrow{grid-column:1/-1;font-size:9px;line-height:14px;min-height:14px}
 .game .puzzle-position-title,.game .progress{display:none}
 .game .stats{grid-column:1/-1;display:flex;justify-content:space-between;min-height:29px;margin:0;padding:0;border:0;align-items:center}
 .game .stats>div{display:flex;align-items:baseline;gap:8px}
 .game .stats b{font-size:18px;line-height:24px}
 .game .stats small{font-size:11px}
 .game .stats .practice-untimed{font-size:13px;line-height:24px}
 .game .status{display:flex;align-items:center;min-height:44px;height:44px;font-size:12px;line-height:1.3;margin:0;overflow:auto}
 .game .puzzle-action-slot{min-height:44px;margin:0}
 .game .puzzle-action-slot>button{min-height:44px;font-size:12px;padding:8px 6px}
 .game #board{width:min(100%,520px);min-height:0;scroll-margin:0;order:0}
 .game #board>.turn-indicator{font-size:9px;min-height:22px;padding:4px 8px;margin:0 0 3px}
 .game .board.turn-white{box-shadow:0 0 0 3px #f7f4e8,0 0 15px #ffffff22}
 .game .board.turn-black{box-shadow:inset 0 0 0 2px #050505,0 0 0 3px #d5ff5f,0 0 15px #d5ff5f22}
}
@media(max-width:760px) and (orientation:landscape){.game{max-width:900px}.game .layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:start}.game .layout>.puzzle-control-panel{order:0;grid-column:2;grid-row:1}.game #board{grid-column:1;grid-row:1;width:min(100%,calc(100dvh - 145px));min-width:160px}}
@media(max-width:760px){.puzzle-session-head,.puzzle-session-head>#puzzleLibraryBack{min-height:44px}.game .sound-toggle,.puzzle-help-button{width:44px;height:44px;min-height:44px}.game .puzzle-session-tools{gap:4px}body:has(main#app.game) #memberAccountMobile{min-height:44px;height:44px;min-width:44px}body:has(main#app.game) #clubNotifications{height:44px;width:44px;min-height:44px}}

.next-mode-label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.next-mode-label select{min-height:40px;max-width:130px;padding:6px 10px;font-size:13px}.puzzle-session-tools{flex-wrap:wrap}@media(max-width:760px){.puzzle-session-head{flex-wrap:wrap;gap:8px}.puzzle-session-tools{width:100%;justify-content:flex-end}.next-mode-label select{min-height:44px}.game .puzzle-action-slot{flex-wrap:wrap}.game .status{height:auto;min-height:44px;overflow:visible}}