:root{font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP",sans-serif;color:#234452;background:#f7f0e9}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 5%,#ffe8d7,transparent 44%),linear-gradient(#f7f0e9,#e7f4f1 80%)}[hidden]{display:none!important}.shell{max-width:760px;margin:auto;padding:22px 18px 52px}.back{display:inline-block;color:#226e75;font-size:14px;padding:10px 0;text-decoration:none}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.2em;color:#bd6c64}h1{font-size:clamp(31px,7vw,46px);margin:10px 0;color:#274b55}h1 span{font-size:.75em}.lead{font-size:15px;line-height:1.8;color:#52696b;margin:0 0 22px}.game{padding:20px 16px 18px;border:1px solid #e6dcd4;border-radius:25px;background:#fffdf9;box-shadow:0 15px 35px #345a5816}.scoreboard{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.scoreboard>div{padding:11px 5px;border-radius:13px;background:#f2f8f5;text-align:center}.scoreboard span{display:block;font-size:11px;color:#5a7270}.scoreboard strong{font-size:clamp(21px,6vw,29px);font-variant-numeric:tabular-nums}.scoreboard small{font-size:12px;margin-left:2px}.board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(4px,1.5vw,9px);width:min(100%,480px);margin:auto;padding:clamp(9px,2vw,16px);background:#e7f3ec;border-radius:20px}.tile{position:relative;width:100%;aspect-ratio:1;padding:0;display:grid;place-items:center;border:2px solid transparent;border-radius:clamp(11px,3vw,18px);box-shadow:0 4px 0 #183e4118;font:inherit;font-size:clamp(23px,8vw,43px);cursor:pointer;touch-action:manipulation;transition:transform .15s,box-shadow .15s}.tile:hover:not(:disabled),.tile.preview{transform:translateY(-3px);box-shadow:0 6px 0 #183e4122;border-color:#347f83}.tile:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #087f8c;outline-offset:2px}.tile:disabled{cursor:default;opacity:.55}.tone-0{background:#ffe4e4}.tone-1{background:#e0f3d9}.tone-2{background:#fff1d3}.tone-3{background:#dcf1f7}.feedback{min-height:43px;margin:20px 0 10px;text-align:center;line-height:1.6;color:#276766;font-weight:700}.actions{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#546b6b}.actions button,.primary,.secondary,.quiet{padding:12px 16px;border-radius:12px;border:0;font:inherit;font-weight:800;cursor:pointer}.primary{display:block;width:100%;background:#d36b75;color:white;text-align:center;text-decoration:none}.secondary{background:#e8f4ee;color:#285d59}.quiet{display:block;width:100%;margin-top:9px;background:transparent;color:#37666a}.help{font-size:13px;color:#5f6e6c;line-height:1.8;margin:18px 4px}dialog{width:min(calc(100% - 32px),400px);padding:27px;border:0;border-radius:22px;color:#274b55;text-align:center;box-shadow:0 24px 70px #24434d44}dialog::backdrop{background:#26404f99}dialog h2{font-size:24px}.result-score strong{font-size:50px;color:#ca6573}.access .primary{max-width:290px}@media(prefers-reduced-motion:reduce){.tile{transition:none}}