:root{font-family:Pretendard,"Noto Sans KR",system-ui,sans-serif;color:#eaf6ff;background:#09131d;--device-w:390px;--device-h:844px}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(#101d29,#071019);color:#eaf6ff}button,select,input{font:inherit}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:14px 18px;background:#0d1823;border-bottom:1px solid #31465a}.page-head h1{font-size:21px;margin:0}.page-head p{margin:5px 0 0;color:#b8c8d5;font-size:13px}.head-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.head-controls label{display:flex;align-items:center;gap:6px}.head-controls button,.head-controls select{min-height:42px;border:2px solid #58738a;border-radius:10px;background:#1d3142;color:#fff;padding:7px 11px;font-weight:800}
main{display:flex;align-items:flex-start;justify-content:center;gap:18px;padding:18px;overflow:auto}.device{--museum-bottom-hud-height:106px;position:relative;width:min(var(--device-w),calc(100vw - 24px));height:min(var(--device-h),calc(100vh - 118px));min-height:560px;aspect-ratio:var(--device-w)/var(--device-h);overflow:hidden;border:4px solid #536a7d;border-radius:24px;background:#03070b;box-shadow:0 18px 50px #0008;flex:0 0 auto}.device canvas{position:absolute;inset:0 auto auto 0;width:100%;height:auto;touch-action:none}.loading{position:absolute;inset:0 0 var(--museum-bottom-hud-height,106px);display:grid;place-items:center;background:#08131e;color:#fff;font-weight:900;z-index:30}.loading.hidden{display:none}
.departure-transition{--departure-x:50%;--departure-y:50%;--departure-radius:150vmax;position:absolute;z-index:79;inset:0;background:#02070c;pointer-events:none;-webkit-mask-image:radial-gradient(circle at var(--departure-x) var(--departure-y),transparent 0 var(--departure-radius),#000 var(--departure-radius));mask-image:radial-gradient(circle at var(--departure-x) var(--departure-y),transparent 0 var(--departure-radius),#000 var(--departure-radius))}
.departure-transition.hidden{display:none}.departure-transition.is-closing{display:block}
.device.departure-zooming canvas{transform-origin:var(--departure-x,50%) var(--departure-y,50%);animation:departure-camera-zoom .42s cubic-bezier(.3,.7,.4,1) both}
@keyframes departure-camera-zoom{from{transform:scale(1)}to{transform:scale(1.025)}}
@media(prefers-reduced-motion:reduce){.device.departure-zooming canvas{animation:none}}
.hud{position:absolute;z-index:8;left:10px;right:10px;top:max(9px,env(safe-area-inset-top));display:flex;gap:7px;align-items:flex-start;pointer-events:none}.stage-pill,.research-pill{padding:8px 10px;border-radius:11px;background:#10283be8;border:2px solid #8bc2da;color:#fff;font-size:clamp(12px,2.8vw,16px);font-weight:900;box-shadow:0 4px 10px #0005}.research-pill{margin-left:auto}.clue-button{pointer-events:auto;min-width:62px;min-height:48px;border:2px solid #eab54e;border-radius:12px;background:#fff3c8;color:#152b3b;font-weight:900;display:flex;align-items:center;justify-content:center;gap:3px;box-shadow:0 5px 12px #0005}.clue-button img{width:32px;height:32px;image-rendering:pixelated}.hidden{display:none!important}
.hud .profile-button,.hud .stage-pill,.hud .research-pill,.hud .growth-button,.hud .settings-button{display:none!important}.hud{justify-content:flex-end}
.joystick{--joy:clamp(108px,29vw,146px);position:absolute;z-index:8;left:max(14px,env(safe-area-inset-left));bottom:calc(var(--museum-bottom-hud-height,106px) + max(16px,env(safe-area-inset-bottom)));width:var(--joy);height:var(--joy);border-radius:50%;touch-action:none;user-select:none;border:3px solid #eef9ff9c;background:#14233380;box-shadow:inset 0 0 0 10px #ffffff0d,0 8px 20px #0005}.joystick::before,.joystick::after{content:"";position:absolute;background:#ffffff29}.joystick::before{width:2px;top:13%;bottom:13%;left:calc(50% - 1px)}.joystick::after{height:2px;left:13%;right:13%;top:calc(50% - 1px)}.stick{position:absolute;width:42%;height:42%;left:29%;top:29%;border-radius:50%;background:#dff5ffcc;border:3px solid #fff;box-shadow:0 5px 13px #0006;transform:translate(0,0)}
.action-button{position:absolute;z-index:9;right:max(16px,env(safe-area-inset-right));bottom:calc(var(--museum-bottom-hud-height,106px) + max(23px,env(safe-area-inset-bottom)));width:clamp(82px,22vw,116px);height:clamp(82px,22vw,116px);padding:8px;border-radius:50%;border:4px solid #fff2ba;background:#e59a2de8;color:#18202a;font-weight:1000;font-size:clamp(15px,3.8vw,20px);line-height:1.25;word-break:keep-all;overflow-wrap:normal;box-shadow:0 7px 20px #0007}.action-button:disabled,.joystick.disabled{opacity:.3;pointer-events:none}
.toast{position:absolute;z-index:20;left:50%;top:82px;transform:translate(-50%,-16px);width:min(88%,520px);padding:12px 16px;border:3px solid #fff3be;border-radius:14px;background:#18354aef;color:#fff;text-align:center;font-weight:900;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
.transition{position:absolute;z-index:24;inset:0;display:grid;place-items:center;background:#06111bc7;opacity:0;pointer-events:none;transition:.2s}.transition.show{opacity:1;pointer-events:auto}.transition-card{padding:22px 30px;border:4px solid #f3d17d;border-radius:18px;background:#122b3c;text-align:center;box-shadow:0 12px 30px #0008}.transition-card strong{display:block;font-size:25px}.transition-card span{display:block;margin-top:7px;color:#cfe2ec}
.dialogue{position:absolute;z-index:18;left:10px;right:10px;bottom:max(12px,env(safe-area-inset-bottom));min-height:190px;display:grid;grid-template-columns:minmax(86px,23%) 1fr;gap:12px;padding:12px;border:5px solid #152c3c;border-radius:18px;background:#fffdf2;color:#142a39;box-shadow:0 9px 0 #07131d,0 18px 30px #0007}.portrait-wrap{border:3px solid #d5a94e;border-radius:13px;background:#e8f2ec;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.portrait-wrap img{width:100%;max-height:176px;object-fit:contain;image-rendering:pixelated}.dialogue-title{font-weight:1000;color:#7e4b16;margin-bottom:6px}.dialogue-text{font-size:clamp(18px,4.3vw,24px);font-weight:850;line-height:1.45;white-space:pre-wrap}.dialogue-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:12px}.dialogue-actions button{min-height:48px;padding:9px 14px;border:3px solid #8ca4b5;border-radius:11px;background:#fff;color:#142a39;font-weight:1000}.dialogue-actions button.primary{background:#ffd16a;border-color:#bd7815}
.arrival-confirm{position:absolute;z-index:19;inset:0;display:grid;place-items:center;background:#06111b7d;padding:18px}.arrival-confirm-card{width:min(88%,430px);padding:20px;border:5px solid #152c3c;border-radius:18px;background:#fffdf2;color:#142a39;text-align:center;box-shadow:0 9px 0 #07131d,0 18px 34px #0008}.arrival-confirm-card strong{display:block;font-size:clamp(20px,4.8vw,27px);line-height:1.35}.arrival-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.arrival-confirm-actions button{min-height:52px;border:3px solid #8ca4b5;border-radius:12px;background:#fff;color:#142a39;font-weight:1000;font-size:17px}.arrival-confirm-actions button.primary{background:#ffd16a;border-color:#bd7815}
.tester{width:360px;max-height:calc(100vh - 118px);overflow:auto;background:#10202d;border:2px solid #3c566b;border-radius:16px;padding:14px;color:#edf8ff}.tester.collapsed{display:none}.tester-head{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:-14px;z-index:2;margin:-14px -14px 8px;padding:14px;background:#10202d}.tester h2{margin:0}.tester-head button,.tester-tab{min-width:56px;min-height:44px;border:2px solid #8ab9cc;border-radius:10px;background:#f7fbf4;color:#102b3b;font-weight:900}.tester-tab{position:fixed;z-index:81;right:10px;top:10px}.tester-tab.hidden{display:none}.tester label{display:block;margin:10px 0;font-weight:900}.tester select{width:100%;min-height:42px;border-radius:9px;padding:7px}.hall-stage-controls{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0;padding:10px;border:2px solid #46657a;border-radius:10px}.hall-stage-controls legend{padding:0 6px;font-weight:900}.hall-stage-controls label{margin:0;font-size:12px}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.button-grid button{min-height:42px;border:2px solid #6f8aa0;border-radius:9px;background:#21394b;color:#fff;font-weight:850}.button-grid .danger{background:#67323a}.owned-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:8px}.owned-grid label{margin:0;padding:5px;background:#193041;border-radius:6px;font-size:12px}.tester pre{white-space:pre-wrap;word-break:break-word;padding:9px;border-radius:8px;background:#07111a;color:#bfe5c9;font-size:11px}
@media(min-width:760px){.device{min-height:0}.dialogue{left:4%;right:4%;grid-template-columns:150px 1fr}.dialogue-text{font-size:22px}.joystick{--joy:136px}.action-button{width:108px;height:108px}}
@media(max-width:760px){.page-head{display:block}.head-controls{margin-top:10px}.page-head p{display:none}main{padding:8px}.tester{position:fixed;z-index:50;left:6px;right:6px;bottom:6px;width:auto;max-height:72vh}.dialogue{grid-template-columns:82px 1fr}.portrait-wrap img{max-height:140px}}
.device[data-form-factor="phone"]{--museum-bottom-hud-height:118px}
.device[data-form-factor="phone"] .dialogue{left:8px;right:8px;min-height:204px;grid-template-columns:82px minmax(0,1fr);gap:9px;padding:9px;border-width:4px;border-radius:15px}
.device[data-form-factor="phone"] .portrait-wrap{border-width:2px}
.device[data-form-factor="phone"] .portrait-wrap img{max-height:136px}
.device[data-form-factor="phone"] .dialogue-title{font-size:13px;margin-bottom:3px}
.device[data-form-factor="phone"] .dialogue-text{font-size:17px;line-height:1.38}
.device[data-form-factor="phone"] .dialogue-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
.device[data-form-factor="phone"] .dialogue-actions button{min-height:44px;padding:6px 5px;font-size:13px;line-height:1.25;border-width:2px}
.toast,.transition-card,.dialogue,.arrival-confirm-card,.exhibit-info-card,.growth-celebration article,.growth-complete-card,.discovery-card{word-break:keep-all;overflow-wrap:normal}
.dialogue-actions button,.arrival-confirm-actions button,.exhibit-info-card button,.growth-confirm-button,.discovery-card button{word-break:keep-all;overflow-wrap:normal}
.loading.failed{padding:18px;background:#08131ef2}
.loading-failure-card{display:grid;gap:10px;width:min(520px,100%);padding:22px;border:4px solid #d86b62;border-radius:18px;background:#fffdf2;color:#142a39;box-shadow:0 10px 0 #0007;font-family:var(--font-reading)}
.loading-failure-card strong{font:400 26px var(--font-display)}
.loading-failure-card p,.loading-failure-card small{margin:0;line-height:1.45;overflow-wrap:anywhere}
.loading-failure-card button{min-height:48px;margin-top:4px;border:3px solid #bd7815;border-radius:11px;background:#ffd16a;color:#142a39;font-family:var(--font-display);font-weight:900}
.exhibit-info{position:absolute;z-index:19;inset:0;display:grid;place-items:center;padding:18px;background:#06111b9e}.exhibit-info-card{width:min(88%,500px);max-height:82%;overflow:auto;padding:22px;border:5px solid #152c3c;border-radius:18px;background:#fffdf2;color:#142a39;box-shadow:0 9px 0 #07131d,0 18px 34px #0008}.exhibit-info-kicker{margin:0;color:#8c611c;font-weight:1000}.exhibit-info-card h2{margin:5px 0 13px;font-family:var(--font-display);font-size:clamp(25px,6vw,34px)}.exhibit-info-card>p:not(.exhibit-info-kicker),.exhibit-extra p{font-size:clamp(17px,4vw,21px);font-weight:750;line-height:1.55}.exhibit-extra{margin-top:15px;padding:13px;border:3px solid #d5a94e;border-radius:12px;background:#fff2c8}.exhibit-extra strong{color:#754b0e}.exhibit-info-card button{width:100%;min-height:50px;margin-top:17px;border:3px solid #bd7815;border-radius:11px;background:#ffd16a;color:#142a39;font-family:var(--font-display);font-weight:900}
.growth-celebration{position:absolute;z-index:25;inset:0;display:grid;place-items:center;overflow:hidden;background:#07131dc7;pointer-events:auto}.growth-celebration article{position:relative;z-index:2;width:min(86%,560px);padding:28px 22px;border:5px solid #f7cf59;border-radius:20px;background:#fffdf2;color:#142a39;text-align:center;box-shadow:0 12px 0 #07131d,0 0 42px #ffd25a}.growth-celebration.is-entering article{animation:growth-card-in .42s cubic-bezier(.18,.86,.28,1) both}.growth-celebration article p{margin:5px 0;font-weight:900}.growth-celebration article h2{margin:8px 0;font-family:var(--font-display);font-size:clamp(29px,7vw,46px);color:#8a5210}.growth-stars,.growth-stars::before,.growth-stars::after{position:absolute;inset:-10%;content:"";background-image:radial-gradient(circle,#fff8a8 0 3px,transparent 4px),radial-gradient(circle,#ffb83e 0 4px,transparent 5px);background-size:91px 83px,137px 119px;animation:growth-stars .9s ease-out both}.growth-stars::before{transform:rotate(27deg);animation-delay:.08s}.growth-stars::after{transform:rotate(-21deg);animation-delay:.15s}@keyframes growth-card-in{0%{opacity:0;transform:translateY(20px) scale(.92)}100%{opacity:1;transform:none}}@keyframes growth-stars{0%{opacity:0;transform:scale(.65) rotate(0)}35%{opacity:1}100%{opacity:.2;transform:scale(1.18) rotate(12deg)}}@media(prefers-reduced-motion:reduce){.growth-celebration.is-entering article,.growth-stars,.growth-stars::before,.growth-stars::after{animation:none;opacity:1}}
.growth-celebration{isolation:isolate;transition:background .24s ease}.growth-celebration article{width:min(88%,500px);padding:clamp(20px,4vw,29px) clamp(17px,4vw,25px);word-break:keep-all;overflow-wrap:normal}.growth-celebration.is-awaiting article{display:block}.growth-celebration.is-running{background:transparent}.growth-celebration.is-running article{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease}.growth-celebration-kicker{color:#8a5a14;font-size:clamp(13px,3.3vw,17px)}.growth-celebration article h2{margin:8px auto 7px;max-width:12em;font-size:clamp(26px,6.6vw,43px);line-height:1.2}.growth-celebration article h2 span{display:block}.growth-celebration-stage{display:inline-block!important;margin:3px 0 8px!important;padding:6px 12px;border-radius:999px;background:#17364b;color:#fff;font-size:clamp(15px,3.7vw,19px);line-height:1.25}.growth-celebration-text{font-size:clamp(15px,3.6vw,19px);line-height:1.5}.growth-confirm-button{width:100%;min-height:52px;margin-top:17px;border:3px solid #9a6310;border-radius:12px;background:linear-gradient(135deg,#ffe797,#ffc14e);color:#172b39;font-family:var(--font-display);font-size:clamp(15px,3.8vw,18px);font-weight:1000;box-shadow:0 5px 0 #8a570f,0 0 19px #ffd75c88}.growth-confirm-button:focus-visible{outline:4px solid #72dddf;outline-offset:3px}.growth-confirm-button:disabled{opacity:.58}.growth-evolution-fx{position:absolute;z-index:5;inset:0;display:none;pointer-events:none}.growth-celebration.is-running .growth-evolution-fx{display:block}.growth-evolution-fx::before{position:absolute;inset:0;content:"";background:radial-gradient(circle at 50% 51%,rgba(2,8,13,.18) 18%,rgba(2,8,13,.82) 100%);animation:growth-evolution-dim 5s both}.growth-energy-core,.growth-energy-ring,.growth-shockwave,.growth-flash{position:absolute;display:block;pointer-events:none}.growth-energy-core{left:50%;top:51%;width:24%;aspect-ratio:1;border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.05);background:radial-gradient(circle,#fff 0 7%,#fff8b8 8% 20%,#ffd34d88 38%,transparent 70%);box-shadow:0 0 42px #ffe16e,0 0 110px #ffc83d;animation:growth-evolution-core 5s both}.growth-energy-ring{left:50%;top:51%;width:26%;aspect-ratio:1;border:3px solid #fff2a8;border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.2);box-shadow:0 0 12px #fff,0 0 34px #ffd452,inset 0 0 20px #ffd452;animation:growth-evolution-ring 5s both}.growth-energy-ring.ring-two{animation-delay:.12s}.growth-energy-ring.ring-three{animation-delay:.24s}.growth-shockwave{left:50%;top:50%;width:8%;aspect-ratio:1;border:5px solid #fff6bd;border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.2);box-shadow:0 0 24px #fff,0 0 60px #ffd84c;animation:growth-evolution-shock 5s both}.growth-flash{z-index:3;inset:0;background:#fff;opacity:0;animation:growth-evolution-flash 5s both}.growth-complete-card{position:absolute;z-index:12;left:50%;bottom:max(7%,env(safe-area-inset-bottom));width:max-content;max-width:90%;padding:12px 18px;border:2px solid #ffe88c;border-radius:14px;background:linear-gradient(180deg,#102938f2,#071017f5);color:#fff;text-align:center;opacity:0;pointer-events:none;transform:translateX(-50%) translateY(26px) scale(.95);box-shadow:0 10px 35px #000b,0 0 30px #ffd34855;word-break:keep-all}.growth-complete-card strong,.growth-complete-card span{display:block}.growth-complete-card strong{color:#fff3a6;font-family:var(--font-display);font-size:clamp(22px,5.6vw,40px);line-height:1.15;text-shadow:0 0 18px #ffbd30}.growth-complete-card span{margin-top:5px;font-size:clamp(12px,3.2vw,17px);font-weight:850;line-height:1.35}.growth-celebration.is-running .growth-complete-card{animation:growth-evolution-complete 5s both}.growth-progress{position:absolute;z-index:14;left:0;right:0;bottom:0;height:4px;background:#ffffff18;opacity:0}.growth-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#58f7ed,#ffe56f,#fff);box-shadow:0 0 12px #ffe267}.growth-celebration.is-running .growth-progress{opacity:1}.growth-celebration.is-running .growth-progress i{animation:growth-evolution-progress 5s linear both}.growth-celebration.is-running .growth-stars,.growth-celebration.is-running .growth-stars::before,.growth-celebration.is-running .growth-stars::after{animation:growth-evolution-stars 5s ease-out both}
@keyframes growth-evolution-progress{to{width:100%}}@keyframes growth-evolution-dim{0%{opacity:.12}8%,25%{opacity:1}31%{opacity:.25}38%,100%{opacity:0}}@keyframes growth-evolution-core{0%{opacity:0;transform:translate(-50%,-50%) scale(.05)}8%{opacity:1;transform:translate(-50%,-50%) scale(.25)}23%{opacity:1;transform:translate(-50%,-50%) scale(1.25)}28%{opacity:1;transform:translate(-50%,-50%) scale(3.8)}32%,100%{opacity:0;transform:translate(-50%,-50%) scale(4.6)}}@keyframes growth-evolution-ring{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}7%{opacity:.9}25%{opacity:.3;transform:translate(-50%,-50%) scale(4.3)}30%,100%{opacity:0;transform:translate(-50%,-50%) scale(5)}}@keyframes growth-evolution-flash{0%,24%{opacity:0}27%{opacity:.92}31%{opacity:0}100%{opacity:0}}@keyframes growth-evolution-shock{0%,26%{opacity:0;transform:translate(-50%,-50%) scale(.2)}29%{opacity:1}39%{opacity:0;transform:translate(-50%,-50%) scale(11)}100%{opacity:0}}@keyframes growth-evolution-complete{0%,72%{opacity:0;transform:translateX(-50%) translateY(26px) scale(.95)}78%,100%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes growth-evolution-stars{0%,25%{opacity:0;transform:scale(.75) rotate(0)}34%{opacity:.95}82%{opacity:.42}100%{opacity:.12;transform:scale(1.2) rotate(13deg)}}
.growth-celebration.is-reduced.is-running .growth-evolution-fx{display:none}.growth-celebration.is-reduced.is-running .growth-progress i{animation-duration:.9s}.growth-celebration.is-reduced.is-running .growth-complete-card{animation:none;opacity:1;transform:translateX(-50%)}
.device[data-form-factor="phone"] .growth-celebration article{width:calc(100% - 22px);padding:16px 14px 17px;border-width:4px;border-radius:16px}.device[data-form-factor="phone"] .growth-celebration article h2{font-size:25px}.device[data-form-factor="phone"] .growth-celebration-stage{font-size:14px}.device[data-form-factor="phone"] .growth-celebration-text{font-size:14px;line-height:1.4}.device[data-form-factor="phone"] .growth-confirm-button{min-height:46px;margin-top:12px;font-size:15px}.device[data-form-factor="phone"] .growth-complete-card{bottom:max(5%,env(safe-area-inset-bottom));padding:10px 12px}.device[data-form-factor="phone"] .growth-complete-card strong{font-size:25px}.device[data-form-factor="phone"] .growth-complete-card span{font-size:13px}
@media(prefers-reduced-motion:reduce){.growth-celebration,.growth-celebration.is-running article{transition:none}.growth-celebration.is-running .growth-stars,.growth-celebration.is-running .growth-stars::before,.growth-celebration.is-running .growth-stars::after{animation:none;opacity:.18}}
.discovery-celebration{--spot-x:50%;--spot-y:38%;position:absolute;z-index:26;inset:0;overflow:hidden;pointer-events:auto;color:#142a39}.discovery-shade{position:absolute;inset:0;background:radial-gradient(circle 112px at var(--spot-x) var(--spot-y),transparent 0 48%,rgba(3,13,23,.28) 72%,rgba(3,13,23,.78) 100%);transition:background .25s}.discovery-burst{position:absolute;left:var(--spot-x);top:var(--spot-y);width:260px;height:260px;border-radius:50%;transform:translate(-50%,-50%);background:repeating-conic-gradient(from 0deg,rgba(255,219,91,.72) 0 4deg,transparent 4deg 17deg);filter:drop-shadow(0 0 20px #ffd85c);animation:discovery-burst 1.25s cubic-bezier(.2,.8,.25,1) both}.discovery-burst::after{content:"✦";position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);color:#fff7b0;font-size:72px;text-shadow:0 0 18px #ffe36c}.discovery-celebration.kind-description .discovery-burst{background:repeating-conic-gradient(from 0deg,rgba(100,228,230,.68) 0 4deg,transparent 4deg 17deg);filter:drop-shadow(0 0 20px #74e9e9)}.discovery-celebration.kind-description .discovery-burst::after{content:"▤";color:#fff6be;text-shadow:0 0 18px #69e4e7}.discovery-celebration.kind-summary .discovery-burst,.discovery-celebration.kind-summary .discovery-particles{display:none}.discovery-particles i{position:absolute;left:var(--spot-x);top:var(--spot-y);width:11px;height:11px;background:#ffe36b;clip-path:polygon(50% 0,62% 36%,100% 50%,62% 64%,50% 100%,38% 64%,0 50%,38% 36%);animation:discovery-particle 1.25s ease-out both}.discovery-particles i:nth-child(1){--dx:-126px;--dy:-82px}.discovery-particles i:nth-child(2){--dx:-146px;--dy:20px;animation-delay:.05s}.discovery-particles i:nth-child(3){--dx:-92px;--dy:102px;animation-delay:.1s}.discovery-particles i:nth-child(4){--dx:128px;--dy:-88px;animation-delay:.08s}.discovery-particles i:nth-child(5){--dx:150px;--dy:14px;animation-delay:.14s}.discovery-particles i:nth-child(6){--dx:95px;--dy:104px;animation-delay:.18s}.discovery-particles i:nth-child(7){--dx:-22px;--dy:-126px;animation-delay:.03s}.discovery-particles i:nth-child(8){--dx:20px;--dy:130px;animation-delay:.16s}.kind-description .discovery-particles i{width:13px;height:9px;border-radius:2px;background:#a9ffff;clip-path:none}.discovery-card{position:absolute;z-index:2;left:50%;bottom:max(18px,env(safe-area-inset-bottom));width:min(88%,560px);padding:16px 18px 17px;border:5px solid #f2c84e;border-radius:19px;background:linear-gradient(150deg,#fffdf2,#fff3be);box-shadow:0 10px 0 #07131d,0 0 32px #ffd65b99;text-align:center;transform:translate(-50%,24px) scale(.96);opacity:0;animation:discovery-card-in .38s .16s ease-out forwards}.kind-description .discovery-card{border-color:#61d7dc;background:linear-gradient(150deg,#fffdf2,#dcfbf7);box-shadow:0 10px 0 #07131d,0 0 32px #66e0dd99}.kind-summary .discovery-card{border-color:#f2c84e;background:#fffdf2}.discovery-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.discovery-head span,.discovery-head strong{padding:5px 9px;border-radius:999px;background:#17364b;color:#fff;font-size:12px;font-weight:950}.discovery-head strong{background:#8d5b12}.kind-description .discovery-head strong{background:#167f84}.discovery-kicker{margin:8px 0 2px;color:#925914;font-weight:1000}.kind-description .discovery-kicker{color:#16757a}.discovery-card h2{margin:3px 0 5px;font-family:var(--font-display);font-size:clamp(27px,6.5vw,40px);line-height:1.18;color:#693e0a}.kind-description .discovery-card h2{color:#126c72}.discovery-text{margin:0;font-size:clamp(15px,3.8vw,20px);font-weight:850;line-height:1.4}.discovery-card button{width:100%;min-height:50px;margin-top:12px;border:3px solid #9a6310;border-radius:12px;background:#ffd66c;color:#172b39;font-weight:1000;font-size:16px}.discovery-card button:disabled{opacity:.58}.discovery-summary{display:grid;gap:7px;margin-top:9px;text-align:left}.discovery-summary-row{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;align-items:center;padding:7px 9px;border-radius:10px;background:#eef5f3}.discovery-summary-row b,.discovery-summary-row small{display:block}.discovery-summary-row small{margin-top:2px;color:#50636e;font-weight:750}.discovery-summary-icon{font-size:23px;text-align:center}.discovery-progress-change{margin-top:2px;padding:8px 10px;border:2px solid #dec165;border-radius:10px;background:#fff6d6;text-align:center;font-weight:900}.discovery-celebration.is-ready .discovery-card{box-shadow:0 10px 0 #07131d,0 0 42px #ffe175}.kind-description.is-ready .discovery-card{box-shadow:0 10px 0 #07131d,0 0 42px #70ece6}.kind-transitioning .discovery-card{animation:discovery-card-out .28s ease-in both}.kind-transitioning .discovery-burst,.kind-transitioning .discovery-particles{opacity:0;transition:opacity .2s}.discovery-celebration[data-reduced-motion="true"] .discovery-burst,.discovery-celebration[data-reduced-motion="true"] .discovery-particles{display:none}@keyframes discovery-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.35) rotate(-20deg)}42%{opacity:1}100%{opacity:.28;transform:translate(-50%,-50%) scale(1.08) rotate(10deg)}}@keyframes discovery-particle{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}25%{opacity:1}100%{opacity:.1;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.3)}}@keyframes discovery-card-in{to{opacity:1;transform:translate(-50%,0) scale(1)}}@keyframes discovery-card-out{to{opacity:0;transform:translate(-50%,18px) scale(.97)}}
.device[data-form-factor="phone"] .discovery-card{width:calc(100% - 18px);bottom:max(9px,env(safe-area-inset-bottom));padding:11px 12px 12px;border-width:4px;border-radius:16px}.device[data-form-factor="phone"] .discovery-head span,.device[data-form-factor="phone"] .discovery-head strong{padding:4px 7px;font-size:11px}.device[data-form-factor="phone"] .discovery-kicker{margin-top:6px;font-size:13px}.device[data-form-factor="phone"] .discovery-card h2{font-size:25px}.device[data-form-factor="phone"] .discovery-text{font-size:14px}.device[data-form-factor="phone"] .discovery-card button{min-height:44px;margin-top:8px;font-size:14px}.device[data-form-factor="phone"] .discovery-summary{gap:4px;margin-top:6px}.device[data-form-factor="phone"] .discovery-summary-row{padding:5px 7px}.device[data-form-factor="phone"] .discovery-progress-change{padding:6px 8px;font-size:13px}
@media(prefers-reduced-motion:reduce){.discovery-burst,.discovery-particles i,.discovery-card,.kind-transitioning .discovery-card{animation:none}.discovery-card{opacity:1;transform:translate(-50%,0)}}
.discovery-celebration.kind-summary .discovery-shade{background:rgba(3,13,23,.72)}
.tester-tab{top:70px}
.clue-button.tutorial-clue-pulse{animation:tutorial-clue-pulse .72s ease-in-out 3}.growth-confirm-button{margin-top:12px}@keyframes tutorial-clue-pulse{50%{transform:scale(1.1);filter:brightness(1.18);box-shadow:0 0 0 7px #ffe37555,0 0 25px #ffd24d,0 5px 12px #0005}}
.dialogue{z-index:95}.arrival-confirm{z-index:94}