@font-face{font-family:Power;src:url('assets/power.woff2')}@font-face{font-family:Regular;src:url('assets/regular.woff2')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#141218;color:#faf8f2;font-family:Regular,Arial,sans-serif}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible{outline:3px solid #8436ff;outline-offset:4px}button{color:inherit}#reveal{position:fixed;inset:0;display:grid;place-items:center;background:#16131a;color:#8436ff;z-index:-1}.reveal-inner{transform:rotate(-5deg)}.reveal-inner h2{font:clamp(70px,9vw,150px)/.9 Power;margin:30px 0}.eyebrow{font-size:14px;letter-spacing:.13em}.reveal-inner p{color:white;font-size:22px;line-height:1.4}.gamebar{height:86px;background:#17151beF;border-bottom:1px solid #ffffff20;display:flex;align-items:center;gap:24px;padding:0 30px;position:relative;z-index:30}.wordmark{font:bold 38px/1 Regular;color:white;text-decoration:none;letter-spacing:-3px}.wordmark span{color:#b58bff}.bar-title{font-size:13px;letter-spacing:.1em;border-left:1px solid #ffffff30;padding-left:25px;line-height:1.4}.bar-title small{letter-spacing:0;color:#b4adb9;font-size:13px}.damage{margin-left:auto;display:grid;grid-template-columns:auto auto;gap:2px 8px;font-size:13px}.damage>span:first-child{font-size:22px;color:#8436ff;font-weight:bold}.damage>span:nth-child(2){align-self:center;color:#bab5c1}.meter{height:3px;background:#ffffff24;width:112px;grid-column:span 2}.meter i{display:block;height:100%;width:0;background:#8436ff;transition:width .2s}.gamebar button{border:0;background:transparent;font-size:14px;padding:12px 6px}.gamebar #skip{border:1px solid #77717d;border-radius:30px;padding:12px 18px}.gamebar #sound{color:#bbb5c4}#old-site{position:relative;overflow:hidden;background:#8436ff;min-height:100vh;user-select:none;cursor:crosshair;padding-right:260px}.oldnav{height:108px;display:flex;align-items:center;justify-content:space-between;margin:0 6%}.old-logo{font:bold 44px/1 Regular;letter-spacing:-3px}.menu-lines{font:32px Arial}.hero{padding:32px 6% 85px}.hero h1,.hero h2{font:clamp(40px,6.4vw,100px)/1.08 Power;margin:0 0 28px;letter-spacing:-.025em}.outline{-webkit-text-stroke:1px #faf8f2;color:transparent}.indent{margin-left:12%}.indent-more{margin-left:23%}.intro{position:relative;margin:58px 10% 0;max-width:720px}.intro h3{font-size:27px;margin:0 0 22px}.intro p{font-size:18px;line-height:1.55}.round-cta{display:grid;place-content:center;text-align:center;border:1px solid white;border-radius:50%;width:110px;height:110px;margin:25px 0 0 auto;font-size:17px}.work{padding:80px 6%;background:#1b1820}.section-label{font-size:14px;letter-spacing:.15em}.work h2,.last h2{font:clamp(32px,4vw,70px)/1.1 Power}.cases{display:grid;grid-template-columns:1fr 1fr;gap:30px}.picture{position:relative;aspect-ratio:1.35;background-size:cover;background-position:center;overflow:hidden}.tile{position:absolute;background-size:var(--bg-size);background-image:var(--bg);background-repeat:no-repeat}.cases h3{font-size:25px}.cases p{color:#c0b9c8;font-size:17px}.last{padding:90px 6%;background:#8436ff}.footer-logo{font:bold 100px Regular;letter-spacing:-6px;margin-top:70px}.arsenal{position:fixed;top:50%;right:22px;transform:translateY(-42%);width:244px;border:1px solid #ffffff30;border-radius:16px;background:#1c1821f5;box-shadow:0 20px 70px #0005;z-index:40;padding:18px 12px 12px}.arsenal-head{display:flex;align-items:center;justify-content:space-between;padding:0 3px 16px;font-size:12px;letter-spacing:.08em}.arsenal select{background:#332b3e;border:0;color:#d6cde0;border-radius:5px;padding:5px;font-size:12px}.weapons{display:flex;flex-direction:column;gap:6px}.weapon{display:flex;align-items:center;gap:11px;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left;min-height:76px;width:100%;padding:10px}.weapon:hover{background:#ffffff0c}.weapon.active{background:#8436ff;color:#19141d;border-color:#8436ff}.weapon-icon{font-size:32px;min-width:37px;text-align:center}.gun-icon{font:46px/1 Arial}.weapon-icon img{width:43px;height:43px;object-fit:contain;vertical-align:middle}.weapon b{display:block;font-size:16px;font-weight:600}.weapon small{display:block;font-size:12px;line-height:1.4;max-width:130px;margin-top:5px;color:#a99fb6}.weapon.active small{color:#484d37}.weapon kbd{margin-left:auto;align-self:flex-start;font-size:11px;opacity:.65}.arsenal-foot{font-size:12px;color:#b8aec4;display:flex;align-items:flex-start;gap:8px;padding:17px 8px 4px;line-height:1.5}.live-dot{background:#8436ff;min-width:5px;height:5px;border-radius:50%;margin-top:6px}.bottom-note{position:fixed;bottom:0;left:0;right:0;background:#17151bf2;display:flex;justify-content:space-between;padding:13px 30px;z-index:25;font-size:12px;letter-spacing:.08em;color:#c5bece}.bottom-note span:last-child{color:#96909f;letter-spacing:0}.glyph{display:inline-block;position:relative;white-space:pre;vertical-align:baseline;transform-origin:center;transition:filter .15s}.word{display:inline-block;white-space:nowrap}.destroyed{visibility:hidden!important}.cracked{filter:brightness(.55);clip-path:polygon(0 0,55% 0,43% 35%,68% 59%,48% 100%,0 100%,0 0,100% 0,100% 100%,53% 100%,74% 58%,50% 34%,61% 0)}.burning{color:#25121c!important;filter:drop-shadow(0 -4px 4px #ff7000)}#effects{position:fixed;inset:0;pointer-events:none;z-index:50}#cursor{position:fixed;pointer-events:none;z-index:51;display:none;font-size:46px;transform:translate(10px,-20px);filter:drop-shadow(0 5px 4px #0005)}#cursor img{width:115px}#toast{position:fixed;left:50%;bottom:65px;transform:translateX(-50%);background:#8436ff;color:#19141d;padding:12px 22px;border-radius:40px;z-index:60;opacity:0;transition:opacity .2s;font-size:15px;pointer-events:none}#toast.show{opacity:1}#end-screen{position:fixed;inset:0;background:#8436ff;color:#1a1520;z-index:90;padding:8vw;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}#end-screen[hidden]{display:none}#end-screen h1{font:clamp(64px,13vw,190px)/.85 Power;margin:40px 0}#end-screen p{font-size:22px}#end-screen button{padding:17px 25px;border-radius:30px;border:1px solid #1a1520;background:#1a1520;color:white;font-size:16px}body[data-position=left] .arsenal{left:22px;right:auto}body[data-position=left] #old-site{padding-right:0;padding-left:260px}body[data-position=top] .arsenal{top:96px;left:50%;right:auto;transform:translateX(-50%);width:min(950px,95vw);padding:10px;display:flex;gap:14px}body[data-position=top] .arsenal-head{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:0 10px}body[data-position=top] .weapons{flex:1;flex-direction:row}body[data-position=top] .weapon{min-width:0;flex:1}body[data-position=top] .weapon small,body[data-position=top] .weapon kbd,body[data-position=top] .arsenal-foot{display:none}body[data-position=top] #old-site{padding:100px 0 0}body[data-position=top] .hero{max-width:1250px}.debris{position:fixed;pointer-events:none;z-index:48;white-space:pre;animation:fall .8s ease-in forwards}@keyframes fall{to{transform:translate(var(--dx),240px) rotate(var(--rot));opacity:0}}@media(max-width:760px){.gamebar{height:72px;padding:0 15px;gap:14px}.wordmark{font-size:29px}.bar-title,.damage,.gamebar #sound{display:none}.gamebar #reset{margin-left:auto}.gamebar #skip{font-size:12px;padding:10px}.gamebar #reset span{display:none}#old-site,body[data-position=left] #old-site,body[data-position=top] #old-site{padding:0 0 175px}.oldnav{height:85px}.old-logo{font-size:33px}.hero{padding-top:20px}.hero h1,.hero h2{font-size:clamp(34px,8.1vw,60px)}.hero .intro{margin:35px 0 0}.intro p{font-size:16px}.round-cta{width:90px;height:90px;font-size:14px}.arsenal,body[data-position=left] .arsenal,body[data-position=top] .arsenal{position:fixed;top:auto;bottom:12px;left:12px;right:12px;width:auto;transform:none;padding:8px;display:block}.arsenal-head{padding:4px 7px 9px;flex-direction:row!important}.arsenal-head label{display:none}.weapons,body[data-position=top] .weapons{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.weapon,body[data-position=top] .weapon{padding:8px 2px;flex-direction:column;gap:5px;min-height:78px}.weapon b{font-size:12px}.weapon small,.weapon kbd,.bottom-note,.arsenal-foot{display:none}.weapon-icon{font-size:28px}.gun-icon{font-size:37px;height:32px}.weapon-icon img{width:32px;height:32px}.cases{grid-template-columns:1fr}.work{padding-top:50px}.last h2{font-size:38px}.footer-logo{font-size:75px}#cursor{display:none!important}#toast{bottom:145px;width:max-content;max-width:90%;font-size:13px}.reveal-inner h2{font-size:70px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.debris{animation-duration:.1s}*{transition:none!important}}

/* Physical surfaces and the original Yungo vector mark. */
#experience{position:relative;z-index:1}#reveal{z-index:0;background:#121116;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:44px 44px}.reveal-inner{opacity:.75}.gamebar{position:sticky;top:0;z-index:60}.wordmark{display:flex;align-items:center;flex-shrink:0}.wordmark img{width:121px;height:auto;display:block}#old-site{background:transparent;overflow:visible;cursor:none;touch-action:pan-y}[data-section]{position:relative;isolation:isolate;overflow:hidden;background:#8436ff;transform-origin:50% 20%}.work[data-section]{background:#1b1820}.oldnav{margin-top:0;margin-bottom:0}.old-logo{position:relative;width:145px;height:auto;aspect-ratio:121/34.65;letter-spacing:0}.footer-logo{position:relative;width:min(460px,75%);height:auto;aspect-ratio:121/34.65;margin-top:70px;letter-spacing:0}.logo-piece{position:absolute;top:0;height:100%;overflow:hidden}.logo-piece img{position:absolute;top:0;height:100%;max-width:none;pointer-events:none}.surface-damage{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none}.picture{background:none;isolation:isolate}.image-fragment{position:absolute;inset:0;background-size:cover;background-position:center;transform-origin:center;will-change:auto}.image-fragment.fractured{filter:brightness(.82) contrast(1.1)}.image-fragment.cracked{clip-path:var(--fragment-clip);filter:brightness(.72) contrast(1.2)}.glyph.cracked{clip-path:polygon(0 0,48% 0,57% 31%,42% 62%,58% 100%,0 100%,0 0,100% 0,100% 100%,65% 100%,48% 62%,63% 32%,55% 0);filter:brightness(.72)}.burning{filter:brightness(.35) sepia(.6) drop-shadow(0 -3px 5px #ff4c00)}[data-section].collapsed{visibility:hidden;pointer-events:none}[data-section].unstable{box-shadow:inset 0 0 55px #19082199}.falling-slab{position:absolute;z-index:44;pointer-events:none;overflow:hidden;transform-origin:50% 35%;will-change:transform,opacity;contain:layout paint}.falling-slab [data-section]{visibility:visible!important;margin:0!important;transform:none!important}.falling-slab .surface-damage{pointer-events:none}.falling-slab .destroyed{visibility:hidden!important}.falling-slab .collapsed{visibility:hidden!important}.arsenal{z-index:65;top:50%;transform:translateY(-42%);padding:15px 12px 10px}.weapon{min-height:67px}.arsenal-head{padding-bottom:12px}.arsenal-foot{padding-top:12px}.weapon-icon{font-size:29px}.short-name{display:none}#effects{z-index:48}#cursor{z-index:49;transform:translate(12px,-24px);filter:drop-shadow(0 3px 4px #0008);font-size:42px}#cursor[data-weapon=uzi],#cursor[data-weapon=fire],#cursor[data-weapon=charge]{width:34px;height:34px;transform:translate(-50%,-50%);font-size:0;border:1px solid #fff9;border-radius:50%;filter:drop-shadow(0 0 2px #000)}#cursor[data-weapon=fire]{border-color:#ffba66;width:28px;height:28px}#cursor[data-weapon=charge]{width:48px;height:48px;border:2px dashed #8436ff}#cursor[data-weapon=uzi]:before,#cursor[data-weapon=fire]:before,#cursor[data-weapon=charge]:before{content:'';position:absolute;inset:calc(50% - 1px) -6px auto;height:2px;background:#fff8}#cursor[data-weapon=uzi]:after,#cursor[data-weapon=fire]:after,#cursor[data-weapon=charge]:after{content:'';position:absolute;inset:-6px auto -6px calc(50% - 1px);width:2px;background:#fff8}#cursor.firing{scale:1.14}#structure-status{min-width:180px;text-align:right;color:#d6ceff}#structure-status.warning{color:#ffba66}.bottom-note{z-index:61}.charge-pin{position:absolute;pointer-events:none;width:30px;height:30px;border:2px solid #ebd9fc;border-radius:50%;z-index:47;box-shadow:0 0 0 8px #8436ff33;animation:fuse .65s linear forwards}.charge-pin:after{content:'';position:absolute;inset:8px;border-radius:50%;background:#8436ff}@keyframes fuse{to{transform:scale(.45);box-shadow:0 0 0 20px #ff784700}}body[data-position=top] .arsenal{top:96px;width:min(1100px,96vw);gap:6px}body[data-position=top] .weapon{gap:7px;padding:10px 5px}body[data-position=top] .weapon b{font-size:14px}body[data-position=top] #old-site{padding-top:100px}body[data-position=top] .hero{max-width:none}#toast{z-index:70}.bite-dog{position:absolute;pointer-events:none;z-index:47;width:155px}#end-screen{z-index:100}
@media(max-width:1000px) and (min-width:761px){.bar-title{display:none}.gamebar{gap:16px}.hero h1,.hero h2{font-size:6vw}.arsenal{width:220px;right:14px}#old-site{padding-right:235px}body[data-position=left] #old-site{padding-left:235px}body[data-position=left] .arsenal{left:14px}.weapon b{font-size:14px}.weapon small{font-size:12px}.weapon-icon{font-size:26px;min-width:30px}body[data-position=top] .full-name{display:none}body[data-position=top] .short-name{display:inline}}
@media(max-height:680px) and (min-width:761px){.arsenal{top:88px;bottom:44px;transform:none;overflow:auto}.weapon{min-height:56px}.weapon small{display:none}.arsenal-foot{padding-top:8px}.weapon-icon{font-size:26px}}
@media(max-width:760px){.wordmark img{width:91px}.old-logo{width:121px}.gamebar{height:64px;gap:10px}.arsenal,body[data-position=top] .arsenal{top:auto;bottom:12px;padding:8px;width:auto;transform:none}.weapons,body[data-position=top] .weapons{grid-template-columns:repeat(5,minmax(0,1fr))}.weapon,body[data-position=top] .weapon{min-height:75px;padding:6px 1px;gap:6px}.weapon b,body[data-position=top] .weapon b{font-size:12px}.weapon-icon{min-width:26px;font-size:27px}.weapon .full-name{display:none}.weapon .short-name{display:inline}#old-site,body[data-position=top] #old-site{padding-top:0}.footer-logo{width:80%}.gun-icon{font-size:33px}.arsenal-foot{display:none}.reveal-inner h2{font-size:clamp(48px,12vw,76px)}.hero h1,.hero h2{font-size:8.1vw}.falling-slab{max-width:100vw}}
@media(prefers-reduced-motion:reduce){.charge-pin{animation:none}#cursor.firing{scale:1}.falling-slab{will-change:auto}}
body{overflow-x:clip}.wordmark img{object-fit:contain}.reveal-inner{max-width:calc(100vw - 320px)}.reveal-inner h2{font-size:clamp(64px,7.5vw,120px)}body[data-position=left] .reveal-inner{margin-left:230px}body[data-position=top] .reveal-inner{max-width:90vw}@media(max-width:760px){.reveal-inner,body[data-position=left] .reveal-inner{max-width:85vw;margin-left:0}.reveal-inner h2{font-size:12vw}}

/* V3: separate photo surfaces, Lobster and the new homepage beneath the rubble. */
#reveal{position:fixed;inset:86px 260px 0 0;display:block;padding:0;background:#271047}
body[data-position=left] #reveal{left:260px;right:0}body[data-position=top] #reveal{inset:86px 0 0}
.picture>.surface-damage{z-index:4}.image-fragment.fractured{filter:brightness(.94) contrast(1.03)}
.arsenal{transform:translateY(-42%)}.weapon{min-height:59px}.arsenal-foot{padding-top:10px}.weapon small{font-size:11px}
.lobster-icon{width:43px;height:42px;background:url('assets/lobster-sprites.png') 0 0/129px 86px no-repeat;flex-shrink:0}
.plane-icon{color:#ccd0ca;font-size:36px;transform:rotate(25deg)}
#cursor[data-weapon=dog]{font-size:26px;transform:translate(-50%,-50%)}
#cursor[data-weapon=airstrike]{width:65px;height:65px;border:1px dashed #ffb47f;border-radius:50%;transform:translate(-50%,-50%)}
#cursor[data-weapon=airstrike]:after{content:'+';font:32px/62px Arial;color:#fff;display:block;text-align:center}
#end-screen{position:fixed;inset:auto 24px 26px;max-width:640px;margin:auto;background:#18121ff2;color:white;padding:24px 30px;border:1px solid #ffffff30;border-radius:16px;box-shadow:0 12px 80px #0008;text-align:left}
#end-screen h1{font:700 32px/1 Power;margin:12px 0}#end-screen p{font-size:14px;color:#c9c1d6;margin:0 0 18px}#end-screen>div{display:flex;gap:10px;flex-wrap:wrap}#end-screen button,#open-new{font:14px Arial;padding:12px 17px;border-radius:24px;border:1px solid #ffffff44;text-decoration:none}#open-new{background:#8436ff;color:#17111e}#end-screen button{background:transparent;color:white}
body.revealed #old-site,body.revealed .arsenal,body.revealed .bottom-note,body.revealed #effects{visibility:hidden}body.revealed #reveal{inset:86px 0 0}body.embedded,body.embedded #experience{background:transparent}body.embedded #reveal{display:none}
@media(min-width:761px) and (max-width:1000px){#reveal{right:235px}body[data-position=left] #reveal{left:235px}}
@media(max-height:760px) and (min-width:761px){.arsenal{top:98px;bottom:44px;transform:none;overflow:auto}.weapon{min-height:54px}.weapon small{display:none}.arsenal-foot{font-size:11px}}
@media(max-width:760px){#reveal,body[data-position=left] #reveal,body[data-position=top] #reveal,body.revealed #reveal{inset:64px 0 0}.weapons,body[data-position=top] .weapons{grid-template-columns:repeat(6,minmax(0,1fr))}.weapon b,body[data-position=top] .weapon b{font-size:10px}.weapon-icon{font-size:25px}.weapon{min-height:68px}.lobster-icon{width:35px;height:34px;background-size:105px 70px}.arsenal{transform:none}#end-screen{inset:auto 12px 16px;padding:22px}#end-screen h1{font-size:26px}#end-screen>div{flex-direction:column;text-align:center}}

/* Direct access to the new website, including before demolition. */
.gamebar #skip{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;background:#8436ff;color:#17111e;border-color:#8436ff;text-decoration:none;font-size:14px;line-height:1.3;text-align:center}
.gamebar #skip:hover{background:#9450ff;border-color:#9450ff}
.gamebar #skip:focus-visible{outline:3px solid white;outline-offset:4px}
@media(min-width:761px) and (max-width:1150px){.bar-title{display:none}}
@media(max-width:420px){.gamebar{padding-inline:10px;gap:6px}.wordmark img{width:78px}.gamebar #skip{max-width:173px;padding:9px 11px;font-size:12px}.gamebar #skip span{flex-shrink:0}}

/* Launch introduction. Native dialog keeps keyboard focus inside the intro. */
#welcome{position:fixed;inset:0;margin:0;padding:90px 290px 60px 40px;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;background:transparent;color:#fff;overflow:auto}
#welcome[open]{display:grid;place-items:center}
#welcome::backdrop{background:rgb(0 0 0 / 72%)}
.welcome-content{width:min(100%,610px);text-align:center}
.welcome-content>*{animation:welcome-rise .65s both cubic-bezier(.2,.7,.2,1)}
.welcome-kicker{font-size:12px;letter-spacing:.22em;color:#8436ff;margin:0 0 24px}
#welcome h2{font:clamp(38px,5vw,72px)/1.04 Power,Arial,sans-serif;letter-spacing:-.035em;margin:0;animation-delay:.12s}
#welcome h2 span{color:#8436ff}
#welcome-description{font-size:clamp(18px,2vw,25px);margin:25px 0 16px;animation-delay:.25s}
.welcome-instruction{color:#c8c1d2;font-size:16px;line-height:1.65;margin:0 0 30px;animation-delay:.38s}
#welcome-start{display:inline-flex;gap:25px;align-items:center;background:#8436ff;color:#17111e;border:0;border-radius:40px;padding:18px 26px;font-size:17px;animation-delay:.5s;box-shadow:0 8px 40px #0003}
#welcome-start:hover{background:#9450ff;transform:translateY(-2px)}
#welcome-start:focus-visible,.welcome-skip:focus-visible{outline:3px solid white;outline-offset:5px}
.welcome-skip{position:absolute;top:22px;right:30px;color:#fff;text-decoration:none;font-size:14px;border:1px solid #ffffff70;border-radius:30px;padding:12px 18px;background:#18141a80}
.welcome-skip:hover{background:#ffffff20}
.welcome-arrow{position:absolute;right:275px;top:48%;width:clamp(95px,13vw,180px);height:auto;pointer-events:none;overflow:visible}
.welcome-arrow path{stroke:#8436ff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:300;stroke-dashoffset:300;animation:welcome-draw .9s .65s both ease-out}
.welcome-mobile{display:none}
@keyframes welcome-rise{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes welcome-draw{to{stroke-dashoffset:0}}
@media(max-width:760px){#welcome{padding:100px 24px 200px}.welcome-skip{top:18px;right:18px;font-size:12px;padding:11px 15px}.welcome-kicker{font-size:10px;margin-bottom:20px}#welcome h2{font-size:clamp(34px,9vw,54px)}#welcome-description{font-size:19px;line-height:1.4;margin-top:22px}.welcome-instruction{font-size:14px;margin-bottom:24px}#welcome-start{font-size:15px;padding:16px 22px}.welcome-desktop{display:none}.welcome-mobile{display:inline}.welcome-arrow{top:auto;bottom:145px;right:calc(50% - 48px);width:96px;transform:rotate(85deg)}}
@media(max-height:650px){#welcome{padding-top:85px;padding-bottom:70px}.welcome-kicker{margin-bottom:14px}#welcome h2{font-size:38px}#welcome-description{margin-top:15px}.welcome-instruction{margin-bottom:18px}.welcome-arrow{display:none}}
@media(prefers-reduced-motion:reduce){.welcome-content>*,.welcome-arrow path{animation:none}.welcome-arrow path{stroke-dashoffset:0}#welcome-start:hover{transform:none}}

body:has(#welcome[open]) .gamebar #skip{visibility:hidden}