:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--feature-bg: #fdfdfd;--back-link-text: rgba(0, 0, 0, .9);--back-link-text-hover: rgba(0, 0, 0, .95);--back-link-bg: #ffffff;--back-link-border: rgba(0, 0, 0, .1);--back-link-border-hover: rgba(0, 0, 0, .14);--back-link-shadow: 0 2px 10px rgba(0, 0, 0, .08);--back-link-shadow-hover: 0 3px 14px rgba(0, 0, 0, .1);--tc-bar-bg: rgba(255, 255, 255, .5);--tc-bar-border: rgba(0, 0, 0, .1);--tc-bar-shadow: 0 8px 32px rgba(0, 0, 0, .06);--tc-hint-text: #ffffff;--field-hud-bg: #ffffffb3;--field-hud-border: rgba(0, 0, 0, .05);--field-hud-shadow: 0 4px 12px rgba(0, 0, 0, .05);--field-hud-text: #333333;--scouter-status-dot-idle: rgba(0, 0, 0, .1);--scouter-status-dot-active: #4ade80;--scouter-status-dot-shadow: 0 0 8px rgba(74, 222, 128, .5)}.page-back{position:fixed;top:max(12px,var(--safe-top));left:max(12px,var(--safe-left));z-index:50;font-family:var(--font-body, "Synonym-Regular", sans-serif);font-size:clamp(12px,3.2vw,14px);color:var(--back-link-text);text-decoration:none;padding:8px clamp(10px,2.5vw,14px);border-radius:999px;background:var(--back-link-bg);border:1px solid var(--back-link-border);box-shadow:var(--back-link-shadow);transition:color .2s,background .2s,box-shadow .2s,border-color .2s}.page-back:hover{color:var(--back-link-text-hover);background:var(--back-link-bg);box-shadow:var(--back-link-shadow-hover);border-color:var(--back-link-border-hover)}.page-thought-clouds{min-height:100vh;min-height:100dvh;margin:0;background-color:var(--bg-color, #5199e1);overflow:hidden}.page-thought-clouds #main-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.thought-clouds-bar{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:16px;padding:12px 20px;border-radius:20px;background:var(--tc-bar-bg);border:1px solid var(--tc-bar-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--tc-bar-shadow)}.thought-clouds-bar #thought-input{width:min(320px,70vw);border-bottom:1px solid var(--ui-border, rgba(0, 0, 0, .1));font-size:clamp(14px,3.8vw,18px);font-weight:300;line-height:1.35}.thought-clouds-hint{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:15;font-family:var(--font-body, sans-serif);font-size:clamp(11px,3.1vw,14px);line-height:1.45;text-align:center;max-width:min(26rem,calc(100vw - 32px));padding:0 12px;box-sizing:border-box;pointer-events:none}.page-field-signal{margin:0;padding:0;width:100%;max-width:100vw;min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;overflow:hidden;background:var(--feature-bg);font-family:Synonym-Regular,sans-serif}.field-signal-parameter{font-family:var(--font-subheading, "Synonym-Medium", sans-serif);font-weight:500;font-size:clamp(11px,2.8vw,14px);letter-spacing:.02em;color:#000000b8}.fs-start-primary{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;max-width:min(320px,100%);padding:12px 16px;border-radius:12px;background:#ffffffe0;border:1px solid rgba(0,0,0,.06);box-shadow:0 8px 28px #0000000f;pointer-events:auto}.fs-start-primary.hidden{display:none}.fs-start-title{margin:0 0 .5rem;font-family:var(--font-subheading, "Synonym-Medium", sans-serif);font-weight:400;font-size:clamp(1.1rem,2.8vw,1.35rem);letter-spacing:-.02em;color:#000000d1}.fs-start-status{margin:0;font-size:12px;line-height:1.55;font-family:var(--font-body, "Synonym-Regular", sans-serif);color:#00000080}.fs-start-btn{background:#282c34;color:#fff;border:none;padding:12px 22px;border-radius:999px;font-weight:500;font-size:14px;cursor:pointer;transition:transform .2s,background .2s}.fs-start-btn:active{transform:scale(.98)}#hud-pause-btn.hidden{display:none!important}.fs-intro-active #antenna-canvas{filter:blur(4px) brightness(.9);transition:filter .4s ease}.fs-intro-active .field-hud{opacity:0;transition:opacity .3s ease}.page-field-signal:not(.fs-intro-active) .field-hud{opacity:1}.fs-intro-center{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;pointer-events:none}.fs-intro-center .sst-start-primary{pointer-events:auto}#antenna-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.field-hud{position:absolute;top:0;left:0;width:100%;height:100%;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;z-index:20}.hud-top,.hud-bottom{display:flex;justify-content:space-between;align-items:flex-end}.page-field-signal .hud-top{justify-content:flex-end}.page-field-signal .field-signal-sr-only{position:absolute;left:0;top:0;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hud-item{background:var(--field-hud-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 16px;border-radius:8px;font-size:13px;color:var(--field-hud-text);box-shadow:var(--field-hud-shadow);border:1px solid var(--field-hud-border);display:flex;align-items:center;gap:8px;letter-spacing:.05em;text-transform:uppercase}.status-dot{width:8px;height:8px;flex-shrink:0;background:var(--scouter-status-dot-idle);border-radius:50%;transition:background .3s}.status-dot.active{background:var(--scouter-status-dot-active);box-shadow:var(--scouter-status-dot-shadow)}.hud-instruction{display:flex;font-size:clamp(11px,2.8vw,14px);line-height:1.4;color:#00000080;letter-spacing:.02em;max-width:min(34rem,100%);align-items:center;padding:8px 16px;border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--field-hud-shadow);border:1px solid var(--field-hud-border);transition:opacity .5s}.field-signal-guide{text-align:left;color:#00000094}.field-signal-guide__title{font-family:var(--font-subheading, "Synonym-Medium", sans-serif);margin:0 0 .4rem;font-size:clamp(11px,2.6vw,13px);font-weight:600;letter-spacing:.04em;color:#000000b8}.field-signal-intro__button{background:#282c34;color:#fff;border:none;padding:12px 22px;border-radius:999px;font-weight:500;font-size:14px;cursor:pointer;transition:transform .2s,background .2s}.field-signal-guide__list{margin:0;padding:0 0 0 1.1rem;list-style:disc;font-size:clamp(10px,2.5vw,13px);line-height:1.45}.field-signal-guide__list li+li{margin-top:.45rem}.instruction-bold{font-family:Synonym-Medium,Synonym-Regular,sans-serif;font-size:.92em;font-weight:500;color:#000000a6}.hud-item--depth{align-items:flex-start}.hud-item--depth__inner{display:flex;flex-direction:column;gap:2px;min-width:0}.hud-item--depth__label{font-family:var(--font-subheading, "Synonym-Medium", sans-serif);font-weight:500;font-size:clamp(11px,2.8vw,14px);letter-spacing:.02em;color:#000000b8}.hud-item--depth__value{display:flex;flex-direction:column;gap:2px;font-size:clamp(11px,2.8vw,14px);font-weight:600;letter-spacing:.02em}.hud-item--depth__hint{display:block;font-weight:400;font-size:clamp(8px,2vw,10px);letter-spacing:.02em;text-transform:none;color:#0000006b;line-height:1.3;max-width:14rem}.page-field-signal .hud-item{font-size:clamp(10px,2.6vw,13px);padding:clamp(6px,1.8vw,8px) clamp(10px,2.5vw,16px)}.init-modal{position:absolute;top:0;left:0;width:100%;height:100%;background:#fdfdfdd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;display:flex;align-items:center;justify-content:center;transition:opacity .5s}.init-modal.hidden{opacity:0;pointer-events:none}.page-earth-trace{min-height:100vh;margin:0;padding:100px 24px 40px;background:var(--bg-color, #f8f9fa);font-family:var(--font-body, sans-serif)}.page-earth-trace h1{font-family:var(--font-heading, sans-serif);font-size:clamp(1.5rem,4vw,2rem)}.thought-clouds-bar{max-width:calc(100vw - 32px);box-sizing:border-box}.thought-clouds-bar #thought-input{min-width:0;flex:1 1 auto}@media (max-width: 720px){.thought-clouds-bar{left:max(12px,var(--safe-left));right:max(12px,var(--safe-right));transform:none;width:auto;flex-wrap:wrap;justify-content:center;bottom:max(16px,var(--safe-bottom));padding:12px 14px;gap:12px}.thought-clouds-bar #thought-input{width:100%;flex:1 1 100%}.thought-clouds-hint{bottom:auto;top:calc(52px + var(--safe-top));left:50%;transform:translate(-50%);width:min(360px,calc(100vw - 24px));max-width:calc(100vw - 24px);font-size:clamp(10px,3.2vw,13px);line-height:1.45;padding:0 8px}}@media (max-width: 640px){.field-hud{padding:max(12px,var(--safe-top)) max(12px,var(--safe-right)) max(16px,var(--safe-bottom)) max(12px,var(--safe-left))}.hud-top,.hud-bottom{flex-wrap:wrap;gap:10px}.page-field-signal .hud-bottom{flex-direction:column;align-items:stretch;width:100%}.page-field-signal .hud-bottom .translucent-btn{width:100%;justify-content:center;box-sizing:border-box}.page-field-signal .hud-instruction{order:-1;text-align:left;font-size:clamp(10px,3.4vw,13px);line-height:1.38;padding:0 4px}.page-field-signal .field-signal-guide__title{text-align:center}.page-field-signal .field-signal-guide__list{padding-left:1.15rem}.page-field-signal .hud-item{font-size:clamp(9px,3vw,11px);justify-content:center}.page-field-signal .hud-item--depth{align-items:center;text-align:center}.page-field-signal .hud-item--depth__inner{align-items:center}.page-field-signal .hud-item--depth__hint{max-width:none}}@media (min-width: 1600px){.thought-clouds-bar{max-width:min(720px,calc(100vw - 48px))}.thought-clouds-hint{max-width:min(28rem,calc(100vw - 48px))}}@media (max-width: 400px){.thought-clouds-hint{font-size:clamp(10px,3.5vw,12px);line-height:1.42;padding:0 10px}.page-field-signal .hud-instruction,.page-field-signal .field-signal-guide__list{font-size:clamp(9px,3.6vw,12px);line-height:1.42}}