.get-screen{position:relative;display:grid;grid-template-rows:auto 1fr auto auto;height:100dvh;min-height:100%;overflow:hidden;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom))}@media (min-width: 700px){.get-screen{height:100%}}.get-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;background:radial-gradient(120% 90% at 50% 8%,#1a2a5a,#24408a 34%,#3f6fd0 66%,#6fb8ff)}.get-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1.6px 1.6px at 20% 30%,#fff,transparent),radial-gradient(1.4px 1.4px at 70% 20%,#fff,transparent),radial-gradient(1.8px 1.8px at 40% 70%,#fff,transparent),radial-gradient(1.2px 1.2px at 85% 60%,#fff,transparent),radial-gradient(1.5px 1.5px at 15% 80%,#fff,transparent),radial-gradient(1.3px 1.3px at 55% 45%,#fff,transparent);opacity:.7;animation:twinkle 4s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.35}to{opacity:.85}}.get-magic-circle{position:absolute;z-index:-2;top:42%;left:50%;width:min(120vw,560px);height:min(120vw,560px);transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from 0deg,#78c8ff00,#96dcff59 60deg,#ffe69626,#78c8ff00,#b4a0ff4d 300deg,#78c8ff00 360deg);-webkit-mask:radial-gradient(circle,transparent 40%,#000 42%,#000 49%,transparent 51%);mask:radial-gradient(circle,transparent 40%,#000 42%,#000 49%,transparent 51%);animation:spin 22s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.get-header{text-align:center;z-index:2;padding-top:6px}.get-headline{margin:0;font-size:clamp(24px,7vw,32px);font-weight:900;color:#fff;letter-spacing:-.6px;text-shadow:0 3px 14px rgba(0,0,0,.35),0 0 22px rgba(120,200,255,.6);animation:title-in .7s cubic-bezier(.2,1.2,.3,1) both}.get-sub{margin:8px 0 0;font-size:14px;color:#d7ecff;font-weight:600;text-shadow:0 1px 6px rgba(0,0,0,.3);animation:title-in .7s .1s cubic-bezier(.2,1.2,.3,1) both}@keyframes title-in{0%{opacity:0;transform:translateY(-14px)}}.get-stage{position:relative;min-height:0;touch-action:none}.get-halo{position:absolute;z-index:0;top:50%;left:50%;width:74%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff5c8a6,#ffdc8c47 34%,#78c8ff00 66%);filter:blur(2px);animation:halo-pulse 3.4s ease-in-out infinite}@keyframes halo-pulse{0%,to{opacity:.75;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}.get-pop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;animation:pop-in .8s cubic-bezier(.2,1.4,.3,1) both}@keyframes pop-in{0%{opacity:0;transform:scale(.4)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.tap-spark{position:absolute;z-index:3;transform:translate(-50%,-50%);font-size:26px;color:#fff3b0;pointer-events:none;text-shadow:0 0 10px #ffd166;animation:spark .7s ease-out forwards}@keyframes spark{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(0)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.3) rotate(40deg)}to{opacity:0;transform:translate(-50%,-80%) scale(.6) rotate(90deg)}}.get-badges{z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px 0 14px}.name-badge{padding:8px 26px;border-radius:999px;font-size:22px;font-weight:900;color:#1a3a2c;background:linear-gradient(180deg,#b6ffe0,#6be2b0);box-shadow:0 8px 20px #14785a66,inset 0 2px #fff9;border-bottom:4px solid rgba(0,80,60,.25);animation:badge-in .6s .5s cubic-bezier(.2,1.4,.3,1) both}.place-badge{padding:6px 16px;border-radius:999px;font-size:13px;font-weight:700;color:#234;background:#ffffffeb;box-shadow:0 6px 16px #00000038;animation:badge-in .6s .62s cubic-bezier(.2,1.4,.3,1) both}@keyframes badge-in{0%{opacity:0;transform:translateY(12px) scale(.9)}}.get-footer{z-index:2;display:flex;justify-content:center;padding-bottom:6px}.get-cta{min-width:200px;font-size:18px;height:56px;position:relative;animation:cta-glow 2.2s ease-in-out infinite}@keyframes cta-glow{0%,to{box-shadow:0 10px 24px #1e64c866,0 0 #78c8ff00}50%{box-shadow:0 10px 24px #1e64c866,0 0 26px #8cd2ffd9}}.loading-char{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#eaf6ff;font-weight:700;font-size:14px}.loading-egg{width:90px;height:110px;border-radius:50% 50% 48% 48%/60% 60% 40% 40%;background:linear-gradient(180deg,#b6ffe0,#6be2b0);box-shadow:inset 0 -10px 20px #00644640,0 12px 24px #0000004d;animation:bob 1.4s ease-in-out infinite}.home-screen{position:relative;height:100dvh;min-height:100%;overflow:hidden}@media (min-width: 700px){.home-screen{height:100%}}.farm-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.farm-ground{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#7ec368;background-image:radial-gradient(130% 110% at 50% 40%,rgba(255,255,255,.16) 0%,transparent 42%),radial-gradient(140% 120% at 50% 60%,transparent 55%,rgba(24,84,44,.35) 100%),repeating-linear-gradient(0deg,#ffffff0d 0,#ffffff0d 34px,#145a2c0d 34px,#145a2c0d 68px),repeating-linear-gradient(90deg,#ffffff0d 0,#ffffff0d 34px,#145a2c0d 34px,#145a2c0d 68px)}.farm-ground:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 5px at 12% 22%,rgba(60,140,70,.45),transparent),radial-gradient(2px 5px at 32% 62%,rgba(255,255,255,.28),transparent),radial-gradient(2px 5px at 68% 34%,rgba(60,140,70,.4),transparent),radial-gradient(2px 5px at 84% 74%,rgba(255,255,255,.24),transparent),radial-gradient(2px 5px at 52% 88%,rgba(60,140,70,.4),transparent),radial-gradient(2px 5px at 22% 48%,rgba(255,255,255,.2),transparent);background-size:150px 150px;opacity:.8}.farm-scene{position:absolute;top:0;right:0;bottom:0;left:0}.fs-item{position:absolute;filter:drop-shadow(0 6px 5px rgba(0,0,0,.12))}.fs-item svg{display:block}.fs-path{position:absolute;left:32%;top:22%;width:36%;height:74%;background:linear-gradient(180deg,#e7cf9a,#d8b876);border-radius:46% 46% 42% 42%/16% 16% 10% 10%;box-shadow:inset 0 3px 10px #966e2838;opacity:.8;transform:rotate(-2deg)}.fs-path:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 30% 20%,rgba(120,90,30,.35),transparent),radial-gradient(2px 2px at 60% 50%,rgba(120,90,30,.3),transparent),radial-gradient(2px 2px at 45% 80%,rgba(120,90,30,.3),transparent);background-size:60px 60px}.fs-house{left:50%;top:13%;transform:translate(-50%);width:min(46vw,200px)}.fs-barn{left:3%;bottom:30%;width:min(30vw,120px)}.fs-field{right:3%;bottom:9%;width:min(44vw,196px)}.fs-pond{left:2%;bottom:5%;width:min(38vw,168px)}.fs-scarecrow{right:10%;bottom:34%;width:min(12vw,52px)}.fs-tree{width:min(24vw,100px)}.fs-tree-1{left:-2%;top:20%}.fs-tree-2{right:-2%;top:20%;width:min(22vw,92px)}.fs-tree-3{right:1%;bottom:46%;width:min(20vw,84px)}.fs-tree-4{left:1%;bottom:40%;width:min(20vw,82px)}.fs-bush{width:min(18vw,78px)}.fs-bush-1{left:22%;bottom:22%}.fs-bush-2{right:26%;bottom:42%}.fs-flowers{width:min(16vw,72px)}.fs-flowers-1{left:28%;bottom:6%}.fs-flowers-2{right:30%;bottom:22%}.fs-rock{width:min(12vw,56px)}.fs-rock-1{left:40%;bottom:44%}.fs-rock-2{right:14%;bottom:2%}.fs-fence{filter:drop-shadow(0 3px 3px rgba(0,0,0,.14))}.fs-fence-1{right:3%;bottom:2%;width:min(42vw,184px);transform:rotate(2deg)}.fs-fence-2{left:2%;bottom:24%;width:min(30vw,136px);transform:rotate(-3deg)}.hud-profile{position:absolute;top:max(12px,env(safe-area-inset-top));left:12px;z-index:300;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 8px;align-items:center;padding:8px 12px 8px 8px;background:#ffffffe6;border-radius:18px;box-shadow:var(--shadow-soft);border-bottom:3px solid rgba(20,50,80,.1);max-width:56%}.hud-avatar{grid-row:span 2;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:900;color:#fff;background:linear-gradient(180deg,#6be2b0,#2fae7d);box-shadow:inset 0 2px #ffffff80}.hud-name{font-weight:900;font-size:15px;line-height:1.1}.hud-region{font-size:11px;color:var(--ink-soft);font-weight:700}.hud-points{grid-column:1 / -1;display:flex;align-items:center;gap:4px;margin-top:4px;padding:4px 8px;border-radius:999px;background:linear-gradient(180deg,#fff3cf,#ffe08a);box-shadow:inset 0 1px #fff9}.coin-lg,.coin{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:linear-gradient(180deg,#ffe27a,#f0a020);color:#7a4a00;font-size:11px;font-weight:900;box-shadow:inset 0 -2px 3px #a0640066}.points-num{font-weight:900;font-size:15px;color:#7a4a00;font-variant-numeric:tabular-nums;transition:transform .15s ease}.points-unit{font-size:10px;font-weight:700;color:#a06a10}.mission-panel{position:absolute;top:max(12px,env(safe-area-inset-top));right:12px;z-index:300;width:40%;max-width:190px;padding:8px 10px;background:#ffffffeb;border-radius:16px;box-shadow:var(--shadow-soft);border-bottom:3px solid rgba(20,50,80,.1)}.mission-title{font-size:12px;font-weight:900;margin-bottom:6px;color:var(--ink)}.mission-row{margin-bottom:7px}.mission-row:last-child{margin-bottom:0}.mission-main{display:flex;justify-content:space-between;align-items:baseline;gap:4px}.mission-name{font-size:11px;font-weight:800;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mission-progress{font-size:10px;font-weight:900;color:#2f8ff0;flex-shrink:0}.mission-bar{height:6px;border-radius:999px;background:#e6eef6;overflow:hidden;margin:3px 0}.mission-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#6be2b0,#2fae7d)}.mission-reward{font-size:10px;font-weight:700;color:#a06a10}.play-area{position:absolute;z-index:200;left:0;right:0;top:120px;bottom:104px}.farm-actor{position:absolute;transform:translate(-50%,-50%);transition:left 2.4s ease-in-out,top 2.4s ease-in-out;will-change:left,top}.actor-sprite{position:relative;animation:bob 2.2s ease-in-out infinite}.actor-sprite.hop{animation:hop .5s ease}@keyframes hop{0%,to{transform:translateY(0)}40%{transform:translateY(-14px)}}.actor-portrait{filter:drop-shadow(0 8px 6px rgba(0,0,0,.22))}.actor-shadow{position:absolute;left:50%;bottom:-6px;width:52px;height:14px;transform:translate(-50%);background:#00000038;border-radius:50%;filter:blur(2px);z-index:-1}.actor-nametag{position:absolute;left:50%;bottom:-22px;transform:translate(-50%);padding:2px 10px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap;color:#fff;background:#26364ad1;box-shadow:0 2px 6px #00000040}.reward-bubble{position:absolute;left:50%;top:-46px;transform:translate(-50%);display:inline-flex;align-items:center;gap:4px;padding:6px 12px 6px 8px;border-radius:999px;background:linear-gradient(180deg,#fff6d6,#ffdf8a);box-shadow:0 8px 16px #b4780066;border-bottom:3px solid rgba(160,100,0,.3);animation:bubble-wiggle .9s ease-in-out infinite;z-index:5}.reward-bubble:after{content:"";position:absolute;bottom:-7px;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#ffdf8a}.reward-amt{font-size:13px;font-weight:900;color:#8a5300}@keyframes bubble-wiggle{0%,to{transform:translate(-50%) translateY(0) rotate(-3deg)}50%{transform:translate(-50%) translateY(-4px) rotate(3deg)}}.float-text{position:absolute;left:50%;top:-30px;font-size:18px;font-weight:900;color:#ffb43d;text-shadow:0 2px 0 #fff,0 0 8px rgba(255,180,60,.7);pointer-events:none;z-index:400;animation:float-up 1s ease-out forwards}.home-dock{position:absolute;z-index:350;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;gap:12px;padding:8px 14px;background:#fffffff0;border-radius:24px;box-shadow:var(--shadow-pop);border-bottom:4px solid rgba(20,50,80,.12)}.dock-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;width:68px;min-height:60px;padding:6px 4px;border-radius:18px;background:linear-gradient(180deg,#f2f8ff,#dcebff);box-shadow:inset 0 1px #ffffffb3;transition:transform .08s ease}.dock-btn:active{transform:translateY(2px)}.dock-ico{font-size:26px;line-height:1}.dock-label{font-size:12px;font-weight:800;color:var(--ink)}.dock-btn--disabled{background:linear-gradient(180deg,#f0f0f0,#e2e2e2);filter:grayscale(.6);opacity:.85;cursor:default}.dock-btn--disabled:active{transform:none}.dock-soon{position:absolute;top:-8px;right:-4px;font-size:9px;font-weight:800;color:#fff;background:#ff8f2e;padding:1px 6px;border-radius:999px;box-shadow:0 2px 4px #0003}@media (max-width: 360px){.hud-profile{max-width:52%;padding:6px 8px 6px 6px}.mission-panel{width:44%}}.collection-screen{position:relative;height:100dvh;min-height:100%;overflow-y:auto;padding:max(14px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#eaf6ff,#dff0e6)}@media (min-width: 700px){.collection-screen{height:100%}}.collection-header{display:flex;align-items:center;gap:10px;margin-bottom:18px}.collection-header .screen-title{flex:1}.collection-count{font-size:12px;font-weight:800;color:#2fae7d;background:#6be2b040;padding:4px 10px;border-radius:999px}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media (min-width: 700px){.collection-grid{grid-template-columns:repeat(3,1fr)}}.char-slot{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 8px 12px;border-radius:var(--radius-md);background:linear-gradient(180deg,#fff,#eef6ff);box-shadow:var(--shadow-soft),inset 0 2px #fffc;border:2px solid rgba(120,200,255,.35);border-bottom:5px solid rgba(20,50,80,.12);transition:transform .1s ease}.char-slot:active{transform:translateY(2px) scale(.99)}.slot-level{position:absolute;top:8px;left:8px;font-size:11px;font-weight:900;color:#fff;background:linear-gradient(180deg,#ffd166,#f0a020);padding:2px 8px;border-radius:999px;box-shadow:0 2px 4px #a064004d}.slot-portrait{width:96px;height:96px;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#fff,#e8f4ff 70%);border-radius:50%;box-shadow:inset 0 -6px 14px #1e5a961f;filter:drop-shadow(0 4px 4px rgba(0,0,0,.08))}.slot-name{font-size:16px;font-weight:900;color:var(--ink);margin-top:4px}.slot-place{font-size:11px;font-weight:700;color:var(--ink-soft)}.detail-card{position:relative;width:100%;max-width:340px;padding:28px 22px 22px;border-radius:24px;background:linear-gradient(180deg,#fff,#f2f8ff);box-shadow:var(--shadow-pop);border-bottom:6px solid rgba(20,50,80,.12);animation:card-pop .3s cubic-bezier(.2,1.4,.3,1)}.detail-portrait{width:120px;height:120px;margin:0 auto 6px;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#fff,#e8f4ff 72%);border-radius:50%;box-shadow:inset 0 -8px 18px #1e5a961f}.detail-name-row{display:flex;align-items:center;justify-content:center;gap:10px}.detail-name{margin:0;font-size:22px;font-weight:900}.detail-level{font-size:12px;font-weight:900;color:#fff;background:linear-gradient(180deg,#6be2b0,#2fae7d);padding:3px 10px;border-radius:999px}.detail-desc{margin:10px 0 16px;text-align:center;font-size:13px;line-height:1.5;color:var(--ink-soft);font-weight:600}.detail-place,.detail-exp{padding:10px 14px;border-radius:14px;background:#f4f8fc;margin-bottom:8px}.detail-place{display:flex;justify-content:space-between;align-items:center}.detail-label{font-size:12px;font-weight:800;color:var(--ink-soft)}.detail-value{font-size:13px;font-weight:900;color:var(--ink)}.detail-exp-top{display:flex;justify-content:space-between;margin-bottom:6px}.exp-bar{height:8px;border-radius:999px;background:#e0e8f0;overflow:hidden}.exp-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#ffd166,#f0a020)}.detail-reward{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;font-size:13px;font-weight:800;color:#8a5300}.map-screen{position:relative;display:flex;flex-direction:column;height:100dvh;min-height:100%;overflow:hidden;padding:max(14px,env(safe-area-inset-top)) 14px max(16px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#d5eeff,#cfeaff)}@media (min-width: 700px){.map-screen{height:100%}}.map-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;z-index:5}.map-header .screen-title{flex:1}.map-canvas{position:relative;flex:1;min-height:0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-pop),inset 0 0 0 4px #ffffff80}.kakao-map{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.map-compass{position:absolute;top:10px;right:10px;font-size:13px;font-weight:800;color:#2f6ba0;background:#ffffffd9;padding:4px 10px;border-radius:999px;box-shadow:var(--shadow-soft)}.map-marker{display:flex;flex-direction:column;align-items:center;animation:bob 2s ease-in-out infinite}.marker-balloon{position:relative;width:56px;height:56px;display:grid;place-items:center;border-radius:50% 50% 50% 6px;transform:rotate(45deg);background:linear-gradient(180deg,#fff,#eaf4ff);box-shadow:0 8px 16px #143c6459;border:3px solid #ffd166}.marker-balloon>svg{transform:rotate(-45deg)}.marker-label{display:flex;flex-direction:column;align-items:center;margin-top:8px;padding:3px 10px;border-radius:999px;background:#26364ad9;box-shadow:0 3px 8px #00000040;white-space:nowrap}.marker-name{font-size:12px;font-weight:900;color:#fff;line-height:1.2}.marker-cat{font-size:9px;font-weight:700;color:#ffe08a}.overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:500;display:grid;place-items:center;padding:20px;background:#14283c80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}}.spot-card{position:relative;width:100%;max-width:340px;padding:26px 22px 22px;border-radius:24px;background:linear-gradient(180deg,#fff,#f2f8ff);box-shadow:var(--shadow-pop);border-bottom:6px solid rgba(20,50,80,.12);animation:card-pop .3s cubic-bezier(.2,1.4,.3,1)}@keyframes card-pop{0%{opacity:0;transform:scale(.85) translateY(10px)}}.overlay-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;font-size:15px;font-weight:900;color:var(--ink-soft);background:#eef2f7;box-shadow:inset 0 -2px #00000014}.spot-cat{display:inline-block;font-size:11px;font-weight:900;color:#fff;padding:3px 12px;border-radius:999px;margin-bottom:8px}.spot-cat--youth_space{background:linear-gradient(180deg,#6be2b0,#2fae7d)}.spot-cat--merchant{background:linear-gradient(180deg,#ffb43d,#f0891d)}.spot-cat--campus_area{background:linear-gradient(180deg,#a99bf5,#6a54d8)}.spot-cat--public_space{background:linear-gradient(180deg,#4aa3ff,#2f7ff0)}.spot-name{margin:0 0 8px;font-size:22px;font-weight:900}.spot-desc{margin:0 0 14px;font-size:13px;line-height:1.5;color:var(--ink-soft);font-weight:600}.spot-offer{display:flex;flex-direction:column;gap:3px;padding:10px 14px;border-radius:14px;background:#f4f8fc;margin-bottom:14px}.detail-label{font-size:11px;font-weight:800;color:var(--ink-soft)}.detail-value{font-size:14px;font-weight:900;color:var(--ink)}.spot-char{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:16px;background:linear-gradient(180deg,#fff8e8,#fff2cf)}.spot-char-portrait{flex-shrink:0;width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 50% 40%,#fff,#ffe9c0 72%);box-shadow:inset 0 -4px 10px #a0640026;transition:transform .15s ease,box-shadow .15s ease}.spot-char-portrait.highlight{transform:scale(1.08);box-shadow:0 0 0 4px #ffd166,0 6px 16px #c88c0066;animation:pulse-glow 1.2s ease-in-out infinite}.spot-char-info{display:flex;flex-direction:column;gap:2px}.spot-char-name{font-size:18px;font-weight:900;color:#8a5300}.spot-guide{font-size:11px;font-weight:700;color:var(--ink-soft);margin-top:2px}.shop-screen{position:relative;height:100dvh;min-height:100%;overflow-y:auto;padding:max(14px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#fff6e6,#ffe9c4)}@media (min-width: 700px){.shop-screen{height:100%}}.shop-header{display:flex;align-items:center;gap:10px;margin-bottom:18px}.shop-header .screen-title{flex:1}.shop-points{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:900;color:#7a4a00;padding:6px 12px;border-radius:999px;background:linear-gradient(180deg,#fff3cf,#ffe08a);box-shadow:var(--shadow-soft)}.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media (min-width: 700px){.shop-grid{grid-template-columns:repeat(3,1fr)}}.shop-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 10px 14px;border-radius:var(--radius-md);background:linear-gradient(180deg,#fff,#fff3df);box-shadow:var(--shadow-soft),inset 0 2px #fffc;border:2px solid rgba(240,180,90,.35);border-bottom:5px solid rgba(150,90,0,.14)}.shop-owned{position:absolute;top:8px;left:8px;font-size:10px;font-weight:900;color:#fff;background:linear-gradient(180deg,#6be2b0,#2fae7d);padding:2px 8px;border-radius:999px}.shop-icon{font-size:40px;line-height:1;margin-bottom:2px}.shop-name{font-size:14px;font-weight:900;color:var(--ink)}.shop-desc{margin:2px 0 8px;font-size:11px;line-height:1.4;text-align:center;color:var(--ink-soft);font-weight:600;min-height:30px}.shop-buy{min-height:38px;padding:0 16px;font-size:13px;gap:4px}.shop-buy:disabled{filter:grayscale(.5);opacity:.6;cursor:default}.shop-toast{position:fixed;left:50%;bottom:32px;transform:translate(-50%);z-index:900;padding:10px 20px;border-radius:999px;background:#26364ae6;color:#fff;font-size:13px;font-weight:800;box-shadow:var(--shadow-pop);animation:fade-in .2s ease}:root{--sky-top: #aee4ff;--sky-bot: #e8f9ff;--grass-1: #8fe06a;--grass-2: #56c25a;--grass-3: #3fa84f;--ink: #26364a;--ink-soft: #5b6b7d;--paper: #ffffff;--paper-cream: #fff8ec;--gold-1: #ffe27a;--gold-2: #ffb43d;--gold-3: #f08a1d;--brand: #2fb0e0;--brand-1: #3fc4f0;--blue-1: #4aa3ff;--blue-2: #2f7ff0;--pink-1: #ff8fb3;--purple-1: #a99bf5;--danger: #ff5d6c;--shadow-soft: 0 8px 22px rgba(30, 60, 90, .16);--shadow-pop: 0 14px 34px rgba(20, 50, 80, .28);--stroke: rgba(20, 50, 80, .12);--radius-lg: 26px;--radius-md: 18px;--radius-sm: 12px;--app-max: 480px;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overflow-x:hidden;background:#dff3ff;overscroll-behavior:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.app-shell{position:relative;width:100%;max-width:var(--app-max);min-height:100dvh;margin:0 auto;overflow:hidden;box-shadow:0 0 60px #0000002e;isolation:isolate}@media (min-width: 700px){body{display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 700px at 50% -10%,#cdeeff,#bfe6ff 40%,#a9d8f7) fixed}.app-shell{width:var(--app-max);flex:0 0 auto;min-height:min(920px,96dvh);height:min(920px,96dvh);border-radius:34px;border:6px solid rgba(255,255,255,.7)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;font-weight:800;font-size:16px;letter-spacing:-.2px;color:#fff;border-bottom:4px solid rgba(0,0,0,.18);box-shadow:var(--shadow-soft);transition:transform .08s ease,filter .15s ease;user-select:none;-webkit-user-select:none}.btn:active{transform:translateY(2px);border-bottom-width:2px}.btn--primary{background:linear-gradient(180deg,#5ec6ff,#2f8ff0)}.btn--gold{background:linear-gradient(180deg,var(--gold-1),var(--gold-3));color:#6a3a00;text-shadow:0 1px 0 rgba(255,255,255,.4)}.btn--ghost{background:#ffffffd9;color:var(--ink);border-bottom-color:#14325026}.back-btn{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 16px 0 12px;border-radius:999px;background:#ffffffe6;color:var(--ink);font-weight:800;font-size:15px;box-shadow:var(--shadow-soft);border-bottom:3px solid rgba(20,50,80,.12)}.back-btn:active{transform:translateY(2px)}.screen-title{margin:0;font-size:20px;font-weight:900;letter-spacing:-.4px;text-shadow:0 2px 0 rgba(255,255,255,.55)}.pill-tag{display:inline-block;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:800;background:#ffffffd9;color:var(--ink-soft);box-shadow:var(--shadow-soft)}@keyframes float-up{0%{opacity:0;transform:translate(-50%) scale(.8)}20%{opacity:1;transform:translate(-50%,-14px) scale(1.05)}to{opacity:0;transform:translate(-50%,-54px) scale(1)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 6px rgba(255,210,90,.5))}50%{filter:drop-shadow(0 0 16px rgba(255,190,60,.9))}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important}}