@import "https://fonts.googleapis.com/css2?family=Inter:wght@500;700;800&family=Nunito:wght@600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}body{min-width:320px;margin:0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#151415;overflow-x:hidden}button{font:inherit}.route-shell{background:#151415;min-height:100svh;animation:2s cubic-bezier(.22,1,.36,1) route-fade}@keyframes route-fade{0%{opacity:0}to{opacity:1}}.game-shell{isolation:isolate;color:#141414;background:#fffdf1;min-height:100svh;font-family:Nunito,Inter,sans-serif;position:relative;overflow:hidden}.location-map{background:#d5e641;min-height:100svh;position:relative;overflow:hidden}.map-background{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.map-heading{z-index:2;text-align:center;background:#fffdf4;border:3px solid #151515;border-radius:18px;width:min(500px,100% - 32px);padding:15px 25px;position:absolute;top:clamp(18px,6vw,200px);left:50%;transform:translate(-50%);box-shadow:5px 5px #151515}.map-heading h1{margin:4px 0;font-size:clamp(27px,4vw,46px);line-height:1}.map-heading p:last-child{margin:0;font-size:clamp(14px,1.4vw,17px);font-weight:700}.map-location{z-index:1;cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;transition:filter .2s;position:absolute;inset:0}.map-location img:first-child{object-fit:cover;width:100%;height:100%}.map-location img:last-child{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.map-location.home{clip-path:polygon(2% 14%,37% 14%,37% 53%,10% 53%)}.map-location.school{clip-path:polygon(51% 33%,71% 59%,69% 89%,30% 95%,31% 56%)}.map-location.cafe{clip-path:polygon(71% 4%,91% 13%,92% 54%,65% 57%,55% 33%)}.home-map-button,.map-location{transition:transform .2s,filter .2s}.home-map-button:hover,.map-location:hover,.map-location:focus-visible{filter:drop-shadow(0 0 16px #ffe922);outline:none;transform:translateY(-4px)}.map-location span{text-align:center;background:#fffdf4;border:2px solid #151515;border-radius:10px;width:max-content;max-width:23%;padding:8px 14px;position:absolute;box-shadow:3px 3px #151515}.map-location.home span{top:43%;left:12%}.map-location.school span{bottom:12%;left:42%}.map-location.cafe span{top:41%;left:68%}.map-location b,.map-location small{display:block}.map-location b{font-size:clamp(18px,2vw,28px)}.map-location small{font-family:Nunito,Inter,sans-serif;font-size:clamp(9px,1vw,12px)}.map-return,.place-label{z-index:2;background:#fffdf4;border:2px solid #151515;border-radius:9px;font:800 13px Nunito,Inter,sans-serif;position:absolute;top:clamp(18px,2vw,28px)}.map-return{cursor:pointer;padding:8px 11px;right:clamp(18px,2vw,30px);box-shadow:2px 2px #151515}.place-label{margin:0;padding:8px 11px;right:clamp(87px,9vw,130px)}.tutorial-overlay,.closed-place-overlay{z-index:30;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#15151561;place-items:center;font-family:Nunito,Inter,sans-serif;display:grid;position:fixed;inset:0}.closed-place-popup{text-align:center;place-items:center;width:min(760px,100% - 32px);min-height:340px;padding:clamp(42px,5vw,60px) clamp(28px,4vw,40px) clamp(28px,3vw,36px);display:grid;position:relative}.closed-place-message{color:#141414;text-wrap:balance;text-align:center;width:min(78%,430px);margin:0;font-size:clamp(18px,2vw,28px);font-weight:800;line-height:1.4}.tutorial-character{z-index:1;pointer-events:none;width:clamp(120px,17vw,240px);height:auto;animation:3.4s ease-in-out infinite tutorial-character-bob;position:absolute;bottom:clamp(150px,22vh,250px);left:clamp(8px,3vw,60px)}@keyframes tutorial-character-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.tutorial-tap-layer{cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.tutorial-dialogue{background:#f6efd9;border:clamp(4px,.5vw,8px) solid #3b2a18;border-radius:clamp(16px,1.8vw,28px);align-items:center;gap:clamp(10px,2vw,26px);min-height:clamp(112px,19vh,200px);padding:clamp(18px,2.6vw,38px) clamp(20px,3vw,44px);display:flex;position:absolute;bottom:clamp(16px,4vh,46px);left:clamp(12px,3.5vw,68px);right:clamp(12px,3.5vw,68px);box-shadow:0 7px #3b2a18}.tutorial-text{color:#3b2a18;flex:auto;margin:0;font-size:clamp(15px,1.8vw,30px);font-weight:800;line-height:1.35}.tutorial-caret{vertical-align:-.14em;background:#3b2a18;width:.55em;height:1em;margin-left:.06em;animation:.9s step-end infinite tutorial-caret-blink;display:inline-block}@keyframes tutorial-caret-blink{50%{opacity:0}}.tutorial-advance{color:#3b2a18;cursor:pointer;background:0 0;border:0;flex:none;align-self:flex-end;padding:0;font-size:clamp(20px,2.4vw,36px);line-height:1;transition:transform .2s,filter .2s}.tutorial-advance:hover,.tutorial-advance:focus-visible{filter:drop-shadow(0 0 10px #ffe922e6);outline:none;transform:translate(3px)}@media (prefers-reduced-motion:reduce){.tutorial-character,.tutorial-caret{animation:none}}.closed-place-back-button{cursor:pointer;color:#0000;background:url(/bubbles/next-button.png) 50%/contain no-repeat;border:0;width:clamp(130px,18vw,180px);height:clamp(52px,8vw,68px);margin-top:5px;font-size:0;transition:transform .2s,filter .2s;position:relative}.closed-place-back-button:before{content:"";position:absolute;inset:0}.closed-place-back-button:hover,.closed-place-back-button:focus-visible{filter:drop-shadow(0 0 12px #ffe922bf);outline:none;transform:translateY(-2px)}.closed-place-popup{background:url(/bubbles/medium-text-container.png) 50%/contain no-repeat;width:min(560px,100% - 32px);min-height:250px}.closed-place-message{width:min(78%,430px)}.closed-place-back-button{color:#141414;width:clamp(125px,18vw,170px);height:clamp(42px,7vw,58px);text-shadow:none;background:url(/bubbles/smal-button.png) 50%/contain no-repeat;font:800 15px/1 Nunito,Inter,sans-serif}.interactive-scene{z-index:-2;position:absolute;inset:0;overflow:hidden}.scene-background,.scene-object img{object-fit:cover;width:100%;height:100%}.scene-background{position:absolute;inset:0}.scene-object{background:0 0;border:0;padding:0;position:absolute;inset:0}.scene-object:disabled{pointer-events:none}.scene-object.active{cursor:pointer;filter:drop-shadow(0 0 17px #ffe922);animation:1.15s infinite alternate object-pulse}.scene-object.active:hover{transform:scale(1.01)}.scene-object img{display:block}.object-prompt{z-index:2;color:#151515;white-space:nowrap;background:#ffe922;border:2px solid #151515;border-radius:8px;margin:0;padding:8px 13px;font:800 13px Nunito,Inter,sans-serif;position:absolute;top:18%;left:50%;transform:translate(-50%)}@keyframes object-pulse{to{filter:drop-shadow(0 0 28px #ffe922)}}.scene-wash{z-index:-1;background:linear-gradient(#ffffff38 0%,#fff0 32%,#ffffff1f 100%);position:absolute;inset:0}.hud{z-index:1;pointer-events:none;justify-content:space-between;align-items:center;width:100vw;height:clamp(120px,16vh,170px);padding:0 clamp(18px,2vw,42px);font-family:Nunito,Inter,sans-serif;font-size:clamp(17px,2vw,30px);display:flex;position:fixed;top:0;left:0}.hud-left,.hud-actions{z-index:2;pointer-events:auto;position:relative}.hud-left{flex-direction:row;flex:auto;justify-content:flex-start;align-items:center;gap:clamp(12px,1.4vw,24px);min-width:0;margin:0;display:flex}.status-stack{flex-direction:row;flex:auto;justify-content:flex-start;align-items:center;gap:clamp(8px,1vh,16px);width:100%;min-width:0;display:flex}.hud-actions{align-items:center;gap:clamp(10px,1vw,18px);margin:0;display:flex}.hud-layer{display:none}.time-container{z-index:2;pointer-events:auto;background:0 0;justify-content:center;align-items:center;width:clamp(150px,24vw,260px);height:clamp(92px,13vh,140px);font-weight:700;display:flex;position:relative}.time-container-image{object-fit:contain;object-position:center;pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.time-info{z-index:1;flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.time-container strong{letter-spacing:.02em;font-size:clamp(20px,2.5vw,25px);line-height:1}.time-period{z-index:1;letter-spacing:.08em;text-transform:uppercase;color:#14141499;font-size:clamp(10px,1.1vw,13px);font-weight:600;line-height:1;position:relative}.status{z-index:2;pointer-events:auto;background:0 0;align-items:center;gap:0;display:flex;position:relative}.status.time,.status.energy{flex:1 1 0;width:100%;min-width:clamp(180px,20vw,240px);max-width:clamp(300px,31vw,440px);height:clamp(20px,8vh,90px)}.status-container-image{object-fit:contain;object-position:center;pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.bar-container{z-index:1;width:100%;height:100%;position:relative;overflow:hidden}.bar{z-index:2;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.bar-fill{height:33%;transition:width .3s;position:absolute;top:30%;left:20%;overflow:hidden}.fill-image{object-fit:cover;object-position:left;width:100%;max-width:none;height:100%;display:block}@media (width>=821px) and (width<=1440px){.bar-fill{left:clamp(56px,8vw,100px)}}.back-to-map-button,.accessibility-button{cursor:pointer;z-index:2;pointer-events:auto;background:0 0;border:0;justify-content:center;align-items:center;width:clamp(82px,10vw,148px);height:clamp(82px,10vw,148px);padding:0;transition:transform .2s,filter .2s;display:flex;position:relative;top:0;right:auto}.back-to-map-button img,.accessibility-button img{object-fit:contain;width:100%;height:100%}.back-to-map-button:hover,.accessibility-button:hover,.back-to-map-button:focus-visible,.accessibility-button:focus-visible{filter:drop-shadow(0 0 16px #ffe922);outline:none;transform:translateY(-4px)}.intro-card,.result-card{text-align:center;background:#fffdf4;border:4px solid #151515;border-radius:26px;width:min(500px,100% - 32px);padding:clamp(28px,4vw,48px);position:absolute;top:50%;left:50%;transform:translate(-50%,-42%);box-shadow:10px 11px #151515}.eyebrow{letter-spacing:.15em;margin:0;font-family:Nunito,Inter,sans-serif;font-size:13px;font-weight:800}.intro-card h1,.result-card h1{margin:11px 0;font-size:clamp(34px,5vw,58px);line-height:.95}.intro-card p:not(.eyebrow),.result-card p:not(.eyebrow){margin:0;font-size:19px;line-height:1.35}.start-button{color:#141414;cursor:pointer;background:#ffe922;border:3px solid #151515;border-radius:12px;width:100%;margin-top:27px;padding:14px 18px;font-size:18px;font-weight:800;transition:transform .15s,box-shadow .15s;box-shadow:4px 4px #151515}.start-button:hover,.choice:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #151515}.start-button:active,.choice:active{transform:translate(2px,2px);box-shadow:1px 1px #151515}.start-button span{float:right;font-size:24px;line-height:16px}.choice-panel{z-index:600;background:#fffdf4;border:4px solid #151515;border-radius:23px;width:min(39vw,505px);padding:20px;position:absolute;bottom:clamp(28px,5vw,54px);right:clamp(20px,3.5vw,62px);box-shadow:7px 7px #14141429}.device-label{letter-spacing:.11em;margin:0 0 11px;font-family:Nunito,Inter,sans-serif;font-size:12px;font-weight:800}.choice{text-align:left;color:#141414;cursor:pointer;background:#fff;border:2px solid #151515;border-radius:10px;width:100%;margin-top:10px;padding:12px 15px;transition:transform .15s,box-shadow .15s,background .15s;display:grid;box-shadow:3px 3px #151515}.choice.selected{background:#ffe922}.choice span{font-size:clamp(15px,1.45vw,20px);font-weight:800;line-height:1.1}.choice small{color:#575757;margin-top:5px;font-family:Nunito,Inter,sans-serif;font-size:11px}.mission{z-index:9999;aspect-ratio:800/200;width:min(50vw,700px);animation:2s ease-in-out infinite missionCardFloat,.6s ease-out missionEnter;position:absolute;bottom:clamp(20px,3vw,28px);left:clamp(18px,2.3vw,42px)}.mission img{width:100%;height:100%;position:absolute;inset:0}.mission span{font-size:large;position:absolute;inset:15% 7% 15% 8%}.mission p{align-items:center;margin:0;font-size:clamp(8px,1.5vw,30px);font-weight:100;line-height:1.18;display:grid;position:absolute;inset:22% 7% 15% 8%}.scene-caption{z-index:1;background:#fffdf4d9;border-radius:9px;margin:0;padding:7px 12px;font-size:13px;font-weight:800;position:absolute;top:100px;right:35px}.persona-scores{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:23px;display:flex}.persona-scores span{border:2px solid #151515;border-radius:999px;padding:4px 8px 4px 12px;font-size:13px;font-weight:800}.persona-scores b{background:#ffe922;border-radius:50%;place-items:center;width:20px;height:20px;margin-left:6px;display:inline-grid}.home-screen{isolation:isolate;background:#ffdfaa;min-height:100svh;position:relative;overflow:hidden}.home-background{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.home-map-button,.home-back,.home-instruction{z-index:2;background:#fffdf4;border:3px solid #211409;border-radius:12px;font-family:Nunito,Inter,sans-serif;font-weight:800;position:absolute;box-shadow:4px 4px #211409}.home-heading{background:#fffdf4;border:3px solid #211409;border-radius:14px;padding:12px;font-family:Nunito,Inter,sans-serif;font-weight:800;box-shadow:4px 4px #211409}.home-map-button,.home-back{cursor:pointer;padding:9px 14px;top:clamp(18px,2.4vw,32px);right:clamp(18px,2.4vw,34px)}.home-map-button{z-index:210}.home-instruction{text-align:center;max-width:min(92vw,760px);margin:0;padding:16px 30px;font-size:clamp(16px,2vw,22px);bottom:clamp(18px,3vw,36px);left:50%;transform:translate(-50%)}.home-device{z-index:1;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.home-device img{object-fit:cover;width:100%;height:100%;transition:filter .2s,transform .2s;display:block}.home-device:not(.inactive):hover img,.home-device:not(.inactive):focus-visible img{filter:drop-shadow(0 0 24px #ffe922);transform:scale(1.01)}.missions:before{content:"";z-index:0;opacity:0;pointer-events:none;background:#000;transition:opacity .25s;position:absolute;inset:0}.missions.highlight-devices:before{opacity:.3}.missions.highlight-devices .home-device.inactive img{filter:grayscale()brightness(.62);opacity:.42}.accessibility-button.is-on img{filter:drop-shadow(0 0 14px #ffe922)drop-shadow(0 0 6px #fff)}.home-device.inactive{cursor:not-allowed}.home-device.inactive img{filter:grayscale();opacity:.5}.home-device.inactive:hover img{filter:grayscale()brightness(.7);opacity:.35}.home-device:focus-visible{outline-offset:-5px;outline:3px solid #211409}.home-device span{color:#211409;opacity:0;background:#ffe922;border:2px solid #211409;border-radius:8px;padding:6px 10px;font:800 13px Inter,sans-serif;transition:opacity .2s;position:absolute;top:66%;left:50%;transform:translate(-50%);box-shadow:2px 2px #211409}.home-device:hover span,.home-device:focus-visible span{opacity:1}.home-device.package span{top:65%}.home-device.computer{clip-path:polygon(51% 34%,82% 33%,82% 72%,51% 70%)}.home-device.packages{clip-path:polygon(18% 44%,43% 42%,44% 70%,18% 76%)}.home-device.unknown-dm{clip-path:polygon(74% 55%,84% 55%,84% 72%,71% 71%)}.home-device.poster{clip-path:polygon(17% 13%,34% 10%,33% 37%,17% 39%)}.home-device.friend{clip-path:polygon(0% 17%,19% 28%,16% 54%,0% 70%)}.home-device.tripod{clip-path:polygon(72% 33%,100% 26%,100% 67%,90% 79%,68% 81%)}.home-device.camera,.home-device.wifi{clip-path:polygon(32% 50%,45% 51%,47% 70%,29% 72%)}.home-device.review{clip-path:polygon(54% 37%,71% 42%,74% 72%,49% 75%)}.home-mission .home-background{z-index:-1}.home-mission{z-index:10;background:#151415;position:fixed;inset:0;overflow:hidden}.mission-background{object-fit:cover;width:100%;height:100%;animation:.6s ease-out sceneFadeIn;position:absolute;inset:0}.mission-popup,.package-opened{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.package-opened{z-index:1}.mission-popup{z-index:100;pointer-events:none;width:100vw;height:100vh;animation:.5s ease-out forwards popupFadeIn;position:fixed;inset:0}.mission-popup-image{object-fit:cover;transform-origin:50%;width:100%;height:100%;animation:.5s ease-out forwards popupScaleIn}.mission-education-overlay{z-index:200;background:#0a0a0a8c;justify-content:center;align-items:center;padding:clamp(24px,6vw,64px);animation:.5s ease-out popupFadeIn;display:flex;position:fixed;inset:0}.mission-education-card{text-align:left;color:#211409;scrollbar-color:#211409 #fffdf4;background:#fffdf4;border:4px solid #211409;border-radius:24px;width:min(720px,100% - 32px);max-height:min(82vh,820px);padding:clamp(22px,4vw,40px);overflow-y:auto;box-shadow:8px 8px #00000059}.mission-education-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#b48900;margin:0 0 8px;font-family:Nunito,Inter,sans-serif;font-size:clamp(12px,1.2vw,14px);font-weight:800}.mission-education-card h3{margin:0 0 16px;font-size:clamp(24px,3.6vw,34px);line-height:1.1}.mission-education-card>p,.mission-education-intro{margin:0 0 8px;font-size:clamp(16px,1.8vw,19px);line-height:1.55}.mission-education-video{margin:18px 0 4px}.mission-education-video-frame{aspect-ratio:16/9;background:#000;border:3px solid #211409;border-radius:14px;width:100%;overflow:hidden;box-shadow:4px 4px #0000002e}.mission-education-video iframe{border:0;width:100%;height:100%;display:block}.mission-education-video figcaption{color:#5a4a34;margin:8px 2px 0;font-size:clamp(13px,1.4vw,15px);line-height:1.45}.mission-education-section{border-top:2px dashed #21140933;margin-top:22px;padding-top:18px}.mission-education-section h4{margin:0 0 10px;font-size:clamp(17px,2vw,21px);line-height:1.2}.mission-education-section p{color:#3a2c1c;margin:0 0 10px;font-size:clamp(15px,1.6vw,17px);line-height:1.55}.mission-education-section p:last-child{margin-bottom:0}.mission-education-section--case-study{background:#fff2c2;border:3px solid #211409;border-radius:16px;padding:16px 18px;box-shadow:4px 4px #0000002e}.mission-education-links{border-top:2px dashed #21140933;margin-top:22px;padding-top:18px}.mission-education-links h4{margin:0 0 10px;font-size:clamp(15px,1.6vw,17px)}.mission-education-links p{color:#3a2c1c;margin:0 0 12px;font-size:clamp(15px,1.6vw,17px);line-height:1.55}.mission-education-links ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.mission-education-links a{color:#211409;background:#fffdf4;border:2px solid #211409;border-radius:999px;padding:7px 14px;font-family:Nunito,Inter,sans-serif;font-size:13px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-block;box-shadow:3px 3px #211409}.mission-education-links a:hover{background:#ffe922;transform:translate(-2px,-2px);box-shadow:4px 4px #211409}.mission-education-links a:active{transform:translate(1px,1px);box-shadow:2px 2px #211409}@keyframes popupFadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupScaleIn{0%{transform:scale(.95)}70%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes missionCardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes missionEnter{0%{opacity:0}to{opacity:1}}@keyframes sceneFadeIn{0%{opacity:0}to{opacity:1}}.mission-option{opacity:0;animation:1s ease-out forwards optionEnter;transform:translateY(20px)}@keyframes optionEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes title-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.game-over-overlay{z-index:500;font-family:Nunito,Inter,sans-serif}.result-page{color:#141414;background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100svh;font-family:Nunito,Inter,sans-serif;position:relative;overflow:hidden}.result-nav{z-index:3;gap:clamp(10px,1.4vw,18px);display:flex;position:absolute;top:clamp(18px,3vw,34px);left:clamp(18px,3vw,42px)}.result-nav-link{color:#141414;cursor:pointer;letter-spacing:.08em;background:#fffdf4;border:2px solid #151515;border-radius:9px;padding:8px 14px;font:800 13px Nunito,Inter,sans-serif;transition:transform .15s,box-shadow .15s;box-shadow:3px 3px #151515}.result-nav-link:hover,.result-nav-link:focus-visible{outline:none;transform:translate(-2px,-2px);box-shadow:5px 5px #151515}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.result-info-box{z-index:1;text-align:left;color:#211409;scrollbar-color:#211409 transparent;padding:clamp(10px,1.6vw,24px) clamp(14px,2vw,28px);position:absolute;inset:21% 9% 15% 55%;overflow-y:auto}.result-info-section{border-bottom:2px dashed #21140933;margin-bottom:20px;padding-bottom:18px}.result-info-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.result-info-section h4{letter-spacing:.03em;text-transform:uppercase;color:#b48900;margin:0 0 8px;font-size:clamp(15px,1.6vw,18px)}.result-info-section p{margin:0;font-size:clamp(14px,1.4vw,16px);line-height:1.55}.result-info-section ul{margin:0;padding-left:18px}.result-info-section li{margin-bottom:8px;font-size:clamp(14px,1.4vw,16px);line-height:1.5}.result-info-section li:last-child{margin-bottom:0}.result-share-section{padding-top:4px}.result-share-box{aspect-ratio:2642/588;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:100%;position:relative}.result-share-actions{justify-content:center;align-items:center;gap:clamp(10px,4%,22px);display:flex;position:absolute;bottom:20%;left:50%;transform:translate(-50%)}.result-share-button{aspect-ratio:1;cursor:pointer;background:0 0;border:none;place-items:center;width:clamp(30px,11%,56px);padding:0;transition:transform .15s;display:grid}.result-share-button:hover,.result-share-button:focus-visible{outline:none;transform:scale(1.08)}.result-share-button img{width:100%;height:100%;display:block}.persona-types-page{color:#141414;box-sizing:border-box;background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;min-height:100svh;padding:clamp(70px,11vh,120px) clamp(10px,2vw,30px) clamp(40px,7vh,80px);font-family:Nunito,Inter,sans-serif;display:flex;position:relative;overflow:hidden}.persona-types-nav-right{left:auto;right:clamp(18px,3vw,42px)}.persona-type-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(4px,.8vw,14px);width:min(1500px,97vw);display:grid}.persona-type-cell{aspect-ratio:1;cursor:pointer;perspective:1000px;background:0 0;border:none;padding:0;position:relative}.persona-type-cell-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s;position:relative}.persona-type-cell:hover .persona-type-cell-inner,.persona-type-cell:focus-visible .persona-type-cell-inner{outline:none;transform:rotateY(180deg)}.persona-type-cell img{object-fit:contain;backface-visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.persona-type-cell .persona-type-face{transform:rotateY(0)}.persona-type-cell .persona-type-label{transform:rotateY(180deg)}@media (width<=720px){.persona-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:min(320px,80vw)}}.stub-page{color:#141414;background:#fffdf1;place-items:center;min-height:100svh;font-family:Nunito,Inter,sans-serif;display:grid;position:relative}.stub-card{text-align:center;background:#fffdf4;border:4px solid #151515;border-radius:26px;width:min(500px,100% - 32px);padding:clamp(28px,4vw,48px);box-shadow:10px 11px #151515}.stub-card h1{margin:11px 0;font-size:clamp(34px,5vw,58px);line-height:.95}.stub-card p:not(.eyebrow){margin:0 0 12px;font-size:19px;line-height:1.35}@media (width<=820px){.result-info-box{background:#fffdf4;border-top:4px solid #151515;border-radius:24px 24px 0 0;max-height:50vh;padding:clamp(18px,4vw,28px) clamp(18px,4vw,28px) clamp(14px,3vw,22px);inset:auto 0 0;box-shadow:0 -6px #0003}}@media (width<=720px){.hud{gap:10px;padding:0 clamp(14px,3vw,24px)}.time-container{width:clamp(70px,12vw,120px);font-size:clamp(12px,1.8vw,18px)}.status.time,.status.energy{width:clamp(150px,20vw,280px);height:clamp(24px,3.5vh,48px)}.back-to-map-button,.accessibility-button{width:clamp(50px,7vw,90px);height:clamp(50px,7vw,90px)}.back-to-map-button{right:clamp(14px,1.5vw,28px)}.accessibility-button{right:clamp(80px,11vw,140px)}.choice-panel{width:calc(100% - 28px);padding:14px;bottom:16px;left:14px}.mission{width:calc(100% - 28px);top:86px;bottom:auto;right:14px}.mission p{font-size:10px}.scene-caption{display:none}.intro-card,.result-card{transform:translate(-50%,-36%)}.object-prompt{font-size:11px;top:78px}}.music-toggle-button{color:#ffe922;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#151415b8;border:1px solid #ffe92259;border-radius:50%;justify-content:center;align-items:center;width:clamp(44px,6vw,56px);height:clamp(44px,6vw,56px);transition:transform .2s,filter .2s;display:flex;position:fixed;bottom:clamp(14px,2vw,28px);right:clamp(14px,2vw,28px)}.music-toggle-button:hover,.music-toggle-button:focus-visible{filter:drop-shadow(0 0 12px #ffe922bf);outline:none;transform:translateY(-3px)}.device-gate{z-index:20000;color:#141414;background:#c9d6e8;place-items:center;padding:clamp(20px,6vw,48px);font-family:Nunito,Inter,sans-serif;display:grid;position:fixed;inset:0;overflow:hidden}.device-gate-scene{opacity:.42;filter:grayscale()sepia()hue-rotate(178deg)saturate(1.5)brightness(1.12);position:absolute;inset:0}.device-gate-scene img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.device-gate-scene-device{filter:drop-shadow(0 0 16px #fffffff2)}.device-gate-card{z-index:1;text-align:center;background:#fffdf4;border:4px solid #151515;border-radius:26px;width:min(520px,100%);padding:clamp(26px,7vw,44px);position:relative;box-shadow:8px 9px #ffe922}.device-gate-eyebrow{letter-spacing:.22em;color:#b48900;margin:0 0 14px;font-size:13px;font-weight:800}.device-gate-message{text-wrap:balance;margin:0;font-size:clamp(19px,5vw,26px);font-weight:800;line-height:1.35}.device-gate-note{color:#575757;text-wrap:balance;margin:14px 0 0;font-size:clamp(13px,3.4vw,15px);font-weight:600;line-height:1.5}