:root{--fs-hud-bg: #ffffffb3;--fs-hud-border: rgba(0, 0, 0, .05);--fs-hud-shadow: 0 4px 12px rgba(0, 0, 0, .05);--fs-hud-text: #333333;--fs-status-dot-idle: rgba(0, 0, 0, .1);--fs-status-dot-active: #4ade80;--fs-status-dot-shadow: 0 0 8px rgba(74, 222, 128, .5)}.page-fs{margin:0;padding:0;width:100%;max-width:100vw;min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;overflow:hidden;background:#ffffffe0;font-family:Synonym-Regular,sans-serif}.fs-intro{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-card{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-intro-card.hidden{display:none}.fs-intro-title{margin:0 0 .5rem;font-family:var(--font-subheading, "Synonym-Medium", sans-serif);font-weight:500;font-size:clamp(1.1rem,2.8vw,1.35rem);letter-spacing:-.02em;color:#000000d1}.fs-intro-lead{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)}.fs-intro-active #fs-canvas{filter:blur(4px) brightness(.9);transition:filter .4s ease}.fs-intro-active .fs-hud{opacity:0;transition:opacity .3s ease}.page-fs:not(.fs-intro-active) .fs-hud{opacity:1}#fs-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.fs-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}.fs-hud-top,.fs-hud-bottom{display:flex;justify-content:space-between;align-items:flex-end}.page-fs .fs-hud-top{display:grid;grid-template-columns:max-content;justify-content:end;justify-items:stretch;gap:8px}.page-fs .fs-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}.fs-chip{background:var(--fs-hud-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 16px;border-radius:8px;font-size:13px;color:var(--fs-hud-text);box-shadow:var(--fs-hud-shadow);border:1px solid var(--fs-hud-border);display:flex;align-items:center;gap:8px;letter-spacing:.05em;text-transform:uppercase}.page-fs .fs-chip{font-size:clamp(10px,2.6vw,13px);padding:clamp(6px,1.8vw,8px) clamp(10px,2.5vw,16px)}.fs-param{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-hint{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(--fs-hud-shadow);border:1px solid var(--fs-hud-border);transition:opacity .5s}.fs-guide{text-align:left;color:#00000094}.fs-guide-list{margin:0;padding:0 0 0 1.1rem;list-style:disc;font-size:clamp(10px,2.5vw,13px);line-height:1.45}.fs-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}.fs-depth{align-items:flex-start}.fs-depth-inner{display:flex;flex-direction:column;gap:2px;min-width:0}.fs-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}.fs-depth-value{display:flex;flex-direction:column;gap:2px;font-size:clamp(11px,2.8vw,14px);font-weight:600;letter-spacing:.02em}.fs-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-fs .status-dot{width:8px;height:8px;flex-shrink:0;background:var(--fs-status-dot-idle);border-radius:50%;transition:background .3s}.page-fs .status-dot.active{background:var(--fs-status-dot-active);box-shadow:var(--fs-status-dot-shadow)}.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}@media (max-width: 768px){.page-fs .fs-hud{justify-content:flex-end;flex-direction:column;align-items:stretch;gap:10px}.page-fs .fs-hud-top{display:grid;grid-template-columns:1fr;justify-items:stretch;width:100%;align-self:stretch;gap:8px}.page-fs .fs-chip{width:100%;box-sizing:border-box;justify-content:center}.page-fs .fs-hud-bottom{align-self:stretch;width:100%}.fs-hud-top,.fs-hud-bottom{flex-wrap:wrap;gap:10px}}@media (max-width: 640px){.fs-hud{padding:max(12px,var(--safe-top)) max(12px,var(--safe-right)) max(16px,var(--safe-bottom)) max(12px,var(--safe-left))}.fs-hud-top,.fs-hud-bottom{flex-wrap:wrap;gap:10px}.page-fs .fs-hud-bottom{flex-direction:column;align-items:stretch;width:100%}.page-fs .fs-hint{text-align:left;font-size:clamp(10px,3.4vw,13px);line-height:1.38}.page-fs .fs-guide-list{padding-left:1.15rem}.page-fs .fs-chip{font-size:clamp(9px,3vw,11px);justify-content:center}.page-fs .fs-depth{align-items:center;text-align:center}.page-fs .fs-depth-inner{align-items:center}.page-fs .fs-depth-hint{max-width:none}}@media (max-width: 480px){body.page-fs{--sensor-feed-width: clamp(72px, 26vw, 114px)}}@media (max-width: 400px){.page-fs .fs-hint,.page-fs .fs-guide-list{font-size:clamp(9px,3.6vw,12px);line-height:1.42}}
