*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0c1324;--surface:#181f31;--on-surface:#dce2fa;--outline:#8d9195;--outline-dim:#43474b;--primary:#d3e5f1;--secondary:#bfc6e0;--tertiary:#f9e287;--line-color:#a7c8ff;--font-head:"Space Grotesk", sans-serif;--font-body:"Manrope", sans-serif}html,body{background:var(--bg);width:100%;height:100%;color:var(--on-surface);font-family:var(--font-body);overflow:hidden}#sky{width:100%;height:100%;display:block;position:fixed;inset:0}#landing{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex;position:fixed;inset:0}.wordmark{font-family:var(--font-head);letter-spacing:.3em;color:var(--outline);opacity:.3;font-size:1.25rem;position:fixed;top:1.5rem;left:2rem}.input-group{pointer-events:auto;flex-direction:column;align-items:center;gap:.75rem;display:flex}.input-label{font-family:var(--font-head);letter-spacing:.3em;text-transform:uppercase;color:var(--outline);opacity:.8;font-size:.625rem}#word-input{border:none;border-bottom:1px solid var(--outline-dim);color:var(--on-surface);font-family:var(--font-body);text-align:center;background:0 0;outline:none;width:20rem;padding:.5rem 0;font-size:2rem;transition:border-color .4s}#word-input::placeholder{color:var(--outline)}#word-input:focus{border-bottom-color:var(--tertiary)}#find-btn{pointer-events:auto;background:var(--tertiary);color:#3a3000;font-family:var(--font-head);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;border:none;border-radius:9999px;padding:1rem 3rem;font-size:.75rem;transition:opacity .3s,transform .15s;box-shadow:0 0 30px #f9e2874d}#find-btn:disabled{opacity:.35;cursor:default}#find-btn:not(:disabled):hover{opacity:.9}#find-btn:not(:disabled):active{transform:scale(.97)}.status-hint{color:var(--outline);opacity:.5;letter-spacing:.1em;min-height:1rem;font-size:.7rem;transition:opacity .5s}.status-hint.fading{opacity:0}.status-hint.status-error{opacity:.8}#result{pointer-events:none;position:fixed;inset:0}#result[hidden]{display:none}#coord-panel{flex-direction:column;gap:2rem;display:flex;position:fixed;top:50%;left:2.5rem;transform:translateY(-50%)}.coord-item{flex-direction:column;gap:.4rem;display:flex}.coord-label{font-family:var(--font-head);letter-spacing:.2em;text-transform:uppercase;color:var(--outline);font-size:.625rem}.coord-value{font-family:var(--font-head);color:var(--secondary);font-size:.875rem}#overlay{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex;position:fixed;inset:0}#word-display{font-family:var(--font-head);letter-spacing:.12em;color:var(--primary);opacity:.12;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(3rem,8vw,6rem);font-weight:300}#actions{pointer-events:auto;flex-direction:row;align-items:center;gap:1rem;display:flex;position:fixed;bottom:4rem;left:50%;transform:translate(-50%)}#actions button{font-family:var(--font-head);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;border:none;border-radius:9999px;padding:.875rem 2rem;font-size:.7rem;transition:opacity .2s,transform .15s}#actions button:active{transform:scale(.97)}#share-btn{background:var(--tertiary);color:#3a3000;box-shadow:0 0 24px #f9e28740}#share-btn:hover{opacity:.9}#export-btn{color:var(--on-surface);background:0 0;border:1px solid var(--outline-dim)!important}#export-btn:hover{background:var(--surface)}#close-btn{color:var(--outline);cursor:pointer;pointer-events:auto;background:0 0;border:none;padding:.5rem;font-size:1.2rem;transition:color .2s;position:fixed;top:1.25rem;right:1.5rem}#close-btn:hover{color:var(--primary)}@media (aspect-ratio<=1){#coord-panel{flex-direction:row;align-items:flex-start;gap:1.5rem;inset:1.5rem auto auto 2rem;transform:none}}#settings-btn{color:var(--outline);cursor:pointer;pointer-events:auto;z-index:10;background:0 0;border:none;padding:.5rem;font-size:1.1rem;transition:color .2s;position:fixed;top:1.25rem;right:1.5rem}#settings-btn:hover{color:var(--primary)}#settings-panel{background:var(--surface);border:1px solid var(--outline-dim);z-index:10;pointer-events:auto;border-radius:.5rem;flex-direction:column;gap:.75rem;padding:1rem 1.25rem;display:flex;position:fixed;top:3.5rem;right:1.5rem}#settings-panel[hidden]{display:none}#settings-panel label{font-family:var(--font-head);letter-spacing:.1em;text-transform:uppercase;color:var(--secondary);cursor:pointer;align-items:center;gap:.6rem;font-size:.7rem;display:flex}#settings-panel label:has(input:disabled){color:var(--outline-dim);cursor:default}#settings-panel input[type=checkbox]{accent-color:var(--tertiary);cursor:pointer;width:.9rem;height:.9rem}#settings-panel input[type=checkbox]:disabled{cursor:default}#svg-overlay{pointer-events:none;z-index:1;position:fixed;inset:0}#svg-overlay[hidden]{display:none}#svg-overlay svg{mix-blend-mode:screen;opacity:.35;stroke:var(--tertiary);stroke-width:1.5px;fill:none;position:absolute;top:0;left:0}#svg-overlay svg *{stroke:inherit;fill:none}#association-panel{font-family:var(--font-head);letter-spacing:.1em;color:var(--secondary);pointer-events:none;max-width:14rem;font-size:.65rem;line-height:1.6;position:fixed;top:calc(50% + 6rem);left:2.5rem}#association-panel[hidden]{display:none}.trail-miss{color:var(--outline-dim)}.trail-hit{color:var(--tertiary)}@media (aspect-ratio<=1){#association-panel{inset:auto 1.5rem 9rem auto}}.fade-in{animation:.8s forwards fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}