:root{color:#12340f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#dbe6c4}.page-shell{background:linear-gradient(155deg,#fffae8db 0%,#e0edcae6 48%,#bed596eb 100%),#dbe6c4;grid-template-rows:1fr auto;min-height:100svh;padding:clamp(24px,5vw,56px);display:grid;position:relative;overflow:hidden}.page-shell:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#4972280d 1px,#0000 1px),linear-gradient(0deg,#4972280a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 78%,#0000);mask-image:linear-gradient(#0000,#000 18% 78%,#0000)}.hero{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-self:center;align-items:center;gap:clamp(12px,2.4vh,24px);padding-bottom:clamp(16px,4vh,48px);display:flex;position:relative}.hero-title{color:#14440e;letter-spacing:0;text-shadow:0 7px #4a051214,0 22px 34px #244c1829;flex-wrap:wrap;justify-content:center;gap:.04em .22em;max-width:min(1180px,96vw);margin:0;font-size:clamp(3rem,9.8vw,8.6rem);font-weight:900;line-height:.95;display:flex}.mascot-frame{filter:drop-shadow(0 24px 18px #1f4a1838);width:clamp(230px,31vw,430px);margin:0;animation:4.8s ease-in-out infinite shibaji-float;transform:rotate(45deg)}.mascot-frame img{width:100%;height:auto;display:block}.farewell-note{z-index:1;max-width:980px;padding:clamp(6px, 1.4vh, 14px) 0 max(4px, env(safe-area-inset-bottom));color:#213f1f;letter-spacing:0;text-align:center;text-wrap:balance;justify-self:center;margin:0;font-size:clamp(.96rem,1.55vw,1.28rem);font-weight:700;line-height:1.75;position:relative}@keyframes shibaji-float{0%,to{transform:translateY(0)rotate(45deg)}50%{transform:translateY(-10px)rotate(45deg)}}@media (width<=640px){.page-shell{padding:22px 18px 18px}.hero{gap:16px;padding-bottom:24px}.hero-title{font-size:clamp(3rem,15vw,4.6rem)}.mascot-frame{width:min(72vw,310px)}}@media (height<=680px){.hero-title{font-size:clamp(2.6rem,8.2vw,6.6rem)}.mascot-frame{width:clamp(190px,26vw,330px)}}@media (prefers-reduced-motion:reduce){.mascot-frame{animation:none}}