.day-banh{--day-banh-floor:#3a2a22;--day-banh-floor-line:#fff0d214;--day-banh-wall:#7a3424;--day-banh-wall-edge:var(--pal-b-4b1d14,#4b1d14);--day-banh-wall-line:#00000047;--day-banh-tray:var(--pal-t-b3202f,#b3202f);--day-banh-tray-rim:var(--pal-t-e8c56a,#e8c56a);--day-banh-leaf:#2f6b2a;--day-banh-leaf-in:#4f8f3a;--day-banh-string:var(--pal-b-f1e2b8,#f1e2b8);--day-banh-glow:var(--pal-b-f4d27a,#f4d27a);border:1px solid var(--tro-choi-line);background:var(--tro-choi-paper-soft);border-radius:20px;gap:.9rem;max-width:900px;margin:2rem auto 0;padding:clamp(.9rem,3.5vw,1.8rem);display:grid;position:relative}html[data-theme=light] .day-banh{--day-banh-floor:var(--pal-t-ead9b6,#ead9b6);--day-banh-floor-line:#78522824;--day-banh-wall:#9c4a32;--day-banh-wall-edge:#6e2e1d;--day-banh-wall-line:#3c140a4d}.day-banh__preview{border:1px dashed var(--tro-choi-gold);color:var(--tro-choi-gold);border-radius:12px;margin:0;padding:.6rem .9rem;font-size:.92rem;font-weight:700}.day-banh__title{font:600 clamp(1.2rem, 4.2vw, 1.55rem) / 1.3 var(--font-serif,Lora, "Lora fallback", Georgia, serif);text-align:center;margin:.2rem 0 0}.day-banh__scores{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin:0;display:grid}@media (width<=520px){.day-banh__scores{grid-template-columns:repeat(2,minmax(0,1fr))}}.day-banh__scores p{border:1px solid var(--tro-choi-line);text-align:center;background:var(--tro-choi-paper);border-radius:12px;gap:.1rem;margin:0;padding:.45rem .6rem;display:grid}.day-banh__scores span{color:var(--tro-choi-muted);font-size:.8rem;font-weight:700}.day-banh__scores strong{color:var(--tro-choi-ink);font-variant-numeric:tabular-nums;font-size:1.1rem}.day-banh__yard{width:min(100%, calc(var(--day-banh-cols) * 52px));aspect-ratio:var(--day-banh-cols) / var(--day-banh-rows);touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:14px;outline:none;margin:0 auto;position:relative}.day-banh__yard:focus-visible{box-shadow:0 0 0 3px var(--tro-choi-son)}.day-banh__ground,.day-banh__pieces{position:absolute;inset:0}.day-banh__pieces{pointer-events:none}.day-banh__cell,.day-banh__cake,.day-banh__player{width:calc(100% / var(--day-banh-cols));height:calc(100% / var(--day-banh-rows));transform:translate(calc(var(--x) * 100%), calc(var(--y) * 100%));position:absolute;top:0;left:0}.day-banh__cell.is-floor{background:var(--day-banh-floor);box-shadow:inset 0 0 0 .5px var(--day-banh-floor-line)}.day-banh__cell.is-wall{background:linear-gradient(var(--day-banh-wall-line), var(--day-banh-wall-line)) 0 50% / 100% 2px no-repeat, linear-gradient(var(--day-banh-wall-line), var(--day-banh-wall-line)) 50% 0 / 2px 50% no-repeat, linear-gradient(var(--day-banh-wall-line), var(--day-banh-wall-line)) 25% 100% / 2px 50% no-repeat, var(--day-banh-wall);box-shadow:inset 0 -3px 0 var(--day-banh-wall-edge);border-radius:3px}.day-banh__tray{width:100%;height:100%;display:block}.day-banh__tray-face{fill:var(--day-banh-tray)}.day-banh__tray-rim{fill:none;stroke:var(--day-banh-tray-rim);stroke-width:2px}.day-banh__cake,.day-banh__player{transition:transform var(--day-banh-slide,.11s) ease-out}.day-banh__cake svg{filter:drop-shadow(0 2px 1px #00000059);width:86%;height:86%;margin:7%;display:block}.day-banh__leaf{fill:var(--day-banh-leaf)}.day-banh__leaf-in{fill:var(--day-banh-leaf-in)}.day-banh__string{fill:none;stroke:var(--day-banh-string);stroke-width:2.6px}.day-banh__cake.is-home svg{filter:drop-shadow(0 0 4px var(--day-banh-glow)) drop-shadow(0 0 1px var(--day-banh-glow))}.day-banh__player{place-items:center;display:grid}.day-banh__player:before{background:radial-gradient(circle at 50% 38%, var(--pal-b-ffe08a,#ffe08a), var(--pal-b-e0a526,#e0a526));content:"";border:2px solid #7a4a0c;border-radius:50%;position:absolute;inset:10%;box-shadow:0 2px 3px #00000059}.day-banh__player-art{filter:drop-shadow(0 1px 1px #00000059);width:74%;height:74%;position:relative}.day-banh__yard.is-solved .day-banh__cake svg{animation:.6s ease-out day-banh-home}@keyframes day-banh-home{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.day-banh__cake,.day-banh__player{transition:none}.day-banh__yard.is-solved .day-banh__cake svg{animation:none}}.day-banh__sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.day-banh__pad{justify-content:center;gap:.5rem;display:flex}.day-banh__pad button{border:1px solid var(--tro-choi-line);min-width:52px;min-height:48px;color:var(--tro-choi-ink);font:inherit;background:var(--tro-choi-paper);cursor:pointer;border-radius:14px;font-size:1.3rem;font-weight:800}.day-banh__pad button:hover{border-color:var(--tro-choi-gold)}.day-banh__message{min-height:1.6em;color:var(--tro-choi-copy);text-align:center;margin:0;line-height:1.6}.day-banh__done{border:1px solid var(--tro-choi-gold);text-align:center;background:var(--tro-choi-paper);border-radius:16px;gap:.6rem;padding:1rem;display:grid}.day-banh__done h3{color:var(--tro-choi-ink);font:600 1.25rem / 1.35 var(--font-serif,Lora, "Lora fallback", Georgia, serif);outline:none;margin:0}.day-banh__done p{color:var(--tro-choi-copy);margin:0}.day-banh__actions{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.day-banh__primary,.day-banh__secondary{min-height:48px;font:inherit;cursor:pointer;border-radius:999px;padding:.7rem 1.4rem;font-weight:800}.day-banh__primary{color:var(--pal-t-fff8e6,#fff8e6);background:linear-gradient(180deg, var(--pal-b-c62f3f,#c62f3f), var(--pal-b-8f1d2b,#8f1d2b));border:0}.day-banh__secondary{border:1px solid var(--tro-choi-line);color:var(--tro-choi-ink);background:var(--tro-choi-paper)}.day-banh__primary:focus-visible,.day-banh__secondary:focus-visible,.day-banh__pad button:focus-visible,.day-banh__level:focus-visible{outline:3px solid var(--tro-choi-son);outline-offset:2px}.day-banh__note{color:var(--tro-choi-copy);margin:0;font-size:.92rem;line-height:1.55}.day-banh__levels{gap:.5rem;display:grid}.day-banh__levels h3{color:var(--tro-choi-ink);margin:0;font-size:1.05rem}.day-banh__level-list{grid-template-columns:repeat(10,minmax(0,1fr));gap:.4rem;margin:0;padding:0;list-style:none;display:grid}@media (width<=620px){.day-banh__level-list{grid-template-columns:repeat(5,minmax(0,1fr))}}.day-banh__level{border:1px solid var(--tro-choi-line);width:100%;min-height:48px;color:var(--tro-choi-ink);font:inherit;background:var(--tro-choi-paper);cursor:pointer;border-radius:12px;justify-items:center;gap:.05rem;padding:.3rem .2rem;display:grid}.day-banh__level.is-current{border-color:var(--tro-choi-gold);box-shadow:0 0 0 1px var(--tro-choi-gold)}.day-banh__level-number{font-variant-numeric:tabular-nums;font-weight:800}.day-banh__level-stars{color:var(--tro-choi-gold);letter-spacing:.04em;font-size:.72rem}html[data-palette=tet-2027]{--pal-b-4b1d14:#590c10;--pal-b-8f1d2b:#92191c;--pal-b-c62f3f:#ca2a2c;--pal-b-e0a526:#eeb100;--pal-b-f1e2b8:#ffebb9;--pal-b-f4d27a:#ffda5d;--pal-b-ffe08a:#ffebb9;--pal-t-b3202f:#b6191e;--pal-t-e8c56a:#ffcb28;--pal-t-ead9b6:#fee3ab;--pal-t-fff8e6:#fff9e1}
