.bloom-card{border:2px solid #91b794!important;box-shadow:0 7px 0 #dfe9d6}.bloom-card .card-tag{color:#38795d}.bloom-shell{max-width:1120px;margin:0 auto}.bloom-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px}.bloom-heading h1{margin:0;line-height:1}.bloom-heading h1 img{display:block;width:250px;max-height:65px}.bloom-heading>div{display:flex;gap:7px}.bloom-heading button,.bloom-footer button{min-height:48px;padding:8px 16px;border-radius:15px;background:#edf0e5;font-size:14px}.bloom-heading button:disabled{opacity:.45}.bloom-hud{display:flex;align-items:center;gap:25px;justify-content:center;margin:10px auto 15px;font-size:15px}.bloom-goal{min-width:220px}.bloom-goal span{display:block;font-size:13px}.bloom-goal strong{font-size:19px;margin-left:8px}.bloom-goal small{color:#738471}.bloom-meter{height:7px;background:#e5e7dc;border-radius:6px;margin-top:5px;overflow:hidden}.bloom-meter i{display:block;height:100%;background:#559677;border-radius:6px;transition:width .3s}#bloomSafe{font-size:12px;color:#4d7c5c;min-width:180px}#bloomSafe.outside{color:#a06f44}.bloom-stage{display:flex;gap:22px;justify-content:center;align-items:center}.bloom-arena{position:relative;width:min(100%,calc((100dvh - 245px) * var(--bloom-ratio)));max-width:790px;flex-shrink:1;min-width:0;border:2px solid #d8e1cd;border-radius:27px;box-shadow:0 7px 0 #dde5d3;background:#f1f4e8;overflow:hidden}.bloom-arena canvas{display:block;width:100%;height:auto;touch-action:none;user-select:none;-webkit-user-select:none}.bloom-controls{flex:0 0 210px;text-align:center}.bloom-stick{position:relative;width:160px;height:160px;border-radius:50%;border:2px solid #c8d8bd;margin:0 auto;background:radial-gradient(circle,#eef3e7 40%,#dce8cc 41%,#e7eddc 65%);touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:inset 0 0 0 9px #f5f6e8,0 4px 0 #d9e3ce}.bloom-stick-arrows{position:absolute;inset:12px;color:#73916a;font-size:28px;line-height:43px;font-weight:800}.bloom-stick-arrows i{font-style:normal;opacity:0;font-size:22px;margin:0 20px}#bloomThumb{position:absolute;width:61px;height:61px;border-radius:50%;background:#4c896c;box-shadow:0 5px 0 #2d624c,0 5px 10px #395f4330;border:4px solid #fbf9e9;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.bloom-steer-note{font-size:15px;font-weight:700;margin:12px 0}.bloom-steer-note small{font-size:12px;color:#74836c;font-weight:400}.bloom-arrows{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.bloom-arrows button{min-width:48px;height:48px;border:1px solid #d5ddc8;background:#eef1df;border-radius:13px;font-size:24px;touch-action:none;box-shadow:0 3px 0 #dee5d3}.bloom-arrows button:active{background:#cfdfbe;transform:translateY(2px)}.bloom-powers{display:grid;grid-template-columns:1fr;gap:7px;margin-top:14px}.bloom-powers button{min-height:48px;background:#efdbad;border:1px solid #dbc18c;border-radius:14px;padding:8px 12px;font-weight:700}.bloom-powers #bloomHome{background:#f5f2e9;border-color:#e0ddce}.bloom-powers b{background:#fff8;padding:3px 7px;border-radius:8px;margin-left:7px}.bloom-powers button:disabled{opacity:.5}.bloom-rival-note{font-size:11px;color:#7c8170;margin:10px 0 3px;line-height:1.4}#bloomHow{min-height:44px;padding:6px 14px;font-size:12px;background:transparent;color:#52715a}.bloom-overlay{position:absolute;inset:0;background:#fffcefef;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:3;padding:15px;overflow:auto}.bloom-overlay[hidden]{display:none}.bloom-intro{text-align:center;max-width:570px;margin:auto;width:100%;color:#355b48}.bloom-kicker{font-size:9px;letter-spacing:1.3px;font-weight:800;color:#7c8b6c}.bloom-intro h2{font-size:clamp(23px,2.5vw,34px);line-height:1.14;margin:10px 0 6px}.bloom-intro p{font-size:13px;line-height:1.5;max-width:440px;margin:9px auto}.bloom-lesson{display:grid;grid-template-columns:repeat(3,1fr);font-size:10px;font-weight:700;max-width:330px;margin:0 auto}.bloom-lesson svg{grid-column:1/-1;height:76px;width:100%;margin:3px auto}.bloom-gardens{display:flex;justify-content:center;gap:6px;margin:12px 0}.bloom-gardens button{font-size:11px;min-height:44px;flex:1;max-width:145px;background:#f3f0de;border:1px solid #dedecb;border-radius:12px;padding:8px}.bloom-gardens button[aria-pressed=true]{background:#dce8cd;border-color:#789b6e;box-shadow:0 3px 0 #bacdab}.bloom-mission{font-size:11px;margin:13px 0;color:#7c7f67}.bloom-start-row{display:flex;align-items:center;gap:8px;justify-content:center}.bloom-start-row button,.bloom-intro>button{min-height:48px;padding:10px 22px;border-radius:15px;font-size:14px}.bloom-start-row #bloomHear{background:#ecefdf;padding:10px 16px}.bloom-intro>button{display:block;margin:9px auto}.bloom-intro>button:not(.primary){background:#edf0e3}.bloom-pause-flower{font-size:58px;color:#dcaa4e;line-height:1}.bloom-feedback{position:absolute;left:5%;bottom:12px;max-width:90%;padding:8px 14px;border-radius:15px;background:#fffdf1f0;box-shadow:0 3px 15px #456b3f18;color:#4b7055;font-size:13px;font-weight:700;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}.bloom-feedback.show{opacity:1;transform:none}.bloom-footer{display:flex;align-items:center;justify-content:center;gap:24px;padding:12px 0;font-size:11px;color:#78816f}.bloom-footer span{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.bloom-footer i{width:13px;height:13px;border-radius:4px;background:#acd1a4;display:inline-block}.bloom-footer .legend-rival{background:repeating-linear-gradient(135deg,#e4b5a6 0px,#e4b5a6 3px,#b57d6a 4px,#e4b5a6 5px);margin-left:7px}.bloom-footer button{font-size:11px;background:transparent;min-height:44px}.bloom-focus>header,.bloom-focus>footer{display:none}.bloom-focus main{padding-top:12px}.bloom-focus .bloom-arena{width:min(100%,calc((100dvh - 165px) * var(--bloom-ratio)));max-width:1000px}
@media(min-width:851px) and (max-height:760px){body[data-screen=bloom] main{padding-top:12px;padding-bottom:0}.bloom-heading h1 img{max-height:50px;width:210px}.bloom-heading{margin-bottom:7px}.bloom-hud{margin:6px auto 10px}.bloom-arena{width:min(100%,calc((100dvh - 215px) * var(--bloom-ratio)))}.bloom-controls{flex-basis:200px}.bloom-stick{width:128px;height:128px}.bloom-stick-arrows{inset:3px;line-height:39px}.bloom-stick-arrows i{margin:0 9px}#bloomThumb{width:52px;height:52px}.bloom-steer-note{font-size:13px;margin:7px 0}.bloom-arrows button{height:48px}.bloom-powers{margin-top:10px}.bloom-rival-note{margin-top:7px}.bloom-footer{padding:6px 0}.bloom-intro h2{font-size:26px}.bloom-intro p{font-size:12px}.bloom-gardens{margin:8px 0}.bloom-mission{margin:8px 0}.bloom-lesson svg{height:62px}}
@media(max-width:850px){body[data-screen=bloom] main{padding:18px}.bloom-heading h1 img{width:210px}.bloom-heading button{padding:8px 12px}.bloom-heading>div{gap:5px}.bloom-stage{flex-direction:column;gap:20px}.bloom-arena,.bloom-focus .bloom-arena{width:100%;max-width:760px}.bloom-controls{display:grid;grid-template-columns:140px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:20px;flex:auto;width:100%;max-width:560px;align-items:center}.bloom-stick{grid-column:1;grid-row:1/4;width:140px;height:140px}.bloom-stick-arrows{inset:8px;line-height:39px}.bloom-stick-arrows i{margin:0 14px}.bloom-steer-note{grid-column:1;grid-row:4;font-size:12px;margin:7px 0 0}.bloom-arrows{grid-column:2;grid-row:1}.bloom-powers{grid-column:2;grid-row:2;grid-template-columns:1fr 1fr;margin:9px 0 0}.bloom-powers button{font-size:12px;padding:8px}.bloom-rival-note{grid-column:2;grid-row:3}.bloom-controls #bloomHow{grid-column:2;grid-row:4;min-height:38px}.bloom-hud{gap:14px;flex-wrap:wrap;justify-content:space-between}.bloom-goal{min-width:190px}#bloomSafe{width:100%;text-align:center;min-width:0;font-size:12px}.bloom-hud #bloomPods{font-size:14px}.bloom-intro h2{font-size:28px}.bloom-intro p{font-size:14px}.bloom-lesson{font-size:12px}.bloom-lesson svg{height:90px}.bloom-gardens button{font-size:12px}.bloom-footer{gap:10px;justify-content:space-between}.bloom-overlay{padding:16px}}
@media(max-width:520px){body[data-screen=bloom] main{padding:12px}.bloom-heading{gap:6px;flex-wrap:wrap}.bloom-heading h1{order:-1;width:100%;display:flex;justify-content:center}.bloom-heading h1 img{width:200px;height:52px}.bloom-heading button{font-size:12px;min-height:44px}.bloom-hud{gap:9px;margin-bottom:10px}.bloom-goal{min-width:150px}.bloom-goal strong{font-size:17px;margin-left:2px}.bloom-goal span{font-size:11px}.bloom-hud #bloomPods{font-size:12px}.bloom-controls{grid-template-columns:116px minmax(0,1fr);gap:7px 12px}.bloom-stick{width:116px;height:116px}.bloom-stick-arrows{inset:3px;line-height:35px;font-size:23px}.bloom-stick-arrows i{margin:0 8px}#bloomThumb{width:48px;height:48px}.bloom-arrows{gap:4px}.bloom-arrows button{min-width:0;height:48px}.bloom-powers{gap:5px;margin:0}.bloom-powers button{font-size:10px;padding:5px}.bloom-powers b{margin:0}.bloom-rival-note{font-size:10px;margin:0}.bloom-overlay{padding:12px;position:relative;inset:auto;border-top:1px solid #dde5ce}.bloom-arena:has(.bloom-overlay:not([hidden])) canvas{max-height:140px;object-fit:cover;object-position:50% 50%}.bloom-intro h2{font-size:25px}.bloom-intro p{font-size:12px}.bloom-lesson svg{height:65px}.bloom-lesson{font-size:10px}.bloom-gardens{gap:4px}.bloom-gardens button{font-size:10px;padding:5px}.bloom-mission{font-size:10px}.bloom-feedback{bottom:8px;font-size:11px}.bloom-footer span{font-size:10px}.bloom-footer button{font-size:10px}.bloom-pause-flower{font-size:40px}}
@media(prefers-reduced-motion:reduce){.bloom-meter i,.bloom-feedback{transition:none}}
@media(min-width:651px) and (max-width:850px){.bloom-arena{width:min(100%,calc(max(250px,100dvh - 500px) * var(--bloom-ratio)))}.bloom-focus .bloom-arena{width:min(100%,calc(max(250px,100dvh - 410px) * var(--bloom-ratio)))}}
@media(min-width:521px) and (max-width:650px){.bloom-arena{width:min(100%,calc(max(220px,100dvh - 570px) * var(--bloom-ratio)))}.bloom-focus .bloom-arena{width:min(100%,calc(max(250px,100dvh - 410px) * var(--bloom-ratio)))}}