:root{color:#d4d4c8;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;--black:#020303;--warm-black:#070908;--bone:#d4d4c8;--graphite:#555d57;--oxidized:#536a5b;--alarm:#8b130d;--hairline:#b5c3b72e;background:#020303;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--black);width:100%;min-width:320px;height:100%;min-height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}button,input{font:inherit}button:focus-visible{outline:1px solid var(--bone);outline-offset:5px}input:focus-visible{outline:1px solid var(--bone);outline-offset:5px}::selection{color:var(--black);background:var(--bone)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.artwork{isolation:isolate;cursor:crosshair;background:var(--black);position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.artwork:before{content:"";z-index:2;pointer-events:none;border:1px solid #86978b14;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 140px #0000008c}.artwork:after{content:"";z-index:2;pointer-events:none;opacity:.12;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");position:absolute;top:0;bottom:0;left:0;right:0}.visual-canvas{z-index:0;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.typography-layer{z-index:3;pointer-events:none;color:var(--bone);position:absolute;top:0;bottom:0;left:0;right:0}.monument{opacity:0;letter-spacing:-.085em;text-transform:uppercase;color:#b7bcae09;font-size:clamp(6rem,17.5vw,22rem);font-weight:560;line-height:.71;transition:opacity 11s cubic-bezier(.22,1,.36,1);position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.artwork--revealing .monument,.artwork--quiescent .monument,.artwork--remembering .monument{opacity:1}.monument__while,.monument__unseen{white-space:nowrap;display:block;position:absolute}.monument__while{top:-.13em;left:-.075em}.monument__unseen{writing-mode:vertical-rl;text-orientation:mixed;bottom:-.09em;right:-.16em;transform:rotate(180deg)}.law{opacity:0;color:#dcdcd0db;letter-spacing:.13em;filter:blur(5px);width:min(30rem,76vw);margin:0;font-size:clamp(.83rem,1.05vw,1.02rem);font-weight:430;line-height:1.5;transition:opacity 4s,filter 6s,letter-spacing 7s;position:absolute;top:50%;left:clamp(1.5rem,7.2vw,8rem);transform:translateY(-50%)}.law:before{content:"";border-top:1px solid #bbc6bb59;width:1.2rem;position:absolute;top:.74em;left:-2.2rem}.law--visible{opacity:.74;filter:blur();letter-spacing:.09em}.artwork--withdrawing .law--visible,.artwork--defensive .law--visible{opacity:.18;filter:blur(2.4px);letter-spacing:.17em}.coordinates{color:#a4b4a74d;letter-spacing:.19em;opacity:0;gap:1.8rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.56rem;transition:opacity 7s 3s;display:flex;position:absolute;top:clamp(1.25rem,3vw,2.75rem);left:clamp(1.25rem,3vw,2.75rem)}.artwork--sensing .coordinates,.artwork--revealing .coordinates,.artwork--withdrawing .coordinates,.artwork--remembering .coordinates,.artwork--quiescent .coordinates{opacity:1}.coordinates span:last-child:before{content:"";border-top:1px solid;width:2.6rem;margin-right:.9rem;display:inline-block;transform:translateY(-.18em)}.info-trigger{z-index:6;right:max(1.4rem, env(safe-area-inset-right));bottom:max(1.4rem, env(safe-area-inset-bottom));cursor:pointer;background:0 0;border:0;width:2.75rem;height:2.75rem;padding:0;position:absolute}.info-trigger span,.info-trigger span:before,.info-trigger span:after{content:"";display:block;position:absolute}.info-trigger span{border:1px solid #b2c0b361;transition:border-color .3s,transform .7s cubic-bezier(.22,1,.36,1);top:.85rem;bottom:.85rem;left:.85rem;right:.85rem;transform:rotate(45deg)}.info-trigger span:before{border-top:1px solid #b2c0b321;width:calc(100% + 1.1rem);top:50%;left:-.55rem}.info-trigger span:after{border-left:1px solid #b2c0b321;height:calc(100% + 1.1rem);top:-.55rem;left:50%}.info-trigger:hover span{border-color:#d5dacde0;transform:rotate(135deg)}.info-panel{z-index:10;cursor:default;color:#dbdcd0e0;border-left:1px solid var(--hairline);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);visibility:hidden;background:#070a08f0;width:min(33rem,100%);height:100%;padding:clamp(1.5rem,4vw,3.5rem);transition:transform .7s cubic-bezier(.22,1,.36,1),visibility 0s .7s;position:absolute;top:0;right:0;overflow-y:auto;transform:translate(102%)}.info-panel--open{visibility:visible;transition-delay:0s;transform:translate(0)}.panel-close{color:#d5dacd94;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;margin:0 0 clamp(4rem,10vh,7rem) auto;padding:.5rem;font-family:SFMono-Regular,Consolas,monospace;font-size:.65rem;display:block}.panel-close span{margin-left:1.2rem;font-size:1.1rem;display:inline-block}.panel-index,.panel-note{color:#a2b5a573;letter-spacing:.16em;text-transform:uppercase;font-family:SFMono-Regular,Consolas,monospace;font-size:.61rem}.panel-content h1{max-width:8em;color:var(--bone);letter-spacing:-.06em;margin:1.4rem 0 3rem;font-size:clamp(2.8rem,5vw,5rem);font-weight:480;line-height:.88}.panel-content>p:not(:-webkit-any(.panel-index,.panel-note)){color:#d2d6cc94;max-width:37em;font-size:.82rem;line-height:1.7}.panel-content>p:not(:is(.panel-index,.panel-note)){color:#d2d6cc94;max-width:37em;font-size:.82rem;line-height:1.7}.panel-content .statement{margin-bottom:2rem;color:#e2e2d6db!important;font-size:1rem!important}.panel-content fieldset{border:0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);gap:1rem;margin:3rem 0 2rem;padding:2rem 0;display:grid}.panel-content legend{color:#a2b5a580;letter-spacing:.16em;text-transform:uppercase;padding:0 0 1.4rem;font-family:SFMono-Regular,Consolas,monospace;font-size:.61rem}.panel-content label{color:#dcded3b8;align-items:center;gap:.9rem;font-size:.78rem;line-height:1.4;display:flex}.panel-content input{width:.86rem;height:.86rem;accent-color:var(--oxidized);margin:0}.erase{color:#da9a91b8;letter-spacing:.08em;text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:.9rem 0;font-family:SFMono-Regular,Consolas,monospace;font-size:.63rem}.panel-note{margin-top:3rem}.debug-layer{z-index:20;color:#b9c7bb;pointer-events:none;background:#000000d1;border:1px solid #7d9b844d;width:24rem;padding:.7rem;font:10px/1.4 SFMono-Regular,Consolas,monospace;position:absolute;bottom:1rem;left:1rem}.debug-layer p{margin:0}.debug-grid{gap:1px;height:5rem;margin-top:.5rem;display:grid}.debug-grid i{background:#a8c0ac;display:block}@media (max-width:640px){.law{width:calc(100% - 5rem);font-size:.78rem;line-height:1.6;top:auto;bottom:25%;left:2.4rem;transform:none}.law:before{width:1.5rem;top:-1rem;left:0}.coordinates{flex-direction:column;gap:.45rem}.coordinates span:last-child:before{display:none}.monument{font-size:34vw}.monument__unseen{right:-.24em}.info-panel{border-left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.law,.monument,.info-panel,.info-trigger span{transition-duration:1.5s}}@media (prefers-contrast:more){:root{--bone:#f0f0e4;--hairline:#e6ece175}.law,.coordinates{color:var(--bone)}}