html body[data-wp-game-id=snack-blocks] #battleContent{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;min-width:0;min-height:0;padding:8px;gap:8px;overflow:hidden}html body[data-wp-game-id=snack-blocks] .snack-board-track{display:grid;place-items:center;container-type:size;width:100%;height:100%;min-width:0;min-height:0}html body[data-wp-game-id=snack-blocks] #board{width:min(100cqw,calc(100cqh * var(--snack-board-ratio, .7)));height:auto;min-width:0;min-height:0;max-width:100%;max-height:100%;aspect-ratio:var(--snack-board-ratio, .7);grid-template-columns:repeat(var(--snack-columns, 7),minmax(0,1fr));grid-template-rows:repeat(var(--snack-rows, 10),minmax(0,1fr))}html body[data-wp-game-id=snack-blocks] #board .tile{min-height:0;max-height:100%}html body[data-wp-game-id=snack-blocks] .snack-battle-controls{display:flex;align-items:center;gap:8px;min-width:0;min-height:48px}html body[data-wp-game-id=snack-blocks] #hintText{flex:1;min-width:0;margin:0;color:var(--wp-ui-text);font-size:14px;line-height:1.3}html body[data-wp-game-id=snack-blocks] #pauseBtn{flex:0 0 auto}html body[data-wp-game-id=snack-blocks] .snack-goal-line{display:block;font:700 11px/1.1 system-ui,sans-serif}html body[data-wp-game-id=snack-blocks] #resultPanel,html body[data-wp-game-id=snack-blocks] #leaveConfirmPanel{position:absolute;inset:0;z-index:60;display:grid;place-items:center;width:100%;height:100%;min-width:0;min-height:0;padding:calc(var(--wp-frame-header-height, 56px) + 8px) 12px 8px;background:#061820ad;backdrop-filter:blur(6px);overflow:hidden}html body[data-wp-game-id=snack-blocks] #resultPanel.hidden,html body[data-wp-game-id=snack-blocks] #leaveConfirmPanel.hidden{display:none!important}html body[data-wp-game-id=snack-blocks] #resultPanel .result-card{display:grid;grid-template-columns:minmax(0,1fr);width:min(100%,600px);min-width:0;min-height:0;max-width:100%;max-height:100%;padding:14px;gap:8px;overflow:auto;border:1px solid var(--wp-ui-line);border-radius:14px;background:var(--wp-ui-surface);color:var(--wp-ui-text)}html body[data-wp-game-id=snack-blocks] #resultTitle{font-size:26px;line-height:1.1}html body[data-wp-game-id=snack-blocks] #resultText{font-size:14px;line-height:1.3}html body[data-wp-game-id=snack-blocks] #resultStars{min-height:0;font-size:30px;line-height:1.2}html body[data-wp-game-id=snack-blocks] #resultStars:empty{display:none}html body[data-wp-game-id=snack-blocks] #skillReport{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;min-height:0;align-content:start;gap:6px;padding:8px;overflow:auto;color:var(--wp-ui-text)}html body[data-wp-game-id=snack-blocks] #skillReport>:is(strong,p){grid-column:1 / -1;margin:0}html body[data-wp-game-id=snack-blocks] #skillReport>div{display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:5px;gap:3px;border-radius:6px;background:var(--wp-ui-background)}html body[data-wp-game-id=snack-blocks] #skillReport :is(span,i){font-size:12px;line-height:1.2}html body[data-wp-game-id=snack-blocks] #skillReport>p{font-size:12px;line-height:1.3}html body[data-wp-game-id=snack-blocks] .result-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:8px}html body[data-wp-game-id=snack-blocks] .result-actions button{min-width:0}html body[data-wp-game-id=snack-blocks] .leave-confirm-card{max-height:100%;overflow:auto;border-color:var(--wp-ui-line);background:var(--wp-ui-surface);color:var(--wp-ui-text)}@media(min-aspect-ratio:3 / 2)and (max-height:430px){html body[data-wp-game-id=snack-blocks] #battleContent{grid-template-columns:minmax(0,1fr) 170px;grid-template-rows:minmax(0,1fr);padding:6px;gap:8px}html body[data-wp-game-id=snack-blocks] .snack-battle-controls{flex-direction:column;justify-content:center;text-align:center}html body[data-wp-game-id=snack-blocks] #hintText{flex:0 0 auto}html body[data-wp-game-id=snack-blocks] #resultPanel .result-card{width:min(100%,760px);grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"title report" "summary report" "stars report" "actions actions";padding:10px;gap:6px 12px}html body[data-wp-game-id=snack-blocks] #resultTitle{grid-area:title}html body[data-wp-game-id=snack-blocks] #resultText{grid-area:summary}html body[data-wp-game-id=snack-blocks] #resultStars{grid-area:stars}html body[data-wp-game-id=snack-blocks] #skillReport{grid-area:report;padding:6px;gap:4px}html body[data-wp-game-id=snack-blocks] .result-actions{grid-area:actions}}