@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#fff;background:#9acecf;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #dfff92;outline-offset:5px}button{color:inherit}#game{height:100dvh;min-height:460px;overflow:hidden;position:relative}#world{width:100%;height:100%;display:block;touch-action:none}header{position:absolute;left:36px;right:36px;top:28px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-family:Outfit,sans-serif;font-size:26px;font-weight:800;letter-spacing:2px;text-decoration:none;color:#fff;display:flex;align-items:center;gap:10px;text-shadow:0 2px 12px #183f4840}.brand-icon{font-size:34px;color:#e0ffa0}.edition{font-size:11px;letter-spacing:2px;border-left:1px solid #ffffff50;padding-left:14px;margin-left:6px}.top-actions{display:flex;align-items:center;gap:10px}.solo{font-size:11px;letter-spacing:1.5px;font-weight:700;margin-right:12px}.icon-button{width:42px;height:42px;border:1px solid #ffffff35;border-radius:14px;background:#173b4270;font-size:21px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.glass{background:#183d46da;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #ffffff20;box-shadow:0 6px 30px #173b4210;border-radius:20px}.mission{position:absolute;top:112px;left:36px;width:308px;padding:24px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#b4d2d0}.mission h1{font-family:Outfit,sans-serif;font-size:23px;font-weight:600;margin:11px 0 8px;letter-spacing:-.4px}.mission p{font-size:13px;line-height:1.6;color:#b9d2d5;margin:0 0 20px}.progress-row{display:flex;align-items:center;gap:12px}.gem{color:#e0ffa0;font-size:25px}.progress-row strong{font:600 22px Outfit;white-space:nowrap}.progress-row strong span{font-size:14px;color:#a7c4c6}.track{height:5px;background:#ffffff20;flex:1;border-radius:8px;margin-left:10px}.track div{height:100%;width:0;background:#dfff92;border-radius:8px;transition:width .3s}.location{position:absolute;right:36px;top:112px;display:flex;align-items:center;gap:14px;padding:17px 20px;min-width:250px}.location-icon{font-size:29px;color:#dfff92}.location .eyebrow{font-size:9px;display:block;margin-bottom:6px}.location strong{font:500 18px Outfit;display:block}.level{font:500 27px Outfit;color:#9bbabc;margin-left:auto;padding-left:24px}.map{position:absolute;bottom:124px;right:36px;width:214px;padding:17px}.map-title{font-size:10px;letter-spacing:1.5px;display:flex;justify-content:space-between;color:#b6d0d1}.map-title span{color:#dfff92}.map canvas{width:180px;height:155px;display:block}.map-legend{display:flex;justify-content:space-between;font-size:10px;color:#b6d0d1}.map-legend span:first-child{color:#dfff92}.bottom{position:absolute;bottom:30px;left:36px;right:36px;display:flex;justify-content:space-between;gap:20px;align-items:center}.controls{display:flex;align-items:center;gap:22px;padding:18px 22px;border-radius:16px;font-size:12px;color:#c5d9db}.controls span{white-space:nowrap}kbd{font:600 10px DM Sans;color:#fff;border:1px solid #ffffff30;padding:6px 8px;border-radius:5px;margin-right:8px}.camera-hint{border-left:1px solid #ffffff20;padding-left:20px}.timer{padding:14px 19px;display:flex;align-items:center;gap:16px;border-radius:16px}.timer span{font-size:10px;letter-spacing:1.3px;color:#b8d1d3}.timer strong{font:500 20px Outfit;font-variant-numeric:tabular-nums}.toast{position:absolute;top:30%;left:50%;transform:translate(-50%,10px);background:#173b42ed;padding:13px 24px;border:1px solid #dfff9250;border-radius:30px;font-size:14px;opacity:0;transition:.3s;pointer-events:none;text-align:center}.toast.visible{opacity:1;transform:translate(-50%)}.veil{position:absolute;inset:0;background:linear-gradient(90deg,#0d303c75,#0d303c05);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.veil[hidden]{display:none}.start-card{width:440px;margin:0 20px;padding:42px;background:#12343fed;border:1px solid #ffffff25;border-radius:28px;box-shadow:0 30px 90px #12343f40}.start-card .eyebrow{color:#dfff92;font-size:10px}.start-card h2{font-family:Outfit;font-size:48px;letter-spacing:-1.6px;line-height:1.08;font-weight:600;margin:22px 0 18px}.start-card p{color:#b8d0d4;font-size:14px;line-height:1.8;margin:0 0 24px}.character-options{display:flex;align-items:center;gap:10px;margin:0 0 24px}.character-options span{font-size:10px;letter-spacing:1px;color:#b8d0d4;margin-right:auto}.character-options button{width:24px;height:24px;border-radius:50%;border:3px solid transparent;background:var(--swatch);outline:2px solid transparent}.character-options button.selected{outline-color:#fff;border-color:#12343f}.primary{width:100%;padding:17px 20px;border:0;border-radius:13px;background:#dfff92;color:#203832;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:space-between}.primary:hover{background:#ecffba}.primary span{font-size:23px;line-height:15px}.start-note{text-align:center;font-size:11px;margin-top:18px;color:#9cb9bd}.text-button{margin:18px auto 0;border:0;background:none;text-decoration:underline;font-size:13px;color:#bdd0d2;display:block}.text-button[hidden],#touch{display:none}#error{position:absolute;inset:0;background:#12343f;padding:20%;z-index:10}#error[hidden]{display:none}@media(max-width:1000px){.camera-hint{display:none}.controls{gap:12px}.mission{width:270px}.solo{display:none}}@media(max-width:650px){header{left:18px;right:18px;top:18px}.brand{font-size:22px}.edition{display:none}.icon-button{width:36px;height:36px}.mission{top:80px;left:18px;width:220px;padding:16px;border-radius:16px}.mission h1{font-size:19px;margin:8px 0}.mission p{font-size:12px;margin-bottom:10px}.location{top:80px;right:18px;padding:12px;min-width:0}.location-icon,.location .eyebrow,.level{display:none}.location strong{font-size:13px}.map{width:118px;right:18px;bottom:152px;padding:12px}.map canvas{width:94px;height:85px}.map-legend{display:none}.bottom{left:18px;right:18px;bottom:20px}.controls{display:none}.timer{margin-left:auto;padding:10px 13px}.start-card{width:370px;padding:30px}.start-card h2{font-size:40px}.toast{top:43%;width:max-content;max-width:90%}#touch{position:absolute;left:20px;right:20px;bottom:82px;display:flex;justify-content:space-between;align-items:end;pointer-events:none}.dpad{display:grid;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(2,42px);gap:5px}.dpad button,#touch-jump{pointer-events:auto;border:1px solid #ffffff40;background:#173b42b0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:12px}.dpad button[data-key=w]{grid-column:2}.dpad button[data-key=a]{grid-column:1;grid-row:2}.dpad button[data-key=s]{grid-column:2;grid-row:2}.dpad button[data-key=d]{grid-column:3;grid-row:2}#touch-jump{width:76px;height:76px;border-radius:50%;font-size:11px;font-weight:700;color:#dfff92}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}#colors[hidden]{display:none}