@font-face{font-family:Pixelify Sans;src:url(/fonts/starjam/pixelify-sans-variable.ttf) format("truetype");font-style:normal;font-weight:400 700;font-display:swap}body:has(.starjam-page){margin:0;background:#25243c!important;background-image:repeating-conic-gradient(#ffffff04 0% 25%,transparent 0% 50%)!important;background-size:24px 24px;color:#fff7da}body:has(.starjam-page) main{padding:0;margin:0;max-width:none}.starjam-page{height:100vh;height:100dvh;min-height:620px;max-width:1520px;margin:auto;padding:18px 28px 26px;box-sizing:border-box}#nouns-flow{--ink: #25243c;--cream: #fff7da;--mint: #d5f77b;--violet: #c4a0f5;--peach: #ffb291;--line: #25243c;display:grid;grid-template-columns:208px minmax(0,1fr);grid-template-rows:58px auto minmax(0,1fr);gap:20px 24px;height:100%;font:18px/1.3 Pixelify Sans,ui-monospace,monospace;color:var(--cream);color-scheme:light}#nouns-flow *{box-sizing:border-box}#nouns-flow [hidden]{display:none!important}#nouns-flow :is(button,select,input){font:inherit}#nouns-flow button{cursor:pointer;touch-action:manipulation}#nouns-flow button:disabled{opacity:.45;cursor:default}#nouns-flow :is(button,a,select,input):focus-visible{outline:3px solid #fff;outline-offset:4px;box-shadow:0 0 0 7px #6541a3}#nouns-flow p{margin:0}#nouns-flow a{color:inherit}.flow-top{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:12px}.flow-wordmark{display:flex;align-items:center;gap:10px;color:var(--cream);font-size:20px;text-decoration:none}.flow-wordmark b{font-size:30px;font-weight:700}.flow-noggles{font:700 30px/1 monospace;letter-spacing:-4px;color:var(--mint);margin-right:5px}.flow-slash{color:var(--violet)}.flow-top-tools{display:flex;gap:10px}.flow-top-tools button{height:44px;width:44px;border:2px solid var(--ink);border-radius:0;background:var(--cream);color:var(--ink);box-shadow:3px 3px #0d1020;font-size:24px}.flow-top-tools [data-flow-sound][aria-pressed=false]{background:var(--peach)}.flow-top-tools button:active{translate:2px 2px;box-shadow:1px 1px #0d1020}.flow-modes{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:14px}.flow-modes:before{content:"PICK A CARTRIDGE";font-size:14px;color:#d3c9df;letter-spacing:1px}.flow-modes button{display:flex;align-items:center;gap:10px;min-height:82px;padding:12px;text-align:left;border:3px solid #121628;border-radius:0;background:#4a3e65;color:#fff7da;box-shadow:5px 5px #111425;font-weight:600}.flow-modes button[aria-pressed=true]{background:var(--violet);color:var(--ink)}.flow-modes button small{display:block;margin-top:4px;font-size:14px;font-weight:400}.flow-cartridge-number{border:2px solid currentColor;padding:7px 3px;font-size:14px}.flow-modes button:hover{translate:0 -2px}.flow-modes button:active{translate:3px 3px;box-shadow:2px 2px #111425}#nouns-flow .flow-machine{grid-column:2;grid-row:2 / 4;position:relative;min-width:0;min-height:0;border:4px solid #121628;outline:4px solid var(--cream);border-radius:0;overflow:hidden;isolation:isolate;background:#283a39;box-shadow:12px 12px #111425}.flow-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 62%;image-rendering:pixelated;z-index:-3}.flow-wash{position:absolute;inset:0;background:linear-gradient(#14213250,#14213210 50%,#14213270);z-index:-2}.flow-scorebar{height:88px;padding:14px 18px;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:12px;position:relative;z-index:5;pointer-events:none}.flow-scorebar>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:5px 12px;background:var(--cream);color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px #25243c80}.flow-scorebar span{font-size:13px;line-height:1}.flow-scorebar strong{font-size:28px;line-height:1;font-variant-numeric:tabular-nums}.flow-scorebar .flow-time{align-items:center;text-align:center;gap:5px;background:var(--mint)}.flow-time b{font-size:18px;line-height:1}.flow-scorebar .flow-streak{align-items:flex-end}.flow-scorebar small{font-size:17px}.flow-scorebar [data-flow-streak]{font-size:inherit}.flow-callout{position:absolute;top:100px;left:50%;transform:translate(-50%);z-index:6;width:max-content;max-width:90%;padding:6px 12px;border:2px solid var(--ink);background:var(--cream);color:var(--ink);text-align:center;font-size:17px;pointer-events:none}.flow-ready,.flow-pause-card,.flow-finish-card{position:absolute;z-index:7;left:50%;top:calc(50% + 34px);transform:translate(-50%,-50%);width:min(470px,88%);max-height:calc(100% - 110px);overflow:auto;padding:26px 28px;border:4px solid var(--ink);border-radius:0;background:var(--cream);color:var(--ink);box-shadow:8px 8px #25243cbb;text-align:center}.flow-ready:before,.flow-pause-card:before{content:"";position:absolute;top:0;left:0;right:0;height:7px;background:repeating-linear-gradient(90deg,var(--violet) 0 16px,var(--mint) 16px 32px,var(--peach) 32px 48px)}.flow-kicker{display:block;font-size:13px;letter-spacing:1px;color:#56446b}.flow-ready h1{position:relative;display:inline-flex;flex-direction:column;margin:19px 0 13px;font-size:clamp(64px,7vw,96px);line-height:.85;color:#7451a9;text-shadow:4px 4px 0 #d7c5ed}.flow-ready h1 b{font:inherit;font-weight:700}.flow-ready h1 small{font-size:19px;line-height:1.3;letter-spacing:7px;text-align:left;color:var(--ink);text-shadow:none}.flow-ready h1>span{position:absolute;right:-32px;top:23px;color:#759829;font-size:32px;text-shadow:none;animation:pixel-star 2s steps(2,end) infinite}.flow-ready>p{font-size:22px;line-height:1.25}.flow-ready [data-flow-ready-copy]{white-space:pre-line}.flow-ready-tip{display:flex;align-items:center;gap:10px;text-align:left;font-size:16px;max-width:320px;margin:18px auto 0}.flow-ready-tip+.flow-ready-tip{margin-top:10px}.flow-ready-tip i{display:grid;place-items:center;width:26px;height:26px;flex:none;border:2px solid var(--ink);background:var(--mint);font-style:normal}.flow-practice{display:block;font-size:12px;color:#655773;margin-top:22px}.flow-pause-card h2,.flow-finish-card h2{font-size:40px;line-height:1.05;margin:15px 0}.flow-pause-card p,.flow-finish-card p{font-size:19px}.flow-finish-actions{display:flex;gap:12px;margin-top:24px}.flow-finish-actions button{flex:1;min-height:48px;border:2px solid var(--ink);border-radius:0;background:var(--violet);color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.flow-finish-actions button:last-child{background:var(--mint)}.flow-pause-card{display:none}#nouns-flow:not([data-state=ready]) .flow-ready{display:none}#nouns-flow[data-state=paused] .flow-pause-card{display:block}#nouns-flow:is([data-state=ready],[data-state=paused]) .flow-callout{visibility:hidden}.flow-finish-stars{display:flex;justify-content:center;align-items:center;gap:18px;height:54px;margin:0 0 15px;color:#53761a}.flow-finish-stars b{font-size:54px;color:#7451a9;font-weight:400}.flow-finish-stars span{font-size:30px}#nouns-flow[data-state=won] .flow-finish-stars{animation:pixel-star .7s steps(3,end) 2}[data-flow-progress]{position:absolute;bottom:0;left:0;width:100%;height:8px;border:0;appearance:none;background:#25243c80;z-index:9}[data-flow-progress]::-webkit-progress-bar{background:#25243c80}[data-flow-progress]::-webkit-progress-value{background:var(--mint)}[data-flow-progress]::-moz-progress-bar{background:var(--mint)}.flow-deck{grid-column:1;grid-row:3;align-self:end;min-width:0}.flow-arcade-sticker{display:flex;align-items:center;gap:8px;margin:0 0 25px;color:var(--peach);font-size:13px}.flow-arcade-sticker img{image-rendering:pixelated;width:55px;height:55px}.flow-deck-main{display:flex;flex-direction:column;gap:14px}.flow-pace-control{min-width:0;padding:10px 12px;border:2px solid #121628;background:var(--cream);color:var(--ink);box-shadow:4px 4px #111425}.flow-pace-control label{display:block;font-size:12px;margin-bottom:6px;color:#655773}.flow-pace-control select{background:transparent;border:0;color:var(--ink);width:100%;padding:0;min-height:30px;cursor:pointer}.flow-start{display:flex;align-items:center;justify-content:center;gap:10px;min-height:64px;border:3px solid #121628;border-radius:0;background:var(--mint);color:var(--ink);box-shadow:5px 5px #111425;padding:10px;font-weight:700!important;font-size:25px!important}.flow-start:active{translate:3px 3px;box-shadow:2px 2px #111425}.flow-deck nav{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:16px}.flow-deck nav button{border:0;border-bottom:2px solid #726784;border-radius:0;background:transparent;color:var(--cream);min-height:44px;padding:0 3px;font-size:14px!important}.flow-deck nav>span{grid-row:2;grid-column:1 / -1;text-align:center;color:#bfb4d1;font-size:11px;padding-top:8px}.drip-stage{display:none;position:absolute;top:148px;bottom:18px;left:50%;transform:translate(-50%);width:100%;max-width:860px}.drip-canopy{position:absolute;top:0;left:0;right:0;text-align:center;color:var(--cream);font-size:19px;text-shadow:2px 2px var(--ink)}.drip-canopy span{font-size:15px;margin:0 12px}.drip-canvas,.drip-particles{position:absolute;inset:36px 0 28px}.drip-canvas{isolation:isolate}.drip-particles{pointer-events:none;overflow:hidden;z-index:5}.drip-noun{position:absolute;width:94px;height:104px;transform:translate(-50%,-50%);border:0;background:none;padding:0;color:var(--ink);touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.drip-noun:before{content:"";position:absolute;bottom:13px;left:3px;right:3px;height:20px;border:3px solid var(--ink);background:var(--drip-accent);box-shadow:4px 4px #25243c70}.drip-noun img{position:relative;width:88px;height:88px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(3px 3px 0 #25243c66);pointer-events:none}.drip-noun span{position:absolute;bottom:0;left:50%;transform:translate(-50%);padding:2px 8px;background:var(--cream);border:2px solid var(--ink);font-size:14px;white-space:nowrap;pointer-events:none}.drip-noun:hover img{transform:translateY(-5px)}.drip-noun:active img{transform:translateY(3px)}#nouns-flow[data-state=playing] .drip-noun[data-settled=true] img{animation:pixel-bob 2.4s steps(2,end) infinite}.drip-noun:nth-child(2n) img{animation-delay:-1.2s}.drip-floor{position:absolute;bottom:0;left:6%;right:6%;display:grid;grid-template-columns:repeat(3,1fr);text-align:center;font-size:14px;color:var(--cream);text-shadow:2px 2px var(--ink)}.drip-floor span{justify-self:center;padding:3px 9px;background:#25243cce;border-bottom:3px solid var(--violet)}.drip-pop{position:absolute;pointer-events:none;color:var(--mint)}.drip-pop i{position:absolute;font-style:normal;font-weight:700;font-size:28px;--spark-x: -28px;--spark-y: -45px;animation:flow-spark .65s steps(6,end) both;text-shadow:2px 2px var(--ink)}.drip-pop i:nth-child(2){--spark-x: 0px;--spark-y: -65px;color:var(--violet)}.drip-pop i:nth-child(3){--spark-x: 30px;--spark-y: -36px;color:var(--peach)}#nouns-flow[data-mode=drip] .drip-stage{display:block}#nouns-flow[data-mode=drip] :is(.flow-track,.flow-battlebar,.flow-crew){display:none}.flow-battlebar{position:relative;z-index:5;display:flex;align-items:center;gap:16px;max-width:550px;margin:0 auto;padding:0 22px}.flow-health{flex:1}.flow-health>span{display:flex;justify-content:space-between;color:#fff;font-size:12px;text-shadow:2px 2px var(--ink)}.flow-health>div{height:8px;background:var(--ink);margin-top:4px;border:1px solid var(--cream);overflow:hidden}.flow-health i{display:block;height:100%;width:100%;background:var(--mint)}.flow-rival-health i{background:var(--peach)}.flow-versus{font-size:16px;color:var(--cream);text-shadow:2px 2px var(--ink)}#nouns-flow[data-mode=rhythm] .flow-callout{top:128px;font-size:15px}.flow-crew{position:absolute;top:40%;display:flex;align-items:flex-end;gap:3px;z-index:2}.flow-player-crew{left:3%}.flow-rival-crew{right:3%}.flow-crew>div,.flow-crew>button{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:none;border:0;color:var(--cream);padding:0}.flow-crew img{width:clamp(48px,6vw,80px);height:auto;image-rendering:pixelated;filter:drop-shadow(3px 3px 0 #25243c80)}.flow-crew>div img{width:clamp(40px,5vw,64px)}.flow-crew span{font-size:11px;background:var(--ink);padding:3px 6px;min-height:20px}.flow-rival-crew>div:last-child{padding-bottom:20px}#nouns-flow[data-state=playing] .flow-crew img{animation:pixel-bob 1.25s steps(2,end) infinite}.flow-track{position:absolute;top:174px;bottom:0;left:50%;transform:translate(-50%);width:44%;max-width:440px;min-width:250px;isolation:isolate}.flow-track-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);background:#25243ca8;border:2px solid #fff7da70;z-index:-1}.flow-track-grid i{border-right:2px dashed #fff7da30}.flow-track-grid i:last-child{border:0}.flow-vanish{position:absolute;top:-22px;left:50%;transform:translate(-50%);color:var(--cream);font-size:24px}.flow-note-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none}.flow-note{position:absolute;width:60%;max-width:64px;height:18px;border:3px solid var(--ink);background:var(--mint);box-shadow:3px 3px #fff7da80;will-change:top}.flow-note[data-lane="1"]{background:var(--violet)}.flow-note[data-lane="2"]{background:var(--peach)}.flow-hit-line{position:absolute;top:82%;left:-8px;right:-8px;height:3px;background:var(--cream);pointer-events:none}.flow-hit-line span{position:absolute;top:48px;left:0;right:0;text-align:center;font-size:11px;color:var(--cream)}.flow-pads{position:absolute;top:82%;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);transform:translateY(-50%);gap:12px;padding:0 8px}.flow-pads button{height:74px;min-width:0;border:3px solid var(--ink);border-radius:0;background:var(--mint);color:var(--ink);box-shadow:5px 5px #111425;display:flex;align-items:center;justify-content:center;gap:7px}.flow-pads button:nth-child(2){background:var(--violet)}.flow-pads button:nth-child(3){background:var(--peach)}.flow-pads span{font-size:31px}.flow-pads kbd{font:inherit;font-size:14px}.flow-pads button:active,.flow-pads button[data-active=true]{background:var(--cream);translate:3px 3px;box-shadow:2px 2px #111425}.flow-effects{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}.flow-hit-burst{position:absolute;top:82%;width:0;height:0;color:var(--mint)}.flow-hit-burst[data-lane="1"]{color:var(--violet)}.flow-hit-burst[data-lane="2"]{color:var(--peach)}.flow-hit-burst i{position:absolute;left:0;top:0;font-size:28px;font-style:normal;line-height:1;--spark-x: 0px;--spark-y: -70px;animation:flow-spark .48s steps(5,end) both}.flow-hit-burst i:nth-child(2){--spark-x: -30px;--spark-y: -42px}.flow-hit-burst i:nth-child(3){--spark-x: 32px;--spark-y: -48px}.flow-hit-burst[data-streak=true] i{font-size:38px}#nouns-flow[data-cheer=true] .flow-player-crew{animation:pixel-bob .5s steps(2,end)}#nouns-flow[data-cheer=true] .flow-callout{background:var(--mint)}.flow-dialog{width:min(600px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;border:4px solid var(--ink);background:var(--cream);color:var(--ink);border-radius:0;padding:30px;font:18px/1.5 Pixelify Sans,monospace;box-shadow:10px 10px #0d1020}.flow-dialog::backdrop{background:#17132bbd}.flow-dialog form{position:sticky;top:-1px;height:44px;margin-bottom:14px;background:var(--cream);z-index:2}.flow-dialog form button{position:absolute;right:0;top:0;width:44px;height:44px;border:2px solid var(--ink);background:var(--violet);color:var(--ink);font-size:26px!important;border-radius:0}.flow-dialog>.flow-kicker{display:block;padding-right:22px}.flow-dialog h2{font-size:38px;line-height:1.05;margin:14px 0 24px}.flow-dialog h3{font-size:24px;margin-bottom:8px}#nouns-flow .flow-dialog p{margin:16px 0}.flow-dialog label{display:block;margin-bottom:10px}.flow-dialog input{width:100%;min-height:32px;accent-color:#7451a9}.flow-dialog [data-flow-test-sound]{width:100%;min-height:48px;border:2px solid var(--ink);background:var(--mint);color:var(--ink);font-weight:700;padding:12px;box-shadow:4px 4px 0 var(--ink);border-radius:0}.flow-dialog .flow-audio-status{min-height:36px}.flow-dialog [data-flow-speaker-test]{display:block;width:100%;max-width:100%;margin:10px 0 14px}.flow-dialog [data-flow-volume-value]{float:right}.flow-dialog .flow-small{font-size:16px;color:#655773}.flow-dialog [data-flow-haptics]{border:2px solid var(--ink);background:var(--violet);color:var(--ink);padding:12px;min-height:44px;border-radius:0}.flow-dialog ol{padding-left:24px}.flow-dialog li{margin-bottom:14px}.flow-world-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.flow-world-grid button{border:3px solid var(--ink);padding:0;overflow:hidden;background:#e8ddf5;color:var(--ink);text-align:left;box-shadow:4px 4px #25243c40;border-radius:0}.flow-world-grid button[aria-current=true]{background:var(--mint);box-shadow:4px 4px 0 var(--ink)}.flow-world-grid img{display:block;width:100%;height:110px;object-fit:cover;image-rendering:pixelated;border-bottom:3px solid var(--ink)}.flow-world-grid span{display:block;padding:10px 12px 0;font-size:18px;font-weight:600}#nouns-flow .flow-world-grid p{font-size:15px;line-height:1.4;padding:0 12px;margin:7px 0 13px}@keyframes pixel-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pixel-star{0%,to{transform:translateY(0)}50%{transform:translateY(-5px) rotate(15deg)}}@keyframes flow-spark{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--spark-x)),calc(-50% + var(--spark-y))) scale(1.15)}}@media(max-width:760px){.starjam-page{padding:8px 12px max(12px,env(safe-area-inset-bottom));min-height:660px}#nouns-flow{grid-template-columns:minmax(0,1fr);grid-template-rows:48px 60px minmax(280px,1fr) auto;gap:10px}.flow-top{grid-column:1}.flow-wordmark{font-size:14px;gap:5px}.flow-wordmark b{font-size:22px}.flow-noggles{font-size:23px;margin-right:2px}.flow-top-tools{gap:5px}.flow-top-tools button{width:44px;height:44px;font-size:22px}.flow-modes{grid-row:2;flex-direction:row;gap:10px}.flow-modes:before{display:none}.flow-modes button{flex:1;min-width:0;min-height:0;padding:6px 9px;gap:8px;border-width:2px;box-shadow:3px 3px #111425;font-size:18px}.flow-modes button small{font-size:12px;margin-top:2px}.flow-cartridge-number{font-size:12px;padding:5px 2px}#nouns-flow .flow-machine{grid-column:1;grid-row:3;outline:2px solid var(--cream);border-width:3px;box-shadow:5px 5px #111425}.flow-scorebar{height:70px;padding:8px;gap:7px}.flow-scorebar>div{padding:4px 7px;box-shadow:2px 2px #25243c80}.flow-scorebar span{font-size:11px}.flow-scorebar strong{font-size:23px}.flow-time b{font-size:16px}.flow-callout{top:77px;padding:4px 8px;font-size:14px}.flow-ready,.flow-pause-card,.flow-finish-card{padding:20px 16px;top:calc(50% + 26px);max-height:calc(100% - 86px);width:87%;border-width:3px;box-shadow:5px 5px #25243cbb}.flow-kicker{font-size:11px;letter-spacing:.5px}.flow-ready h1{font-size:64px;margin:15px 0 12px}.flow-ready h1 small{font-size:15px;letter-spacing:5px}.flow-ready>p{font-size:20px}.flow-ready-tip{font-size:14px;margin-top:14px;gap:8px}.flow-ready-tip i{width:22px;height:22px}.flow-practice{font-size:10px;margin-top:16px}.flow-pause-card h2,.flow-finish-card h2{font-size:30px}.flow-finish-card p{font-size:17px}.flow-finish-stars{height:38px;margin:0 0 10px}.flow-finish-stars b{font-size:40px}.flow-finish-actions{margin-top:16px;gap:8px}.flow-finish-actions button{font-size:17px!important}.flow-deck{grid-row:4;grid-column:1}.flow-arcade-sticker{display:none}.flow-deck-main{flex-direction:row;gap:10px}.flow-pace-control{flex:1;padding:6px 9px}.flow-pace-control label{font-size:10px;margin-bottom:0}.flow-pace-control select{font-size:16px!important}.flow-start{flex:1.1;font-size:22px!important;min-height:60px;padding:8px}.flow-deck nav{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-top:8px}.flow-deck nav>span{font-size:9px;padding:0}.flow-deck nav button{min-height:44px;font-size:14px!important}.drip-stage{top:112px;bottom:17px}.drip-canopy{display:none}.drip-canvas,.drip-particles{top:9px;bottom:26px}.drip-noun{width:78px;height:88px}.drip-noun img{width:72px;height:72px}.drip-noun span,.drip-floor{font-size:12px}.flow-battlebar{padding:0 9px;gap:10px}.flow-health>span{font-size:10px}.flow-crew{top:120px}.flow-player-crew{left:8px}.flow-rival-crew{right:8px}.flow-crew img{width:40px}.flow-crew>div img{width:32px}.flow-crew span{font-size:8px;padding:2px 3px;min-height:15px}.flow-rival-crew>div:last-child{padding-bottom:15px}#nouns-flow[data-mode=rhythm] .flow-callout{top:112px;font-size:12px;max-width:150px}.flow-track{top:183px;width:86%;min-width:0}.flow-note{height:16px;max-width:52px}.flow-pads{gap:10px;padding:0 4px}.flow-pads button{height:62px}.flow-pads span{font-size:27px}.flow-pads kbd,.flow-hit-line span{display:none}.flow-dialog{padding:26px 18px}.flow-dialog form button{right:0;top:0}.flow-world-grid{gap:10px}.flow-world-grid img{height:86px}.flow-world-grid span{font-size:16px;padding:8px 8px 0}#nouns-flow .flow-world-grid p{padding:0 8px;font-size:14px}}@media(max-width:760px)and (max-height:760px),(max-height:560px){.flow-ready-tip,.flow-practice{display:none}.flow-ready{padding-block:18px}.flow-ready h1{font-size:60px;margin:12px 0}.flow-ready>p{font-size:19px}.flow-arcade-sticker,.drip-canopy{display:none}.drip-canvas,.drip-particles{top:5px}}@media(max-width:760px)and (max-height:640px){.starjam-page{min-height:568px}.flow-ready h1{font-size:50px}.flow-ready>p{font-size:17px}.flow-track{top:160px}.flow-pads button{height:48px}.drip-stage{top:103px}.drip-noun{width:66px;height:72px}.drip-noun img{width:60px;height:60px}.drip-noun span{font-size:11px}}@media(min-width:600px)and (max-height:560px){.starjam-page{min-height:370px;padding:6px 16px 14px}#nouns-flow{grid-template-columns:174px minmax(0,1fr);grid-template-rows:44px auto 1fr;gap:10px 18px}.flow-wordmark b{font-size:25px}.flow-wordmark{font-size:16px}.flow-top-tools button{height:40px}.flow-top{grid-column:1 / -1}#nouns-flow .flow-machine{grid-column:2;grid-row:2 / 4}.flow-deck{grid-column:1;grid-row:3}.flow-modes{flex-direction:column;gap:8px}.flow-modes:before{display:none}.flow-modes button{min-height:48px;padding:4px 8px;font-size:16px;gap:8px}.flow-modes button small{display:none}.flow-cartridge-number{padding:3px}.flow-deck-main{flex-direction:column;gap:8px}.flow-pace-control{padding:5px 8px}.flow-pace-control label{display:none}.flow-pace-control select{font-size:16px!important}.flow-start{min-height:48px;font-size:22px!important;padding:4px}.flow-deck nav{margin-top:7px;gap:4px}.flow-deck nav>span{display:none}.flow-deck nav button{font-size:12px!important}.flow-scorebar{height:60px;padding:6px 10px}.flow-scorebar>div{padding:3px 9px}.flow-scorebar strong{font-size:22px}.flow-scorebar span{font-size:12px}.flow-time b{font-size:16px}.flow-callout{top:65px;font-size:13px;padding:3px 8px}.flow-ready,.flow-pause-card,.flow-finish-card{top:calc(50% + 24px);max-height:calc(100% - 70px);width:min(390px,88%);padding:16px 20px}.flow-ready h1{font-size:48px;margin:8px 0}.flow-ready h1 small{font-size:13px}.flow-ready>p{font-size:17px}.flow-kicker{font-size:11px}.flow-pause-card h2,.flow-finish-card h2{font-size:28px;margin:8px 0}.flow-finish-card p{font-size:16px}.flow-finish-stars{display:none}.flow-finish-actions{margin-top:12px}.drip-stage{top:101px;bottom:14px}.drip-canvas,.drip-particles{top:4px;bottom:24px}.drip-noun{width:66px;height:72px}.drip-noun img{width:60px;height:60px}.drip-noun span,.drip-floor{font-size:11px}.flow-health>span{font-size:10px}#nouns-flow[data-mode=rhythm] .flow-callout{top:88px;font-size:12px}.flow-track{top:129px;width:44%;min-width:200px}.flow-crew img{width:45px}.flow-crew>div img{width:36px}.flow-crew span{font-size:8px}.flow-pads button{height:44px}.flow-pads span{font-size:24px}.flow-pads kbd,.flow-hit-line span{display:none}}@media(max-width:370px){.flow-wordmark{font-size:12px;gap:4px}.flow-wordmark b{font-size:19px}.flow-noggles,.flow-cartridge-number{display:none}.flow-deck nav>span{display:none}}@media(prefers-reduced-motion:reduce){.drip-particles{display:none}.drip-noun:hover img{transform:none}.drip-noun:active{scale:1}}@media(prefers-reduced-motion:reduce){#nouns-flow *,#nouns-flow *:before,#nouns-flow *:after{animation:none!important;transition:none!important}.flow-effects{display:none}}#nouns-flow :is(.drip-story-landscape,.drip-quest,.drip-parade,.drip-heartlight){display:none}#nouns-flow[data-mode=drip] :is(.drip-quest,.drip-parade,.drip-heartlight){display:flex}#nouns-flow[data-mode=drip][data-world=garden] .drip-story-landscape{display:block}.drip-story-landscape{position:absolute;top:164px;left:0;width:100%;height:calc(100% - 164px);object-fit:cover;object-position:center 22%;image-rendering:pixelated;z-index:-3}#nouns-flow[data-mode=drip][data-world=garden] .flow-landscape{visibility:hidden}#nouns-flow[data-mode=drip] .flow-wash{background:linear-gradient(#102d3b80,#102d3b08 40%,#102d3b50)}.drip-quest{position:absolute;top:90px;left:18px;right:18px;z-index:5;flex-direction:column;padding:9px 12px 7px;color:#fff0c4;background:#17363ded;border:2px solid #edce91;box-shadow:3px 3px #10242c;pointer-events:none}.drip-quest-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:15px}.drip-quest-heading strong{color:#ffe191;font-size:21px;white-space:nowrap;line-height:1}[data-drip-goal-fill]{width:100%;height:10px;margin:7px 0 4px;border:0;appearance:none;background:#091c28}[data-drip-goal-fill]::-webkit-progress-bar{background:#091c28}[data-drip-goal-fill]::-webkit-progress-value{background:#edb363;transition:width .18s}[data-drip-goal-fill]::-moz-progress-bar{background:#edb363}.drip-quest-stops{display:flex;justify-content:space-between;font-size:11px;color:#b8c8b6}.drip-quest-stops span:last-child{color:#f6b994}.drip-objective{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#nouns-flow[data-mode=drip] .flow-callout{top:auto;bottom:77px;max-width:88%;font-size:14px;padding:4px 10px;background:#fff3d8ec;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#nouns-flow[data-mode=drip] .drip-stage{top:181px;bottom:112px}#nouns-flow[data-mode=drip] .drip-canopy{display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none}.drip-canopy b{color:#ffdfa0;font-size:21px;font-weight:500;text-shadow:2px 2px 0 #172f3e,-1px -1px 0 #172f3e}#nouns-flow[data-mode=drip] .drip-canopy span{font-size:13px;padding:2px 7px;background:#17363dda;margin:0}#nouns-flow[data-mode=drip] :is(.drip-canvas,.drip-particles){top:69px;bottom:20px}#nouns-flow[data-mode=drip] .drip-floor{bottom:12px}.drip-parade{position:absolute;bottom:8px;height:60px;left:0;right:0;z-index:2;align-items:flex-end;padding:0 16px 3px;gap:12px;border-top:2px solid #c6aa6580;background:#16373ae8;pointer-events:none}.drip-parade-sign{font-size:12px;align-self:center;color:#e4d3a5;max-width:58px}[data-drip-parade]{flex:1;min-width:0;display:flex;justify-content:center;align-items:flex-end;height:100%}.drip-parade-friend{width:clamp(22px,4vw,48px);height:auto;min-width:0;max-height:50px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(2px 2px #0e2330);transform-origin:bottom center}.drip-parade-heart{align-self:center;font-size:30px;color:#5c7072}.drip-heartlight{position:absolute;inset:0;justify-content:center;align-items:center;pointer-events:none;z-index:-1;opacity:0;background:radial-gradient(ellipse at 50% 40%,#ffe19844,transparent 68%);transition:opacity .65s}.drip-heartlight>span{position:absolute;top:41%;color:#ffb46d;opacity:.55;font-size:95px;text-shadow:0 0 38px #ffb46d}.drip-heartlight i{position:absolute;font-style:normal;color:#fff0ad;font-size:30px;top:42%;left:8%}.drip-heartlight i:nth-of-type(2){left:auto;right:10%;top:67%}.drip-heartlight i:nth-of-type(3){left:18%;top:78%;font-size:19px}.drip-heartlight i:nth-of-type(4){left:auto;right:17%;top:30%;font-size:20px}#nouns-flow[data-mode=drip][data-drip-phase=groove] .drip-parade-heart{color:#eeac75}#nouns-flow[data-mode=drip]:is([data-drip-phase=fire],[data-drip-phase=finale]) .drip-heartlight{opacity:1}#nouns-flow[data-mode=drip][data-drip-phase=finale] .drip-quest{background:#7b3b36ee;border-color:#ffdda5}#nouns-flow[data-mode=drip][data-drip-phase=finale] .drip-parade-heart{color:#ff9a88}#nouns-flow[data-mode=drip][data-state=playing] .drip-parade-friend{animation:parade-step .8s steps(2,end) infinite;animation-delay:calc(var(--friend-index) * -.13s)}#nouns-flow[data-mode=drip][data-state=playing][data-drip-phase=finale] .drip-parade-friend{animation-duration:.4s}#nouns-flow[data-mode=drip][data-state=playing] .drip-heartlight i{animation:parade-spark 1.8s steps(3,end) infinite}#nouns-flow[data-mode=drip][data-state=playing] .drip-heartlight i:nth-of-type(2n){animation-delay:-.9s}#nouns-flow[data-mode=drip] .flow-ready{top:calc(50% + 48px);max-height:calc(100% - 235px)}#nouns-flow[data-mode=drip] .flow-ready h1{color:#ad543b;text-shadow:4px 4px 0 #ecccaa}#nouns-flow[data-mode=drip] .flow-finish-card{top:calc(50% + 18px);max-height:calc(100% - 190px)}#nouns-flow[data-mode=drip]:is([data-state=won],[data-state=lost]) .flow-callout{visibility:hidden}@keyframes parade-step{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-7px) rotate(4deg)}}@keyframes parade-spark{0%,to{opacity:.3;translate:0 0}50%{opacity:1;translate:0 -12px}}@media(max-width:760px){.starjam-page{min-height:0}#nouns-flow{grid-template-rows:44px 54px minmax(0,1fr) auto;gap:10px}.flow-top-tools{gap:5px}.flow-modes button{min-height:52px}.drip-quest{top:70px;left:10px;right:10px;padding:6px 8px}.drip-quest-heading{font-size:12px}.drip-quest-heading strong{font-size:18px}.drip-quest-stops{font-size:10px}.drip-story-landscape{top:132px;height:calc(100% - 132px);object-position:center top}[data-drip-goal-fill]{height:7px;margin:5px 0 3px}#nouns-flow[data-mode=drip] .drip-stage{top:141px;bottom:97px}.drip-canopy b{font-size:19px}#nouns-flow[data-mode=drip] .drip-canopy span{font-size:11px;max-width:95%}#nouns-flow[data-mode=drip] :is(.drip-canvas,.drip-particles){top:55px;bottom:13px}#nouns-flow[data-mode=drip] .drip-floor{display:none}#nouns-flow[data-mode=drip] .flow-callout{bottom:58px;font-size:12px;max-width:92%;padding:3px 7px}.drip-parade{height:43px;padding:0 8px 2px;gap:5px}.drip-parade-sign{font-size:9px;max-width:40px}.drip-parade-friend{width:clamp(22px,8vw,38px);max-height:39px}.drip-parade-heart{font-size:21px}#nouns-flow[data-mode=drip] .flow-ready{top:calc(50% + 44px);max-height:calc(100% - 184px);padding:14px}#nouns-flow[data-mode=drip] .flow-ready h1{font-size:62px;margin:12px 0}#nouns-flow[data-mode=drip] .flow-ready>p{font-size:19px}#nouns-flow[data-mode=drip] .flow-finish-card{top:calc(50% + 35px);max-height:calc(100% - 170px);padding:16px}#nouns-flow[data-mode=drip] .flow-finish-stars{height:25px;margin-bottom:8px}#nouns-flow[data-mode=drip] .flow-finish-stars b{font-size:30px}#nouns-flow[data-mode=drip] .flow-finish-card h2{font-size:30px;margin:8px 0}#nouns-flow[data-mode=drip] .flow-finish-card p{font-size:17px}.flow-finish-actions{margin-top:14px}}@media(max-width:760px)and (max-height:740px){#nouns-flow[data-mode=drip] .drip-canopy{display:none}#nouns-flow[data-mode=drip] .drip-stage{top:132px;bottom:80px}#nouns-flow[data-mode=drip] :is(.drip-canvas,.drip-particles){top:12px}#nouns-flow[data-mode=drip] .flow-ready h1{font-size:46px;margin:7px 0}#nouns-flow[data-mode=drip] .flow-ready>.flow-kicker{display:none}#nouns-flow[data-mode=drip] .flow-ready>p{font-size:16px}#nouns-flow[data-mode=drip] .flow-ready{padding:10px}#nouns-flow[data-mode=drip] .drip-noun{width:70px;height:76px}#nouns-flow[data-mode=drip] .drip-noun img{width:64px;height:64px}#nouns-flow[data-mode=drip] .drip-noun span{font-size:11px}#nouns-flow[data-mode=drip] .flow-finish-stars{display:none}#nouns-flow[data-mode=drip] .flow-finish-card{top:calc(50% + 25px);padding:12px;max-height:calc(100% - 160px)}#nouns-flow[data-mode=drip] .flow-finish-card h2{font-size:26px;margin:6px 0}#nouns-flow[data-mode=drip] .flow-finish-card p{font-size:15px}}@media(max-width:599px)and (max-height:620px){.starjam-page{padding-top:4px;padding-bottom:8px}#nouns-flow{grid-template-rows:40px 44px minmax(0,1fr) auto;gap:8px}.flow-modes button{min-height:44px;padding:4px 8px}.flow-modes button small,.flow-cartridge-number,.flow-pace-control label{display:none}.flow-pace-control{padding:5px 8px}.flow-start{min-height:44px;padding:4px;font-size:20px!important}.flow-deck nav{margin-top:4px}.flow-scorebar{height:54px;padding:5px 8px;gap:6px}.flow-scorebar>div{padding:3px 7px}.flow-scorebar strong{font-size:23px}.flow-scorebar span{font-size:10px}.flow-time b{font-size:15px}.drip-quest{top:55px;left:8px;right:8px}.drip-quest-stops{display:none}.drip-story-landscape{top:94px;height:calc(100% - 94px)}#nouns-flow[data-mode=drip] .drip-stage{top:98px;bottom:78px}#nouns-flow[data-mode=drip] :is(.drip-canvas,.drip-particles){top:8px;bottom:8px}#nouns-flow[data-mode=drip] .drip-noun{width:64px;height:68px}#nouns-flow[data-mode=drip] .drip-noun img{width:58px;height:58px}#nouns-flow[data-mode=drip] :is(.flow-ready,.flow-finish-card){top:calc(50% + 25px);max-height:calc(100% - 135px)}#nouns-flow[data-mode=drip] .flow-finish-card{padding:8px}#nouns-flow[data-mode=drip] .flow-finish-card h2{font-size:22px;margin:4px 0}#nouns-flow[data-mode=drip] .flow-finish-card p{font-size:14px}#nouns-flow[data-mode=drip] .flow-finish-actions{margin-top:8px}#nouns-flow[data-mode=drip] .flow-finish-actions button{min-height:44px}}@media(min-width:600px)and (max-height:560px){#nouns-flow{grid-template-rows:44px auto minmax(0,1fr)}.drip-quest{top:62px;left:10px;right:10px;padding:5px 8px}.drip-quest-heading{font-size:11px}.drip-quest-heading strong{font-size:16px}.drip-quest-stops,#nouns-flow[data-mode=drip] .drip-canopy{display:none}.drip-story-landscape{top:100px;height:calc(100% - 100px)}[data-drip-goal-fill]{height:5px;margin:3px 0 0}#nouns-flow[data-mode=drip] .drip-stage{top:118px;bottom:55px}#nouns-flow[data-mode=drip] :is(.drip-canvas,.drip-particles){top:5px;bottom:14px}#nouns-flow[data-mode=drip] .drip-noun{width:60px;height:60px}#nouns-flow[data-mode=drip] .drip-noun img{width:52px;height:52px}#nouns-flow[data-mode=drip] .flow-callout{bottom:40px;font-size:11px;padding:1px 6px}.drip-parade{height:28px;padding:0 12px}.drip-parade-friend{width:29px;max-height:27px}.drip-parade-sign{font-size:9px;max-width:none}.drip-parade-heart{font-size:20px}#nouns-flow[data-mode=drip] .drip-floor{display:none}#nouns-flow[data-mode=drip] :is(.flow-ready,.flow-finish-card){top:calc(50% + 28px);max-height:calc(100% - 118px);padding:12px}#nouns-flow[data-mode=drip] .flow-ready h1{font-size:40px;margin:6px 0}#nouns-flow[data-mode=drip] .flow-ready>.flow-kicker{display:none}#nouns-flow[data-mode=drip] .flow-ready>p{font-size:16px}#nouns-flow[data-mode=drip] .flow-finish-card h2{font-size:25px;margin:6px 0}#nouns-flow[data-mode=drip] .flow-finish-card p{font-size:14px}}@media(prefers-reduced-motion:reduce){#nouns-flow .drip-heartlight,#nouns-flow [data-drip-goal-fill]::-webkit-progress-value{transition:none}#nouns-flow :is(.drip-parade-friend,.drip-heartlight i){animation:none}}