.work-tile{--tile-x:50%;--tile-y:50%;--tile-rx:0deg;--tile-ry:0deg;--tile-glow:0;--tile-glare-offset:-10000px;--tile-glare-width:100px;--tile-glare-height:1000px;--work-tile-radius:18px;perspective:1400px;isolation:isolate;border-radius:var(--work-tile-radius);width:100%;min-width:0;height:100%;position:relative}.work-tile[role=button]{cursor:pointer}.work-tile__surface{border-radius:inherit;isolation:isolate;transform-origin:50%;min-width:0;height:100%;transform:rotateX(var(--tile-rx)) rotateY(var(--tile-ry));background:var(--work-tile-surface,transparent);display:grid;position:relative;overflow:hidden;box-shadow:0 12px 34px -28px #071d41a6}.work-tile[data-tilting=true] .work-tile__surface{will-change:transform}.work-tile__content{border-radius:inherit;min-width:0;height:100%;display:grid}.work-tile__content>:first-child{border-radius:inherit;width:100%;min-width:0;height:100%}.work-tile__glare,.work-tile__edge{z-index:2;pointer-events:none;border-radius:inherit;position:absolute;inset:0}.work-tile__glare{mix-blend-mode:screen;overflow:hidden}.work-tile__band{width:var(--tile-glare-width);height:var(--tile-glare-height);background:var(--tile-glare-gradient);transform:translate(-50%, -50%) rotate(-25deg) translateX(var(--tile-glare-offset));position:absolute;top:50%;left:50%}.work-tile[data-tilting=true] .work-tile__band{will-change:transform}.work-tile__edge{opacity:var(--tile-glow);background:radial-gradient(150px circle at var(--tile-x) var(--tile-y), #e5f8ffb8, #98c1d945 35%, transparent 74%);-webkit-mask-composite:xor;padding:1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.work-tile:focus-visible{outline-offset:6px;outline:2px solid #2e5eaa}.work-tile:has(:focus-visible){outline-offset:6px;outline:2px solid #2e5eaa}@media (prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.work-tile__surface{will-change:auto;transform:none}.work-tile__glare{display:none}}@media (forced-colors:active){.work-tile__glare,.work-tile__edge{display:none}.work-tile:focus-visible{outline-color:highlight}.work-tile:has(:focus-visible){outline-color:highlight}}.thread-field{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.9;contain:layout paint;background:0 0;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.thread-field[data-active=false]{visibility:hidden}.thread-field>canvas{pointer-events:none;background:0 0;width:100%;height:100%;display:block;position:absolute;inset:0}@media (max-width:700px){.thread-field{opacity:.65}}.pixel-field{z-index:0;border-radius:inherit;pointer-events:none;-webkit-user-select:none;user-select:none;contain:layout paint;background:0 0;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.pixel-field[data-active=false]{visibility:hidden}.pixel-field>canvas{pointer-events:none;background:0 0;width:100%;height:100%;display:block;position:absolute;inset:0}