.kakuro-info{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;width:min(760px,100%);margin:0 auto 12px}.kakuro-info span{padding:6px 10px;border:1px solid #3b455c;border-radius:999px;background:#171d2d;color:#dbe4f3;font-size:.8rem;font-weight:750}.kakuro-board{display:grid;width:min(760px,100%);aspect-ratio:1;margin:0 auto;border:3px solid #475569;border-radius:16px;overflow:hidden;background:#334155;box-shadow:0 16px 40px rgba(0,0,0,.22)}.kakuro-block,.kakuro-clue,.kakuro-play{min-width:0;min-height:0;border:1px solid #334155;border-radius:0}.kakuro-block,.kakuro-clue{background:#0b1020;position:relative}.kakuro-clue::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom right,transparent calc(50% - .6px),#64748b 50%,transparent calc(50% + .6px));pointer-events:none}.kakuro-down,.kakuro-right{position:absolute;color:#dbeafe;font:800 clamp(.42rem,1.4vw,.72rem)/1 ui-monospace,monospace;z-index:1}.kakuro-down{top:4px;right:5px}.kakuro-right{bottom:4px;left:5px}.kakuro-play{width:100%;padding:0;text-align:center;background:#f8fafc;color:#0f172a;font:850 clamp(.65rem,2vw,1.2rem)/1 ui-monospace,monospace;appearance:textfield;outline:0}.kakuro-play:focus{background:#ede9fe;box-shadow:inset 0 0 0 3px #8b5cf6;position:relative;z-index:2}.kakuro-play::-webkit-outer-spin-button,.kakuro-play::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media(max-width:560px){.kakuro-info span{padding:5px 8px;font-size:.7rem}.kakuro-board{border-width:2px;border-radius:10px}.kakuro-down,.kakuro-right{font-size:clamp(.34rem,1.8vw,.56rem)}.kakuro-down{top:2px;right:3px}.kakuro-right{bottom:2px;left:3px}.kakuro-play{font-size:clamp(.55rem,3vw,.95rem)}}