:root{--ink:#22222a;--cream:#fff8ee;--lilac:#b58cff;--void:#1a0f3a;--butter:#f7d774;--red:#e4473c}html,body{height:100%;color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;background:#f4dcc0;margin:0;font:600 15px/1.35 ui-rounded,SF Pro Rounded,system-ui,sans-serif;overflow:hidden}canvas{width:100%;height:100%;display:block}#hud{pointer-events:none;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;inset:12px 12px auto}.pill{background:#fff8eee6;border-radius:999px;padding:6px 14px;box-shadow:0 2px #0002}.meter{background:#fff8ee99;border-radius:999px;width:min(34vw,220px);height:12px;overflow:hidden;box-shadow:inset 0 1px 2px #0003}.meter i{background:linear-gradient(90deg, var(--lilac), #8f6bff);border-radius:inherit;width:100%;height:100%;transition:width .2s;display:block}.meter.low i{background:linear-gradient(90deg, var(--red), #ff8a3d)}#screen{text-align:center;color:var(--cream);background:radial-gradient(circle at 50% 45%,#1a0f3acc 0 18%,#1a0f3a88 30%,#0000 60%);place-content:center;justify-items:center;gap:14px;padding:16px;display:grid;position:fixed;inset:0}#screen[hidden]{display:none}h1{letter-spacing:-.02em;text-shadow:0 4px 0 var(--void), 0 0 40px var(--lilac);margin:0;font-size:clamp(40px,10vw,84px);line-height:.9}h1 span{color:var(--butter)}#screen p{text-shadow:0 1px 2px #000a;max-width:34ch;margin:0}.hint{opacity:.85;font-size:13px;font-weight:500}button{font:inherit;background:var(--butter);color:var(--ink);cursor:pointer;border:0;border-radius:999px;padding:12px 26px;font-size:18px;box-shadow:0 4px #b8912a}button:active{transform:translateY(2px);box-shadow:0 2px #b8912a}#hud[hidden]{display:none}#hud.p3{flex-wrap:wrap;gap:6px 10px}#hud.p3 .pill{white-space:nowrap}#hud.p3 .meter{width:min(20vw,170px)}#hud.p3 #left{font-weight:600}@media (width<=640px){#hud.p3 .meter{width:28vw}#hud.p3 .pill{padding:4px 10px;font-size:12.5px}#hud.p3 #left{order:9}}.stars{color:#e4473c;letter-spacing:2px}#status{text-align:center;color:var(--red);text-shadow:0 1px #fff8;pointer-events:none;position:fixed;top:56px;left:0;right:0}#toast{text-align:center;color:var(--cream);text-shadow:0 3px 0 var(--red), 0 0 20px #0006;opacity:0;pointer-events:none;font-size:clamp(22px,5vw,36px);position:fixed;top:38%;left:0;right:0}#toast.show{animation:1.1s ease-out toast}@keyframes toast{0%{opacity:0;transform:scale(.6)}15%{opacity:1;transform:scale(1.1)}30%{transform:scale(1)}to{opacity:0;transform:translateY(-30px)}}body.hurt:after{content:"";pointer-events:none;animation:.5s ease-out forwards hurt;position:fixed;inset:0;box-shadow:inset 0 0 120px 30px #e4473c}@keyframes hurt{0%{opacity:1}to{opacity:0}}#menu{justify-items:center;gap:12px;display:grid}#menu[hidden],#shop[hidden],#result[hidden]{display:none}.row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}button.alt{background:var(--lilac);color:var(--void);box-shadow:0 4px #6d4fc0}button.ghost{color:var(--cream);box-shadow:none;background:#fff8ee22;border:2px solid #fff8ee55;padding:8px 18px;font-size:15px}#shop{grid-template-columns:repeat(2,minmax(0,170px));gap:8px;display:grid}#shop .card{text-align:left;background:var(--cream);border-radius:14px;gap:2px;padding:10px 12px;font-size:14px;display:grid;box-shadow:0 3px #0003}#shop .card small{opacity:.75;font-weight:500}#shop .card span{color:var(--lilac);letter-spacing:2px}#shop .card em{color:#6d4fc0;font-style:normal}#shop .card:disabled{opacity:.55;cursor:default}#mute{background:#fff8eecc;width:44px;height:44px;padding:0;font-size:20px;position:fixed;bottom:12px;right:12px;box-shadow:0 2px #0003}@media (width<=480px){#hud{flex-wrap:wrap;gap:6px}.pill{padding:4px 10px;font-size:13px}}#combo{text-align:center;color:var(--butter);text-shadow:0 3px #6d4fc0,0 0 18px #b58cff;opacity:0;pointer-events:none;font-weight:800;position:fixed;top:22%;left:0;right:0}#combo.show{animation:.7s ease-out combo}@keyframes combo{0%{opacity:0;transform:scale(.5)}20%{opacity:1;transform:scale(1.15)}to{opacity:0;transform:translateY(-24px)}}#hint{max-width:min(90vw,420px);color:var(--cream);text-align:center;opacity:0;pointer-events:none;background:#1a0f3ad9;border-radius:14px;padding:10px 16px;position:fixed;bottom:72px;left:50%;transform:translate(-50%)}#hint.show{animation:4.5s ease-in-out hint}@keyframes hint{0%{opacity:0;transform:translate(-50%,10px)}8%,85%{opacity:1;transform:translate(-50%)}to{opacity:0}}#arrow{width:36px;height:36px;color:var(--butter);text-shadow:0 2px #6d4fc0,0 0 12px #b58cff;pointer-events:none;place-items:center;margin:-18px 0 0 -18px;font-size:30px;display:grid;position:fixed;top:50%;left:50%}#arrow[hidden]{display:none}.cards{flex-wrap:wrap;justify-content:center;gap:8px;max-width:min(96vw,760px);display:flex}.chal{text-align:left;width:170px;color:var(--cream);box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff8ee1f;border:2px solid #fff8ee40;border-radius:14px;gap:2px;padding:10px 12px;font-size:13px;display:grid}.chal small{opacity:.8;font-weight:500}.chal em{color:var(--butter);font-style:normal}.chal.on{background:var(--cream);color:var(--ink);border-color:var(--butter);box-shadow:0 0 0 3px #f7d77466,0 4px #b8912a}.chal.on em{color:#6d4fc0}.card-chip{background:var(--void);color:var(--butter)}.shop-head,.book-head{color:var(--cream);text-align:center;grid-column:1/-1;margin:6px 0 0}#shop .skin{grid-template-columns:28px 1fr;align-items:center;column-gap:8px}#shop .skin .swatch{background:radial-gradient(circle, #000 0 40%, var(--deep) 60%, var(--rim) 64% 78%, transparent 80%);border-radius:50%;grid-row:span 2;width:28px;height:28px}#shop .skin.on{box-shadow:0 0 0 3px var(--rim)}#book{width:min(92vw,720px);max-height:46vh;padding:4px;overflow:auto}.book-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.book-card{background:var(--cream);border-radius:12px;justify-items:center;gap:2px;padding:6px;font-size:12px;display:grid;box-shadow:0 3px #0003}.book-card img{width:72px;height:72px}.book-card small{opacity:.6}.book-card.locked{color:var(--cream);background:#fff8ee30}.book-card.locked img{filter:brightness(0)opacity(.35)}.book-card.rare:not(.locked){background:linear-gradient(145deg,#fff3c4,#f2c230);box-shadow:0 0 0 2px #e0b040,0 3px #0003}.rival-tag{color:var(--cream);border:2px solid var(--c);white-space:nowrap;pointer-events:none;background:#1a0f3acc;border-radius:999px;padding:2px 10px;font-size:12px;position:fixed;top:0;left:0}.rival-tag[hidden]{display:none}#shop,#book{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(160deg,#2a1d5cf2,#1a0f3af7);border-radius:22px;width:min(92vw,760px);max-height:78vh;padding:44px 18px 18px;animation:.22s ease-out sheet;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 30px 80px #0009,inset 0 0 0 1px #b58cff55}#shop{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));align-content:start;gap:10px;display:grid}#shop[hidden],#book[hidden]{display:none}@keyframes sheet{0%{opacity:0;transform:translate(-50%,-46%)scale(.97)}}.sheet-close{width:32px;height:32px;color:var(--cream);box-shadow:none;background:#fff8ee22;border-radius:50%;padding:0;font-size:18px;position:absolute;top:10px;right:12px}.book-card{color:var(--ink)}.book-card b{text-align:center;font-size:12px;line-height:1.15}.book-card.locked{color:var(--cream)}.book-head{margin-bottom:10px;font-size:16px}#screen{overflow:auto}#levelup{pointer-events:none;opacity:0;color:var(--cream);text-align:center;text-shadow:0 3px 0 var(--void), 0 0 24px var(--lilac);justify-items:center;gap:4px;display:grid;position:fixed;top:16%;left:50%;transform:translate(-50%)}#levelup small{letter-spacing:.2em;text-transform:uppercase;color:var(--butter);font-size:14px}#levelup b{white-space:nowrap;font-size:clamp(20px,5.5vw,40px);line-height:1}#levelup span{gap:6px;margin-top:4px;display:flex}#levelup img{background:#fff8ee2a;border-radius:14px;width:56px;height:56px;box-shadow:0 0 0 2px #fff8ee55}#levelup.show{animation:2.6s cubic-bezier(.2,1.4,.4,1) levelup}@keyframes levelup{0%{opacity:0;transform:translate(-50%)scale(.6)}12%{opacity:1;transform:translate(-50%)scale(1.08)}20%{transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-12px)}}.shout{background:var(--cream);color:var(--red);pointer-events:none;white-space:nowrap;border-radius:10px 10px 10px 2px;padding:2px 8px;font-size:13px;font-weight:800;position:fixed;top:0;left:0;box-shadow:0 2px #0003}.shout.pop{animation:1.1s ease-out forwards shout}@keyframes shout{0%{scale:.3}15%{scale:1.15}25%{scale:1}80%{opacity:1}to{opacity:0}}.bite{justify-items:center;gap:4px;margin:10px auto 0;display:grid}.bite img{border:6px solid var(--cream);border-radius:10px;width:min(260px,70vw);rotate:-2deg;box-shadow:0 6px 20px #0006}.bite small{color:var(--butter);font-size:13px}#fps{z-index:50;color:#b8f5c8;white-space:pre;pointer-events:none;background:#000a;border-radius:8px;padding:6px 9px;font:12px/1.35 ui-monospace,Menlo,monospace;position:fixed;top:8px;right:8px}#stars{position:relative;overflow:hidden}#noto{background:linear-gradient(90deg,#ffd166,#ff3b3b);width:0;height:3px;transition:width .3s;position:absolute;bottom:0;left:0}.crave{color:#f3e9ff;background:#2a1650cc;position:relative;overflow:hidden}.crave i{background:#b58cff;height:3px;position:absolute;bottom:0;left:0}.crave.low{animation:.5s infinite alternate pulse}@keyframes pulse{to{background:#6a1b3acc}}#result .pay{opacity:.7;margin-top:4px;font-size:12px;display:block}.edge-arrow{pointer-events:none;place-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;animation:.8s ease-in-out infinite alternate edgeBob;display:grid;position:fixed;top:50%;left:50%}.edge-arrow[hidden]{display:none}.edge-arrow b{color:var(--c);text-shadow:0 2px 0 #1a0f3a, 0 0 12px var(--c);font-size:30px;position:absolute}.edge-arrow i{filter:drop-shadow(0 2px 2px #0008);font-size:18px;font-style:normal;position:absolute;translate:0 -30px}@keyframes edgeBob{to{scale:1.12}}#powers{pointer-events:none;gap:8px;display:flex;position:fixed;bottom:12px;left:12px}#powers[hidden]{display:none}#powers .chip{background:conic-gradient(var(--c) calc(var(--p) * 360deg), #1a0f3a99 0);width:48px;height:48px;box-shadow:0 2px 0 #0004, 0 0 14px var(--c);border-radius:50%;place-items:center;display:grid;position:relative}#powers .chip i{background:#1a0f3add;border-radius:50%;position:absolute;inset:4px}#powers .chip b{font-size:22px;position:relative}.cities{scroll-snap-type:x mandatory;gap:8px;max-width:min(96vw,820px);padding:4px 6px 8px;display:flex;overflow-x:auto}.city{width:104px;color:var(--cream);box-shadow:none;scroll-snap-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff8ee1f;border:2px solid #fff8ee40;border-radius:16px;flex:none;justify-items:center;gap:2px;padding:8px 6px;font-size:12px;display:grid;position:relative}.city img,.city>i{place-items:center;width:56px;height:56px;font-size:34px;font-style:normal;display:grid}.city b{line-height:1.1}.city span{color:var(--butter);letter-spacing:1px}.city.on{background:var(--cream);color:var(--ink);border-color:var(--butter);box-shadow:0 0 0 3px #f7d77466,0 4px #b8912a}.city.on span{color:#c98a00}.city.locked{opacity:.5;cursor:default}.city.locked img,.city.locked>i{filter:grayscale()brightness(.6)}.city em{font-style:normal;position:absolute;top:6px;right:8px}#result .goals{text-align:left;gap:3px;width:fit-content;margin:10px auto 0;display:grid}#result .goals small{color:var(--butter);text-align:center}#result .goals i{opacity:.6;font-size:14px;font-style:normal;font-weight:600}#result .goals i.done{opacity:1;color:var(--butter)}#result .goals i.fresh{animation:starPop .6s var(--d) cubic-bezier(.2, 1.6, .4, 1) both;text-shadow:0 0 12px #f7d774}@keyframes starPop{0%{opacity:0;transform:scale(.4)}}#result .unlock{color:#9dff7a;margin-top:6px;display:block}#abil{flex-direction:column;gap:10px;display:flex;position:fixed;bottom:66px;right:12px}#abil[hidden]{display:none}#abil .abil{background:conic-gradient(var(--lilac) calc(var(--p) * 360deg), #1a0f3a88 0);touch-action:none;border-radius:50%;place-items:center;width:64px;height:64px;padding:0;display:grid;position:relative;box-shadow:0 3px #0004}#abil .abil i{background:#1a0f3add;border-radius:50%;position:absolute;inset:5px}#abil .abil b{opacity:.45;font-size:26px;position:relative}#abil .abil small{color:var(--cream);opacity:.7;font-size:10px;position:absolute;bottom:-2px}#abil .abil.ready{box-shadow:0 3px 0 #0004, 0 0 16px var(--lilac)}#abil .abil.ready b{opacity:1}#shop .card.on-abil{box-shadow:0 0 0 3px var(--lilac)}#draft{z-index:5;flex-wrap:wrap;justify-content:center;gap:10px;padding:0 16px;display:flex;position:fixed;inset:auto 0 12%}#draft[hidden]{display:none}#draft p{text-align:center;color:var(--butter);text-shadow:0 2px #6d4fc0,0 0 12px #000a;flex-basis:100%;margin:0;font-size:clamp(18px,4vw,26px)}#draft p small{color:var(--cream);opacity:.8;font-size:13px}#draft .perk{border-color:var(--lilac);cursor:pointer;background:#1a0f3acc;width:min(210px,30vw);min-width:150px;animation:.35s cubic-bezier(.2,1.4,.4,1) both perkIn}#draft .perk:nth-of-type(2){animation-delay:60ms}#draft .perk:nth-of-type(3){animation-delay:.12s}#draft .perk b{font-size:16px}#draft .perk:hover,#draft .perk:focus-visible{background:var(--cream);color:var(--ink);border-color:var(--butter)}@keyframes perkIn{0%{opacity:0;transform:translateY(30px)scale(.9)}}#perks{pointer-events:auto;flex-direction:column;gap:6px;font-size:18px;display:flex;position:fixed;top:84px;left:12px}#perks span{width:34px;height:34px;box-shadow:0 0 0 2px var(--lilac);background:#1a0f3acc;border-radius:50%;place-items:center;display:grid}#perks[hidden],#hud[hidden]~#perks{display:none}#status.good{color:var(--butter);text-shadow:0 1px 2px #000a}.heat{color:var(--cream);grid-template-columns:auto minmax(0,360px) auto;align-items:center;gap:8px;display:grid}.heat[hidden]{display:none}.heat>div{gap:2px;font-size:14px;display:grid}.heat small{opacity:.8;font-size:12px}.heat button{width:40px;height:40px;padding:0;font-size:20px}.contracts{color:var(--cream);text-shadow:0 1px 2px #000a;justify-items:center;gap:3px;max-width:min(92vw,520px);font-size:13px;display:grid}.contracts>small{color:var(--butter);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.contracts i{opacity:.9;font-style:normal}.contracts i.done{opacity:.55;text-decoration:line-through}.contracts em{color:var(--butter);font-style:normal}#news{width:min(94vw,760px);color:var(--cream);pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1a0f3add;border-radius:10px;align-items:center;gap:10px;padding:6px 10px;font-size:14px;display:flex;position:fixed;bottom:14px;left:50%;overflow:hidden;translate:-50%;box-shadow:0 2px #0005}#news[hidden]{display:none}#news b{color:#fff;letter-spacing:.12em;background:#e4473c;border-radius:6px;flex:none;padding:2px 8px;font-size:12px}#news span{white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}#news span.run{animation:.5s ease-out newsIn}#news i{color:var(--butter);font-variant-numeric:tabular-nums;flex:none;font-size:12px;font-style:normal}@keyframes newsIn{0%{opacity:0;translate:0 120%}}@media (width<=560px){#news i{display:none}}.edge-arrow i{white-space:nowrap;color:var(--c);text-shadow:0 2px #1a0f3a;font-size:14px;font-weight:700}#screen:before{content:"";z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 40%,#3a2378 0,#170c36 38%,#07040f 100%);transition:opacity 1.2s;position:absolute;inset:0}#screen.loading:before{opacity:1}#vortex{aspect-ratio:1;z-index:-1;pointer-events:none;width:min(78vmin,520px);transition:opacity 1s,scale 1.2s cubic-bezier(.6,0,.3,1);position:fixed;top:40%;left:50%;translate:-50% -50%}#screen:not(.loading) #vortex{opacity:0;scale:.2}#vortex s{background:radial-gradient(circle,#000 0 52%,#12082b 60%,#5b3bb8 70%,#b58cff 74%,#b58cff00 80%);border-radius:50%;animation:3.2s ease-in-out infinite breathe;position:absolute;inset:30%;box-shadow:0 0 60px 10px #8f6bff66,0 0 160px 40px #5b3bb833}#vortex s:after{content:"";background:conic-gradient(#b58cff00,#b58cff55,#b58cff00 25%,#f7d77433 40%,#b58cff00 55%,#b58cff44 75%,#b58cff00);border-radius:50%;animation:5s linear infinite spin;position:absolute;inset:-38%;-webkit-mask:radial-gradient(circle,#0000 34%,#000 44%,#0000 72%);mask:radial-gradient(circle,#0000 34%,#000 44%,#0000 72%)}#vortex b{width:30px;height:30px;animation:fallIn 4.2s cubic-bezier(.5, 0, .9, .6) var(--d) infinite;margin:-15px;position:absolute;top:50%;left:50%}#vortex b:before{content:"";position:absolute;inset:0}#vortex .house:before{clip-path:polygon(50% 0,100% 42%,88% 42%,88% 100%,12% 100%,12% 42%,0 42%);background:linear-gradient(#e4473c 0 45%,#fff8ee 45%)}#vortex .house.tall{height:46px;margin-top:-23px}#vortex .house.tall:before{clip-path:inset(0 12%);background:linear-gradient(#7fb3d5 0 20%,#d9e6ef 20%)}#vortex .tree:before{background:radial-gradient(circle at 50% 38%,#7cc26b 0 38%,#0000 39%),linear-gradient(90deg,#0000 43%,#8a5a3b 43% 57%,#0000 57%)}#vortex .car:before{background:#f7d774;border-radius:6px 6px 3px 3px;inset:30% 0 20%;box-shadow:inset 0 4px #fff8ee66}#vortex .cow:before{background:radial-gradient(circle at 30% 45%,#22222a 0 16%,#0000 17%),#fff8ee;border-radius:40%;inset:25% 5%}@keyframes fallIn{0%{transform:rotate(var(--a)) translateX(min(38vmin, 250px)) rotate(0) scale(1);opacity:0}12%{opacity:1}80%{opacity:1}to{transform:rotate(calc(var(--a) + 420deg)) translateX(0) rotate(900deg) scale(.1);opacity:0}}@keyframes spin{to{rotate:360deg}}@keyframes breathe{50%{scale:1.06}}#screen.loading h1{animation:1.1s cubic-bezier(.2,1.3,.4,1) both rise}@keyframes rise{0%{opacity:0;filter:blur(8px);transform:translateY(24px)scale(.85)}}#load{justify-items:center;gap:8px;min-height:76px;margin-top:18px;display:grid}#load[hidden]{display:none}#load .bar{background:#fff8ee1f;border-radius:999px;width:min(62vw,280px);height:8px;overflow:hidden;box-shadow:inset 0 1px 2px #0006}#load .bar i{height:100%;width:calc(var(--p,0) * 100%);border-radius:inherit;background:linear-gradient(90deg,#8f6bff,#b58cff 60%,#f7d774) 0 0/280px 100%,#b58cff;transition:width .35s;display:block;box-shadow:0 0 12px #b58cffaa}#load p{opacity:.9;font-size:14px}#load p b{color:var(--butter);font-variant-numeric:tabular-nums}#tip{max-width:36ch;min-height:2.7em;font-style:italic}#tip.in{animation:.6s tipIn}@keyframes tipIn{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){#vortex b,#vortex s,#vortex s:after,#tip.in,#screen.loading h1{animation:none}}#minimap{pointer-events:none;border-radius:50%;width:172px;height:172px;position:fixed;bottom:64px;left:14px;box-shadow:0 0 0 3px #fff8eecc,0 0 0 6px #1a0f3a88,0 6px 18px #0006}#minimap[hidden]{display:none}@media (width<=600px){#minimap{width:112px;height:112px;bottom:60px;left:10px}}#pmap{pointer-events:none;border-radius:50%;width:200px;height:200px;position:fixed;bottom:64px;left:14px;box-shadow:0 6px 18px #0006}#pmap[hidden]{display:none}@media (width<=600px){#pmap{width:124px;height:124px;bottom:58px;left:8px}}#defcon{letter-spacing:.06em;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:800;display:flex}#defcon[hidden]{display:none}#defcon i{background:#1a0f3a22;border-radius:50%;width:9px;height:9px;box-shadow:inset 0 0 0 1.5px #1a0f3a55}#defcon i.on{background:#e4473c;box-shadow:0 0 6px #e4473c99}#defcon i.on:nth-of-type(5){box-shadow:none;background:#8d8a9e}#defcon i.on:nth-of-type(4){background:#e9a23b;box-shadow:0 0 5px #e9a23b88}#defcon i.on:nth-of-type(3){background:#ee7a2e;box-shadow:0 0 6px #ee7a2e99}#fps pre{font:inherit;margin:0}#fps canvas{background:#0006;border-radius:4px;width:300px;height:60px;margin-top:4px;display:block}