:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#010207;color:#eaf7ff}*{box-sizing:border-box}html,body,#root,.world-root{margin:0;width:100%;height:100%;overflow:hidden}body{background:#010207}.world-root{position:relative;isolation:isolate;transition:background .35s ease}canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.control-bar{position:absolute;left:50%;z-index:20;transform:translate(-50%);width:min(98vw,1720px);min-height:50px;display:flex;align-items:center;gap:12px;padding:7px 10px;border:1px solid rgba(126,218,255,.18);background:linear-gradient(180deg,#060f1ce8,#020810d1);box-shadow:0 16px 55px #0000006b,inset 0 1px #ffffff06;-webkit-backdrop-filter:blur(16px) saturate(125%);backdrop-filter:blur(16px) saturate(125%);border-radius:13px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(124,212,255,.22) transparent}.top-bar{top:9px}.bottom-bar{bottom:9px}.brand-block,.help-block{flex:0 0 auto;min-width:192px;display:grid;gap:2px;padding-right:9px;border-right:1px solid rgba(139,218,255,.14)}.brand-block strong,.help-block b{font-size:9.5px;line-height:1.1;letter-spacing:.135em;white-space:nowrap;color:#f3fbff}.brand-block span,.help-block span{font-size:8.8px;white-space:nowrap;color:#c5e1f08f}.range-control{flex:0 0 156px;display:grid;grid-template-columns:auto 74px 30px;align-items:center;gap:6px;min-width:0}.range-control.compact{flex-basis:142px;grid-template-columns:auto 62px 28px}.control-name{font-size:8.8px;color:#daf0faba;white-space:nowrap;letter-spacing:.03em}.range-control input[type=range]{width:100%;height:2px;margin:0;accent-color:#96ecff;cursor:ew-resize}.range-control output{text-align:right;font:600 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff1a1;font-variant-numeric:tabular-nums}.metrics-block,.potential-readout{flex:0 0 auto;display:flex;gap:8px;align-items:center;padding:0 9px;border-left:1px solid rgba(139,218,255,.12);border-right:1px solid rgba(139,218,255,.12)}.metrics-block span,.potential-readout span{display:grid;gap:1px;font-size:7.7px;color:#c9e5f185;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}.metrics-block b,.potential-readout b{font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#ddf8ff;letter-spacing:0}.pill-button{flex:0 0 auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(118,227,255,.24);background:#132e3d80;color:#dff9ff;border-radius:999px;padding:7px 10px;font-size:8.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;transition:.18s ease}.pill-button:hover{background:#1d485dad;border-color:#76e3ff7a}.pill-button.paused{color:#ffe68b;border-color:#ffdf6661;background:#493a0a61}.pill-button.reset{color:#ffdca6;border-color:#ffca7e4d}.gradient-editor{--a:#30e6ff;--b:#7b61ff;--c:#ffe36b;flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:0 8px;border-left:1px solid rgba(139,218,255,.12)}.gradient-preview{width:74px;height:7px;border-radius:999px;background:linear-gradient(90deg,var(--a),var(--b),var(--c));box-shadow:0 0 16px color-mix(in srgb,var(--b) 45%,transparent)}.color-control{display:flex;align-items:center;gap:3px;color:#d6eff994;font-size:7.5px;white-space:nowrap}.color-control input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:17px;height:17px;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:50%;overflow:hidden;background:transparent;cursor:pointer}.color-control input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-control input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}.center-title{position:absolute;z-index:6;left:50%;top:76px;transform:translate(-50%);display:grid;justify-items:center;gap:4px;pointer-events:none;text-align:center;text-shadow:0 0 24px rgba(91,207,255,.28)}.center-title span{font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#b2e2f580;letter-spacing:.19em;text-transform:uppercase}.center-title strong{font-size:clamp(12px,1.3vw,18px);font-weight:580;color:#e6f8ffc2;letter-spacing:.045em}@media(max-width:1100px){.control-bar{width:calc(100vw - 12px);border-radius:10px}.brand-block,.help-block{min-width:170px}.range-control{flex-basis:145px}.center-title{top:70px}}@media(max-width:700px){.control-bar{gap:9px;padding:6px 8px;min-height:46px}.top-bar{top:5px}.bottom-bar{bottom:5px}.brand-block,.help-block{min-width:154px}.brand-block strong,.help-block b{font-size:8.5px}.brand-block span,.help-block span{font-size:8px}.center-title{top:63px;width:92vw}}.identity-strip{position:absolute;z-index:21;top:69px;left:50%;transform:translate(-50%);width:min(92vw,1160px);min-height:38px;display:grid;grid-template-columns:120px minmax(260px,1fr) 115px auto auto auto;align-items:center;gap:8px;padding:5px 8px;border:1px solid rgba(126,218,255,.18);border-radius:11px;background:linear-gradient(180deg,#060f1ce0,#020810c7);box-shadow:0 12px 40px #00000059;-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%)}.identity-cell{min-width:0;display:grid;gap:2px}.identity-cell span{font:700 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:#b8dcec7a}.identity-cell b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:650 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:#def6ff}.identity-cell .live-state{color:#6fffc6}.identity-action{padding:6px 10px}.pill-button:disabled{opacity:.42;cursor:not-allowed}.gate-pill{border:1px solid;border-radius:999px;padding:5px 7px;font:800 7.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em;white-space:nowrap}.gate-pill.off{color:#d7e1e685;border-color:#a8b8c02e;background:#505b601f}.gate-pill.on{color:#7fffd0;border-color:#49ffbc47;background:#196f5033}.control-bar{overflow:hidden;gap:8px}.brand-block,.help-block{min-width:158px}.range-control{flex:1 1 112px;grid-template-columns:auto minmax(38px,1fr) 26px;gap:4px;min-width:104px}.range-control.compact{flex:1 1 105px;grid-template-columns:auto minmax(34px,1fr) 25px;min-width:98px}.metrics-block{gap:5px;padding:0 6px}.gradient-editor{gap:4px;padding:0 5px}.gradient-preview{width:54px}.center-title{top:116px}@media(max-width:1100px){.identity-strip{top:64px;width:calc(100vw - 18px);grid-template-columns:95px minmax(170px,1fr) 95px auto auto auto}.center-title{top:108px}}@media(max-width:760px){.identity-strip{top:58px;grid-template-columns:80px minmax(120px,1fr) auto auto;gap:5px}.identity-cell.did-cell,.gate-pill{display:none}.center-title{top:104px}}.operator-access{position:absolute;right:19px;top:67px;z-index:8;border:1px solid rgba(123,231,255,.2);border-radius:999px;padding:7px 10px;color:#bee6f0b8;background:#040f18b8;text-decoration:none;font:800 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.operator-access:hover{color:#fff;border-color:#7be7ff7a}.operator-root{width:100vw;height:100vh;overflow:hidden;background:radial-gradient(circle at 52% 45%,#10203a 0,#050913 40%,#010207 78%);color:#dcecf4;padding:12px;display:grid;grid-template-rows:58px 1fr 42px;gap:9px}.operator-header,.operator-footer,.operator-panel{border:1px solid rgba(123,231,255,.15);background:#02080ee8;border-radius:13px}.operator-header{display:flex;align-items:center;gap:18px;padding:9px 13px}.operator-header>div:first-child{display:flex;flex-direction:column;min-width:280px}.operator-header b,.operator-title b{font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.operator-header span,.operator-title span{font:600 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#657b87;margin-top:5px}.operator-state{margin-left:auto;border:1px solid rgba(255,227,107,.18);border-radius:999px;padding:7px 10px;color:#cbbd78;font:800 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.operator-state.on{color:#77efbf;border-color:#4befba38}.operator-link{color:#b8d9e2;text-decoration:none;border:1px solid rgba(123,231,255,.18);border-radius:999px;padding:8px 11px;font:800 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.operator-grid{display:grid;grid-template-columns:minmax(420px,.9fr) minmax(520px,1.1fr);gap:9px;min-height:0}.operator-panel{padding:15px;overflow:hidden;min-height:0}.operator-title{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid rgba(123,231,255,.12);padding-bottom:10px;margin-bottom:12px}.operator-title span{margin:0}.clerk-inline{height:calc(100% - 40px);display:flex;align-items:center;justify-content:center;overflow:hidden}.operator-empty,.operator-user{height:calc(100% - 45px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:11px}.operator-empty b{font:900 26px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#6d7782}.operator-empty span{font:600 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:#72848d;max-width:420px}.operator-user span,.claim-note b{font:800 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;color:#6c818b}.operator-user b{font:800 18px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#e4f8ff}.operator-user code{font:600 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#78939e}.operator-user button,.claim-actions button{border:1px solid rgba(123,231,255,.28);border-radius:999px;background:#0d425452;padding:9px 12px;color:#dff9ff;font:800 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer}.claim-panel{display:grid;grid-template-rows:auto 1fr auto auto auto;gap:10px}.claim-diagram{display:flex;align-items:center;justify-content:center;gap:16px;border:1px solid rgba(123,231,255,.08);border-radius:12px;background:#081b2452}.claim-diagram span,.claim-diagram b,.claim-diagram i{font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.claim-diagram span{color:#87a8b3}.claim-diagram b{color:#ffe36b}.claim-diagram i{font-style:normal;color:#5d8290}.claim-panel label{display:grid;grid-template-columns:120px 1fr;align-items:center;font:800 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#68818c;letter-spacing:.08em}.claim-panel input{border:1px solid rgba(123,231,255,.17);border-radius:9px;background:#020912;color:#dff7ff;padding:10px;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;outline:none}.claim-actions{display:flex;justify-content:flex-end;gap:8px}.claim-actions button:disabled{opacity:.35;cursor:default}.claim-note{border-top:1px solid rgba(123,231,255,.1);padding-top:10px;display:flex;flex-direction:column;gap:6px}.claim-note b{color:#ffe36b}.claim-note span{font:600 9px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:#758d96}.operator-footer{display:flex;align-items:center;justify-content:space-between;padding:0 13px}.operator-footer span,.operator-footer b{font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.operator-footer span{color:#667f89}.operator-footer b{color:#99c6d2}@media(max-width:900px){.operator-grid{grid-template-columns:1fr}.claim-panel{display:none}.operator-header>div:first-child{min-width:180px}.operator-access{right:10px;top:58px}}
