.fsp{--accent: #2ec4b6;position:absolute;inset:0;display:flex;font-family:var(--mono);color:var(--text);background:radial-gradient(95% 95% at 36% 40%,rgba(46,196,182,.06),transparent 62%),var(--ink);overflow:hidden}.fsp-wheel-wrap{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 16px 12px;gap:10px}.fsp-canvas{width:min(100%,64vh);aspect-ratio:1;height:auto;max-height:calc(100% - 30px);cursor:crosshair;touch-action:none}.fsp-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;letter-spacing:.2em;color:var(--text-faint);text-transform:uppercase;pointer-events:none}.fsp-overlay-tr{top:14px;left:auto;right:16px;transform:none;color:var(--accent)}.fsp-err{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:6px;max-width:80%;text-align:center;color:#ff8c82;font-size:12px}.fsp-err span{font-size:10px;color:var(--text-faint);word-break:break-word}.fsp-strip{position:relative;width:min(100%,64vh);height:14px;flex:0 0 auto;border:1px solid var(--line);background:linear-gradient(90deg,#ca2b2b,#caca2b,#29c229,#2fbcbc,#3b3bce,#c3c,#ca2b2b);border-radius:2px;opacity:.96}.fsp-tick{position:absolute;top:-2px;left:var(--pos);width:3px;height:18px;margin-left:-1.5px;padding:0;border:none;background:var(--c);box-shadow:0 0 0 1px #0009;cursor:pointer;transition:transform .12s,height .12s}.fsp-tick:hover{height:24px;top:-5px;z-index:2}.fsp-tick.on{height:26px;top:-6px;z-index:3;box-shadow:0 0 0 1px #fff,0 0 8px var(--c)}.fsp-side{flex:0 0 clamp(220px,32%,320px);border-left:1px solid var(--line);padding:16px 18px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.fsp-head{display:flex;flex-direction:column;gap:4px}.fsp-eyebrow{font-size:9.5px;letter-spacing:.22em;color:var(--text-faint)}.fsp-title{font-family:var(--serif);font-weight:500;font-size:26px;line-height:1;color:var(--text)}.fsp-sub{font-size:10px;letter-spacing:.05em;color:var(--text-dim)}.fsp-bar{height:2px;background:var(--line);margin-top:4px;overflow:hidden}.fsp-bar span{display:block;height:100%;background:var(--accent);transition:width .3s ease}.fsp-hint{display:flex;flex-direction:column;gap:12px;font-family:var(--sans);font-size:12.5px;line-height:1.6;color:var(--text-dim);border-top:1px solid var(--line);padding-top:14px}.fsp-hint em{color:var(--accent);font-style:italic}.fsp-detail{display:flex;flex-direction:column;gap:11px;border-top:1px solid var(--line);padding-top:14px;min-height:0}.fsp-detail-top{display:flex;gap:11px;align-items:center}.fsp-flag{width:58px;height:auto;aspect-ratio:16 / 10;object-fit:cover;border:1px solid var(--line-2);border-radius:2px;flex:0 0 auto}.fsp-detail-name{font-family:var(--serif);font-size:18px;line-height:1.1;color:var(--text)}.fsp-detail-region{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-top:3px}.fsp-readout{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.fsp-readout div{background:var(--ink-2);border:1px solid var(--line);border-radius:2px;padding:7px 8px}.fsp-readout dt{font-size:8px;letter-spacing:.14em;color:var(--text-faint)}.fsp-readout dd{font-family:var(--serif);font-size:15px;color:var(--text);margin-top:3px;display:flex;align-items:center}.fsp-chip{display:inline-block;width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.25)}.fsp-chip.sm{width:11px;height:11px;flex:0 0 auto}.fsp-kin-head{font-size:9.5px;letter-spacing:.16em;color:var(--accent);border-bottom:1px solid var(--line);padding-bottom:6px}.fsp-kin{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px;overflow-y:auto;min-height:0}.fsp-kin button{width:100%;display:flex;align-items:center;gap:8px;padding:5px 4px;background:none;border:none;border-bottom:1px solid transparent;color:var(--text-dim);font-family:var(--mono);font-size:11px;text-align:left;cursor:pointer;transition:color .12s,background .12s}.fsp-kin button:hover,.fsp-kin button.on{color:var(--text);background:#2ec4b612}.fsp-kin-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fsp-kin-hue{font-size:9.5px;color:var(--text-faint);letter-spacing:.04em}.fsp-kin-empty{font-size:11px;color:var(--text-faint);padding:6px 4px;font-family:var(--sans)}.fsp-clear{margin-top:4px;padding:9px;background:var(--ink-2);border:1px solid var(--line-2);color:var(--text-dim);font-family:var(--mono);font-size:10px;letter-spacing:.14em;cursor:pointer;border-radius:2px;transition:all .15s}.fsp-clear:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:620px){.fsp{flex-direction:column}.fsp-side{flex-basis:auto;border-left:none;border-top:1px solid var(--line);max-height:46%}.fsp-canvas,.fsp-strip{width:min(86%,52vh)}}