:root{font-family:"Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif;color:#293f3a;background:#f5f3ed;font-synthesis:none;--red:#e87969;--blue:#5989b5;--green:#294e44}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}main{max-width:1000px;margin:auto;padding:0 40px}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dcded5}.brand{font-weight:700;text-decoration:none;color:inherit;letter-spacing:.08em;font-size:18px;display:flex;align-items:center;gap:12px}.brand-icon{font-size:32px;color:var(--green)}.edition{font-size:11px;letter-spacing:.19em;color:#849087}.game{max-width:560px;margin:40px auto 0;text-align:center}.level-line{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.12em;font-weight:700}#difficulty{font-size:11px;font-weight:400;letter-spacing:.05em;color:#7b8880}.progress{display:flex;gap:6px;margin:13px 0 30px}.progress span{height:4px;flex:1;border-radius:4px;background:#dcded5}.progress .current{background:var(--green)}.progress .done{background:#92afa0}h1{font-size:36px;line-height:1.55;letter-spacing:.09em;margin:0 0 14px;font-weight:650}.accent{color:#658b74}.instruction{font-size:13px;margin:0;color:#64746a}.legend{display:flex;justify-content:center;align-items:center;gap:10px;font-size:12px;color:#9aa198;margin:24px 0 12px}.dot{display:inline-block;width:13px;height:13px;border-radius:4px;flex-shrink:0}.white{background:#fff;border:1px solid #cbd0c6}.red{background:var(--red)}.blue{background:var(--blue)}.legend-text{font-size:11px;color:#7a857c;margin-left:4px}.board-wrap{display:flex;align-items:center;justify-content:center;min-height:285px;padding:28px 12px;background-image:radial-gradient(#d5d9d0 .8px,transparent .8px);background-size:20px 20px;margin:0 -24px}.board{display:grid;gap:3px;width:min(100%,var(--board-width));grid-template-columns:repeat(var(--cols),1fr)}.cell{aspect-ratio:1;border:1.5px solid #bcc6bc;border-radius:6px;background:#fff;box-shadow:0 3px 0 #d5d9cf;min-width:0;padding:0;transition:background .12s,transform .12s;touch-action:manipulation}.cell[data-color="1"]{background:var(--red);border-color:#ce6254;box-shadow:0 3px 0 #bc5c4f}.cell[data-color="2"]{background:var(--blue);border-color:#48799e;box-shadow:0 3px 0 #3a6d91}.cell:active{transform:translateY(2px);box-shadow:none}.cell:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #b8963d;outline-offset:4px}.counts{display:flex;justify-content:center;gap:30px;font-size:12px;color:#78857a;margin-top:16px}.counts span{display:flex;align-items:center;gap:7px}.counts b{color:#354d43;font-size:14px;font-weight:500;min-width:16px}.message{min-height:42px;padding-top:16px;font-size:13px;color:#ad5649}.actions{display:grid;grid-template-columns:1fr 1.5fr;gap:12px}button.primary,button.secondary{border-radius:10px;padding:16px 24px;font-size:14px;font-weight:700;min-height:52px}.primary{background:var(--green);color:white;border:1px solid var(--green);display:flex;align-items:center;justify-content:space-between;gap:25px}.primary:hover{background:#366154}.secondary{background:transparent;border:1px solid #c8cfc3;color:#637568}.secondary:hover{background:#e9ece3}.success{padding:10px 0 0}.clear{font-size:44px;letter-spacing:.14em;font-weight:800;color:var(--green)}.success p{font-size:13px;color:#6b7c6e}.success .primary{width:100%;margin-top:20px}footer{display:flex;justify-content:center;align-items:center;gap:13px;margin:30px auto 24px;color:#869084;font-size:11px;line-height:1.8}.rule-icon{font-size:26px}footer p{margin:0}[hidden]{display:none!important}@media(min-width:760px){h1 br{display:none}h1{font-size:32px}.game{margin-top:36px}.board-wrap{min-height:310px}}@media(max-width:520px){main{padding:0 24px}header{height:76px}.brand{font-size:16px}.edition{display:none}.game{margin-top:26px}h1{font-size:28px}.instruction{font-size:11px}.board-wrap{min-height:260px;margin:0 -12px;padding:26px 5px}.progress{margin-bottom:24px}.counts{gap:22px}footer{font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}