:root{--orange: #ff5600;--cyan: #2ee6ff;--lime: #c8ff00;--pink: #ff2d95;--black: #0b0b0b;--cream: #f3efe6;--white: #fff;--display: "Clash Display", "Arial Black", Impact, sans-serif;--artspace: "Chakra Petch", "Segoe UI", sans-serif;--mono: "Chakra Petch", ui-monospace, monospace;--sans: "Satoshi", "DM Sans", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--sans);position:relative}.room{position:relative;z-index:1}.room-split{z-index:2}.graffiti-room-wash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.graffiti-hero{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.graffiti-plate{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none}[data-ground=light] .graffiti-plate{mix-blend-mode:multiply}[data-ground=dark] .graffiti-plate{mix-blend-mode:screen}@media(max-width:800px){.graffiti-room-wash,.graffiti-hero{opacity:.8}}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.exp-bar{position:fixed;z-index:100;left:.75rem;bottom:.75rem;display:flex;flex-wrap:wrap;gap:.35rem;padding:.4rem;background:var(--black);border:1px solid rgba(255,255,255,.25);font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.exp-bar a{color:var(--cyan);padding:.25rem .4rem}.exp-bar a:hover{background:var(--orange);color:var(--white)}.exp-bar .here{color:var(--orange);padding:.25rem .4rem}.spray-layer{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:9998!important;width:100%!important;height:100%!important;pointer-events:none!important;mix-blend-mode:normal!important;opacity:1!important}.spray-cursor{position:fixed;top:0;left:0;z-index:9999;width:155px;height:217px;overflow:visible;pointer-events:none;opacity:0;transition:opacity .25s ease,filter .35s ease;will-change:transform;filter:drop-shadow(1px 2px 3px rgba(0,0,0,.35));transform-origin:50% 70%}.spray-cursor.is-active{opacity:1}.spray-cursor.is-docked{opacity:1!important;visibility:visible!important;z-index:95;filter:drop-shadow(1px 2px 3px rgba(0,0,0,.45))}.spray-cursor.is-ready:not(.is-docked){z-index:9999}.spray-cursor.is-docked canvas{transform:scale(.34);transform-origin:50% 50%;transition:transform .45s cubic-bezier(.16,1,.3,1)}.spray-cursor:not(.is-docked) canvas{transform:scale(1);transform-origin:50% 70%;transition:transform .35s cubic-bezier(.16,1,.3,1)}.spray-cursor canvas{display:block;width:100%;height:100%}body.has-spray-cursor,body.has-spray-cursor *{cursor:none!important}body.spray-held,body.spray-held *,body.is-spraying,body.is-spraying *{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}body.spray-held{-webkit-user-drag:none}body.has-spray-cursor input,body.has-spray-cursor textarea,body.has-spray-cursor select,body.has-spray-cursor a,body.has-spray-cursor button,body.has-spray-cursor .logo-hit,body.has-spray-cursor .word-hit,body.has-spray-cursor .logo-mark,body.has-spray-cursor .spray-color-fan,body.has-spray-cursor .spray-swatch{cursor:auto!important}body.spray-off .spray-cursor:not(.is-docked){opacity:0!important;visibility:hidden}.logo-hit .logo-mark.is-spray-off{filter:grayscale(.35) brightness(.9);box-shadow:4px 4px #000,0 0 0 3px #888!important;animation:none!important}.logo-hit.is-spray-picking .logo-mark{transform:scale(1.06) rotate(-3deg)}.spray-dock-hint{display:none!important}.spray-color-fan{--fan-x: 50%;--fan-y: 50%;position:fixed;left:var(--fan-x);top:var(--fan-y);z-index:10000;width:0;height:0;pointer-events:none}.spray-color-fan.is-open{pointer-events:auto}.spray-swatch{position:absolute;left:0;top:0;width:30px;height:30px;margin:-15px 0 0 -15px;border:none;border-radius:50%;padding:0;cursor:pointer;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--swatch) 88%,white),transparent 55%),radial-gradient(circle at 60% 70%,color-mix(in srgb,var(--swatch) 55%,transparent),transparent 62%),radial-gradient(circle at 50% 50%,var(--swatch),color-mix(in srgb,var(--swatch) 20%,transparent) 70%);opacity:0;transform:translateZ(0) scale(.35);filter:blur(.35px);box-shadow:0 0 0 1px #00000040,0 2px 8px #00000047;transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .45s ease;transition-delay:calc(var(--i, 0) * 35ms)}.spray-swatch.is-light{box-shadow:0 0 0 1px #00000073,0 2px 8px #0003}.spray-swatch.is-dark{box-shadow:0 0 0 1px #fff3,0 2px 8px #0006}.spray-swatch.is-on{outline:2px solid #fff;outline-offset:2px}.spray-color-fan.is-open .spray-swatch{opacity:.78;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .65s ease;transition-delay:calc(var(--i, 0) * 55ms)}.spray-color-fan.is-open .spray-swatch:hover,.spray-color-fan.is-open .spray-swatch:focus-visible{opacity:.95;filter:blur(0)}.spray-color-fan.is-open .spray-swatch:nth-of-type(1){--i: 0;transform:translate3d(0,-78px,0) scale(1)}.spray-color-fan.is-open .spray-swatch:nth-of-type(2){--i: 1;transform:translate3d(68px,-39px,0) scale(1)}.spray-color-fan.is-open .spray-swatch:nth-of-type(3){--i: 2;transform:translate3d(68px,39px,0) scale(1)}.spray-color-fan.is-open .spray-swatch:nth-of-type(4){--i: 3;transform:translate3d(0,78px,0) scale(1)}.spray-color-fan.is-open .spray-swatch:nth-of-type(5){--i: 4;transform:translate3d(-68px,39px,0) scale(1)}.spray-color-fan.is-open .spray-swatch:nth-of-type(6){--i: 5;transform:translate3d(-68px,-39px,0) scale(1)}@media(max-width:720px){.spray-color-fan.is-open .spray-swatch:nth-of-type(1){transform:translate3d(0,-40px,0) scale(.9)}.spray-color-fan.is-open .spray-swatch:nth-of-type(2){transform:translate3d(35px,-20px,0) scale(.9)}.spray-color-fan.is-open .spray-swatch:nth-of-type(3){transform:translate3d(35px,20px,0) scale(.9)}.spray-color-fan.is-open .spray-swatch:nth-of-type(4){transform:translate3d(0,40px,0) scale(.9)}.spray-color-fan.is-open .spray-swatch:nth-of-type(5){transform:translate3d(-35px,20px,0) scale(.9)}.spray-color-fan.is-open .spray-swatch:nth-of-type(6){transform:translate3d(-35px,-20px,0) scale(.9)}.spray-swatch{width:22px;height:22px;margin:-11px 0 0 -11px}}@media(pointer:coarse),(max-width:800px){.spray-cursor{width:72px;height:101px}.spray-cursor.is-docked canvas{transform:scale(.4)}body.has-spray-cursor,body.has-spray-cursor *{cursor:auto!important}body.is-drawing{overscroll-behavior:none;touch-action:none}}:root{--rail-size: 4.8rem;--rail-right: 50px;--rail-gap: 14px}.room-arrows{position:fixed;right:max(var(--rail-right),env(safe-area-inset-right,0px));top:50%;transform:translateY(-50%);z-index:88;display:none;flex-direction:column;align-items:center;gap:calc(var(--rail-size) + .65rem);pointer-events:none}.room-arrows button{pointer-events:auto}.logo-hit{position:fixed;right:max(var(--rail-right),env(safe-area-inset-right,0px));top:50%;transform:translateY(-50%);z-index:93;line-height:0;pointer-events:auto}.logo-hit .logo-mark{width:var(--rail-size);height:var(--rail-size)}.room-arrows button{pointer-events:auto;width:3.25rem;height:3.25rem;padding:0;margin:0;display:grid;place-items:center;border:3px solid #000;box-shadow:3px 3px #000;background:#fff;color:#000;opacity:.22;cursor:pointer;transition:opacity .55s ease,transform .25s ease,box-shadow .25s ease;-webkit-tap-highlight-color:transparent}.room-arrows button[data-room-dir=up]{background:var(--lime, #c8ff00);transform:rotate(-1deg)}.room-arrows button[data-room-dir=down]{background:var(--orange, #ff5600);color:#fff;transform:rotate(1deg)}.room-arrows button svg{display:block;width:1.65rem;height:1.65rem;stroke-width:2.6}.room-arrows button:hover,.room-arrows button:focus-visible,.room-arrows button.is-touched{opacity:.92;transform:rotate(0) translate(-2px,-2px);box-shadow:5px 5px #000}.room-arrows button:active{transform:rotate(0) translate(1px,1px);box-shadow:2px 2px #000}.room-arrows button:disabled{opacity:.08;pointer-events:none;box-shadow:2px 2px #000}@media(max-width:720px){:root{--rail-size: 3.45rem;--rail-right: 1.35rem;--rail-gap: 8px}.room-arrows{display:flex;gap:.45rem;right:max(1.35rem,env(safe-area-inset-right,0px))}.logo-hit{top:auto;bottom:max(2.35rem,calc(env(safe-area-inset-bottom,0px) + 1.95rem));right:max(2.1rem,calc(env(safe-area-inset-right,0px) + 1.85rem));transform:none}.room-arrows button{width:2.15rem;height:2.15rem;opacity:.32;border-width:2px;box-shadow:2px 2px #000}.room-arrows button svg{width:1.05rem;height:1.05rem}}@media(min-width:960px){.room-arrows{right:max(50px,env(safe-area-inset-right,0px))}}
