*{box-sizing:border-box} :root{--sky:#7dd7f7;--ink:#090909;--green:#30ed50;--red:#ff424b;--yellow:#ffe45c}html,body{margin:0;width:100%;height:100%;background:var(--sky)}body{overflow:hidden}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;color:var(--ink);padding:0;font:inherit}button:focus-visible{outline:4px dashed var(--ink);outline-offset:9px}img{display:block;width:100%;height:auto;user-select:none}svg{display:block}button svg{width:100%;height:100%;overflow:visible}.world{height:100svh;min-height:580px;width:100%;position:relative;overflow:hidden;isolation:isolate;background:var(--sky);transition:background 1s}.graph-paper{position:absolute;inset:-10%;transform:rotate(-7deg);background-image:linear-gradient(#ffffff26 1.5px,transparent 1.5px),linear-gradient(90deg,#ffffff26 1.5px,transparent 1.5px);background-size:65px 65px}.market-line{position:absolute;inset:0;width:100%;height:100%;opacity:.42;overflow:visible}.market-line path{fill:none;stroke:#fff;stroke-width:27;stroke-linecap:square;stroke-linejoin:miter;stroke-dasharray:3000;animation:draw-line 9s ease-in-out infinite alternate}.paper-burst{position:absolute;width:87%;height:74%;left:6%;top:12%;background:white;clip-path:polygon(0 38%,12% 34%,6% 20%,22% 26%,21% 8%,35% 18%,40% 0,48% 17%,64% 3%,65% 19%,83% 11%,78% 30%,98% 27%,87% 45%,100% 55%,84% 64%,94% 84%,73% 78%,71% 100%,56% 86%,44% 99%,38% 82%,19% 93%,22% 76%,4% 80%,13% 61%,0 57%,10% 48%);transform:rotate(-3deg);animation:burst-breathe 7s ease-in-out infinite alternate}.sun{position:absolute;left:48%;top:11%;width:24vw;height:24vw;max-width:430px;max-height:430px;background:var(--yellow);border:3px solid var(--ink);border-radius:48% 52% 45% 55%;transform:rotate(-15deg);opacity:.95}#market{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:6}.utilities{position:absolute;right:28px;top:25px;display:flex;gap:13px;z-index:20}.icon-button{background:#fff;border:3px solid var(--ink);width:49px;height:47px;border-radius:45% 49% 41% 44%;box-shadow:3px 3px 0 var(--ink);padding:7px;transition:transform .15s,box-shadow .15s}.icon-button:hover{transform:rotate(-8deg)}.icon-button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.icon-button svg{fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.sound-on,.play-mark{display:none}.sound[aria-pressed=true] .sound-on,.pause[aria-pressed=true] .play-mark{display:block}.sound[aria-pressed=true] .sound-off,.pause[aria-pressed=true] .pause-mark{display:none}.sound[aria-pressed=true]{background:var(--yellow)}.play-mark{fill:var(--ink)}.sticker{position:absolute;border:0;background:none;z-index:9;transition:filter .2s}.sticker:hover{filter:drop-shadow(4px 5px 0 #09090940)}.speech{width:clamp(140px,14.5vw,250px);left:4.6%;top:4.6%;transform:rotate(-13deg);animation:speech-wobble 3s steps(2,end) infinite}.speech:hover{animation-duration:.25s}.chart-window{position:absolute;z-index:2}.chart-one{width:21%;max-width:355px;right:12.6%;top:7%;transform:rotate(10deg);animation:chart-float 7s ease-in-out infinite}.chart-window svg{width:100%;overflow:visible;stroke:var(--ink);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;fill:none}.window{fill:#fff}.divider{stroke-width:3}.chart-window circle{fill:var(--ink);stroke-width:0}.chart-grid{stroke:#c8e9f2!important;stroke-width:1.5}.plot,.plot-tip{stroke:var(--green)!important;stroke-width:7}.plot{stroke-dasharray:400;animation:chart-draw 4s ease-in-out infinite alternate}.chart-two{width:15.5%;max-width:260px;left:-3%;top:39%;transform:rotate(-16deg);animation:chart-float 8s -3s ease-in-out infinite reverse}.mini-wicks{stroke-width:3}.mini-green{stroke:var(--green)!important;stroke-width:17}.mini-red{stroke:var(--red)!important;stroke-width:17}.clock{position:absolute;left:27%;top:5.5%;width:80px;transform:rotate(13deg);z-index:3}.clock svg{stroke:var(--ink);stroke-width:5;fill:none;stroke-linecap:round}.clock-face{fill:var(--yellow)}.clock-hand{transform-origin:60px 61px;animation:clock-spin 8s linear infinite}.clock circle{fill:var(--ink)}.trading-scene{position:absolute;width:min(76vw,1220px);left:50%;top:50%;transform:translate(-50%,-45%);z-index:5}.trader-art{position:relative;animation:trader-twitch 2.8s steps(2,end) infinite;transform-origin:48% 83%}.trader-art>img{width:100%;height:auto}.screen-hit{position:absolute;border:0;background:transparent;transform:rotate(5deg);border-radius:28%;transition:box-shadow .15s,background .15s}.buy-hit{left:61.8%;top:10.5%;width:31%;height:25%}.sell-hit{left:61.8%;top:38.5%;width:31%;height:23%}.buy-hit:hover,.buy-hit:focus-visible{box-shadow:0 0 0 5px var(--green);background:#30ed5026}.sell-hit:hover,.sell-hit:focus-visible{box-shadow:0 0 0 5px var(--red);background:#ff424b26}.desk-shadow{position:absolute;width:76%;height:12%;left:10%;bottom:4%;background:#24b5da24;border-radius:50%;transform:rotate(-5deg)}.click-marks{position:absolute;width:8%;bottom:17%;left:54%;stroke:var(--ink);stroke-width:6;fill:none;stroke-linecap:round;animation:click-pop .6s steps(2,end) infinite}.floor{position:absolute;bottom:-17%;height:34%;width:130%;left:-15%;border-top:5px solid var(--ink);background:var(--yellow);transform:rotate(-5deg);z-index:1}.standing{width:23%;max-width:340px;bottom:-3.5%;left:0;transform:rotate(-9deg);z-index:8;animation:standing-bob 3s ease-in-out infinite}.standing-halo{position:absolute;width:90%;height:95%;left:2%;top:0;background:var(--yellow);border-radius:50%;z-index:-1}.buy-badge{width:17%;max-width:240px;right:1%;top:29%;transform:rotate(14deg);animation:badge-wobble 5s ease-in-out infinite}.still-badge{display:none}.rider{width:18%;max-width:260px;right:4.4%;bottom:6%;background:white;border:3px solid var(--ink);border-radius:51% 49% 44% 56%/46% 56% 44% 54%;overflow:hidden;box-shadow:6px 7px 0 var(--ink);transform:rotate(12deg);animation:rider-float 5s ease-in-out infinite}.rider img{transform:scale(.96);border-radius:50%}.trade-controls{position:absolute;bottom:6.6%;left:50%;transform:translateX(-50%) rotate(-3deg);display:flex;gap:19px;align-items:center;z-index:12}.trade-key{width:144px;height:83px;border:4px solid var(--ink);border-radius:22% 16% 18% 18%/22% 25% 18% 21%;padding:12px 20px;box-shadow:7px 8px 0 var(--ink);transition:transform .14s,box-shadow .14s}.trade-key svg{fill:none;stroke:var(--ink);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.green-key{background:var(--green);transform:rotate(-4deg)}.red-key{background:var(--red);transform:rotate(6deg)}.trade-key:hover{transform:translateY(-7px) rotate(0)}.trade-key:active{transform:translate(5px,6px);box-shadow:2px 2px 0 var(--ink)}.reset-key{width:43px;height:43px;border:0;background:transparent;transition:transform .3s}.reset-key:hover{transform:rotate(-45deg)}.reset-key svg{stroke:var(--ink);stroke-width:3.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.floor-doodles{position:absolute;bottom:3%;left:28%;width:100px;z-index:2;transform:rotate(-12deg)}.floor-doodles svg{stroke:var(--ink);stroke-width:4;stroke-linecap:round;fill:none}.speed-lines{position:absolute;inset:0;pointer-events:none;z-index:4}.speed-lines i{position:absolute;width:45px;height:5px;background:var(--ink);border-radius:40%;transform:rotate(-20deg);left:21%;top:41%}.speed-lines i:nth-child(2){left:22%;top:37%;width:32px;transform:rotate(10deg)}.speed-lines i:nth-child(3){left:24%;top:33%;width:5px;height:30px;transform:rotate(-20deg)}.speed-lines i:nth-child(4){left:84%;top:63%;transform:rotate(12deg)}.speed-lines i:nth-child(5){left:83%;top:67%;width:30px;transform:rotate(24deg)}.speed-lines i:nth-child(6){left:88%;top:60%;width:9px;height:9px;border-radius:50%}.world[data-mood=sell]{background:#8bccea}.world[data-mood=sell] .plot,.world[data-mood=sell] .plot-tip{stroke:var(--red)!important}.world[data-mood=sell] .plot{transform:translateY(181px) scaleY(-1)}.world.frenzy .trader-art{animation:trader-frenzy .18s steps(2,end) infinite}.world.frenzy .paper-burst{animation:burst-frenzy .35s steps(2,end) infinite}.world.frenzy .clock-hand{animation-duration:.5s}.world.frenzy .click-marks{animation-duration:.12s}.world.launching .rider{animation:launch 2s cubic-bezier(.5,0,.9,.4) forwards}.world.paused *,.world.paused *::before,.world.paused *::after{animation-play-state:paused!important}.paused .animated-badge{display:none}.paused .still-badge{display:block}
@keyframes draw-line{from{stroke-dashoffset:700;transform:translateY(40px)}to{stroke-dashoffset:0;transform:translateY(-30px)}}@keyframes burst-breathe{to{transform:rotate(1deg) scale(1.03)}}@keyframes speech-wobble{0%,100%{transform:rotate(-13deg)}50%{transform:rotate(-9deg) translateY(-5px)}}@keyframes chart-float{50%{translate:0 -13px;rotate:-3deg}}@keyframes chart-draw{from{stroke-dashoffset:310}to{stroke-dashoffset:0}}@keyframes clock-spin{to{transform:rotate(360deg)}}@keyframes trader-twitch{0%,80%,100%{transform:rotate(0)}85%{transform:rotate(-.6deg) translateY(-2px)}90%{transform:rotate(.5deg)}}@keyframes trader-frenzy{0%,100%{transform:rotate(-1deg) translateY(-3px)}50%{transform:rotate(1deg) translateY(2px)}}@keyframes click-pop{0%,50%{opacity:1;transform:scale(1)}51%,100%{opacity:0;transform:scale(.8)}}@keyframes standing-bob{50%{transform:rotate(-6deg) translateY(8px)}}@keyframes badge-wobble{50%{transform:rotate(6deg) scale(1.05)}}@keyframes rider-float{50%{transform:rotate(7deg) translateY(-9px)}}@keyframes burst-frenzy{50%{transform:rotate(1deg) scale(1.04)}}@keyframes launch{20%{transform:translate(-20px,20px) rotate(2deg)}100%{transform:translate(60vw,-120vh) rotate(35deg)}}
@media(min-width:1800px){.trading-scene{width:72vw;max-width:1500px}.speech{max-width:300px}.chart-one{max-width:400px}.standing{max-width:420px}.rider{max-width:310px}.buy-badge{max-width:280px}.trade-key{width:175px;height:96px}.trade-controls{bottom:9%}}
@media(max-width:900px){.world{min-height:500px}.trading-scene{width:91vw;top:48%}.speech{left:2%;top:6%;width:19%}.clock{left:27%;top:4%;width:60px}.chart-one{width:26%;right:16%;top:11%}.chart-two{top:44%;left:-6%;width:21%}.buy-badge{width:21%;right:-4%;top:32%}.standing{width:28%;bottom:-2%}.rider{width:21%;right:2%;bottom:8%}.trade-key{width:115px;height:74px}.trade-controls{gap:15px;bottom:8%}.paper-burst{width:108%;left:-4%;height:66%;top:19%}.speed-lines{display:none}.floor-doodles{display:none}.sun{top:18%;left:43%;width:34vw;height:34vw}}
@media(max-width:600px){.world{min-height:540px}.utilities{top:20px;right:17px;gap:11px}.icon-button{width:40px;height:40px;padding:5px;box-shadow:2px 3px 0 var(--ink)}.speech{top:2.5%;left:3%;width:34%;max-width:165px}.clock{top:16%;left:40%;width:52px}.chart-one{top:24%;right:3%;width:42%;transform:rotate(11deg)}.chart-two{top:36%;left:-11%;width:35%;opacity:.95}.trading-scene{width:106%;top:49.5%;left:50%;transform:translate(-50%,-28%)}.trader-art{width:100%}.paper-burst{width:142%;left:-21%;top:34%;height:39%;transform:rotate(-6deg)}.sun{top:37%;left:42%;width:58vw;height:58vw}.buy-badge{top:25%;left:3%;right:auto;width:28%;transform:rotate(-14deg)}.standing{width:38%;left:-4%;bottom:-1.5%;max-width:190px}.rider{width:28%;right:-3%;bottom:4%;box-shadow:3px 4px 0 var(--ink)}.trade-controls{bottom:21%;gap:17px;transform:translateX(-50%) rotate(-3deg)}.trade-key{width:105px;height:68px;padding:11px 15px;box-shadow:5px 6px 0 var(--ink)}.reset-key{width:32px;height:36px}.floor{bottom:-13%;height:31%;transform:rotate(-7deg)}.click-marks{bottom:14%;left:52%}.market-line{opacity:.3}.graph-paper{background-size:47px 47px}}
@media(max-width:380px){.trade-controls{gap:12px}.trade-key{width:95px;height:63px}.speech{width:32%}.trading-scene{top:48%}}
@media(max-height:620px) and (min-width:601px){.world{min-height:360px}.trading-scene{width:68vw;top:45%}.speech{width:14%;top:3%}.chart-one{width:19%;right:16%;top:3%}.clock{width:50px;top:3%}.standing{width:20%}.rider{width:15%;bottom:5%}.buy-badge{width:15%;right:3%;top:28%}.trade-key{width:99px;height:59px;padding:9px 15px}.trade-controls{bottom:6%;gap:14px}.utilities{top:15px;right:15px}.icon-button{width:39px;height:39px;padding:5px}}
/* The meme wall stays in the same doodle world, below the trading scene. */
html{scroll-behavior:smooth}body{height:auto;overflow-x:clip;overflow-y:auto}body.viewer-open{overflow:hidden}.speech{mix-blend-mode:multiply;width:clamp(180px,19vw,300px);left:2%;top:0}.speech img{margin:-4% 0}.meme-door{position:absolute;bottom:1%;left:50%;transform:translateX(-50%);width:48px;height:43px;z-index:15;transition:translate .2s}.meme-door:hover{translate:0 4px}.meme-door svg,.back-up svg{width:100%;height:100%;fill:none;stroke:var(--ink);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.meme-door:focus-visible,.back-up:focus-visible{outline:4px dashed var(--ink);outline-offset:4px}.meme-wall{position:relative;min-height:970px;height:100vh;background:var(--yellow);border-top:0;overflow:hidden;isolation:isolate;scroll-margin-top:0}.wall-doodle{position:absolute;inset:0;opacity:.75;z-index:-1}.wall-doodle svg{width:100%;height:100%;stroke:white;stroke-width:30;fill:none}.meme-card{position:absolute;background:white;padding:10px;border:4px solid var(--ink);box-shadow:9px 10px 0 var(--ink);border-radius:4% 2% 5% 3%;transition:rotate .2s,translate .2s,box-shadow .2s}.meme-card:hover{rotate:0deg;translate:0 -10px;box-shadow:12px 17px 0 var(--ink);z-index:5}.meme-card:focus-visible{z-index:6}.meme-media{display:block;position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#7dd7f7}.meme-media>img,.meme-media>video{display:block;width:100%;height:100%;object-fit:cover}.meme-happy{left:6%;top:9%;width:25%;max-width:340px;rotate:-9deg;z-index:2}.meme-challenge{left:34%;top:22%;width:32%;max-width:460px;rotate:4deg;z-index:3}.meme-spiral{right:7%;top:6%;width:24%;max-width:330px;rotate:11deg;z-index:2}.meme-hair{right:4%;bottom:8%;width:25%;max-width:345px;rotate:-7deg;z-index:3}.meme-trading{left:12%;bottom:8%;width:24%;max-width:330px;rotate:8deg;z-index:4}.expand-mark{position:absolute;width:39px;height:39px;right:-13px;bottom:-12px;border:3px solid var(--ink);border-radius:50%;background:white;padding:5px}.expand-mark svg{stroke:var(--ink);stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.name-patch{position:absolute;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none}.name-patch img{width:94%;height:auto}.happy-name{left:0;top:18%;width:50%;height:19%;background:#ffe45c;transform:rotate(-2deg)}.happy-star{position:absolute;left:-6%;top:40%;width:49%;height:47%;display:flex;align-items:center;background:#24cdf0;clip-path:polygon(0 10%,17% 13%,19% 0,35% 10%,49% 0,60% 12%,78% 4%,82% 20%,100% 23%,91% 41%,100% 55%,87% 66%,91% 88%,68% 88%,62% 100%,44% 92%,29% 100%,20% 86%,0 91%,7% 63%,0 52%,7% 35%)}.happy-star img{width:94%;filter:invert(1);transform:rotate(-25deg)}.spiral-name{left:0;top:0;width:100%;height:30%;background:#000}.spiral-name img{width:91%;filter:invert(77%) sepia(65%) saturate(1250%) hue-rotate(150deg)}.hair-name{left:0;top:0;width:100%;height:19%;background:#c64781;border-bottom:3px solid #090909}.hair-name img{width:88%;filter:invert(1)}.back-up{position:absolute;bottom:3%;left:48%;width:50px;height:50px;background:white;border:3px solid var(--ink);border-radius:50%;box-shadow:3px 4px 0 var(--ink);padding:7px}.meme-viewer{border:0;padding:0;background:transparent;max-width:90vw;max-height:92svh;overflow:visible}.meme-viewer::backdrop{background:#061c29d9;backdrop-filter:blur(9px)}.viewer-content{width:min(72svh,720px,86vw);padding:9px;border:4px solid var(--ink);border-radius:6px;background:white;box-shadow:10px 11px 0 var(--ink)}.viewer-close{position:absolute;right:-15px;top:-20px;z-index:3}.viewer-content .meme-media{width:100%}.viewer-content .meme-media>img{object-fit:contain}.icon-button:disabled{cursor:default;opacity:.65}
@media(min-width:1700px){.meme-wall{min-height:1000px}.meme-happy,.meme-hair{max-width:400px}.meme-spiral,.meme-trading{max-width:390px}.meme-challenge{max-width:550px}}
@media(max-width:900px){.meme-wall{min-height:780px;height:100svh}.meme-happy{width:31%;left:3%}.meme-challenge{width:38%;left:31%;top:29%}.meme-spiral{width:31%;right:5%;top:6%}.meme-hair{width:31%;right:3%;bottom:9%}.meme-trading{width:31%;left:5%;bottom:10%}.speech{width:25%;left:0;top:1%}}
@media(max-width:600px){.speech{width:43%;left:-2%;top:-1%;max-width:200px}.meme-door{width:37px;height:37px;bottom:2.5%}.meme-wall{height:auto;min-height:0;padding:70px 23px 115px;display:grid;grid-template-columns:1fr 1fr;gap:38px 20px;overflow:clip}.meme-card{position:relative;inset:auto;width:100%;max-width:none;padding:5px;border-width:3px;box-shadow:5px 6px 0 var(--ink)}.meme-happy{rotate:-8deg}.meme-spiral{grid-column:2;grid-row:1;rotate:7deg}.meme-challenge{grid-column:1/-1;grid-row:2;width:83%;justify-self:center;rotate:-3deg}.meme-trading{grid-column:1;grid-row:3;rotate:6deg}.meme-hair{grid-column:2;grid-row:3;rotate:-6deg}.expand-mark{width:29px;height:29px;padding:3px;right:-8px;bottom:-9px}.back-up{bottom:23px;left:calc(50% - 25px)}.viewer-content{padding:5px;border-width:3px}.viewer-close{right:-8px;top:-17px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.animated-badge{display:none}.still-badge{display:block}.plot{stroke-dashoffset:0}.click-marks{opacity:0}}
.utilities{position:fixed}.viewer-pause{position:absolute;left:-15px;top:-20px;z-index:3}.happy-star img{width:78%;margin-left:17%}@media(max-width:600px){.viewer-pause{left:-8px;top:-17px}}