.bloom-panel{max-width:900px}.bloom-hero em{color:#398a54}.bloom-layout{display:grid;grid-template-columns:minmax(290px,1fr) minmax(220px,.7fr);gap:24px;align-items:start}.bloom-flower{position:relative;width:min(72vw,340px);aspect-ratio:1;margin:12px auto}.bloom-letter{position:absolute;width:76px;height:76px;border:2px solid #86bd95;border-radius:50%;background:#e6f6e9;color:#174d2d;font:800 27px/1 'Bricolage Grotesque',sans-serif;transform:translate(-50%,-50%);cursor:pointer}.bloom-letter[data-pos="0"]{left:50%;top:14%}.bloom-letter[data-pos="1"]{left:81%;top:32%}.bloom-letter[data-pos="2"]{left:81%;top:68%}.bloom-letter[data-pos="3"]{left:50%;top:86%}.bloom-letter[data-pos="4"]{left:19%;top:68%}.bloom-letter[data-pos="5"]{left:19%;top:32%}.bloom-letter.centre{left:50%;top:50%;background:var(--accent);border-color:var(--accent-deep);color:var(--ink)}.bloom-letter:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.bloom-answer{min-height:48px;text-align:center;font:800 clamp(24px,7vw,38px)/1.2 'Bricolage Grotesque',sans-serif;letter-spacing:.08em}.bloom-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.bloom-found{background:var(--paper);border:1px solid var(--line-soft);border-radius:14px;padding:14px;max-height:440px;overflow:auto}.bloom-found h2{font-size:18px}.bloom-found-list{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:10px;list-style:none}.bloom-found-list li{font:12px/1.4 'Space Mono',monospace}.bloom-progress{height:10px;border-radius:999px;background:var(--line-soft);overflow:hidden;margin:10px 0}.bloom-progress span{display:block;height:100%;background:#4ca769;transition:width .3s ease}.full-bloom-note{color:#287346;font-weight:800}.bloom-mode-switch{display:flex;justify-content:center;gap:8px;margin-bottom:14px}.bloom-mode-switch button[aria-pressed=true]{background:var(--ink);color:#fff}.bloom-finish{margin-top:18px;width:100%}@media(prefers-reduced-motion:reduce){.bloom-progress span{transition:none}}@media(max-width:700px){.bloom-layout{grid-template-columns:1fr}.bloom-flower{width:min(86vw,330px)}.bloom-letter{width:68px;height:68px}.bloom-found{max-height:240px}.bloom-controls{grid-template-columns:1fr 1fr}.bloom-controls button:last-child{grid-column:1/-1}}@media(max-width:380px){.bloom-flower{width:300px}.bloom-letter{width:62px;height:62px}}
.bloom-rule-note{max-width:760px;margin:0 auto 12px;padding:7px 12px;border-block:1px solid var(--accent-edge);color:var(--ink-soft);font:600 12px/1.5 'Space Mono',monospace;text-align:center}.bloom-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bloom-mode-option{min-height:66px;border:2px solid var(--line);border-radius:13px;background:var(--paper);color:var(--ink);padding:10px 12px;text-align:left;cursor:pointer}.bloom-mode-option strong,.bloom-mode-option span{display:block}.bloom-mode-option span{margin-top:3px;color:var(--ink-soft);font-size:12px}.bloom-mode-option[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}.bloom-mode-option[aria-pressed=true] span{color:#dfe3eb}.bloom-mode-option:focus-visible{outline:3px solid var(--accent-deep);outline-offset:2px}.bloom-progression{text-align:center;padding:12px 8px}.bloom-progression>p{margin:3px 0;color:var(--ink-soft)}.bloom-progression>p:first-child{display:flex;justify-content:center;gap:8px;color:var(--ink)}.bloom-progression small{color:var(--ink-faint)}.bloom-rank{display:flex;justify-content:center;align-items:center;gap:8px;margin:8px 0;font:800 clamp(22px,6vw,32px)/1.1 'Bricolage Grotesque',sans-serif}.bloom-milestone,.bloom-confirm{margin:6px 0 16px;padding:14px;border:1px solid #86bd95;border-radius:13px;background:#e6f6e9;text-align:center;animation:bloom-arrive .3s ease-out}.bloom-milestone>strong{font:800 22px/1.2 'Bricolage Grotesque',sans-serif}.bloom-milestone p,.bloom-confirm p{margin:6px 0 10px}.bloom-milestone>div,.bloom-confirm>div{display:flex;justify-content:center;gap:8px}.bloom-confirm h2{font-size:21px}.bloom-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.bloom-secondary-actions span{font-size:11px}.bloom-panel .final-score,.bloom-panel .result-grid>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:clamp(20px,5vw,48px);padding:12px 14px;border:1px solid var(--line-soft);border-radius:11px;background:var(--paper)}.bloom-panel .final-score span,.bloom-panel .result-grid span{color:var(--ink-soft)}.bloom-panel .final-score strong,.bloom-panel .result-grid strong{text-align:right;white-space:nowrap}.bloom-panel .result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 20px}.bloom-results>h2{text-align:center;font-size:clamp(28px,7vw,42px)}@keyframes bloom-arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.bloom-milestone,.bloom-confirm{animation:none}}@media(max-width:560px){.bloom-mode-switch{grid-template-columns:1fr}.bloom-mode-option{text-align:center}.bloom-panel .result-grid{grid-template-columns:1fr}.bloom-panel .final-score,.bloom-panel .result-grid>div{column-gap:24px}.bloom-progression>p:first-child{flex-wrap:wrap}.bloom-secondary-actions{grid-template-columns:1fr}.bloom-milestone>div,.bloom-confirm>div{flex-direction:column}}