:root{--node-color-0: #a8937b;--node-color-1: #343634;--node-color-2: #872424;--node-color-3: #0bb1a9;--node-color-4: #a8937b;--node-color-5: #29293f;--node-color-6: #ba6e0e;--node-color-7: #ac5050;--node-color-8: #6d822e;--node-color-9: #947494;--node-color-10: #aab033;--node-color-11: #996633;--node-color-12: #56789a}[data-colorindex=spwashi-datum-0]{fill:var(--node-color-0)}[data-colorindex=spwashi-datum-1]{fill:var(--node-color-1)}[data-colorindex=spwashi-datum-2]{fill:var(--node-color-2)}[data-colorindex=spwashi-datum-3]{fill:var(--node-color-3)}[data-colorindex=spwashi-datum-4]{fill:var(--node-color-4)}[data-colorindex=spwashi-datum-5]{fill:var(--node-color-5)}[data-colorindex=spwashi-datum-6]{fill:var(--node-color-6)}[data-colorindex=spwashi-datum-7]{fill:var(--node-color-7)}[data-colorindex=spwashi-datum-8]{fill:var(--node-color-8)}[data-colorindex=spwashi-datum-9]{fill:var(--node-color-9)}[data-colorindex=spwashi-datum-10]{fill:var(--node-color-10)}[data-colorindex=spwashi-datum-11]{fill:var(--node-color-11)}[data-colorindex=spwashi-datum-12]{fill:var(--node-color-12)}[data-actionindex=spwashi-action-0],[data-actionindex=spwashi-action-1],[data-actionindex=spwashi-action-2],[data-actionindex=spwashi-action-3],[data-actionindex=spwashi-action-4],[data-actionindex=spwashi-action-5],[data-actionindex=spwashi-action-6],[data-actionindex=spwashi-action-7],[data-actionindex=spwashi-action-8],[data-actionindex=spwashi-action-9],[data-actionindex=spwashi-action-10],[data-actionindex=spwashi-action-11],[data-actionindex=spwashi-action-12],[data-actionindex=spwashi-action-13],[data-actionindex=spwashi-action-14],[data-actionindex=spwashi-action-15]{background:var(--accent-color-main)}body [data-dataindex=spwashi-datum-0]{background:var(--node-color-0)}body [data-dataindex=spwashi-datum-1]{background:var(--node-color-1)}body [data-dataindex=spwashi-datum-2]{background:var(--node-color-2)}body [data-dataindex=spwashi-datum-3]{background:var(--node-color-3)}body [data-dataindex=spwashi-datum-4]{background:var(--node-color-4)}body [data-dataindex=spwashi-datum-5]{background:var(--node-color-5)}body [data-dataindex=spwashi-datum-6]{background:var(--node-color-6)}body [data-dataindex=spwashi-datum-7]{background:var(--node-color-7)}body [data-dataindex=spwashi-datum-8]{background:var(--node-color-8)}body [data-dataindex=spwashi-datum-9]{background:var(--node-color-9)}body [data-dataindex=spwashi-datum-10]{background:var(--node-color-10)}body [data-dataindex=spwashi-datum-11]{background:var(--node-color-11)}body [data-dataindex=spwashi-datum-12]{background:var(--node-color-12)}html:has(body[data-dataindex=spwashi-datum-0]) body{outline:1rem solid var(--node-color-0)}html:has(body[data-dataindex=spwashi-datum-1]) body{outline:1rem solid var(--node-color-1)}html:has(body[data-dataindex=spwashi-datum-2]) body{outline:1rem solid var(--node-color-2)}html:has(body[data-dataindex=spwashi-datum-3]) body{outline:1rem solid var(--node-color-3)}html:has(body[data-dataindex=spwashi-datum-4]) body{outline:1rem solid var(--node-color-4)}html:has(body[data-dataindex=spwashi-datum-5]) body{outline:1rem solid var(--node-color-5)}html:has(body[data-dataindex=spwashi-datum-6]) body{outline:1rem solid var(--node-color-6)}html:has(body[data-dataindex=spwashi-datum-7]) body{outline:1rem solid var(--node-color-7)}html:has(body[data-dataindex=spwashi-datum-8]) body{outline:1rem solid var(--node-color-8)}html:has(body[data-dataindex=spwashi-datum-9]) body{outline:1rem solid var(--node-color-9)}html:has(body[data-dataindex=spwashi-datum-10]) body{outline:1rem solid var(--node-color-10)}html:has(body[data-dataindex=spwashi-datum-11]) body{outline:1rem solid var(--node-color-11)}html:has(body[data-dataindex=spwashi-datum-12]) body{outline:1rem solid var(--node-color-12)}[data-dataindex=spwashi-datum-0] svg [data-colorindex=spwashi-datum-0]{stroke:red;stroke-width:3px}[data-dataindex=spwashi-datum-1] svg [data-colorindex=spwashi-datum-1]{stroke:red;stroke-width:3px}[data-dataindex=spwashi-datum-2] svg [data-colorindex=spwashi-datum-2]{stroke:red;stroke-width:3px}[data-dataindex=spwashi-datum-3] svg [data-colorindex=spwashi-datum-3]{stroke:red;stroke-width:3px}[data-dataindex=spwashi-datum-4] svg [data-colorindex=spwashi-datum-4]{stroke:red;stroke-width:3px}[data-dataindex=spwashi-datum-5] svg [data-colorindex=spwashi-datum-5]{stroke:red;stroke-width:3px}[data-dataindex=spwashi-datum-6] svg [data-colorindex=spwashi-datum-6]{stroke:red;stroke-width:3px}[data-dataindex=spwashi-datum-7] svg [data-colorindex=spwashi-datum-7]{stroke:red;stroke-width:3px}[data-dataindex=spwashi-datum-8] svg [data-colorindex=spwashi-datum-8]{stroke:red;stroke-width:3px}[data-dataindex=spwashi-datum-9] svg [data-colorindex=spwashi-datum-9]{stroke:red;stroke-width:3px}[data-dataindex=spwashi-datum-10] svg [data-colorindex=spwashi-datum-10]{stroke:red;stroke-width:3px}[data-dataindex=spwashi-datum-11] svg [data-colorindex=spwashi-datum-11]{stroke:red;stroke-width:3px}[data-dataindex=spwashi-datum-12] svg [data-colorindex=spwashi-datum-12]{stroke:red;stroke-width:3px}[data-colorindex=spwashi-stroke-0]{stroke:var(--node-color-0);stroke-width:3px}[data-colorindex=spwashi-stroke-1]{stroke:var(--node-color-1);stroke-width:3px}[data-colorindex=spwashi-stroke-2]{stroke:var(--node-color-2);stroke-width:3px}[data-colorindex=spwashi-stroke-3]{stroke:var(--node-color-3);stroke-width:3px}[data-colorindex=spwashi-stroke-4]{stroke:var(--node-color-4);stroke-width:3px}[data-colorindex=spwashi-stroke-5]{stroke:var(--node-color-5);stroke-width:3px}[data-colorindex=spwashi-stroke-6]{stroke:var(--node-color-6);stroke-width:3px}[data-colorindex=spwashi-stroke-7]{stroke:var(--node-color-7);stroke-width:3px}[data-colorindex=spwashi-stroke-8]{stroke:var(--node-color-8);stroke-width:3px}[data-colorindex=spwashi-stroke-9]{stroke:var(--node-color-9);stroke-width:3px}[data-colorindex=spwashi-stroke-10]{stroke:var(--node-color-10);stroke-width:3px}[data-colorindex=spwashi-stroke-11]{stroke:var(--node-color-11);stroke-width:3px}[data-colorindex=spwashi-stroke-12]{stroke:var(--node-color-12);stroke-width:3px}[data-dataindex=spwashi-datum-0] #colors [data-dataindex=spwashi-datum-0],[data-dataindex=spwashi-datum-1] #colors [data-dataindex=spwashi-datum-1],[data-dataindex=spwashi-datum-2] #colors [data-dataindex=spwashi-datum-2],[data-dataindex=spwashi-datum-3] #colors [data-dataindex=spwashi-datum-3],[data-dataindex=spwashi-datum-4] #colors [data-dataindex=spwashi-datum-4],[data-dataindex=spwashi-datum-5] #colors [data-dataindex=spwashi-datum-5],[data-dataindex=spwashi-datum-6] #colors [data-dataindex=spwashi-datum-6],[data-dataindex=spwashi-datum-7] #colors [data-dataindex=spwashi-datum-7],[data-dataindex=spwashi-datum-8] #colors [data-dataindex=spwashi-datum-8],[data-dataindex=spwashi-datum-9] #colors [data-dataindex=spwashi-datum-9],[data-dataindex=spwashi-datum-10] #colors [data-dataindex=spwashi-datum-10],[data-dataindex=spwashi-datum-11] #colors [data-dataindex=spwashi-datum-11],[data-dataindex=spwashi-datum-12] #colors [data-dataindex=spwashi-datum-12]{outline:thick solid red}.card{display:flex;flex-direction:column;background:var(--form-background);color:var(--mainmenu-text-color)}.card .button-container{display:flex;flex-direction:row}.card-header{text-align:center;border-bottom:thin solid var(--standard-outline)}.card-body{padding:1rem;display:inline}form{display:flex;flex-direction:column;padding:2rem 0;background:var(--form-background)}label{display:flex;flex-direction:column;text-align:center;cursor:pointer;padding-bottom:.5rem;color:var(--spw-container-text-color);font-weight:700}label span{padding:1rem}label input[type=checkbox]{cursor:pointer;margin-bottom:1rem}body>aside{position:absolute;bottom:0;left:0}aside :is(:focus){outline:thin solid var(--is-focus-outline)}:root{--html-background: #4c1d1d;--body-background: #707070;--form-background: #222222;--mainmenu-background: #222222;--mainmenu-text-color: #f5deb3;--accent-color-main: #f5deb3;--accent-color-hover: #b6ae9a;--info-color: #6a9fb5;--success-color: #8fbc8f;--warning-color: #d2b48c;--error-color: #cd5c5c;--standard-outline: var(--accent-color-main);--has-focus-outline: var(--accent-color-main);--is-focus-outline: rgba(33, 33, 33, .3);--link-stroke-color: rgba(127, 255, 255, .3);--node-input-container-background: #222222;--show-keystroke-options-background: #222222;--keystroke-options-hover-background: #333333;--keystroke-options-border: #222222;--spw-container-text-color: white;--focal-x: 0;--focal-y: 0;--focal-y-basis: 100vh;--page-margin-x: 1rem;--page-margin-y: 1rem;--font-family: monospace}html{font-family:monospace;background:var(--html-background);margin:0;display:flex;justify-content:center;align-items:center;height:100%;width:100%}body{margin:0;padding:0;background:var(--body-background);box-shadow:inset #22222280 0 0 .5rem}main{display:flex;flex-direction:row;justify-content:center;align-items:center}svg{display:block;overflow:visible}line{stroke:var(--link-stroke-color)}text{-webkit-user-select:none;user-select:none;font-family:monospace;white-space:pre;fill:#000;--text-color: white}circle{filter:drop-shadow(3px 3px 2px rgba(0,0,0,.7))}[data-displaymode=nodes] :is(text,line){display:none}[data-displaymode=words] :is(circle,line){display:none}:is([data-displaymode^=edges],[data-displaymode$=edges]) :is(circle,text){display:none}:is([data-displaymode^=nodes],[data-displaymode$=nodes]) :is(circle){display:unset}:is([data-displaymode^=edges],[data-displaymode$=edges]) :is(line){display:unset}button.disable-sounds,body[data-sounds=on] button.enable-sounds{display:none}body[data-sounds=on] button.disable-sounds{display:block;border:thin solid var(--standard-outline)}:is(.enable-sounds,.disable-sounds):focus{outline:thick solid var(--accent-color-main)}.enable-sounds,.disable-sounds{background:#222;color:var(--accent-color-main);padding:1rem;margin:1rem;line-height:1;font-size:2rem;outline:thin solid var(--accent-color-main);font-family:monospace;cursor:pointer;border:thin solid var(--standard-outline);position:absolute;bottom:0;left:0}.consent-to-engage{outline:thick solid #222}.consented-to-engage{outline:thick solid #555}#focal-square{position:absolute;top:calc(var(--focal-y) - 1rem);left:calc(var(--focal-x) - 1rem);width:2rem;height:2rem;border:thin solid var(--accent-color-main);z-index:1;background:rgba(245,222,179,.1)}#focal-square[data-focal-status=active]{background:rgba(245,222,179,.2)}#focal-square:disabled,#focal-square[data-focal-status=inactive]{animation:none;background:none;border:none}[data-interface-depth=main-menu] #mainmenu-shortcuts ol{counter-reset:item}[data-interface-depth=main-menu] #mainmenu-shortcuts li{counter-increment:item}[data-interface-depth=standard] #mainmenu-shortcuts li:before{content:none}[data-interface-depth=minimalism] #hotkey-menu-toggle,[data-interface-element=main-menu],[data-interface-element=hotkey-menu]{display:none}body[data-interface-depth=main-menu] [data-interface-element=main-menu],body[data-interface-depth=hotkey-menu] [data-interface-element=hotkey-menu]{display:flex}#main-websocket-container{position:fixed;bottom:0;right:0;background:#222;color:var(--accent-color-main);padding:1rem;margin:1rem;line-height:1;font-size:2rem;outline:thin solid var(--accent-color-main)}[data-mode=node] [data-mode-action=node],[data-mode=color] [data-mode-action=color],[data-mode=spw] [data-mode-action=spw],[data-mode=filter] [data-mode-action=filter],[data-mode=map] [data-mode-action=map],[data-mode=reflex] [data-mode-action=reflex],[data-mode=query] [data-mode-action=query],[data-mode=story] [data-mode-action=story],[data-mode=debug] [data-mode-action=debug]{outline:thick solid #222;background:var(--accent-color-main);display:flex}#mode-container{display:flex;position:absolute;height:5rem;width:5rem;outline:thin solid rgba(245,222,179,.1);bottom:calc(var(--focal-y-basis) - var(--focal-y));left:var(--focal-x)}#mode-container>section{position:absolute;bottom:0}label[for=mode-selector],#mode-selector{display:none!important}#mainmenu-shortcuts{position:absolute;top:0;left:0}#mainmenu-shortcuts ol{padding:0;display:flex;flex-direction:column-reverse}#mainmenu-shortcuts ol>li>button{display:inline-flex;align-items:center;justify-content:center;width:5rem;height:5rem;border:thin solid var(--standard-outline);background:var(--mainmenu-background);color:var(--mainmenu-text-color);cursor:pointer;font-family:monospace}#mainmenu-shortcuts ol>li>button:focus{border:.5rem solid var(--mainmenu-text-color);z-index:2}#mainmenu-shortcuts li:has([aria-selected=true]):before{color:#222}#mainmenu-shortcuts li:before{color:var(--accent-color-main);margin:0 1rem;content:counter(item);border-radius:100%;width:1.2em;font-size:2rem;text-align:center;display:inline-block}#color-mode-container{display:none}#colors{margin:1rem;border:thin solid var(--standard-outline);display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}#colors :nth-child(7){grid-column:5/3}#colors .color{width:5rem;height:5rem}#colors :is(:focus){outline:thick solid var(--mainmenu-text-color)}#colors :is(:focus):before{content:"X";font-weight:700;color:#fff;font-size:3rem}[data-mode=color] #color-mode-container{display:flex}body:not([data-debug=debug]) g.rects{display:none}#debug-mode-container{display:none;position:absolute}#output{white-space:pre}[data-mode=debug] :is(#debug-mode-container,#main-log){display:flex}#map-mode-container,#filter-mode-container{display:none}[data-mode=map] #map-mode-container,[data-mode=filter] #filter-mode-container{display:flex;flex-direction:column;align-items:flex-start}:is(#map-mode-container,#filter-mode-container){background-color:#222;padding:1rem;margin:2rem}:is(#map-mode-container,#filter-mode-container) button:focus{outline:thick solid var(--mainmenu-text-color)}:is(#map-mode-container,#filter-mode-container) button{padding:1rem;margin:1rem 0 0;font-family:monospace;cursor:pointer;border:thin solid var(--standard-outline);background:var(--mainmenu-background);color:var(--mainmenu-text-color)}#node-mode-container{display:none;position:absolute}#node-mode-container button{padding:1rem;font-family:monospace;cursor:pointer;border:thin solid var(--standard-outline);background:var(--mainmenu-background);color:var(--mainmenu-text-color)}[data-mode=node] #node-mode-container{display:flex;margin-left:1rem}#node-input-container{display:flex;flex-direction:column;z-index:1;background:var(--node-input-container-background);color:var(--mainmenu-text-color);padding:1rem}#node-input-container button{padding:.5rem;margin:0}#node-input-container button:focus{outline:thick solid var(--accent-color-main)}#node-input-container label{color:var(--mainmenu-text-color)}#node-input-container label span{padding:1rem 0}#node-input-container input{background:#222;color:var(--accent-color-main);padding:1rem;width:10rem;line-height:1;font-size:1rem;outline:thin solid var(--accent-color-main);font-family:monospace}#node-input-container .button-container{display:flex;flex-direction:row;justify-content:space-between}#controls{margin-left:1rem;display:flex;flex-direction:row;justify-content:center;align-items:center}#controls>section{margin-right:1rem}#controls label{color:var(--mainmenu-text-color);font-weight:700}#controls .button-container{display:flex;flex-direction:column}#controls button{padding:.5rem;font-family:monospace}#querymod-mode-container{display:none;position:absolute}#query-parameters{width:20rem}#query-parameters textarea{white-space:nowrap}[data-mode=query] #querymod-mode-container{display:flex}#reflex-mode-container{display:none}#reflexes{margin:1rem;border:thin solid var(--standard-outline);display:flex;flex-direction:column-reverse}#reflexes .card-body{display:flex;flex-direction:row;justify-content:center;align-items:center}#reflexes button{--outline: var(--standard-outline);cursor:pointer;padding:1rem;width:5rem;height:5rem;margin:.2rem;border:thin solid var(--outline);font-family:monospace}#reflexes button:before{content:attr(data-reflex)}#reflexes button:is(:focus){outline:thick solid var(--mainmenu-text-color)}#reflexes button:not(:focus){background:var(--mainmenu-background);color:var(--mainmenu-text-color)}[data-mode=reflex] #reflex-mode-container{display:flex}#spw-mode-container{display:none;flex-direction:column;justify-content:center;align-items:center;color:var(--spw-container-text-color);background:#222;padding:1rem;position:absolute}#spw-mode-container:focus{outline:thick solid var(--accent-color-main)}#spw-mode-container button{padding:1rem;margin:.5rem;font-family:monospace;cursor:pointer;border:thin solid var(--standard-outline);background:var(--mainmenu-background);color:var(--mainmenu-text-color)}#spw-mode-container button:is(:focus){outline:thick solid var(--mainmenu-text-color)}#spw-parse-field{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:13rem;font-size:2rem;overflow:visible;width:35rem;color:var(--mainmenu-text-color);background:#222;padding:2rem}#spw-parse-field:focus{outline:thin solid var(--accent-color-main)}[data-mode=spw] :is(#spw-mode-container){display:flex}#story-mode-container{display:none;position:absolute;bottom:0;height:5rem}#story-mode-container .button-container{padding:.5rem;display:flex;flex-direction:row}#story-mode-container .button-container button{padding:1rem;margin:.5rem;font-family:monospace;cursor:pointer;border:thin solid var(--standard-outline);background:var(--mainmenu-background);color:var(--mainmenu-text-color)}[data-mode=story] #story-mode-container{display:flex}h1{position:fixed;top:0;right:0;background:#222;color:var(--accent-color-main);padding:1rem;margin:1rem;line-height:1;font-size:2rem;outline:thin solid var(--accent-color-main)}h1:focus{outline:thick solid var(--accent-color-main)}#h1-input{background:#222;color:var(--accent-color-main);padding:1rem;margin:1rem;line-height:1;font-size:2rem;outline:thin solid var(--accent-color-main);font-family:monospace}#h1-input+button{background:#222;color:var(--accent-color-main);padding:1rem;margin:1rem;line-height:1;font-size:2rem;outline:thin solid var(--accent-color-main);font-family:monospace}#h1-input:focus,#h1-input+button:focus{outline:thick solid var(--accent-color-main)}#hotkey-container{width:5rem;height:4rem;position:absolute;bottom:0;left:0;margin:0;padding:0 1rem;line-height:1.5rem;justify-content:center;align-items:center}#hotkey-menu-toggle{position:absolute;bottom:0;left:0;background:#222;color:var(--accent-color-main);border:thin solid var(--standard-outline);padding:0rem;width:6rem;height:4rem;line-height:1.5rem;font-family:monospace}#hotkey-menu-toggle:focus{border:thick solid var(--accent-color-main)}#keystroke-options{padding:0 2rem 1rem;background:var(--show-keystroke-options-background);position:absolute;bottom:0;left:100%;color:#f5deb34d}#keystroke-options button{padding:.5rem;margin:0;border:none;background:none;color:var(--mainmenu-text-color);outline:thin solid var(--standard-outline);cursor:pointer;font-weight:700;transition:background-color .1s}#keystroke-options button:hover{background:rgba(245,222,179,.3)}#keystroke-options button:focus{background:var(--accent-color-main);color:#222}#keystroke-options ul{list-style:none;padding:0}#keystroke-options li{overflow:hidden;white-space:pre;display:flex;flex-direction:row;cursor:pointer;padding:.5rem}#keystroke-options li kbd{flex:0 1}#keystroke-options li span{flex:1 0}#keystroke-options li .ctg{font-size:.7rem;display:flex;flex-direction:column;margin-right:3rem}#keystroke-options kbd{padding-left:1rem;margin-left:1rem;color:#777;border-left:thin solid var(--standard-outline)}#keystroke-options kbd:before{content:""}#keystroke-options kbd strong{color:#fff}#keystroke-options kbd:after{content:""}#keystroke-options li:focus,#keystroke-options li:has(button:hover){background:var(--keystroke-options-hover-background)}#events-log{display:flex;flex-direction:column}#main-log{position:absolute;top:0;right:10rem;background:rgba(127,137,137,.9);display:none}#main-log details{max-width:25rem;overflow:scroll}#main-log summary{cursor:pointer;padding:1rem;white-space:nowrap;list-style:none;display:inline-block}#title-md5{padding:1rem;color:#f5deb34d;position:absolute;top:var(--page-margin-y);left:var(--page-margin-x)}body:not([data-mode=null]) #title-md5{top:unset;left:unset;bottom:var(--page-margin-y);right:var(--page-margin-x)}#main-wonder-button:active,#main-wonder-button:focus{outline:thick solid var(--accent-color-main)}#main-wonder-button{position:absolute;top:0;right:0;background:#222;color:var(--accent-color-main);border:thin solid var(--standard-outline);padding:0rem;width:6rem;height:4rem;line-height:1.5rem;font-family:monospace}body[data-site-name="boon.land"]{--accent-color-main: #0bb1a9;--standard-outline: #0bb1a9}body[data-site-name="bane.land"]{--accent-color-main: #daa520;--standard-outline: #daa520}body[data-site-name="bone.land"]{--accent-color-main: #cccccc;--standard-outline: #cccccc}body[data-site-name="bonk.land"]{--accent-color-main: #62628c;--standard-outline: #62628c}body[data-site-name="honk.land"]{--accent-color-main: #815d88;--standard-outline: #c373d3}body[data-site-name="boof.land"]{--accent-color-main: #56789a;--standard-outline: #56789a}body[data-site-name="lore.land"]{--accent-color-main: #089892;--standard-outline: #089892}body[data-site-name=localhost]{--accent-color-main: #809980;--standard-outline: #809980}html:has(body[data-site-name="boon.land"]){--html-background: #065955 }html:has(body[data-site-name="bane.land"]){--html-background: #6d5310 }html:has(body[data-site-name="bone.land"]){--html-background: #666666 }html:has(body[data-site-name="bonk.land"]){--html-background: #313146 }html:has(body[data-site-name="honk.land"]){--html-background: #313146 }html:has(body[data-site-name="boof.land"]){--html-background: #2b3c4d }html:has(body[data-site-name="lore.land"]){--html-background: #044c49 }html:has(body[data-site-name=localhost]){--html-background: #3f4e3f }