.phao-hoa{gap:1rem;max-width:1080px;margin:1.75rem auto 0;display:grid}.phao-hoa__sky{isolation:isolate;border:1px solid var(--tro-choi-line);background:linear-gradient(180deg, var(--pal-b-060920,#060920) 0%, var(--pal-b-170f30,#170f30) 55%, var(--pal-b-3b1531,#3b1531) 100%);cursor:crosshair;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;border-radius:22px;height:clamp(340px,56svh,560px);position:relative;overflow:hidden;box-shadow:0 18px 40px #0000004d}html[data-theme=light] .phao-hoa__sky{box-shadow:0 16px 36px #2a1c1938}.phao-hoa__stars{pointer-events:none;position:absolute;inset:0}.phao-hoa__star{background:var(--pal-b-fffaeb,#fffaeb);border-radius:50%;position:absolute}.phao-hoa__star--twinkle{animation:4s ease-in-out infinite phao-hoa-twinkle}@keyframes phao-hoa-twinkle{0%,to{transform:scale(1)}50%{transform:scale(.45)}}.phao-hoa__canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.phao-hoa__photo{object-fit:cover;object-position:50% 100%;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .6s ease-out;display:block;position:absolute;inset:0}.phao-hoa__photo[data-shown]{opacity:1}.phao-hoa__credit{color:var(--tro-choi-copy);text-align:center;text-wrap:balance;margin:-.45rem 0 0;font-size:.82rem;line-height:1.45}.phao-hoa__roofline{width:100%;height:18%;fill:var(--pal-t-05030b,#05030b);pointer-events:none;position:absolute;bottom:0;left:0;right:0}.phao-hoa__hint{width:max-content;max-width:calc(100% - 2rem);color:var(--pal-t-fff6e3,#fff6e3);text-align:center;pointer-events:none;background:#0609209e;border:1px solid #f6d98b59;border-radius:16px;gap:.2rem;margin:0;padding:.7rem 1.1rem;transition:opacity .4s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.phao-hoa__hint strong{font:600 clamp(1rem, 4.4vw, 1.35rem) / 1.3 var(--font-serif,Lora, "Lora fallback", Georgia, serif);text-wrap:balance}.phao-hoa__hint span{color:#fff6e3c7;font-size:.9rem}.phao-hoa__hint--gone{opacity:0}.phao-hoa__hint--still{text-wrap:balance;border-radius:12px;width:auto;max-width:none;padding:.5rem .8rem;font-size:.86rem;line-height:1.45;top:.6rem;left:.6rem;right:.6rem;transform:none}.phao-hoa__controls{justify-items:center;gap:.85rem;display:grid}.phao-hoa__palettes,.phao-hoa__actions,.phao-hoa__picture-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.phao-hoa__chip{border:1px solid var(--tro-choi-line);min-height:44px;color:var(--tro-choi-ink);font:inherit;background:var(--tro-choi-paper);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .95rem .45rem .6rem;font-weight:650;display:inline-flex}.phao-hoa__chip[aria-pressed=true]{border-color:var(--tro-choi-gold);box-shadow:inset 0 0 0 1px var(--tro-choi-gold);background:var(--tro-choi-paper-soft)}.phao-hoa__swatch{background:var(--pal-b-0b0718,#0b0718);border-radius:999px;padding:3px;display:inline-flex}.phao-hoa__swatch i{border-radius:50%;width:10px;height:10px;display:block}.phao-hoa__swatch i+i{margin-left:2px}.phao-hoa__fire,.phao-hoa__button{min-height:48px;font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:.65rem 1.4rem;font-weight:800;text-decoration:none;display:inline-flex}.phao-hoa__fire{color:var(--pal-t-fff8e6,#fff8e6);background:linear-gradient(180deg, var(--pal-b-c62f3f,#c62f3f), var(--pal-b-8f1d2b,#8f1d2b));border:0;box-shadow:0 8px 22px #8f1d2b59}.phao-hoa__button{border:1px solid var(--tro-choi-gold);color:var(--tro-choi-ink);background:var(--tro-choi-paper-soft)}.phao-hoa__button:disabled{cursor:default;opacity:.7}.phao-hoa__link{border:0;border-bottom:2px solid var(--tro-choi-son);min-height:44px;color:var(--tro-choi-son);font:inherit;cursor:pointer;background:0 0;padding:.25rem 0;font-weight:700}.phao-hoa__status{min-height:1.5em;color:var(--tro-choi-copy);text-align:center;margin:0;font-size:.95rem;line-height:1.5}.phao-hoa__status:empty{min-height:0}.phao-hoa__picture{justify-items:center;gap:.85rem;width:min(100%,26rem);margin:0 auto;display:grid}.phao-hoa__picture img{border:1px solid var(--tro-choi-line);border-radius:16px;width:100%;height:auto;display:block}.phao-hoa__chip:focus-visible,.phao-hoa__fire:focus-visible,.phao-hoa__button:focus-visible,.phao-hoa__link:focus-visible{outline:3px solid var(--tro-choi-son);outline-offset:3px}@media (width<=719px){.phao-hoa__palettes{grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,26rem);display:grid}.phao-hoa__chip{text-align:center;text-wrap:balance;border-radius:16px;flex-direction:column;justify-content:center;gap:.35rem;min-height:64px;padding:.5rem .35rem;font-size:.88rem;line-height:1.25}}@media (width<=360px){.phao-hoa__fire,.phao-hoa__button{padding:.6rem 1rem}}@media (width>=720px){.phao-hoa__picture{width:min(100%,34rem)}}.phao-hoa[data-motion=none] .phao-hoa__star--twinkle{animation:none}.phao-hoa[data-motion=none] .phao-hoa__photo{transition:none}@media (prefers-reduced-motion:reduce){.phao-hoa__star--twinkle{animation:none}.phao-hoa__hint,.phao-hoa__photo{transition:none}}html[data-palette=tet-2027]{--pal-b-060920:#35091a;--pal-b-0b0718:#330a18;--pal-b-170f30:#40081d;--pal-b-3b1531:#4b041c;--pal-b-8f1d2b:#92191c;--pal-b-c62f3f:#ca2a2c;--pal-b-fffaeb:#fffbe7;--pal-t-05030b:#0c0103;--pal-t-fff6e3:#fff7de;--pal-t-fff8e6:#fff9e1}