.new-game .game-intro{text-align:center;padding:7px 5px}.intro-art{width:150px;height:150px;margin:0 auto 20px;border-radius:25px;background:var(--game-color,#eeebf7);display:grid;place-items:center}.intro-art img{width:140px;height:140px}.new-game[data-game=sum-garden] .intro-art{background:#e8efdf}.new-game h2{font-family:'Fredoka',sans-serif;font-size:28px;font-weight:500;letter-spacing:-.6px;margin:12px 0}.game-intro>p{font-size:15px;line-height:1.7;color:var(--ink-soft);max-width:450px;margin:12px auto 25px}.intro-facts{display:flex;justify-content:center;gap:30px;margin:25px 0}.intro-facts div{font-size:11px;color:var(--muted)}.intro-facts strong{display:block;font-size:21px;color:var(--ink);margin-bottom:4px}.new-game .game-status{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);border-bottom:1px solid #dfe4d8;padding-bottom:15px;margin-bottom:20px}.new-game .game-status strong{color:var(--ink)}.cross-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:370px;margin:24px auto}.light-cell{aspect-ratio:1;border-radius:15px;border:1px solid #c4c6d7;background:#e6e6ec;display:grid;place-items:center;position:relative;font-size:27px;color:#aaaabd;transition:background .15s,transform .15s;padding:0}.light-cell::after{content:'·';font-size:40px;line-height:1}.light-cell.lit{background:#f6d780;border-color:#c4a348;color:#6d5120;box-shadow:inset 0 0 0 5px #fae6aa}.light-cell.lit::after{content:'✦';font-size:28px}.light-cell.preview{outline:2px dashed #7077a8;outline-offset:-4px}.light-cell:hover{transform:scale(.96)}.new-game .game-message{min-height:24px;font-size:13px;line-height:1.6;color:var(--ink-soft);margin:12px 0}.garden-wrap{max-width:360px;margin:24px auto}.garden-board{display:grid;grid-template-columns:repeat(3,1fr) .66fr;gap:9px;align-items:stretch}.garden-cell{aspect-ratio:1;min-width:0;display:grid;place-items:center;border:1px solid #c6d0be;border-radius:11px;background:#fbfcf7;font-size:30px;color:var(--ink);position:relative;padding:0}.garden-cell.diagonal::before{content:'';position:absolute;inset:6px;border-radius:6px;background:linear-gradient(to top right,transparent calc(50% - 1px),#c3cdb6 calc(50% - 1px),#c3cdb6 calc(50% + 1px),transparent calc(50% + 1px));pointer-events:none}.garden-cell span{position:relative;background:inherit;min-width:23px;border-radius:5px}.garden-cell.fixed{background:#dce8d3;color:#405139}.garden-cell.fixed::after{content:'•';position:absolute;bottom:0;right:7px;font-size:16px;color:#697d55}.garden-cell.selected{outline:3px solid var(--teal);outline-offset:0;border-color:var(--teal)}.sum-target{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;font-size:19px;color:var(--muted);border-radius:9px}.sum-target small{font-size:9px;letter-spacing:.5px}.sum-target.met{background:#e3efd9;color:#37572b}.sum-target.met::after{content:'✓';font-size:11px}.sum-target.mismatch{color:#a84046;background:#f8e9e5}.diagonal-target{margin-top:16px;border:1px dashed #c9d4bf;padding:10px;border-radius:9px;font-size:12px;color:var(--muted)}.diagonal-target.met{background:#e3efd9;color:#37572b}.number-tray{display:grid;grid-template-columns:repeat(9,1fr);gap:5px;margin:20px 0}.tray-number{min-height:43px;padding:0;border:1px solid #b8c6ad;border-radius:8px;background:var(--paper);font-size:19px}.tray-number.used{background:#edf0e8;color:#59694f;border-style:dashed}.tray-number:disabled{opacity:.3}.new-game .result-symbol{font-size:50px;color:var(--teal);margin:10px}.new-game .result-score{font-family:'Fredoka',sans-serif;font-size:46px;letter-spacing:-1px;margin:12px}.new-game .result-summary{font-size:14px;color:var(--muted);line-height:1.7}.new-game .result-board{margin-top:20px}.new-game .result-board .light-cell{aspect-ratio:1}.new-game .result-board .cross-grid{max-width:210px;gap:6px}.new-game .result-board .light-cell.lit::after{font-size:18px}.new-game .btn-row{display:flex;justify-content:center;gap:10px;margin-top:20px}.new-game .panel{min-height:330px}.board-note{font-size:11px;line-height:1.6;color:var(--muted)}
@media(max-width:450px){.cross-grid{gap:8px;margin:20px auto}.light-cell{border-radius:11px}.garden-board{gap:7px}.garden-cell{font-size:27px}.number-tray{gap:4px}.tray-number{min-height:38px;font-size:17px}.intro-facts{gap:23px}.new-game .result-score{font-size:38px}}