.it-article .pi-widget{-webkit-user-select:none;user-select:none;background:var(--surface);border:1px solid var(--hair);border-radius:var(--radius);box-shadow:var(--shadow);margin:22px 0 0;padding:18px 22px}.it-article .pi-row{flex-wrap:wrap;align-items:center;gap:26px;display:flex}.it-article #pimap{touch-action:none;cursor:crosshair;flex:1.3;min-width:min(100%,280px)}.it-article .pi-side{flex-direction:column;flex:1;gap:12px;min-width:240px;display:flex}.it-article .pi-num{font-family:var(--display);letter-spacing:-.03em;font-size:76px;font-weight:300;line-height:1}.it-article .pi-num:before{content:"Biometric Peace Index";font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--secondary);margin-bottom:8px;font-size:13px;display:block}.it-article .pi-cap{color:var(--ink);min-height:2.4em;font-size:18px;line-height:1.35}.it-article .pi-inputs{font-family:var(--mono);color:var(--secondary);text-transform:uppercase;letter-spacing:.06em;flex-direction:column;gap:4px;font-size:14px;display:flex}.it-article .pi-inputs b{font-weight:500}.it-article .pi-btns{flex-wrap:wrap;gap:6px;display:flex}.it-article #piplay{background:var(--ink);color:var(--surface);border-color:var(--ink)}.it-article .pi-hint{color:var(--secondary);font-size:14px}.it-article .fld{-webkit-user-select:none;user-select:none;--bg:#04080c;--ink:#eaf6f4;--soft:#eaf6f4cc;--faint:#eaf6f47a;--ghost:#eaf6f414;--hot:#7fe9d2;--serif:var(--font-libre-caslon),Georgia,serif;color:var(--ink);border:1px solid var(--ghost);background:var(--bg);isolation:isolate;--fw:#ff8a3d;height:clamp(540px,82vh,780px);box-shadow:var(--shadow);border-radius:18px;margin:8px 0 0;position:relative;overflow:hidden}.it-article .fld:fullscreen{border:0;border-radius:0;height:100vh}.it-article .fld canvas.g{width:100%;height:100%;display:block;position:absolute;inset:0}.it-article .fld .fgrain{pointer-events:none;opacity:.045;mix-blend-mode:overlay;z-index:5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.it-article .fld .brand{z-index:10;font-family:var(--serif);letter-spacing:.3em;text-transform:uppercase;color:var(--faint);font-size:14px;position:absolute;top:18px;left:22px}.it-article .fld .clock{z-index:10;text-align:right;font-family:var(--mono);position:absolute;top:16px;right:22px}.it-article .fld .clock .t{letter-spacing:.06em;color:var(--soft);font-variant-numeric:tabular-nums;font-size:28px}.it-article .fld .clock .d{letter-spacing:.22em;text-transform:uppercase;color:var(--faint);margin-top:4px;font-size:12px}.it-article .fld .phase{letter-spacing:.2em;text-transform:uppercase;color:var(--faint);justify-content:flex-end;align-items:center;gap:7px;margin-top:10px;font-size:11px;transition:color .5s;display:flex}.it-article .fld .phase .led{background:#eaf6f433;border-radius:50%;width:6px;height:6px;transition:background .5s,box-shadow .5s}.it-article .fld .phase.live .led{background:var(--fw);box-shadow:0 0 9px var(--fw)}.it-article .fld .phase.med .led{background:var(--hot);box-shadow:0 0 12px var(--hot)}.it-article .fld .phase.live{color:var(--soft)}.it-article .fld .phase.med{color:var(--hot)}.it-article .fld .readout{z-index:10;position:absolute;bottom:168px;left:22px}.it-article .fld .readout .k{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--faint);margin-bottom:6px;font-size:11px}.it-article .fld .readout .v{font-family:var(--mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:68px;font-weight:500;line-height:1}.it-article .fld .readout .tier{letter-spacing:.04em;margin-top:8px;font-size:17px;font-weight:500}.it-article .fld .readout .sub{color:var(--faint);max-width:28ch;margin-top:3px;font-size:14px;line-height:1.45}.it-article .fld .legend{z-index:10;flex-direction:column;align-items:flex-end;gap:9px;display:flex;position:absolute;bottom:168px;right:22px}.it-article .fld .legend .row{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--faint);align-items:center;gap:9px;font-size:11px;transition:color .3s;display:flex}.it-article .fld .legend .row.on{color:var(--soft)}.it-article .fld .legend .dot{border-radius:50%;width:9px;height:9px}.it-article .fld .bar{z-index:10;align-items:center;gap:14px;display:flex;position:absolute;bottom:26px;left:22px;right:22px}.it-article .fld canvas.tl{cursor:crosshair;flex:1;min-width:0;height:112px;display:block}.it-article .fld button{color:var(--ink);white-space:nowrap;background:#0a162090;border-color:#eaf6f424}.it-article .fld button:hover{border-color:#7fe9d2}.it-article .fld .fs{z-index:10;color:var(--faint);padding:5px 10px;font-size:13px;display:none;position:absolute;top:44px;left:22px}.it-article .fld:fullscreen .fs,.it-article .fld:hover .fs{display:inline-block}.it-article .fld .note{z-index:10;font-family:var(--mono);letter-spacing:.1em;color:#eaf6f444;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 44px);font-size:10px;position:absolute;bottom:8px;left:22px;overflow:hidden}@media (max-width:720px){.it-article .fld{height:clamp(520px,92vh,640px)}.it-article .fld .legend{display:none}.it-article .fld .readout .v{font-size:48px}.it-article .fld canvas.tl{flex-basis:100%;order:-1;height:96px}.it-article .fld .bar{flex-wrap:wrap;gap:8px;bottom:22px}.it-article .fld .bar button{flex:1;padding:6px 10px;font-size:13px}.it-article .fld .readout{bottom:190px}.it-article .fld .note,.it-article .fld .readout .sub{display:none}}