:root{font-family:Inter,ui-rounded,Noto Sans,system-ui,sans-serif;color:var(--wp-ui-text, #f6f2dd);--cat-board-ink: #18224c}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden}body{color:var(--wp-ui-text, #f6f2dd);background-color:var(--wp-ui-background, #0b202b)}button,select{font:inherit}button{cursor:pointer}.screen[hidden]{display:none!important}.screen{width:min(100%,920px);margin:0 auto}.battle-content{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,260px);align-items:center;gap:14px;min-height:0;padding:14px 18px;overflow:hidden}.board-wrap{display:grid;min-width:0;min-height:0;justify-items:center;align-content:center;gap:9px}.cat-board{--size: 4;display:grid;width:min(100%,calc(100svh - 222px),590px);aspect-ratio:1;grid-template-columns:repeat(var(--size),minmax(0,1fr));grid-template-rows:repeat(var(--size),minmax(0,1fr));direction:ltr;padding:7px;border:4px solid #edb74e;border-radius:12px;background:#f6f2dd;box-shadow:0 6px 0 var(--wp-ui-shadow, #061820),inset 0 0 0 2px #fff}.cat-cell{position:relative;display:grid;min-width:0;min-height:0;place-items:center;padding:0;overflow:hidden;border:1px solid #27305a42;border-radius:4px;color:var(--cat-board-ink);background-color:var(--region-color);background-image:var(--region-pattern);background-size:18px 18px;contain:size layout;touch-action:manipulation;transition:box-shadow .14s ease,filter .14s ease}.cat-cell:before{position:absolute;inset:4px auto auto 5px;content:attr(data-symbol);font-size:clamp(.55rem,1.4vw,.72rem);font-weight:950;opacity:.55}.cat-cell.region-top{border-top-width:3px;border-top-color:#1a2145}.cat-cell.region-right{border-right-width:3px;border-right-color:#1a2145}.cat-cell.region-bottom{border-bottom-width:3px;border-bottom-color:#1a2145}.cat-cell.region-left{border-left-width:3px;border-left-color:#1a2145}.cat-cell img,.cat-cell .x-mark{position:absolute;inset:6%;display:grid;width:88%;height:88%;max-width:88%;max-height:88%;place-items:center;margin:0;pointer-events:none}.cat-cell img{object-fit:contain;filter:drop-shadow(0 3px 2px #1d224766)}.cat-cell .x-mark{color:#26305c;font-size:clamp(1.2rem,4vw,2.5rem);font-weight:950;text-shadow:0 1px #fff}.cat-cell.starter:after{position:absolute;right:4px;bottom:2px;color:#725100;content:"★";font-size:.72rem}.cat-cell.hint-target{z-index:2;box-shadow:inset 0 0 0 3px #fff4b8}.cat-cell.invalid{box-shadow:inset 0 0 0 2px #b53c55}.cat-cell:focus-visible{z-index:3;outline:4px solid #fff;box-shadow:0 0 0 7px #18224c}.cat-cell.hint-target:focus-visible{outline:4px solid #edb74e}.cat-cell img,.cat-cell .x-mark{object-fit:contain}.status{width:100%;height:3.4em;min-height:0;margin:0;padding:0 8px;overflow:auto;align-content:center;color:var(--wp-ui-text, #f6f2dd);text-align:center;font-size:.82rem;font-weight:850;line-height:1.35;scrollbar-width:thin}.status.error{color:#ffd1cf}.battle-tools{display:grid;min-width:0;gap:12px;align-content:center}.mode-switch,.action-row{display:grid;gap:7px}.mode-switch{grid-template-columns:1fr 1fr}.action-row{grid-template-columns:repeat(3,minmax(0,1fr))}.battle-tools button{min-width:0;min-height:44px}.mode-switch button.active{outline:2px solid var(--wp-ui-gold, #edb74e);outline-offset:1px}.rule-card{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:8px;padding:10px;border:1px solid var(--wp-ui-line, #597775);border-radius:12px;background:var(--wp-ui-surface, #14323d);color:var(--wp-ui-text, #f6f2dd)}.rule-card img{width:72px;height:72px;object-fit:contain}.rule-card strong{font-size:.75rem}.rule-card p{margin:.25rem 0 0;color:var(--wp-ui-muted, #a4bdb9);font-size:.72rem;line-height:1.35}dialog[data-wp-frame-result-card]{width:min(450px,calc(100% - 28px));border:2px solid var(--wp-ui-line, #597775);border-radius:12px;padding:28px;color:var(--wp-ui-text, #f6f2dd);background:var(--wp-ui-surface, #14323d);text-align:center;box-shadow:0 6px 0 var(--wp-ui-shadow, #061820)}dialog::backdrop{background:#061820b8;backdrop-filter:blur(4px)}dialog h2{margin:.25rem 0}.dialog-actions,.result-actions{display:flex;justify-content:center;gap:8px;margin-top:18px}.result-actions button{flex:1}.result-cat{width:105px;height:105px;object-fit:contain;margin:-18px auto -4px}.result-mastery{margin:.9rem 0 0;padding:10px 12px;border-radius:8px;background:var(--wp-ui-background, #0b202b);color:var(--wp-ui-muted, #a4bdb9);font-size:.86rem;font-weight:800;line-height:1.4}@media(max-width:680px){.battle-content{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:8px;padding:8px 12px}.cat-board{width:min(calc(100vw - 30px),calc(100svh - 335px),520px)}.battle-tools{width:min(100%,560px);justify-self:center;grid-template-columns:1fr;gap:7px}.rule-card{display:none}.mode-switch,.action-row{gap:5px}.battle-tools button{padding:6px;font-size:.78rem}.status{font-size:.75rem}}@media(max-height:500px)and (orientation:landscape){.battle-content{grid-template-columns:minmax(260px,430px) minmax(210px,300px);grid-template-rows:1fr;justify-content:center;padding:5px 10px}.cat-board{width:min(calc(100svh - 144px),430px)}.board-wrap{align-content:center;gap:4px}.battle-tools{display:grid;grid-template-columns:1fr;align-content:center;width:auto}.rule-card{display:grid}.status{height:2.7em;min-height:0;font-size:.72rem}.cat-cell,.mode-switch button,.action-row button{transition:none}}@media(prefers-reduced-motion:reduce){.cat-cell,.mode-switch button,.action-row button{transition:none}}@media(forced-colors:active){.cat-cell{forced-color-adjust:none;border-color:CanvasText}.cat-cell.hint-target{outline:4px solid Highlight}.mode-switch button.active{outline:3px solid Highlight}}body[data-wp-game-id=cat-color-sudoku][data-screen=battle]:not(:has(#resultDialog[open])) .wpb-toast[data-wpb-reward-game=cat-color-sudoku]{visibility:hidden;pointer-events:none}body[data-wp-game-id=cat-color-sudoku] #resultDialog #resultNext:disabled{opacity:.45;filter:grayscale(1);cursor:not-allowed;box-shadow:none}