:root{font-family:Inter,ui-rounded,"Noto Sans",system-ui,sans-serif;color:#18224c;background:#11183b;--navy:#18224c;--gold:#f5c968;--cream:#fffaf0;--ink:#18224c;--shadow:#070b24aa}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden}body{background:radial-gradient(circle at 18% 10%,#5a68a6 0,transparent 28rem),linear-gradient(145deg,#17214b,#0d1434);color:var(--ink)}button,select{font:inherit}button{cursor:pointer}.screen[hidden]{display:none!important}.screen{width:min(100%,920px);margin:auto}.main-screen{min-height:100svh;padding:max(12px,env(safe-area-inset-top)) 20px 64px;background:radial-gradient(circle at 82% 18%,#fff4c5 0,transparent 30rem),linear-gradient(145deg,#f2edff,#d6e4ff 55%,#f8ecd8)}.main-header,.scene-header{display:grid;grid-template-columns:118px minmax(0,1fr) 230px;align-items:center;text-align:center;min-height:58px}.return,.scene-header>button{justify-self:start;width:58px;height:48px;display:grid;grid-template-columns:auto auto;gap:4px;place-items:center;border:0;border-radius:15px;background:#fffaf0;color:#18224c;text-decoration:none;font-size:1.2rem;box-shadow:0 7px 18px #1c29522b}.return img{display:block;width:23px;height:23px;object-fit:contain}.main-header>strong{font-size:.77rem;letter-spacing:.16em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-tools{justify-self:end;display:flex;align-items:center;gap:7px}.main-tools>button{min-width:50px;height:46px;border:1px solid #aab4d1;border-radius:13px;background:#fffaf0;color:#18224c;font-weight:900}.main-tools>button small{display:block;font-size:.58rem}.locale{font-size:.65rem;font-weight:850;display:grid;text-align:start}.locale select{max-width:120px;border:1px solid #aab4d1;border-radius:9px;padding:5px;background:#fff}.hero{min-height:calc(100svh - 82px);display:grid;grid-template-columns:minmax(260px,470px) 1fr;gap:clamp(28px,6vw,68px);align-items:center}.hero>img{width:100%;max-height:min(68vh,600px);object-fit:cover;border-radius:34px;box-shadow:0 24px 65px #1d275d4a}.eyebrow{margin:0;color:#5b4b9a;font-size:.75rem;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.hero h1{font-size:clamp(2.8rem,7vw,5rem);line-height:.94;letter-spacing:-.05em;margin:.15em 0}.summary{line-height:1.55;font-weight:650}.main-progress{display:inline-flex;margin:.25rem 0 1rem;padding:7px 11px;border-radius:999px;background:#ffffffa8;color:#493d85;font-weight:900}.primary{border:0!important;background:linear-gradient(135deg,#5c4ea2,#354477)!important;color:#fff!important;box-shadow:0 9px 22px #28356555}.hero button{min-height:48px;border:0;border-radius:15px;padding:13px 24px;font-weight:950}.game-guide{max-width:920px;margin:36px auto 0;padding:clamp(22px,4vw,44px);border-radius:30px;background:#fffaf0;box-shadow:0 18px 45px #27365b24}.game-guide>h2{max-width:760px;font-size:clamp(1.5rem,3vw,2.35rem)}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide-grid article{padding:18px;border:1px solid #d8d8ed;border-radius:20px;background:#f9f7ff}.guide-grid h3,.guide-faq h3,.related h3{color:#43377d}.guide-grid p,.guide-grid li,.guide-faq p{line-height:1.55}.guide-faq{margin-top:20px}.guide-faq details{border-top:1px solid #d7d5e8;padding:12px}.guide-faq summary{cursor:pointer;font-weight:900}.related{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:16px}.related h3{width:100%}.related a{padding:10px 14px;border-radius:12px;background:#e8e5fb;color:#302768;font-weight:850;text-decoration:none}.canvas{height:calc(100svh - 56px);min-height:430px;background:linear-gradient(155deg,#f9f4ff,#dbe4ff);overflow:hidden}.scene-header{height:76px;min-height:76px;padding:9px 16px;background:linear-gradient(90deg,#151d48f5,#33447cf5);color:#fff}.scene-header>button{width:46px;height:46px;display:grid;grid-template-columns:1fr;background:#fffaf0}.scene-header small{font-size:.66rem;letter-spacing:.12em;opacity:.82}.scene-header h2{margin:2px 0 0;font-size:1.12rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scene-header>span{justify-self:end;max-width:220px;font-size:.74rem;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-screen{display:grid;grid-template-rows:76px minmax(0,1fr) 62px;background:linear-gradient(#10183aaa,#10183aaa),url("../../assets/cat-color-sudoku-cover-v1.png") center/cover}.stage-rail{display:flex;align-items:center;gap:16px;padding-inline:calc(50% - 132px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-y}.stage-rail::-webkit-scrollbar{display:none}.stage-card{width:264px;min-width:264px;height:190px;scroll-snap-align:center;border:2px solid #94a9d8;border-radius:20px;padding:16px;color:#fffaf0;text-align:left;display:grid;align-content:end;gap:8px;background:linear-gradient(180deg,#18214a22 5%,#10173fea 84%),url("../../assets/cat-color-sudoku-cover-v1.png") var(--stage-pos,center)/cover;box-shadow:0 14px 28px #05091e88;text-shadow:0 2px 5px #050718}.stage-card.selected,.stage-card.centered{border-color:#ffe392;box-shadow:0 0 0 3px #5f70b8,0 0 32px #ffe59e99}.stage-card.locked{filter:saturate(.55) brightness(.7)}.stage-card strong,.stage-card span{display:block}.stage-card strong{font-size:1.15rem}.stage-card span{font-size:.78rem}.stage-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:center;padding:7px 12px;background:#11183beb;border-top:1px solid #a9b8e455}.stage-tab{grid-column:2;min-height:46px;border:1px solid #ffe69c;border-radius:13px;background:linear-gradient(180deg,#ffe493,#e8bc52);color:#2b3260;font-weight:950}.battle-screen{display:grid;grid-template-rows:76px minmax(0,1fr);background:#11183b}.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;background:radial-gradient(circle at 30% 38%,#6572b244,transparent 35%),linear-gradient(145deg,#171f4b,#0e1538)}.board-wrap{min-width:0;min-height:0;display:grid;justify-items:center;align-content:center;gap:9px}.cat-board{--size:4;width:min(100%,calc(100svh - 222px),590px);aspect-ratio:1;display:grid;grid-template-columns:repeat(var(--size),1fr);direction:ltr;padding:7px;border:4px solid #f1cc78;border-radius:24px;background:#f9f3e8;box-shadow:0 16px 45px #05091ec7,inset 0 0 0 2px #fff}.cat-cell{position:relative;min-width:44px;min-height:44px;border:1px solid #27305a42;border-radius:10px;color:#18224c;background-color:var(--region-color);background-image:var(--region-pattern);background-size:18px 18px;overflow:hidden;display:grid;place-items:center}.cat-cell::before{content:attr(data-symbol);position:absolute;inset:4px auto auto 5px;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{width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 3px 2px #1d224766);pointer-events:none}.cat-cell .x-mark{font-size:clamp(1.2rem,4vw,2.5rem);font-weight:950;color:#26305c;text-shadow:0 1px #fff}.cat-cell.starter::after{content:"★";position:absolute;right:4px;bottom:2px;color:#725100;font-size:.72rem}.cat-cell.hint-target{z-index:2;animation:hintPulse 1s ease-in-out infinite;box-shadow:inset 0 0 0 4px #fff,0 0 0 4px #f5c968,0 0 22px #fff2ad}.cat-cell:focus-visible{z-index:3;outline:4px solid #fff;box-shadow:0 0 0 7px #18224c}.status{min-height:34px;margin:0;color:#fffaf0;text-align:center;font-size:.82rem;font-weight:850;line-height:1.35}.status.error{color:#ffd1cf}.battle-tools{display:grid;gap:11px;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,1fr)}.battle-tools button,dialog button{min-height:44px;border:1px solid #a8b5df;border-radius:12px;padding:8px 10px;background:#f7f4ff;color:#27305d;font-weight:900}.mode-switch button.active{border-color:#ffe59d;background:#f4cc6d;color:#222b58;box-shadow:0 0 0 3px #ffffff33}.rule-card{display:grid;grid-template-columns:72px 1fr;gap:8px;align-items:center;padding:10px;border:1px solid #9cabe066;border-radius:18px;background:#f8f4ffe8}.rule-card img{width:72px;height:72px;object-fit:contain}.rule-card strong{font-size:.75rem;color:#4e418a}.rule-card p{margin:.25rem 0 0;font-size:.72rem;line-height:1.35}dialog{width:min(450px,calc(100% - 28px));border:0;border-radius:26px;text-align:center;padding:28px;color:#18224c;background:#fffaf0;box-shadow:0 28px 80px #040718cc}dialog::backdrop{background:#080d2db8;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}.ad-reserve{width:min(100%,920px);height:56px;margin:auto;background:#080d25}@keyframes hintPulse{50%{filter:brightness(1.15);transform:scale(.96)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@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}}
@media(max-width:680px){.main-screen{padding-inline:14px}.main-header{grid-template-columns:64px minmax(0,1fr) 166px}.main-tools{gap:4px}.main-tools>button{min-width:42px}.locale select{max-width:105px}.hero{min-height:calc(100svh - 76px);grid-template-columns:1fr;text-align:center;align-content:start;gap:10px;padding-top:5px}.hero>img{width:min(58vw,265px);max-height:35svh;justify-self:center;border-radius:24px}.hero h1{font-size:clamp(2.25rem,11vw,3.6rem);margin:.08em 0}.summary{margin:.25rem auto;max-width:540px;font-size:.92rem}.main-progress{margin:.15rem 0 .55rem}.guide-grid{grid-template-columns:1fr}.game-guide{margin-top:26px;padding:20px}.battle-content{grid-template-columns: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}.scene-header{grid-template-columns:58px minmax(0,1fr) 112px;padding-inline:10px}.scene-header>span{max-width:112px;font-size:.63rem}.cat-cell{min-width:0;min-height:0}}
.wp-main-shell-header>.main-tools{position:relative;z-index:2}.wp-main-shell-header>.wp-shell-main-title{left:70px!important;right:136px!important}.wp-main-shell-header:dir(rtl)>.wp-shell-main-title{left:136px!important;right:70px!important}
@media (min-width:700px) and (max-height:500px){.wp-standard-main-composition{grid-template-columns:300px minmax(0,1fr)!important}.wp-standard-main-poster,.wp-standard-main-poster-media,.wp-standard-main-poster-media>img,.wp-standard-main-poster>img{width:300px!important;min-width:300px!important;max-width:300px!important;height:300px!important;min-height:300px!important;max-height:300px!important}.wp-standard-main-copy{height:300px}}
@media(max-height:500px) and (orientation:landscape){.canvas{height:calc(100svh - 56px);min-height:0}.scene-header{height:58px;min-height:58px;padding:5px 10px}.stage-screen{grid-template-rows:58px minmax(0,1fr) 50px}.stage-card{height:190px}.stage-tabs{padding:3px 10px}.stage-tab{min-height:42px}.battle-screen{grid-template-rows:58px minmax(0,1fr)}.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)}.cat-cell{min-width:0;min-height:0}.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{min-height:20px}.scene-header small{display:none}}
.battle-header-tools{justify-self:end;display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.battle-header-tools>span{min-width:0;max-width:168px;font-size:.74rem;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.battle-header-tools>.utility-button{width:44px;min-width:44px;height:44px;border:1px solid #a8b5df;border-radius:12px;background:#f7f4ff;color:#27305d;font-weight:900;display:grid;place-items:center;padding:0}@media(max-width:680px){.battle-header-tools{gap:4px}.battle-header-tools>span{max-width:64px;font-size:.63rem}}
.result-mastery{margin:.9rem 0 0;padding:10px 12px;border-radius:14px;background:#ebe8ff;color:#4b3b87;font-size:.86rem;font-weight:800;line-height:1.4}