:root{font-family:Arial,Helvetica,sans-serif;color:#171714;background:#f5f3ec}*{box-sizing:border-box}body{margin:0}button,a{font:inherit;color:inherit}button{cursor:pointer}a{text-decoration:none}header{height:64px;padding:0 clamp(16px,4vw,54px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #bbb9b0}.brand{font-weight:800;letter-spacing:-.07em}.tools{display:flex;align-items:center;gap:10px}.tools button,.tools a{border:1px solid #171714;background:transparent;padding:9px 11px;font-size:.64rem;font-weight:700;letter-spacing:.08em}.intro{padding:42px clamp(16px,4vw,54px) 28px}.intro>p,.rule{font-size:.65rem;font-weight:700;letter-spacing:.14em}.intro h1{font-size:clamp(4.2rem,10vw,9rem);line-height:.78;letter-spacing:-.09em;margin:20px 0}.intro em{font-style:normal;color:#df4c31}.game-wrap{background:#e9e7df;color:#171714;padding:28px clamp(12px,4vw,54px) 50px}.stats{max-width:560px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #555}.stats div{padding:10px;border-right:1px solid #555;min-width:0}.stats div:last-child{border:0}.stats small{display:block;font-size:.54rem;letter-spacing:.12em;color:#777}.stats strong{font-size:clamp(.78rem,2vw,1.1rem);white-space:nowrap}.desktop-game{display:grid;grid-template-columns:minmax(180px,1fr) minmax(360px,560px) minmax(180px,1fr);gap:clamp(22px,3vw,48px);align-items:start;max-width:1180px;margin:18px auto 0}.play-column{min-width:0}.side-guide{padding-top:20px;font-size:.72rem;line-height:1.55;position:sticky;top:24px}.side-guide strong{font-size:.65rem;letter-spacing:.14em}.side-guide p{color:#555;margin:10px 0 20px}.side-guide hr{border:0;border-top:1px solid #aaa;margin:26px 0}.lang-switch{display:block;margin:0 0 24px;border:1px solid #171714;background:transparent;padding:9px 12px;font-size:.62rem;font-weight:800;letter-spacing:.08em}.target-panel{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;margin-bottom:10px}.target-panel>div:first-child span,.target-panel>div:first-child small{display:block;font-size:.56rem;letter-spacing:.1em;color:#777}.target-panel>div:first-child strong{display:block;font-size:1.25rem;letter-spacing:-.04em;margin:2px 0}.next-pixel{display:grid;grid-template-columns:auto auto;align-items:center;gap:3px 8px;font-size:.55rem;font-weight:800;letter-spacing:.08em}.next-pixel>span{grid-column:1/-1;color:#777}.next-pixel i{width:30px;height:30px;border:1px solid #555;display:block}.next-pixel b{font-size:.58rem;white-space:nowrap}.mini-grid{width:75px;height:75px;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);border:1px solid #777;background:#f7f5ee}.mini-grid i{border:.5px solid #ddd;display:block}.stage-wrap{position:relative;width:100%;margin:auto;background:#f7f5ee;border:1px solid #999}.stage-wrap canvas{display:block;width:100%;height:auto;aspect-ratio:10/13;touch-action:none}.sound-fab{position:absolute;z-index:6;right:9px;top:9px;width:42px;height:42px;border:1px solid #777;background:#f5f3ecef;color:#171714;font-size:1.2rem;display:grid;place-items:center;padding:0}.sound-fab[aria-pressed="true"]{background:#171714;color:#f5f3ec}.overlay{position:absolute;inset:0;background:#171714e8;color:#f5f3ec;display:grid;place-items:center;padding:28px;text-align:center}.overlay.hidden{display:none}.overlay>div{max-width:420px}.overlay h2{font-size:clamp(2.5rem,7vw,5rem);line-height:.85;letter-spacing:-.07em;margin:12px 0}.overlay p{line-height:1.55}.overlay button{border:1px solid #f5f3ec;background:#f5f3ec;color:#171714;padding:14px 22px;font-weight:800;letter-spacing:.1em}.result-card{margin:22px auto 18px;padding:16px 20px;border:1px solid #777;background:#f5f3ec;color:#171714;max-width:310px}.result-card[hidden]{display:none}.result-card span{display:block;font-size:.6rem;font-weight:800;letter-spacing:.16em;color:#777}.result-card strong{display:block;font-size:clamp(2.8rem,8vw,4.8rem);line-height:.95;letter-spacing:-.06em;margin:8px 0}.result-card small{font-size:.66rem;font-weight:700;letter-spacing:.08em}.after-game{margin:10px auto 16px;max-width:310px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.after-game[hidden]{display:none}.after-game span{grid-column:1/-1;font-size:.54rem;font-weight:800;letter-spacing:.12em;color:#bbb}.after-game a{border:1px solid #aaa;padding:9px 7px;font-size:.56rem;font-weight:800;letter-spacing:.06em}.controls{max-width:560px;margin:10px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.controls button{min-height:54px;border:1px solid #777;background:transparent;font-size:1.3rem;font-weight:800}.mobile-settings{display:none}.records{padding:48px clamp(16px,4vw,54px);display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#c9c7be}.records div{background:#f5f3ec;padding:22px}.records span{font-size:.6rem;font-weight:700;letter-spacing:.1em}.records strong{display:block;font-size:1.8rem;margin-top:8px}footer{padding:28px clamp(16px,4vw,54px);display:flex;justify-content:space-between;font-size:.7rem;font-weight:700}
@media(max-width:900px){.desktop-game{display:block;max-width:560px}.side-guide{display:none}.mobile-settings{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px auto 0;font-size:.54rem;font-weight:700;letter-spacing:.06em}.mobile-settings button{border:1px solid #777;background:transparent;padding:8px 10px;font-size:.6rem;font-weight:800}.game-wrap{padding-inline:8px}.target-panel{grid-template-columns:1fr auto auto}.stage-wrap{max-width:525px}.controls{max-width:525px}.sound-fab{width:38px;height:38px;right:7px;top:7px}}
@media(max-width:600px){header{height:54px;padding:0 10px}.tools{gap:5px}.tools button,.tools a{font-size:.55rem;padding:7px}.intro{padding:28px 12px 18px}.intro h1{font-size:3.7rem;margin:14px 0}.game-wrap{padding-top:16px}.stats div{padding:7px 4px}.stats small{font-size:.46rem}.stats strong{font-size:.68rem}.target-panel{gap:8px}.target-panel>div:first-child strong{font-size:1rem}.target-panel>div:first-child small{display:none}.next-pixel i{width:26px;height:26px}.mini-grid{width:60px;height:60px}.controls button{min-height:52px}.records{grid-template-columns:1fr 1fr;padding:28px 12px}.records div{padding:16px}.records strong{font-size:1.35rem}footer{gap:18px}}
