:root{--font-display:"Do Hyeon", "Apple SD Gothic Neo", sans-serif;--font-body:"Gowun Dodum", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-cute:"Jua", "Apple SD Gothic Neo", sans-serif;--color-bg:#fbf1e4;--color-bg-deep:#f4e4cf;--color-ink:#4a3527;--color-ink-soft:#8a7360;--color-card:#fffaf2;--color-accent:#e8895f;--color-accent-deep:#c96a45;--color-accent-soft:#f6c9a8;--color-sage:#7fa596;--color-sky:#7fa8c9;--color-plum:#b16a8c;--color-gold:#e0a94a;--shadow-soft:0 6px 18px #4a352724;--shadow-lift:0 10px 28px #4a352733;--radius-lg:28px;--radius-md:20px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{overscroll-behavior:none;touch-action:manipulation;height:100%;margin:0}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-ink);overflow:hidden}h1,h2,h3,.font-display{font-family:var(--font-display);letter-spacing:.01em;font-weight:400}button{cursor:pointer;font-family:inherit}.app-shell{width:100vw;height:100dvh;position:relative;overflow:hidden}.app-screen{height:100%;animation:.25s screen-fade-in}@keyframes screen-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.btn-pill{font-family:var(--font-display);letter-spacing:.02em;box-shadow:var(--shadow-soft);border:none;border-radius:999px;font-weight:400;transition:transform .15s,box-shadow .15s}.btn-pill:active{box-shadow:var(--shadow-soft);transform:scale(.96)}.cat-photo{background:var(--color-bg-deep);border:4px solid #fff;flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 6px 14px #4a352738}.cat-photo img{object-fit:cover;width:100%;height:100%;display:block}.cat-photo--contain img{object-fit:contain}.cat-photo--contain{background:0 0}.cat-photo--circle{border-radius:50%}.cat-photo--rounded{border-radius:22px}.cat-photo--borderless{box-shadow:none;background:0 0;border:none}.cat-photo--bounce{animation:.6s cat-photo-bounce}.cat-photo__badge{filter:drop-shadow(0 2px 2px #00000040);font-size:1.3em;position:absolute;top:-2px;right:-2px}@keyframes cat-photo-bounce{0%{transform:scale(1)}40%{transform:scale(1.1)translateY(-4px)}to{transform:scale(1)}}.module-entrance{background:var(--color-card);border-radius:var(--radius-lg);text-align:center;width:100%;height:100%;box-shadow:var(--shadow-soft);transform:rotate(var(--tilt,0deg));border:none;grid-template-rows:minmax(0,1fr) auto;padding:0;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s;display:grid;position:relative;overflow:hidden}.module-entrance:before,.module-entrance:after{content:"";z-index:2;filter:drop-shadow(0 1px 2px #0003);width:clamp(22px,5vh,38px);height:clamp(22px,5vh,38px);position:absolute;top:clamp(2px,.8vh,7px);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cellipse cx='50' cy='68' rx='27' ry='23'/%3E%3Cellipse cx='18' cy='38' rx='13' ry='16.5' transform='rotate(-18 18 38)'/%3E%3Cellipse cx='41' cy='18' rx='12.5' ry='16'/%3E%3Cellipse cx='64' cy='18' rx='12.5' ry='16'/%3E%3Cellipse cx='87' cy='38' rx='13' ry='16.5' transform='rotate(18 87 38)'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cellipse cx='50' cy='68' rx='27' ry='23'/%3E%3Cellipse cx='18' cy='38' rx='13' ry='16.5' transform='rotate(-18 18 38)'/%3E%3Cellipse cx='41' cy='18' rx='12.5' ry='16'/%3E%3Cellipse cx='64' cy='18' rx='12.5' ry='16'/%3E%3Cellipse cx='87' cy='38' rx='13' ry='16.5' transform='rotate(18 87 38)'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.module-entrance:before{background:var(--paw1,var(--accent));left:10%;transform:rotate(-16deg)}.module-entrance:after{background:var(--paw2,var(--accent));right:10%;transform:rotate(14deg)}.module-entrance:hover{transform:translateY(-3px)rotate(0)scale(1.02);box-shadow:0 12px 24px #4a352733}.module-entrance:active{transform:scale(.96)rotate(0)}.module-entrance__cat{z-index:1;min-height:0;position:relative;overflow:hidden}.module-entrance__cat .cat-photo{border-radius:0;width:100%;height:100%}.module-entrance__body{z-index:1;border-top:clamp(3px, .6vh, 5px) solid var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--color-card));flex-direction:column;align-items:center;gap:clamp(.1rem,.5vh,.25rem);min-width:0;padding:clamp(.35rem,1.2vh,.65rem) .6rem clamp(.3rem,1vh,.55rem);display:flex;position:relative}.module-entrance__body strong{font-family:var(--font-cute,var(--font-display));color:var(--color-ink);font-size:clamp(1.6rem,5vh,2.3rem);font-weight:400;line-height:1.15}.module-entrance__body span{color:var(--color-ink-soft);font-size:clamp(1.15rem,3.4vh,1.7rem);font-weight:700}.module-entrance__progress{background:var(--color-bg-deep);border-radius:999px;width:min(100%,220px);height:clamp(6px,1vh,9px);margin-top:clamp(.1rem,.4vh,.3rem);overflow:hidden}.module-entrance__progress-bar{background:var(--accent);height:100%;transition:width .3s}.module-entrance__body small{color:var(--color-ink-soft);opacity:.85;font-size:clamp(.68rem,1.6vh,.88rem);font-weight:600}.village-map{background:radial-gradient(120% 60% at 50% -10%,#fff6ea 0%,#0000 55%),linear-gradient(#fdf3e2 0%,#f0dcbe 45%,#dfc9a4 100%);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.village-map:before{content:"";z-index:0;opacity:.5;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='%23c9a877' fill-opacity='0.16'%3E%3Cellipse cx='40' cy='60' rx='9' ry='12'/%3E%3Cellipse cx='24' cy='44' rx='5' ry='6.5'/%3E%3Cellipse cx='40' cy='38' rx='5.5' ry='7'/%3E%3Cellipse cx='56' cy='44' rx='5' ry='6.5'/%3E%3Cellipse cx='115' cy='105' rx='9' ry='12' transform='rotate(20 115 105)'/%3E%3Cellipse cx='100' cy='88' rx='5' ry='6.5' transform='rotate(20 100 88)'/%3E%3Cellipse cx='116' cy='82' rx='5.5' ry='7' transform='rotate(20 116 82)'/%3E%3Cellipse cx='131' cy='90' rx='5' ry='6.5' transform='rotate(20 131 90)'/%3E%3C/g%3E%3C/svg%3E");background-size:220px 220px;position:absolute;inset:0}.village-map__sky{z-index:1;text-align:center;flex-shrink:0;padding:clamp(.6rem,2vh,1.1rem) 1rem clamp(.3rem,1vh,.5rem);position:relative}.village-map__sky h1{font-family:var(--font-cute,var(--font-display));color:var(--color-ink);text-shadow:0 2px #fff9;margin:0;font-size:clamp(2.4rem,7.5vh,3.6rem)}.village-map__sky h1:before,.village-map__sky h1:after{content:"🐾";vertical-align:middle;opacity:.75;font-size:.55em;display:inline-block;transform:translateY(-.3em)}.village-map__sky h1:before{margin-right:.4em;transform:translateY(-.3em)rotate(-12deg)}.village-map__sky h1:after{margin-left:.4em;transform:translateY(-.3em)rotate(12deg)scaleX(-1)}.village-map__sky p{color:var(--color-ink-soft);margin:.3rem 0 0;font-size:clamp(1.2rem,3.4vh,1.75rem);font-weight:700}.village-map__entrances{z-index:1;flex:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.8rem,2.4vh,1.6rem);min-height:0;padding:clamp(.3rem,1.2vh,.6rem) clamp(1.2rem,3vw,2rem) clamp(1rem,3vh,1.75rem);display:grid;position:relative}@media (width<=900px){.village-map__entrances{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}}.landing{background:radial-gradient(120% 90% at 50% -10%,#fff6ea 0%,#0000 60%),linear-gradient(#fdf3e2 0%,#f4dfc2 55%,#e9c9a3 100%);height:100%;position:relative;overflow:hidden}.landing__bg-photo{z-index:0;object-fit:cover;object-position:center 10%;width:100%;height:100%;position:absolute;inset:0}.landing__glow{filter:blur(60px);opacity:.32;pointer-events:none;border-radius:50%;position:absolute}.landing__glow--a{background:var(--color-sky);width:420px;height:420px;top:-160px;left:-140px}.landing__glow--b{background:var(--color-plum);width:380px;height:380px;bottom:-180px;right:-120px}.landing__titlebar{z-index:10;text-align:center;pointer-events:none;position:absolute;top:4%;left:4%;right:4%}.landing__eyebrow{color:var(--color-accent-deep);font-family:var(--font-cute);letter-spacing:.04em;text-shadow:0 0 10px #fff,0 0 10px #fff;margin:0;font-size:clamp(1.3rem,4.2vh,3rem)}.landing__title{font-family:var(--font-cute);color:var(--color-ink);-webkit-text-stroke:8px #fff;paint-order:stroke fill;margin:.2rem 0 0;font-size:clamp(2.8rem,13vh,10rem);line-height:1.2}.landing__title-accent--a{color:var(--color-accent-deep)}.landing__title-accent--b{color:var(--color-plum)}.landing__subtitle{color:var(--color-ink);font-family:var(--font-cute);text-shadow:0 0 8px #fff,0 0 8px #fff,0 0 8px #fff;margin:.3rem 0 0;font-size:clamp(1.3rem,4.4vh,3.2rem)}.landing__cta{z-index:10;font-size:1.3rem;font-family:var(--font-cute);background:linear-gradient(180deg, var(--color-accent) 0%, var(--color-accent-deep) 100%);color:#fff;-webkit-text-stroke:0;min-height:54px;padding:.9rem 2.4rem;position:absolute;bottom:3%;left:50%;transform:translate(-50%)}.rotate-overlay{z-index:200;background:var(--color-bg);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex;position:fixed;inset:0}.rotate-overlay__icon{font-size:4rem;animation:1.6s ease-in-out infinite rotate-hint}.rotate-overlay p{font-family:var(--font-display);color:var(--color-ink);font-size:1.3rem;font-weight:400}@keyframes rotate-hint{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}.loading-cat{height:100%;color:var(--color-ink);font-family:var(--font-display);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;font-weight:400;display:flex}.loading-cat__spin{animation:1s ease-in-out infinite loading-bob}@keyframes loading-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.fullscreen-btn{z-index:500;color:#fff;font-family:var(--font-display);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#4a35278c;border:none;border-radius:999px;align-items:center;gap:.35rem;padding:.5rem .9rem;font-size:.85rem;font-weight:400;display:flex;position:fixed;top:.6rem;right:.6rem;box-shadow:0 4px 10px #0003}.nav-buttons{z-index:500;gap:.5rem;display:flex;position:fixed;top:.5rem;left:.5rem}.nav-buttons__btn{color:#fff;min-width:clamp(7rem,16vw,9.5rem);height:clamp(40px,6vh,52px);font-family:var(--font-display);white-space:nowrap;border:2px solid #ffffffd9;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:0 clamp(.8rem,2vw,1.2rem);font-size:clamp(1rem,2.6vh,1.35rem);font-weight:400;line-height:1;transition:transform .12s,filter .12s;display:flex;box-shadow:0 4px 10px #00000040}.nav-buttons__btn svg{flex-shrink:0;width:1.15em;height:1.15em}.nav-buttons__btn:active{filter:brightness(.92);transform:scale(.94)}.nav-buttons__btn--home{background:#e0684a}.nav-buttons__btn--village{background:#4f8f79}