:root{--ink:#1b1b2f;--paper:#fffdf5;--accent:#ff5a36;--accent-2:#ffc93c;--sky:#6ec3f4;font-family:system-ui,sans-serif}body{color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}canvas{display:block}#screens{pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}#screens>*{pointer-events:auto}.menu{background:var(--paper);border:4px solid var(--ink);width:min(92vw,26rem);max-height:92vh;box-shadow:0 8px 0 var(--ink);border-radius:1.2rem;flex-direction:column;gap:.6rem;padding:1.4rem;display:flex;overflow:auto}.menu.side{justify-self:start;margin-left:4vw}@media (aspect-ratio<=11/10){.menu.side{place-self:end center;max-height:58vh;margin:0 0 1rem}}h1{margin:0;font-size:1.8rem;font-weight:900}h2{margin:.4rem 0 0;font-size:1rem}.logo{text-align:center;margin:-.4rem 0 0;line-height:0}.logo img{object-fit:contain;width:88%;max-height:17vh}@media (aspect-ratio<=11/10){.logo img{max-height:13vh}}.sound-toggles{z-index:20;flex-direction:column;gap:10px;display:flex;position:fixed;top:14px;right:14px}.sound-toggles .level{isolation:isolate;position:relative}.sound-toggles .level button{z-index:1;position:relative}.sound-toggles .slider{z-index:0;border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);opacity:0;visibility:hidden;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:2px 30px 2px 14px;transition:opacity .15s,translate .15s,visibility 0s .15s;display:flex;position:absolute;top:50%;right:20px;translate:12px -50%}.sound-toggles .level.open .slider{opacity:1;visibility:visible;transition-delay:0s;translate:0 -50%}.sound-toggles .level:has(:focus-visible) .slider{opacity:1;visibility:visible;transition-delay:0s;translate:0 -50%}@media (hover:hover){.sound-toggles .level:hover .slider{opacity:1;visibility:visible;transition-delay:0s;translate:0 -50%}}.sound-toggles input[type=range]{width:96px;accent-color:var(--accent);cursor:pointer;margin:0}.sound-toggles output{min-width:2.6em;color:var(--ink);text-align:right;font-size:13px;font-weight:700}.sound-toggles button{border-radius:50%;width:40px;height:40px;padding:0;font-size:1.3rem;line-height:1}.sound-toggles button[aria-pressed=false]{background:#c9c9d6}@media (aspect-ratio<=11/10){.sound-toggles{top:70px}}.wins{z-index:20;border:4px solid var(--ink);box-shadow:0 5px 0 var(--ink);background:#fff;border-radius:999px;align-items:center;gap:.4rem;margin:0;padding:.25rem 1rem .25rem .7rem;font-size:2rem;line-height:1.2;display:flex;position:fixed;top:14px;left:14px}.wins b{font-weight:900}@media (aspect-ratio<=11/10){.wins{font-size:1.6rem;top:70px}}.credits{z-index:20;border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);color:var(--ink);white-space:nowrap;cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:5px 14px 5px 5px;font-size:14px;font-weight:700;text-decoration:none;display:flex;position:fixed;bottom:14px;left:50%;translate:-50%}.credits:hover{background:var(--accent-2)}.credits img{background:#fff;border-radius:50%;width:30px;height:30px}@media (aspect-ratio<=11/10){.credits{top:14px;bottom:auto}}button{font:inherit;color:var(--ink);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);cursor:pointer;background:#fff;border-radius:.8rem;padding:.6rem 1rem;font-weight:800}button:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}button:disabled{opacity:.5;cursor:default}button.big{background:var(--accent-2);font-size:1.3rem}button.accent{color:#fff;background:var(--accent)}button[aria-pressed=true]{background:var(--accent-2)}.cookie-link{box-shadow:none;background:0 0;border:0;align-self:center;padding:.2rem;font-size:.85rem;font-weight:600;text-decoration:underline}.row{gap:.6rem;display:flex}.row>*{flex:1}.field{flex-direction:column;gap:.3rem;font-weight:700;display:flex}input,select{font:inherit;border:3px solid var(--ink);border-radius:.6rem;padding:.5rem}input.code,.code{letter-spacing:.2em;text-transform:uppercase;font-family:ui-monospace,monospace}fieldset{border:3px solid var(--ink);border-radius:.8rem;flex-direction:column;gap:.3rem;display:flex}.menu.setup{box-sizing:border-box;gap:.7rem;width:min(96vw,58rem);max-height:96vh;padding:1.2rem 1.6rem}@media (aspect-ratio>=11/10){.menu.setup.left{justify-self:start;width:min(92vw,58rem);margin-left:4vw}}.setup fieldset{min-inline-size:0;margin:0;padding:.5rem .7rem .7rem}.setup-foot{align-items:stretch;gap:.6rem;display:flex}.setup-foot .toggle{flex:1}.setup-foot button{flex:none;min-width:8rem}.arena-pick{grid-template-columns:repeat(5,1fr);gap:.6rem;display:grid}.setup .toggles{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.setup legend{font-weight:700}.arena-card{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);cursor:pointer;background:#fff;border-radius:.8rem;flex-direction:column;transition:translate .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden}.arena-card input,.toggle input{opacity:0;pointer-events:none;position:absolute}.arena-card img{aspect-ratio:16/10;object-fit:cover;background:var(--sky);filter:saturate(.6)brightness(.9);width:100%;transition:filter .12s;display:block}.arena-card span{padding:.35rem .5rem .45rem;font-size:.9rem;font-weight:700;line-height:1.15}.arena-card small{text-transform:uppercase;letter-spacing:.06em;opacity:.65;font-size:.7rem;display:block}.arena-card:has(:checked){border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-2), 0 6px 0 var(--ink);translate:0 -2px}.arena-card:hover img{filter:none}.arena-card:has(:checked) img{filter:none}.arena-card:has(:checked) span{background:var(--accent-2)}:is(.arena-card:has(:focus-visible),.toggle:has(:focus-visible)){outline:3px solid var(--accent);outline-offset:2px}.toggles{gap:.5rem}.toggle{border:3px solid var(--ink);cursor:pointer;background:#fff;border-radius:.8rem;align-items:center;gap:.7rem;padding:.4rem .6rem;display:flex;position:relative}.toggle .pu{width:3rem;font-size:.7rem;transition:filter .15s}.pu.plain b{width:78%;height:78%;font-size:2.2em;top:50%}.toggle>span:not(.pu){flex:1;min-width:0}.toggle>span:not(.pu) b{display:block}.toggle small{opacity:.75;font-size:.82rem;display:block}.toggle i{text-align:center;color:#fff;border:3px solid var(--ink);background:#9a9aae;border-radius:999px;flex:none;width:3.2rem;padding:.2rem 0;font-size:.8rem;font-style:normal;font-weight:800}.toggle i:after{content:"OFF"}.toggle:has(:checked) i{background:#2fb45a}.toggle:has(:checked) i:after{content:"ON"}.toggle:not(:has(:checked)){background:#eeeef3}.toggle:not(:has(:checked)) .pu{filter:grayscale()opacity(.55)}@media (height<=760px){.setup .toggle small{display:none}.setup .toggle{padding:.25rem .5rem}.setup .toggle .pu{width:2.4rem}.setup .arena-card img{aspect-ratio:2}}@media (width<=40rem){.menu.setup{gap:.5rem;padding:.9rem}.setup h1{font-size:1.4rem}.setup .arena-pick{grid-template-columns:repeat(3,1fr);gap:.4rem}.setup .arena-card span{padding:.25rem .35rem;font-size:.78rem}.setup .arena-card small,.setup .toggle small{display:none}.setup .toggles{gap:.4rem}.setup .toggle{gap:.4rem;padding:.25rem .4rem;font-size:.85rem}.setup .toggle .pu{width:2.2rem}.setup .toggle i{width:2.5rem;font-size:.7rem}.setup-foot{flex-wrap:wrap}.setup-foot .toggle{flex-basis:100%}.setup-foot button{flex:1;min-width:0}}@media (height<=450px){.menu.setup{gap:.35rem;padding:.6rem 1rem}.setup h1{font-size:1.2rem}.setup legend{font-size:.8rem}.setup fieldset{padding:.2rem .5rem .4rem}.setup .arena-card img{aspect-ratio:3}.setup .arena-card span{padding:.15rem .35rem;font-size:.75rem}.setup .arena-card small{display:none}.setup .toggles{gap:.3rem}.setup .toggle{padding:.1rem .4rem;font-size:.85rem}.setup .toggle .pu{width:1.9rem}.setup-foot button{padding:.3rem .8rem;font-size:1rem}}.tag{opacity:.6;font-weight:600}.bot-badge{color:#fff;letter-spacing:.04em;vertical-align:.15em;white-space:nowrap;background:#7a7f9a;border-radius:999px;width:fit-content;margin-left:.35em;padding:.05em .45em;font-size:.7em;font-weight:800;display:inline-block}.warn{color:#c62828;font-weight:700}.help{opacity:.8;margin:0}.menu.wide{gap:.8rem;width:min(96vw,60rem);max-height:94vh;padding:1.4rem 1.8rem}.menu.wide h2{margin-top:.8rem;font-size:1.35rem;font-weight:900}.menu.wide>.row{background:var(--paper);border-top:3px solid var(--ink);margin:.4rem -1.8rem -1.4rem;padding:.8rem 1.8rem 1.2rem;position:sticky;bottom:-1.4rem}.hero{border:3px solid var(--ink);background:linear-gradient(#bfe6ff,#8fd3ff);border-radius:1rem;margin:0;overflow:hidden}.hero img{aspect-ratio:1200/470;object-fit:cover;object-position:top;width:100%;display:block}.hero figcaption{text-align:center;background:var(--paper);border-top:3px solid var(--ink);padding:.6rem 1rem .8rem;font-size:1.05rem;font-weight:700}.hero figcaption b{color:var(--accent);font-size:1.2rem;display:block}.diagram{--s:3.2rem;grid-template-columns:repeat(var(--cols), var(--s));grid-auto-rows:var(--s);border:3px solid var(--ink);background:#5f9e45;border-radius:.8rem;justify-content:center;width:max-content;margin:0 auto;padding:.35rem;display:grid}.diagram i{background:#8fd16a;place-items:center;display:grid;position:relative}.diagram i.alt{background:#7cc25a}.diagram i>img,.diagram .drop img{pointer-events:none;width:135%;position:absolute;bottom:0;left:50%;translate:-50% 12%}.diagram i>img.front{width:80%;translate:-50% 18%}.diagram .arrow{color:var(--paper);-webkit-text-stroke:1.5px var(--ink);font-size:1.8rem;font-weight:900}.flame{background:radial-gradient(#fff3a0,#ffc23a 40%,#ff5a1a 75%);position:absolute;box-shadow:0 0 12px #ff8c42}.flame.h{border-radius:.4rem;inset:22% -2%}.flame.v{border-radius:.4rem;inset:-2% 22%}.flame.x{border-radius:50%;inset:8%}.flame.burn{opacity:.85;animation:.3s ease-in-out infinite alternate flicker;inset:20%}.diagram .flame.x+img{opacity:.35}@keyframes flicker{to{opacity:.6;transform:scale(1.15)}}.drop{animation:1.6s cubic-bezier(.5,0,.7,1.6) infinite drop;position:absolute;inset:0}.diagram i:nth-child(3n) .drop{animation-delay:.3s}.diagram i:nth-child(3n+1) .drop{animation-delay:.6s}@keyframes drop{0%{opacity:0;transform:translateY(-120%)}35%,to{opacity:1;transform:none}}.pu{aspect-ratio:1;flex:none;width:4.2rem;display:inline-block;position:relative}.pu img{width:100%;height:100%}.pu b{background:var(--bg);border:.18rem solid #fff;border-radius:.5rem;place-items:center;width:58%;height:51%;font-size:1.5em;line-height:1;display:grid;position:absolute;top:47%;left:50%;translate:-50% -50%}.diagram .pu{width:auto;font-size:.7rem;position:absolute;inset:0}.steps,.powerups,.explain ul,.rules ul,.controls{margin:0;padding:0;list-style:none}.steps{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.8rem;display:grid}.steps li,.powerups li,.controls>div{border:3px solid var(--ink);background:#fff;border-radius:.9rem;flex-direction:column;gap:.4rem;padding:.8rem;display:flex}.steps li{text-align:center;align-items:center}.steps b{font-size:1.1rem}.explain{flex-wrap:wrap;align-items:center;gap:1.2rem;display:flex}.explain ul{flex-direction:column;flex:18rem;gap:.45rem;display:flex}.explain li:before{content:"💥 "}.rules li:not(:has(.pu)):before{content:"💥 "}.powerups{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.7rem;display:grid}.powerups li{grid-template:auto 1fr/auto 1fr;align-items:center;column-gap:.7rem;display:grid}.powerups .pu{grid-row:span 2}.powerups li>b{align-self:end;font-size:1.1rem}.powerups li>span{align-self:start}.powerups li.bad{color:#fff;background:#5b3f7a}.pair{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:.8rem;display:grid}.pair figure{text-align:center;flex-direction:column;gap:.5rem;margin:0;display:flex}.controls{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.7rem;display:grid}.controls b{font-size:1.1rem}kbd{text-align:center;background:var(--paper);border:2px solid var(--ink);min-width:1.6em;box-shadow:0 2px 0 var(--ink);border-radius:.35rem;margin:.1rem .12rem;padding:.05rem .4rem;font:800 .9rem system-ui,sans-serif;display:inline-block}.rules ul{flex-direction:column;gap:.4rem;font-size:1.02rem;display:flex}.rules .pu-rules li{align-items:center;gap:.6rem;display:flex}.rules .pu{width:3.2rem;font-size:.8rem}.rename .row button{flex:none}.rename input{min-width:0}.saved{color:#2e7d32;font-size:.85rem;font-weight:800}@media (width<=40rem){.menu.wide{padding:1rem}.menu.wide>.row{margin:.4rem -1rem -1rem;padding:.8rem 1rem 1rem;bottom:-1rem}.diagram{--s:2.6rem}}.shelf{flex-wrap:wrap;gap:.4rem;display:flex}.shelf .item{box-shadow:0 3px 0 var(--ink);padding:.4rem .7rem;font-size:.9rem}.swatch{background:var(--c);border-radius:50%;width:2.4rem;height:2.4rem;padding:0}.swatch[aria-pressed=true]{background:var(--c);outline:4px solid var(--accent-2);outline-offset:2px}.item.icon{flex-direction:column;align-items:center;gap:.1rem;width:4.6rem;padding:.3rem;font-size:.75rem;display:flex}.item.icon img{object-fit:contain;width:3rem;height:3rem}.chip{background:var(--c,var(--accent));border:3px solid var(--ink);border-radius:50% 50% 45% 45%/55% 55% 45% 45%;flex:none;width:1.7rem;height:2.2rem;margin-top:.5rem;position:relative}.chip:before,.chip:after{content:"";background:var(--ink);border-radius:50%;width:18%;height:22%;position:absolute;top:32%}.chip:before{left:26%}.chip:after{right:26%}.chip img{pointer-events:none;width:120%;position:absolute;bottom:70%;left:50%;translate:-50%}.chip.big{width:3.4rem;height:4.4rem;margin-top:1rem}.chip.emote{animation:.5s ease-in-out infinite alternate bop}.chip.victory{animation:.35s ease-in-out infinite alternate bop}@keyframes bop{to{transform:translateY(-.3rem)rotate(4deg)}}.players,.settings,.lineup,.portraits{margin:0;padding:0;list-style:none}.players li{align-items:center;gap:.5rem;padding:.2rem 0;display:flex}.players li.you{font-weight:800}.players li.empty{opacity:.4}.screen-match{place-items:stretch stretch}.hud{align-items:center;gap:.6rem;display:flex;position:absolute;inset:.6rem .6rem auto}.portraits{flex:1;gap:.4rem;display:flex}.portraits li{background:var(--paper);border:3px solid var(--ink);border-radius:.8rem;align-items:center;gap:.3rem;padding:.2rem .5rem .2rem .2rem;font-weight:800;display:flex}.clock{color:#fff;background:var(--ink);border-radius:.8rem;padding:.2rem 1rem;font:900 2rem ui-monospace,monospace}.countdown,.hurry{color:var(--accent-2);-webkit-text-stroke:6px var(--ink);pointer-events:none;place-items:center;font-size:clamp(4rem,18vw,12rem);font-weight:900;animation:.8s cubic-bezier(.2,2,.4,1) infinite pop;display:grid;position:absolute;inset:0}.hurry{color:var(--accent);font-size:clamp(3rem,12vw,8rem)}.countdown.banner{text-align:center;font-size:clamp(2.5rem,10vw,7rem)}.portraits li.out{opacity:.45;filter:grayscale();text-decoration:line-through}.keys{background:var(--paper);border:3px solid var(--ink);border-radius:.8rem;margin:0;padding:.2rem .7rem;font-size:.85rem;font-weight:800;position:absolute;bottom:.6rem;right:.8rem}.touch-device .keys{display:none}.my-stats{z-index:5;pointer-events:none;gap:.4rem;display:flex;position:fixed;bottom:.6rem;left:.8rem}.my-stats span{background:var(--paper);border:3px solid var(--ink);border-radius:.8rem;padding:.15rem .6rem;font-weight:900}.my-stats .bad{color:#fff;background:#5b3f7a}.touch-device .my-stats{top:4.2rem;bottom:auto}[hidden]{display:none!important}@keyframes pop{0%{transform:scale(.6)}to{transform:scale(1)}}.you-tag{z-index:5;white-space:nowrap;background:var(--paper);border:3px solid var(--c,var(--accent));box-shadow:0 3px 0 var(--ink);pointer-events:none;border-radius:.7rem;flex-direction:column;align-items:center;margin-top:-12px;padding:.1rem .6rem .2rem;font-size:.95rem;font-weight:900;line-height:1.1;display:flex;position:fixed;top:0;left:0}.you-tag.other{z-index:4;opacity:.92;padding:.05rem .5rem .1rem;font-size:.8rem}.you-tag b{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:.65rem}.you-tag:after{content:"";border:8px solid #0000;border-top-color:var(--c,var(--accent));position:absolute;top:100%;left:50%;translate:-50% 3px}.touch{display:none}.touch-device .touch{justify-content:space-between;align-items:end;display:flex;position:absolute;inset:auto 1rem 1rem}.dpad{grid-template:repeat(3,3.5rem)/repeat(3,3.5rem);display:grid}.dpad [data-dir=up]{grid-area:1/2}.dpad [data-dir=left]{grid-area:2/1}.dpad [data-dir=right]{grid-area:2/3}.dpad [data-dir=down]{grid-area:3/2}.touch .bomb{background:var(--accent);border-radius:50%;width:6rem;height:6rem;font-size:2.4rem}.board,.lineup{align-items:end;gap:1rem;display:flex}.lineup li{background:var(--paper);border:3px solid var(--ink);animation:rise .5s calc(var(--i,0) * .15s) backwards cubic-bezier(.2, 1.6, .4, 1);border-radius:.8rem;flex-direction:column;align-items:center;gap:.3rem;padding:.6rem;font-weight:800;display:flex}.lineup li.leader{transform:translateY(-1.5rem)}.screen-winner{place-items:stretch stretch}#screens>.winners{pointer-events:none;position:absolute;inset:0}.champ-banner{text-align:center;background:linear-gradient(160deg, var(--accent-2), #fff3b0);border:4px solid var(--ink);width:max-content;max-width:calc(100vw - 2rem);box-shadow:0 6px 0 var(--ink);border-radius:1.2rem;flex-direction:column;align-items:center;padding:.5rem 1.8rem .7rem;animation:.6s cubic-bezier(.2,1.6,.4,1) backwards rise;display:flex;position:absolute;top:1rem;left:50%;translate:-50%}.champ-banner small{letter-spacing:.1em;text-transform:uppercase;font-weight:800}.champ-banner h1{margin:0;font-size:clamp(1.6rem,5vw,2.6rem);font-weight:900}.winners>button{pointer-events:auto;position:absolute;bottom:1.5rem;left:50%;translate:-50%}.podium-tags{pointer-events:none;position:fixed;inset:0;overflow:hidden}.podium-tag{white-space:nowrap;background:var(--paper);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:.7rem;flex-direction:column;align-items:center;padding:.2rem .7rem .3rem;font-weight:800;animation:.35s cubic-bezier(.2,1.6,.4,1) backwards tag-pop;display:flex;position:absolute;top:0;left:0}.podium-tag b{background:#d9d2f5;border-radius:.4rem;padding:0 .5rem}.podium-tag.place-1{background:#fff4c7;font-size:1.2rem}.podium-tag.place-1 b{background:#ffc21a}.podium-tag.place-2 b{background:#cfd6e6}.podium-tag.place-3 b{background:#e0915a}.podium-tag.place-4{border-width:2px;padding:.1rem .4rem .15rem;font-size:.75rem}.podium-tag.place-4 em{font-size:.7rem}@media (width<=40rem){.podium-tag{font-size:.75rem}.podium-tag.place-1{font-size:.9rem}.podium-tag.place-4 span,.podium-tag.place-4 em{display:none}}.podium-tag.you{outline:4px solid var(--accent)}.podium-tag em{color:var(--accent);font:900 .85rem ui-monospace,monospace}@keyframes tag-pop{0%{opacity:0;scale:.5}}@keyframes rise{0%{opacity:0;transform:translateY(2rem)}}.board:has(.points){flex-direction:column;align-items:stretch;gap:.5rem;width:min(46rem,100vw - 2rem)}.board h1,.board .how-scored,.board .next{text-align:center;margin:0}.board h1{color:var(--accent-2);-webkit-text-stroke:2px var(--ink);font-size:clamp(2rem,6vw,3.2rem);font-weight:900}.board .how-scored,.board .next{background:var(--paper);border:3px solid var(--ink);border-radius:.8rem;justify-self:center;margin-inline:auto;padding:.2rem .8rem;font-weight:800}.board .next b{color:var(--accent)}.lineup.points{flex-direction:column;align-items:stretch;gap:.4rem}.lineup.points li{grid-template-columns:2rem 2.6rem 1fr auto 4.5rem 5rem;align-items:center;gap:.6rem;padding:.35rem .8rem;display:grid}.lineup.points li.leader{background:#fff4c7;transform:none}.lineup.points li.you{outline:4px solid var(--accent)}.lineup.points .rank{text-align:center;font-size:1.4rem;font-weight:900}.lineup.points .n{white-space:nowrap;text-overflow:ellipsis;flex-direction:column;min-width:0;display:flex;overflow:hidden}.lineup.points .trophies{font-size:.8rem}.lineup.points .did{white-space:nowrap;gap:.7rem;font-size:.9rem;display:flex}.lineup.points .gain{color:#2e7d32;text-align:right;font-weight:900}.lineup.points .total{text-align:right;font:900 1.4rem ui-monospace,monospace}@media (width<=40rem){.lineup.points li{grid-template-columns:1.4rem 2.2rem 1fr 4rem}.lineup.points .did,.lineup.points .gain{display:none}}.champ-banner .pts{color:var(--accent);font:900 .95rem ui-monospace,monospace}.clock small{letter-spacing:.1em;text-align:center;text-transform:uppercase;opacity:.8;font:800 .7rem system-ui,sans-serif;display:block}.intro{background:var(--paper);border:4px solid var(--ink);box-shadow:0 6px 0 var(--ink);pointer-events:none;border-radius:1rem;flex-direction:column;align-items:center;padding:.6rem 2rem .8rem;animation:.6s cubic-bezier(.2,1.6,.4,1) backwards slide-in;display:flex;position:absolute;bottom:12%;left:50%;translate:-50%}.intro small{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:900}.intro b{white-space:nowrap;font-size:clamp(2rem,7vw,4rem);font-weight:900;line-height:1.05}.intro span{opacity:.7;font-weight:800}@keyframes slide-in{0%{opacity:0;transform:translateY(3rem)scale(.8)}}.fast{background:var(--accent-2);padding:.5rem 1.2rem;font-size:1.05rem;font-weight:900;animation:.7s ease-in-out infinite alternate nudge;position:absolute;top:5rem;left:50%;translate:-50%}@keyframes nudge{to{transform:scale(1.07)}}.fast.on{color:#fff;background:var(--ink);opacity:1;animation:none}.welcome{flex-direction:column;gap:.2rem;display:flex}.welcome .row button{flex:none}.welcome input{min-width:0}.welcome .help{font-size:.8rem}.consent{z-index:10;background:var(--paper);border:4px solid var(--ink);max-width:34rem;box-shadow:0 6px 0 var(--ink);border-radius:1rem;margin:0 auto;padding:1rem 1.2rem;position:fixed;inset:auto 1rem 1rem}.consent p{margin:0 0 .6rem}