/* Garden Side Adventures: the Christmas Corner as a snowy gate.
   Scenery only — static art plus a gentle CSS twinkle; no layout motion,
   nothing here moves a tappable thing. */
.gh-card.xmas-gate{grid-column:1/-1;position:relative;overflow:hidden;flex-direction:row;align-items:center;gap:14px;min-height:96px;padding:14px 16px 14px 14px;
  background:linear-gradient(180deg,#EAF6FF 0,#fff 62%);border:3px solid #14532D;box-shadow:0 5px 0 #0d3d20,0 10px 20px rgba(23,63,44,.18);text-decoration:none}
.gh-card.xmas-gate::before{content:"";position:absolute;left:-4px;right:-4px;top:-1px;height:15px;background:radial-gradient(circle at 12px 0,#fff 0 11px,transparent 12px) 0 0/24px 15px repeat-x;z-index:0}
.gh-card.xmas-gate::after{content:"";position:absolute;left:0;right:0;bottom:0;height:12px;background:#fff;border-top:2px solid #CFE3EE;border-radius:50% 50% 0 0/100% 100% 0 0;z-index:0}
.gh-card.xmas-gate>*{position:relative;z-index:1}
.gh-card.xmas-gate .xg-art{flex:none;width:84px;height:64px;line-height:0}
.gh-card.xmas-gate .xg-art svg{width:100%;height:100%;overflow:visible}
.gh-card.xmas-gate .xg-txt{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 150px}
.gh-card.xmas-gate b{font-family:"Fraunces",Georgia,serif;font-size:22px;color:#14532D}
.gh-card.xmas-gate small{color:#47634F;font-size:14.5px}
.gh-card.xmas-gate .xg-go{margin-left:auto;flex:none;background:linear-gradient(180deg,#FFD93C,#FFC93C);color:#3D2E00;border-radius:999px;font-weight:800;font-size:15px;padding:0 16px;min-height:44px;display:inline-flex;align-items:center;box-shadow:0 3px 0 #D9A404}
.gh-card.xmas-gate:focus-visible{outline:3px solid #173F2C;outline-offset:3px}
@keyframes xgtw{0%,100%{opacity:1}50%{opacity:.4}}
.xg-bulb{animation:xgtw 2.4s ease-in-out infinite}.xg-bulb.b2{animation-delay:.8s}.xg-bulb.b3{animation-delay:1.6s}
@media (prefers-reduced-motion:reduce){.xg-bulb{animation:none}}
@media (max-width:560px){.gh-card.xmas-gate{flex-wrap:wrap}.gh-card.xmas-gate .xg-go{margin-left:0;flex:1 1 100%;justify-content:center}.gh-card.xmas-gate .xg-art{width:88px;height:68px}}
/* lifecycle: winter = no Santa red, over = gate retired */
html[data-xmas-phase="over"] .gh-card.xmas-gate{display:none}
html[data-xmas-phase="winter"] .gh-card.xmas-gate{border-color:#25659F;box-shadow:0 5px 0 #1b4a75,0 10px 20px rgba(23,63,44,.18)}
html[data-xmas-phase="winter"] .gh-card.xmas-gate b{color:#25659F}
/* in-game costume: let the portrait's hat clear the round frame */
.gh-who .gh-pp.xmas-on{width:76px;height:76px;border-radius:18px;background:#EAF6FF}
.gh-who .gh-pp.xmas-on svg{width:100%;height:100%}