@property --accent{syntax:"";inherits:true;initial-value:#7c8cff}:root{--accent:#7c8cff;--ink:#08090c;--lcd-bg:#0a0b10;--mx:30%;--my:12%;--pixel:Silkscreen, ui-monospace, monospace;--display:"Pixelify Sans", Silkscreen, monospace;--read:VT323, ui-monospace, monospace;--silk:Archivo, system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;transition:--accent .28s ease-out}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0}body{background:radial-gradient(70% 90% at 50% 45%, color-mix(in oklab, var(--accent) 34%, #0b0c12), #0b0c12 72%);color:#fff;font-family:var(--silk);overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(24px,4vw,72px);padding:0 clamp(24px,4vw,72px);display:grid;overflow:hidden}.side{font-stretch:125%}.side-pitch{text-align:right;justify-self:end;max-width:340px}.side-stack{justify-self:start;max-width:300px}.side-kicker{color:color-mix(in oklab, var(--accent) 60%, #fff);font:500 12px/1.4 var(--silk);letter-spacing:.04em;margin:0 0 16px;font-stretch:125%}.side h1{font:700 clamp(56px, 6vw, 96px) / .86 var(--display);letter-spacing:-.02em;margin:0 0 16px}.side-line{font:500 17px/1.35 var(--silk);margin:0;font-stretch:125%}.side-keys{color:#ffffff8c;font:500 12px/1.4 var(--silk);margin:28px 0 0;font-stretch:125%}.side ol{gap:12px;margin:0;padding:0;list-style:none;display:grid}.side li{border-top:1px solid #ffffff2e;gap:1px;padding-top:10px;display:grid}.side li small{color:#ffffff8c;font:500 11px/1.3 var(--silk);font-stretch:125%}.side li span{font:400 21px/1.05 var(--read)}.side-credit{color:#ffffffa6;font:500 12px/1.4 var(--silk);margin:20px 0 0;font-stretch:125%}.side-credit a,.prose a{color:inherit;text-underline-offset:3px}.device{--w:min(100vw, calc((100dvh - 28px) * .56));width:var(--w);height:min(calc(100dvh - 28px), calc(var(--w) * 2));background:radial-gradient(70% 34% at var(--mx) var(--my), #ffffff80, transparent 70%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' fill='none' stroke='%23000' stroke-opacity='.13' stroke-width='1.5'%3E%3Cpath d='M0 20h34l14 14v30l18 18h54M60 0v22l12 12h48M0 90h22l10 10v20M90 120V96l-8-8'/%3E%3Ccircle cx='48' cy='64' r='2.5'/%3E%3Ccircle cx='72' cy='34' r='2.5'/%3E%3Ccircle cx='32' cy='100' r='2.5'/%3E%3C/svg%3E"), linear-gradient(162deg, color-mix(in oklab, var(--accent) 78%, #fff), color-mix(in oklab, var(--accent) 88%, #000) 62%, color-mix(in oklab, var(--accent) 58%, #000));border-radius:26px 26px 64px;grid-template-rows:auto minmax(0,max-content) minmax(max-content,1fr);grid-template-columns:minmax(0,1fr);padding:10px 14px 18px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1.5px #ffffffa6,inset 0 -4px 10px #00000047,0 30px 70px #00000080}.shell-top{justify-content:space-between;align-items:center;height:22px;padding:0 8px 4px;display:flex}.silk{color:#000000b8;font:800 9px/1 var(--silk);letter-spacing:.02em;font-stretch:125%}.led{background:#331010;border-radius:50%;width:8px;height:8px;box-shadow:inset 0 0 0 1px #00000080}.led.on{background:#ff5040;animation:.7s steps(2,end) infinite blink;box-shadow:0 0 9px 2px #ff5040bf}@keyframes blink{50%{opacity:.35}}.screen{width:var(--screen-w,100%);background:var(--ink);border-radius:16px;flex-direction:column;justify-self:center;max-width:100%;min-height:0;padding:7px;display:flex;box-shadow:inset 0 2px 5px #ffffff1a,0 0 0 1px #0009,0 1.5px #fff6}.bezel{color:#fff;min-height:30px;font:400 12px/1 var(--pixel);white-space:nowrap;flex:none;justify-content:space-between;align-items:center;gap:6px;padding:2px 4px 7px;display:flex}.stage-pick{color:var(--accent)}.tries{color:#ffffffbf;font-size:10px}.viewport{aspect-ratio:3/4;background:var(--ink);border-radius:9px 9px 2px 2px;flex:0 auto;place-items:center;width:100%;min-height:0;display:grid;position:relative;overflow:hidden;container-type:size}.frame{background:#000;width:min(100cqw,120cqh);height:100cqh;position:relative;overflow:hidden}#view{width:100%;height:100%;image-rendering:pixelated;touch-action:none;display:block}.overlay{color:#fff;font-family:var(--pixel);pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.overlay button,.overlay a{pointer-events:auto}.dim{-webkit-backdrop-filter:blur(3px)saturate(1.4);backdrop-filter:blur(3px)saturate(1.4);pointer-events:auto;background:#05060adb}.pad{padding:16px}.title{font:700 clamp(44px, calc(var(--w) * .155), 92px) / .82 var(--display);letter-spacing:-.02em;text-shadow:3px 3px 0 var(--ink);margin:auto 0 0;padding:16px}.title small{color:#fff;font:400 clamp(19px, calc(var(--w) * .058), 24px) / 1 var(--read);letter-spacing:0;text-shadow:1.5px 1.5px 0 var(--ink);margin-top:12px;display:block}.topline{text-shadow:1.5px 1.5px 0 var(--ink);justify-content:space-between;align-items:center;padding:10px 12px;font-size:12px;display:flex}.tap-sound{animation:.9s steps(2,end) infinite blink}[data-sound] .tap-sound{display:none}.mood-prompt{white-space:nowrap;align-items:center;gap:6px;display:flex}.mood-prompt kbd{box-shadow:1.5px 1.5px 0 var(--ink);font:inherit;background:#05060a59;border:1.5px solid #fff;border-radius:3px;padding:3px 4px 2px}.mood-prompt b{font-weight:400}:root:not([data-tapped]) .mood-prompt{animation:.9s steps(2,end) infinite blink}.stage-name{align-items:center;gap:8px;display:flex}.stage-name small{color:#fff9;font-size:10px}.mark{background:var(--accent);width:26px;height:26px;color:var(--ink);font:400 13px/1 var(--pixel);text-shadow:none;place-items:center;display:inline-grid}.space{flex:1}.roster{flex:1;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;max-width:300px;margin:0 auto;padding:0;list-style:none;display:grid}.roster li{aspect-ratio:1;box-sizing:border-box;color:#fff;font:400 9px/1 var(--pixel);opacity:.55;cursor:pointer;background:#ffffff14;place-items:center;display:grid;position:relative;overflow:hidden}.roster li.on{border:2px solid var(--accent);opacity:1}.roster li.make{border:1.5px dashed var(--accent);color:var(--accent);opacity:1;background:0 0;align-content:center;line-height:1.1;animation:1.6s ease-in-out infinite beckon}.roster li.make b{font:400 16px/.9 var(--pixel)}@keyframes beckon{50%{background:color-mix(in srgb, var(--accent) 22%, transparent)}}.roster li.yours{font-size:8px}@media (width<=340px){.roster li.make{font-size:0}}.rail-x output{padding:2px 0;display:block}.rail-x output small{display:none}.roster img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.human-check{z-index:50;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%)}.banner{z-index:2;color:#fff;font:700 clamp(28px, 13cqw, 60px) / 1 var(--display);text-align:center;text-shadow:3px 3px 0 var(--ink);pointer-events:none;animation:.9s ease-out forwards slam;position:absolute;top:40%;left:0;right:0}@keyframes slam{0%{opacity:0;transform:translate(-40%)skew(-14deg)}14%{opacity:1;transform:none}70%{opacity:1}to{opacity:0}}.sweep{z-index:1;background:var(--accent);pointer-events:none;animation:.38s ease-in-out forwards sweep;position:absolute;inset:0}@keyframes sweep{0%{clip-path:inset(0 100% 0 0)}45%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}.heading{color:var(--accent);font:700 30px/1 var(--display);margin:0 0 12px}.prose{font:400 22px/1.08 var(--read);margin:0 0 12px}.guide{flex-direction:column;flex:1;gap:8px;min-height:0;padding:12px;display:flex;overflow:auto}.guide .heading{font-size:clamp(22px, calc(var(--w) * .07), 30px);margin:0}.guide-figure{width:100%;min-height:0;color:var(--accent);flex:1 1 0}.guide-tips{font:400 clamp(18px, calc(var(--w) * .056), 24px) / 1 var(--read);flex:none;justify-content:center;gap:4px;margin:0;padding:0;list-style:none;display:grid}.guide-tips li{grid-template-columns:14px 1fr;display:grid}.guide-tips li:before{color:var(--accent);content:"+"}.cam{background:#000;position:absolute;inset:0}.cam canvas,.cam-still{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.cam:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#00000024 0 1px,#0000 1px 3px);position:absolute;inset:0}.cam-outline{z-index:1;color:#fff;filter:drop-shadow(0 0 1px #000000e6);width:100%;height:100%;position:absolute;inset:0}.cam-outline text{fill:currentColor;font:400 2.4px var(--pixel)}.cam-hint{z-index:2;font:400 clamp(14px, calc(var(--w) * .045), 19px) / 1 var(--read);text-align:center;text-shadow:1.5px 1.5px 0 var(--ink);margin:0;position:absolute;inset:auto 4px 2px}.device[data-mode=camera] .pills{display:none}.round.word{letter-spacing:0;overflow-wrap:anywhere;white-space:pre-line;padding:0 4px;font-size:12px;line-height:1.2}.device[data-mode=play] .round-b{display:none}.device .round-a{width:clamp(76px, calc(var(--w) * .22), 96px)}.device .round-a.word{font-size:clamp(13px, calc(var(--w) * .042), 17px)}@media (height<=620px){.device .round-a{width:76px}.device .round-a.word{font-size:12px}}.device[data-mode=play] .round-a.lit:not(:disabled):not(:active){background:var(--key-lit);color:var(--ink);box-shadow:0 0 0 3px var(--ink), 0 0 0 6px var(--accent), var(--key-depth)}.wheel-wrap{grid-area:wheel;place-self:end center;justify-items:center;gap:3px;width:92px;max-width:100%;display:none}.wheel-name{max-width:100%;overflow:visible}.device[data-mode=play] .wheel-wrap{display:grid}.wheel-mark{color:#00000061;font-size:9px;line-height:1}.wheel{width:34px;height:var(--wheel-h);touch-action:none;cursor:ns-resize;background:linear-gradient(#0b0c10,#1c1e26);border:0;border-radius:10px;padding:4px;position:relative;box-shadow:inset 0 2px 3px #000000b3,0 1.5px #ffffff59}.wheel-roll{background-blend-mode:normal;background:repeating-linear-gradient(#5b5f70 0 2px,#2a2c36 2px 4px,#121319 4px 7px),#17181f;border-radius:6px;height:100%;transition:background-position .26s steps(6,end);display:block;box-shadow:inset 0 10px 8px -4px #000000bf,inset 0 -10px 8px -4px #000000bf,inset 2px 0 2px #ffffff1f,inset -2px 0 3px #00000080}.wheel.held .wheel-roll{transition:none}.wheel.clicked{box-shadow:inset 0 2px 3px #000000b3, 0 0 0 2px var(--accent), 0 0 0 4px var(--ink)}.wheel-name.clicked{animation:.26s steps(3,end) jump}@keyframes jump{0%{transform:translateY(-5px)scale(1.25)}}.wheel:active .wheel-roll{filter:brightness(1.15)}.wheel-name{color:#000000b8;font:800 9px/1 var(--silk);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-stretch:125%}[data-demo] .title{visibility:hidden}.roster li.make.lit{background:color-mix(in srgb, var(--accent) 45%, transparent);color:#fff;border-style:solid;border-width:2px;animation:none}.device[data-mode=camera] .round-a.word{font-size:15px}.cam-count{z-index:2;color:var(--accent);font:700 clamp(72px, calc(var(--w) * .34), 150px) / 1 var(--display);text-shadow:4px 4px 0 var(--ink);place-items:center;display:grid;position:absolute;inset:0}.cam-flash{z-index:3;background:#fff;animation:.24s ease-out forwards flash;position:absolute;inset:0}@keyframes flash{to{opacity:0}}.log{gap:7px;margin:0;padding:0;list-style:none;display:grid}.log li{color:#ffffff52;font:400 13px/1.1 var(--pixel);grid-template-columns:18px 1fr;gap:2px 4px;display:grid}.log li small{font:400 16px/.9 var(--read);opacity:.75;grid-column:2}.log li.now{color:var(--accent)}.log li.now:before{content:">";animation:.5s steps(2,end) infinite blink}.log li.done{color:#fff}.log li.done:before{content:"+"}.log li:not(.now,.done):before{content:"."}.made-from{z-index:-1;position:absolute;inset:0;overflow:hidden}.made-from img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;opacity:.22;filter:grayscale()contrast(1.4)}.made-from:after{content:"";background:linear-gradient(transparent, color-mix(in oklab, var(--accent) 45%, transparent) 85%, var(--accent));mix-blend-mode:screen;height:22%;animation:1.6s linear infinite scan;position:absolute;inset:0 0 auto}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(460%)}}.tip{color:#fffc;font:400 18px/1.15 var(--read);margin:14px 0 0;animation:2.5s ease-in-out infinite tip}@keyframes tip{0%,to{opacity:.55}50%{opacity:1}}.rec{color:#ff4040;animation:.9s steps(2,end) infinite blink}.menu{gap:2px;margin:0;padding:0;list-style:none;display:grid}.menu button,.menu a{color:#fff;width:100%;min-height:48px;font:400 16px/1 var(--pixel);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:8px 10px;text-decoration:none;display:flex}.menu [aria-current=true]{background:var(--accent);color:var(--ink)}.menu-page{flex-direction:column;flex:1;display:flex}.menu-save{border-top:1px dashed #ffffff4d;margin-top:auto;padding-top:12px}.menu-save h3{color:#fff9;font:400 11px/1 var(--pixel);margin:0 0 8px}.menu-save .menu{grid-template-columns:1fr 1fr;gap:6px}.menu-save .menu button,.menu-save .menu a{box-shadow:inset 0 0 0 1px #ffffff59}.bar{grid-template-columns:repeat(20,1fr);gap:2px;height:18px;margin:14px 0;display:grid}.bar i{background:#ffffff21}.bar i.on{background:var(--accent)}.bar i.edge{background:var(--accent);animation:.4s steps(2,end) infinite blink}.stack-lcd{font:400 19px/1 var(--read);gap:8px;margin:0 0 12px;padding:0;list-style:none;display:grid}.stack-lcd small{color:var(--accent);font:400 11px/1.2 var(--pixel);display:block}.lcd{background:var(--lcd-bg);min-height:64px;color:var(--accent);border-radius:0 0 9px 9px;flex:none;align-content:center;gap:1px;padding:6px 0;display:grid}.lcd-link{min-height:34px;color:var(--accent);font:400 14px/1 var(--pixel);text-underline-offset:3px;background:0 0;border:0;justify-self:center;padding:0 12px;text-decoration:underline}.lcd-link+.lcd-note{font-size:17px}.rail{grid-template-columns:44px 1fr 44px;align-items:center;min-height:32px;display:grid}.rail>span{font:400 14px/1 var(--pixel);place-items:center;display:grid}.rail output{font:400 18px/1 var(--pixel);white-space:nowrap;flex-wrap:wrap;justify-content:center;gap:3px 8px;display:flex;overflow:hidden}.rail output small{color:#ffffff80;font:400 11px/1 var(--pixel);align-self:center}.rails{gap:1px;display:grid}.pad-rails{grid-template-columns:minmax(0,2.6fr) minmax(0,1fr);align-items:center}.rail-x{grid-template-columns:34px minmax(0,1fr) 34px}.rail-y{grid-template-columns:minmax(0,1fr);justify-items:center;gap:1px}.rail-y output{flex-flow:column;align-items:center;gap:2px}.rail-y output b{font-weight:400}.rail-y output .near{color:#ffffff52;font-size:9px;line-height:1}.rail-y output{gap:1px;line-height:1}.pad-rails .rail-y>span{font-size:12px}.pad-rails .rail>span{--dx:0;--dy:0;font-size:22px}.pad-rails .rail-y>span{font-size:16px;line-height:.8}.pad-rails [data-dir=left]{--dx:-1}.pad-rails [data-dir=right]{--dx:1}.pad-rails [data-dir=up]{--dy:-1}.pad-rails [data-dir=down]{--dy:1}.pad-rails .hit{color:#fff;animation:.24s ease-out hit}@keyframes hit{40%{transform:translate(calc(var(--dx) * 6px), calc(var(--dy) * 6px)) scale(1.35)}}[data-fresh] .pad-rails [data-dir]{animation:1.1s ease-in-out infinite nudge}@keyframes nudge{50%{transform:translate(calc(var(--dx) * 5px), calc(var(--dy) * 4px))}}.lcd-note{color:#ffffffc2;font:400 20px/1 var(--read);text-align:center;align-self:center;margin:0;padding:0 12px}.controls{grid-template:"dpad wheel ab" var(--wheel-row) "dpad pills ab" auto / auto minmax(0, 1fr) auto;--wheel-h:clamp(66px, calc(var(--w) * .21), 86px);--wheel-row:calc(var(--wheel-h) + 40px);--key-dark:radial-gradient(circle at 32% 24%, #ffffff3d, transparent 30%), radial-gradient(circle at 35% 28%, #434757, #1b1c24 55%, #08090c);--key-lit:radial-gradient(circle at 32% 24%, #ffffff73, transparent 30%), radial-gradient(circle at 35% 28%, color-mix(in oklab, var(--accent) 45%, #fff), var(--accent) 52%, color-mix(in oklab, var(--accent) 55%, #000));--key-depth:inset 0 2px 1px #ffffff3d, inset 0 -3px 5px #00000073, 0 0 0 3px #00000029, 0 5px 0 #0000006b, 0 9px 12px #00000038;--key-pressed:inset 0 2px 4px #00000080, 0 0 0 3px #00000029, 0 1px 0 #0000006b;box-sizing:border-box;place-self:end center;align-items:center;gap:8px 6px;width:min(100%,420px);padding:16px 6px 2px;display:grid;position:relative}.dpad{grid-template:repeat(3, clamp(42px, calc(var(--w) * .13), 56px)) / repeat(3, clamp(42px, calc(var(--w) * .13), 56px));filter:drop-shadow(0 4px #0000006b)drop-shadow(0 8px 8px #00000038);display:grid;position:relative}.dpad:before{content:"";background:#07080b;position:absolute;inset:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' preserveAspectRatio='none'%3E%3Crect x='10' width='10' height='30' rx='2.2'/%3E%3Crect y='10' width='30' height='10' rx='2.2'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' preserveAspectRatio='none'%3E%3Crect x='10' width='10' height='30' rx='2.2'/%3E%3Crect y='10' width='30' height='10' rx='2.2'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}.dpad button,.dpad-hub{z-index:1}.dpad button{color:#ffffff80;-webkit-tap-highlight-color:transparent;background:linear-gradient(#353846,#1b1c24 55%,#101116);border:0;place-items:center;padding:0;transition:transform 50ms,background 50ms;display:grid;position:relative;box-shadow:inset 0 1.5px #ffffff38,inset 0 -2px 3px #0006,inset 0 0 0 .5px #000000b3}.dpad svg{fill:currentColor;filter:drop-shadow(0 -1px #000000b3);width:38%}#up{border-radius:7px 7px 0 0;grid-area:1/2}#left{border-radius:7px 0 0 7px;grid-area:2/1}#right{border-radius:0 7px 7px 0;grid-area:2/3}#down{border-radius:0 0 7px 7px;grid-area:3/2}.dpad .dpad-hub{touch-action:none;cursor:grab;background:radial-gradient(circle,#050608 0 34%,#1e2029 46%,#191a22 62%,#121319);grid-area:2/2;position:relative;overflow:visible;box-shadow:inset 0 1.5px #ffffff1f,inset 0 0 0 .5px #000000b3}.dpad .dpad-hub:active{background:radial-gradient(circle,#050608 0 34%,#1e2029 46%,#191a22 62%,#121319);box-shadow:inset 0 1.5px #ffffff1f,inset 0 0 0 .5px #000000b3}.stick-knob{transform:translate(var(--sx,0px), var(--sy,0px));pointer-events:none;background:radial-gradient(circle at 34% 28%,#ffffff4d,#0000 32%),radial-gradient(circle at 40% 35%,#4a4e60,#1b1c24 60%,#0a0b0f);border-radius:50%;transition:transform .16s cubic-bezier(.3,1.6,.5,1);position:absolute;inset:22%;box-shadow:inset 0 -2px 3px #00000080,0 3px 4px #0000008c}.dpad-hub.held .stick-knob{transition:none}.dpad-hub.tapped .stick-knob{filter:brightness(.85);transform:scale(.88)}.dpad button:active,.dpad button.down{background:linear-gradient(color-mix(in oklab, var(--accent) 80%, #fff), var(--accent) 60%, color-mix(in oklab, var(--accent) 75%, #000));color:var(--ink);box-shadow:inset 0 2px 3px #00000059}.ab{display:contents}.round-a{width:clamp(76px, calc(var(--w) * .22), 96px);grid-area:ab;place-self:center}.device .round-b{width:clamp(54px, calc(var(--w) * .15), 62px);grid-area:wheel;place-self:center}.round{width:clamp(62px, calc(var(--w) * .18), 76px);aspect-ratio:1;background:var(--key-dark);color:#fff;font:400 18px/1 var(--pixel);box-shadow:var(--key-depth);border:0;border-radius:50%;padding:0;transition:transform 50ms,box-shadow 50ms}.round-a{color:var(--accent);margin:6px 0}.round:active,.round.down{box-shadow:var(--key-pressed);transform:translateY(4px);animation:none!important}.pills{grid-area:pills;justify-content:center;align-self:start;align-items:center;gap:6px;min-width:0;display:flex}.dpad{grid-area:dpad}.key{place-items:center;display:grid}.pill[hidden]{display:none}.pill[aria-pressed=false]{opacity:.5}button:focus-visible,a:focus-visible{outline-offset:1px;outline:2px solid #fff}button:disabled{opacity:.35}::view-transition-old(root){animation-duration:.12s}::view-transition-new(root){animation-duration:.12s}.pill{color:#fff;text-transform:uppercase;background:0 0;border:0;border-radius:0;flex:none;justify-items:center;gap:3px;min-width:0;min-height:0;padding:0;display:grid}.key{color:#ffffffd9;background:linear-gradient(#3a3d4b,#1b1c24 55%,#0f1015);border-radius:10px;width:34px;height:20px;transition:transform 50ms;box-shadow:inset 0 1.5px #ffffff38,0 0 0 2px #00000029,0 3px #0000006b}.pill-share .key{background:linear-gradient(color-mix(in oklab, var(--accent) 55%, #fff), var(--accent) 55%, color-mix(in oklab, var(--accent) 75%, #000));color:var(--ink)}.pill-coin .key{color:#5a3a00;background:linear-gradient(#ffe98a,#ffcf3a 55%,#c98f12)}.pill-coin svg{animation:2.4s step-end infinite glint}@keyframes glint{90%{filter:brightness(1.8)}}.pill:active .key{transform:translateY(3px);box-shadow:inset 0 2px 3px #00000080,0 0 0 2px #00000029}.pill svg{width:14px;height:12px}.pill-word{color:#000000b8;font:800 8px/1 var(--silk);letter-spacing:.04em;font-stretch:125%}@media (width<=960px){body{background:var(--ink);padding:0;display:block}.side{display:none}.device{--w:100vw;width:100%;height:100dvh;padding:max(6px, env(safe-area-inset-top)) 10px max(12px, env(safe-area-inset-bottom));box-shadow:none;border-radius:0}.shell-top{height:18px}}@media (width<=340px){.dpad{grid-template:repeat(3,38px)/repeat(3,38px)}.round{width:56px}}@media (height<=820px){.controls{padding-top:8px}.dpad{grid-template:repeat(3, clamp(40px, calc(var(--w) * .123), 48px)) / repeat(3, clamp(40px, calc(var(--w) * .123), 48px))}.round{width:clamp(60px, calc(var(--w) * .185), 72px)}.lcd{min-height:36px;padding:2px 0}.rail-x{grid-template-columns:22px minmax(0,1fr) 22px}.rail:not(.rail-y){min-height:32px}.rail output{font-size:14px}.rails:not(.pad-rails){grid-template-columns:repeat(2,minmax(0,1fr))}.rails .rail output small,.rail+.lcd-note{display:none}.lcd-note{font-size:18px}.lcd-link{min-height:26px}}@media (height<=820px) and (width<=960px){.device{padding:max(4px, env(safe-area-inset-top)) 6px max(8px, env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr) auto}.shell-top{display:none}.screen{padding:4px}}@media (orientation:landscape) and (height<=500px){.device{--w:100dvh;padding:4px max(8px, env(safe-area-inset-right)) 4px max(8px, env(safe-area-inset-left));grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto;gap:8px}.shell-top{display:none}.screen{padding:4px}.controls{padding:0 4px}}@media (prefers-reduced-motion:reduce){:root{transition:none}.led.on,[data-fresh] .pad-rails [data-dir],.made-from:after,.bar i.edge,.pad-rails .hit,.roster li.make,.pill-coin svg,.log li.now:before{animation:none}}@media (width<=340px) and (height<=820px){.dpad{grid-template:repeat(3,36px)/repeat(3,36px)}.round{width:54px}}