@import "https://fonts.googleapis.com/css2?family=Inter:wght@500;700;800&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}.tutorial-card,.closed-place-popup{text-align:center;background:url(/bubbles/big-text-container.png) 50%/contain no-repeat;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-card{background:0 0;border-radius:0;place-items:center;width:100vw;height:100vh;padding:0;display:grid;position:fixed;inset:0}.tutorial-frame{aspect-ratio:1920/1080;width:100vw;max-width:100vw;height:100vh;max-height:100vh;position:relative}.tutorial-image{object-fit:fill;width:100%;height:100%;display:block}.tutorial-next-button,.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}.tutorial-next-button{cursor:pointer;color:#0000;clip-path:polygon(90% 83%,96% 83%,97% 94%,91% 95%);background:url(/bubbles/next-button.png) 50%/100% 100% no-repeat;border:0;width:100%;height:100%;padding:0;font-size:0;transition:transform .2s,filter .2s;position:absolute;inset:0}.tutorial-next-button:hover,.tutorial-next-button:focus-visible{filter:drop-shadow(0 0 12px #ffe922bf);outline:none;transform:translateY(-2px)}.tutorial-next-button:before,.closed-place-back-button:before{content:"";position:absolute;inset:0}.tutorial-next-button:hover,.tutorial-next-button:focus-visible,.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)}.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-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)}.tutorial-next-button{width:clamp(80px,18vw,120px);height:clamp(30px,8vw,52px);bottom:clamp(30px,6vh,68px);right:clamp(16px,4vw,32px)}.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)}