.skin{box-sizing:border-box;-webkit-user-select:none;user-select:none;--curtain:#888;position:relative;overflow:hidden}.skin *,.skin :before,.skin :after{box-sizing:border-box}.skin .shell,.skin .screen{position:absolute;inset:0}.skin .screen{overflow:hidden}.skin .hud{justify-content:center;align-items:center;gap:40px;padding:40px;display:flex;position:absolute;inset:0}.skin .col{flex-direction:column;display:flex}.skin .col-left,.skin .col-right{gap:18px;width:196px}.skin .col-mid{align-items:center;gap:14px}.skin .block{position:relative}.skin .lbl,.skin .val{font-size:inherit;font-weight:inherit;letter-spacing:3px;text-transform:uppercase;margin:0;display:block}.skin .stats{flex-direction:column;gap:14px;padding:18px 16px;display:flex}.skin .stat{justify-content:space-between;align-items:center;gap:12px;display:flex}.skin .m-grid{grid-template-columns:repeat(4,1fr);gap:1px;width:50px;display:grid}.skin .m{width:11px;height:11px}.skin .lines{align-items:baseline;gap:12px;display:flex}.skin .board{padding:8px}.skin .grid{grid-template-columns:repeat(10,30px);grid-auto-rows:30px;width:300px;height:600px;display:grid}.skin .c{width:30px;height:30px;position:relative}.skin .c.curtain{background:var(--curtain)}.skin.paused .grid .c{visibility:hidden}.skin .pause{letter-spacing:4px;justify-content:center;align-items:center;font-size:20px;display:flex;position:absolute;inset:0}.skin .score,.skin .next,.skin .level{flex-direction:column;gap:4px;padding:16px;display:flex}.skin .score .lbl+.val+.lbl{margin-top:10px}.skin .next{gap:12px}.skin .n-grid{grid-template-columns:repeat(4,1fr);align-self:center;gap:1px;width:124px;display:grid}.skin .n{width:30px;height:30px}.skin .n-off{height:61px}.skin .meter{gap:3px;margin-top:8px;display:none}.skin .meter .seg{flex:1;height:3px}.skin .fx{pointer-events:none;display:none;position:absolute;inset:0}.skin.flash .grid{box-shadow:0 0 0 4px #fff,0 0 40px #fffc}.skin-nes{color:#fcfcfc;--curtain:var(--c2);background:#06081a;font-family:"Press Start 2P",monospace}.skin-nes .hud{gap:36px}.skin-nes .col-right{gap:20px}.skin-nes .col-mid{gap:18px}.skin-nes .block{border:4px solid var(--c2);box-shadow:0 0 0 2px #06081a, 0 0 0 4px var(--c3);background:#090c20}.skin-nes .lbl{letter-spacing:0;color:var(--c2);font-size:11px}.skin-nes .stats .lbl{text-align:center}.skin-nes .stat .num{font-size:13px}.skin-nes .m-grid{gap:0;width:48px}.skin-nes .m{width:12px;height:12px}.skin-nes .lines{letter-spacing:1px;gap:0;padding:12px 20px;font-size:13px}.skin-nes .lines .lbl{color:#fcfcfc;font-size:13px}.skin-nes .lines .lbl:after{content:"-"}.skin-nes .score,.skin-nes .next,.skin-nes .level{gap:14px}.skin-nes .score .val,.skin-nes .next .val{font-size:14px}.skin-nes .score .lbl+.val+.lbl{margin-top:6px}.skin-nes .next{align-items:center}.skin-nes .next .lbl{align-self:center}.skin-nes .n-grid{gap:0;width:120px}.skin-nes .next{border-color:#fcfcfc}.skin-nes .next .lbl{color:#fcfcfc}.skin-nes .level{align-items:center}.skin-nes .level .val{font-size:16px}.skin-nes .c.e{background:#090c20;box-shadow:inset 0 0 0 1px #ffffff09}.skin-nes .c.k1{border:4px solid var(--c3);background:#fcfcfc}.skin-nes .c.k3{background:var(--c3);border:3px solid #06081a}.skin-nes .c.k2{background:var(--c2);border:3px solid #06081a}.skin-nes .c.k2:before,.skin-nes .c.k3:before{content:"";background:#fcfcfc;width:6px;height:6px;position:absolute;top:3px;left:3px}.skin-nes .c.k1:before{content:"";background:#fcfcfc;width:6px;height:6px;position:absolute;top:0;left:0}.skin-nes .c.act{z-index:1;box-shadow:0 0 22px #3cbcfc8c,0 0 4px #fcfcfc99}.skin-nes .c.ghost{background:0 0;border:2px dashed #3cbcfc73}.skin-nes .c.ghost:before{display:none}.skin-nes .c.curtain{background:repeating-linear-gradient(0deg, var(--c3) 0 3px, var(--c2) 3px 6px)}.skin-nes .m.k1{border:2px solid var(--c3);background:#fcfcfc}.skin-nes .m.k3{background:var(--c3)}.skin-nes .m.k2{background:var(--c2)}.skin-nes .n{position:relative}.skin-nes .n.k1{border:4px solid var(--c3);background:#fcfcfc}.skin-nes .n.k3{background:var(--c3);border:3px solid #06081a}.skin-nes .n.k2{background:var(--c2);border:3px solid #06081a}.skin-nes .n.k2:before,.skin-nes .n.k3:before{content:"";background:#fcfcfc;width:6px;height:6px;position:absolute;top:3px;left:3px}.skin-nes .n.k1:before{content:"";background:#fcfcfc;width:6px;height:6px;position:absolute;top:0;left:0}.skin-nes .pause{color:var(--c2);font-size:14px}.skin-nes .fx-2{background:repeating-linear-gradient(0deg,#00000038 0 2px,#0000 2px 4px);display:block}.skin-nes .fx-3{background:radial-gradient(#0000 55%,#0000008c 100%);display:block}.skin-neon{color:#eef2ff;--curtain:#c084fc73;background:#070a12;font-family:Chakra Petch,sans-serif}.skin-neon .fx-1{filter:blur(90px);background:#c084fc24;border-radius:50%;width:300px;height:300px;display:block;inset:-120px auto auto 330px}.skin-neon .col-left,.skin-neon .col-right{gap:16px;width:200px}.skin-neon .col-mid{gap:16px}.skin-neon .block{background:#ffffff09;border:1px solid #ffffff17;border-radius:16px;box-shadow:inset 0 1px #ffffff0f}.skin-neon .lines{box-shadow:none;background:0 0;border:none;gap:10px}.skin-neon .board{border-radius:18px;padding:10px;box-shadow:0 0 0 1px #ffffff0a,0 30px 80px #0009}.skin-neon .stats,.skin-neon .score,.skin-neon .next,.skin-neon .level{padding:20px}.skin-neon .score,.skin-neon .level{gap:6px}.skin-neon .score .lbl+.val+.lbl{margin-top:12px}.skin-neon .next{gap:14px}.skin-neon .lbl{color:#7c8aa5;font-size:11px;font-weight:700}.skin-neon .val{letter-spacing:1px;font-size:22px;font-weight:700}.skin-neon .lines .val{font-size:26px}.skin-neon .level .val{font-size:32px}.skin-neon .stat .num{color:#b9c3d9;font-size:15px;font-weight:700}.skin-neon .m-grid{gap:2px}.skin-neon .meter{background:#ffffff14;border-radius:2px;gap:0;height:4px;margin-top:8px;display:flex;overflow:hidden}.skin-neon .meter .seg{height:4px}.skin-neon .meter .seg.on{background:#c084fc;box-shadow:0 0 10px #c084fccc}.skin-neon .c{border-radius:4px}.skin-neon .c.e{box-shadow:inset 0 0 0 1px #ffffff0b}.skin-neon .c.k1,.skin-neon .c.k2,.skin-neon .c.k3{--p:192, 132, 252}.skin-neon .c.t-I{--p:34, 211, 238}.skin-neon .c.t-O{--p:250, 204, 21}.skin-neon .c.t-T{--p:192, 132, 252}.skin-neon .c.t-S{--p:74, 222, 128}.skin-neon .c.t-Z{--p:248, 113, 113}.skin-neon .c.t-J{--p:96, 165, 250}.skin-neon .c.t-L{--p:251, 146, 60}.skin-neon .c.k1,.skin-neon .c.k2,.skin-neon .c.k3{background:rgba(var(--p), .22);border:1px solid rgba(var(--p), .9);box-shadow:inset 0 1px 0 #ffffff59, 0 0 12px rgba(var(--p), .35)}.skin-neon .c.act{background:rgba(var(--p), .65);box-shadow:inset 0 1px 0 #fff9, 0 0 28px rgba(var(--p), .8), 0 0 60px rgba(var(--p), .35);z-index:1;border-color:#fff}.skin-neon .c.ghost{border:1px dashed rgba(var(--p), .45);box-shadow:none;background:0 0}.skin-neon .m,.skin-neon .n{border-radius:2px}.skin-neon .n{border-radius:4px}.skin-neon .next{border-color:#c084fc8c;box-shadow:inset 0 1px #ffffff14,0 0 28px #c084fc38}.skin-neon .next .lbl{color:#c084fc}.skin-neon .m.t-I,.skin-neon .n.t-I{background:#22d3ee}.skin-neon .m.t-O,.skin-neon .n.t-O{background:#facc15}.skin-neon .m.t-T,.skin-neon .n.t-T{background:#c084fc}.skin-neon .m.t-S,.skin-neon .n.t-S{background:#4ade80}.skin-neon .m.t-Z,.skin-neon .n.t-Z{background:#f87171}.skin-neon .m.t-J,.skin-neon .n.t-J{background:#60a5fa}.skin-neon .m.t-L,.skin-neon .n.t-L{background:#fb923c}.skin-neon .n.k1,.skin-neon .n.k2,.skin-neon .n.k3{box-shadow:inset 0 1px #ffffff59,0 0 14px #ffffff40}.skin-neon .pause{color:#c084fc;text-shadow:0 0 16px #c084fccc;font-weight:700}.skin-mono{color:#141414;--curtain:#6b6a64;background:#f2f1ec;font-family:Inter Tight,sans-serif}.skin-mono .hud{grid-template:"lines board next"1fr"score board stats"1fr"level board stats"1fr/220px 300px 220px;justify-content:space-between;align-items:stretch;gap:0;padding:56px 72px;display:grid}.skin-mono .col{display:contents}.skin-mono .lines{grid-area:lines;align-self:start}.skin-mono .score{grid-area:score;align-self:center}.skin-mono .level{grid-area:level;align-self:end}.skin-mono .board{grid-area:board;align-self:center}.skin-mono .next{grid-area:next;align-self:start}.skin-mono .stats{grid-area:stats;align-self:end}.skin-mono .block{padding:0}.skin-mono .lbl{color:#6b6a64;font-size:11px;font-weight:500}.skin-mono .val{letter-spacing:-3px;font-variant-numeric:tabular-nums;margin-top:6px;font-size:56px;font-weight:800;line-height:1}.skin-mono .lines{flex-direction:column;gap:0}.skin-mono .score .lbl+.val+.lbl{margin-top:10px}.skin-mono .level .val{color:#ff3b1f}.skin-mono .next,.skin-mono .stats{align-items:flex-end;gap:10px}.skin-mono .stats{gap:12px}.skin-mono .n-grid{align-self:flex-end;gap:0;width:120px}.skin-mono .next .lbl{color:#ff3b1f;font-weight:800}.skin-mono .stat{flex-direction:row-reverse;justify-content:flex-start;gap:16px}.skin-mono .stat .num{color:#6b6a64;font-variant-numeric:tabular-nums;font-size:14px;font-weight:500}.skin-mono .m-grid{gap:0;width:40px}.skin-mono .m{border:1px solid #f2f1ec;width:10px;height:10px}.skin-mono .m.e{border-color:#0000}.skin-mono .m.k1,.skin-mono .m.k2,.skin-mono .m.k3,.skin-mono .n.k1,.skin-mono .n.k2,.skin-mono .n.k3{background:#141414}.skin-mono .n{border:2px solid #f2f1ec}.skin-mono .n.e{border-color:#0000}.skin-mono .board{padding:0}.skin-mono .grid{outline:2px solid #f2f1ec}.skin-mono .c{border:2px solid #f2f1ec}.skin-mono .c.e{background:#e3e1d8}.skin-mono .c.k1,.skin-mono .c.k2,.skin-mono .c.k3{background:#141414}.skin-mono .c.act{background:#ff3b1f}.skin-mono .c.ghost{background:#e3e1d8;box-shadow:inset 0 0 0 2px #ff3b1f}.skin-mono .pause{color:#ff3b1f;font-weight:800}.skin-mono.flash .grid{box-shadow:0 0 0 4px #ff3b1f}.skin-mono .score .lbl:first-child{order:3;margin-top:10px}.skin-mono .score .val:nth-child(2){letter-spacing:-.5px;order:4;font-size:20px}.skin-mono .score .lbl:nth-child(3){order:1;margin-top:0}.skin-mono .score .val:nth-child(4){letter-spacing:-3px;order:2;font-size:56px}.skin-mono .next .n-grid,.skin-mono .next .n-off{box-sizing:content-box;background:#e3e1d8;width:136px;padding:8px}.skin-mono .next .n-off{width:120px;height:60px}.skin-synthwave{color:#fff6fb;--curtain:#ff2bd6;background:#0d0620;font-family:Share Tech Mono,monospace}.skin-synthwave .fx-1{transform-origin:50% 0;background:repeating-linear-gradient(90deg,#ff2bd640 0 1px,#0000 1px 96px),repeating-linear-gradient(0deg,#ff2bd640 0 1px,#0000 1px 40px);border-top:2px solid #ff2bd699;height:300px;display:block;inset:420px -480px auto;transform:perspective(240px)rotateX(55deg)}.skin-synthwave .fx-2{background:repeating-linear-gradient(0deg,#00000040 0 2px,#0000 2px 4px);display:block}.skin-synthwave .block{background:#0d0620d9;border:2px solid #ff2bd6;box-shadow:0 0 16px #ff2bd699,inset 0 0 16px #ff2bd626}.skin-synthwave .stats{gap:13px}.skin-synthwave .lbl{letter-spacing:2px;color:#19e6ff;text-shadow:0 0 8px #19e6ffb3;font-family:Audiowide,sans-serif;font-size:12px}.skin-synthwave .val{letter-spacing:0;text-shadow:0 0 10px #ff2bd6cc;font-size:26px}.skin-synthwave .level .val{font-size:36px}.skin-synthwave .stat .num{font-size:18px}.skin-synthwave .lines{box-shadow:none;background:0 0;border:none;gap:12px;font-family:Audiowide,sans-serif}.skin-synthwave .lines .lbl,.skin-synthwave .lines .val{letter-spacing:4px;color:#fff;text-shadow:-2px 0 #19e6ff,2px 0 #ff2bd6;font-family:Audiowide,sans-serif;font-size:22px}.skin-synthwave .grid{background:#0a0419}.skin-synthwave .c.e{box-shadow:inset 0 0 0 1px #ff2bd612}.skin-synthwave .t-I{--p:#19e6ff;--g:25, 230, 255}.skin-synthwave .t-O{--p:#ffe14d;--g:255, 225, 77}.skin-synthwave .t-T{--p:#ff2bd6;--g:255, 43, 214}.skin-synthwave .t-S{--p:#39ff88;--g:57, 255, 136}.skin-synthwave .t-Z{--p:#ff4d6d;--g:255, 77, 109}.skin-synthwave .t-J{--p:#7c5cff;--g:124, 92, 255}.skin-synthwave .t-L{--p:#ff8a1f;--g:255, 138, 31}.skin-synthwave .c.k1,.skin-synthwave .c.k2,.skin-synthwave .c.k3{background:var(--p,#ff2bd6);box-shadow:inset 0 -5px 0 #00000059, inset 0 0 0 1px #ffffff40, 0 0 10px rgba(var(--g,255, 43, 214), .45)}.skin-synthwave .c.act{z-index:1;box-shadow:inset 0 -5px #00000059,inset 0 0 0 2px #fff,0 0 24px #ff2bd6e6,0 0 60px #ff2bd666}.skin-synthwave .c.ghost{background:0 0;border:1px solid #ff2bd680;box-shadow:inset 0 0 12px #ff2bd640}.skin-synthwave .m.k1,.skin-synthwave .m.k2,.skin-synthwave .m.k3{background:var(--p,#ff2bd6)}.skin-synthwave .next{border-color:#19e6ff;box-shadow:0 0 20px #19e6ff8c,inset 0 0 16px #19e6ff26}.skin-synthwave .next .lbl{color:#fff;text-shadow:-2px 0 #19e6ff,2px 0 #ff2bd6}.skin-synthwave .n.k1,.skin-synthwave .n.k2,.skin-synthwave .n.k3{background:var(--p,#ff2bd6);box-shadow:inset 0 -4px 0 #00000059, 0 0 12px rgba(var(--g,255, 43, 214), .6)}.skin-synthwave .pause{color:#fff;text-shadow:-2px 0 #19e6ff,2px 0 #ff2bd6;font-family:Audiowide,sans-serif}.skin-phosphor{color:#ffb000;--curtain:#ffb0008c;background:#0a0702;font-family:VT323,monospace}.skin-phosphor .shell{background:#1a1000;border-radius:28px;inset:16px;box-shadow:inset 0 0 80px #000000e6,0 0 0 10px #2b2419,0 0 0 12px #0a0702}.skin-phosphor .screen{border-radius:28px}.skin-phosphor .block{border:2px solid #ffb000cc;box-shadow:0 0 10px #ffb00040,inset 0 0 10px #ffb00014}.skin-phosphor .lines{box-shadow:none;border:none}.skin-phosphor .board{padding:6px}.skin-phosphor .hud{padding:12px 40px}.skin-phosphor .lbl,.skin-phosphor .val,.skin-phosphor .num,.skin-phosphor .pause{text-shadow:0 0 8px #ffb000bf}.skin-phosphor .lbl{letter-spacing:2px;font-size:22px}.skin-phosphor .val{letter-spacing:0;font-size:32px}.skin-phosphor .lines .lbl,.skin-phosphor .lines .val{letter-spacing:3px;font-size:28px}.skin-phosphor .lines .lbl:after{content:"-"}.skin-phosphor .lines{gap:0}.skin-phosphor .level .val{font-size:40px;line-height:1}.skin-phosphor .stats{gap:10px;padding:16px}.skin-phosphor .stat .num{font-size:24px}.skin-phosphor .score,.skin-phosphor .next,.skin-phosphor .level{gap:2px;padding:14px 16px}.skin-phosphor .score .lbl+.val+.lbl{margin-top:8px}.skin-phosphor .next{gap:10px}.skin-phosphor .c.e{box-shadow:inset 0 0 0 1px #ffb0000f}.skin-phosphor .c.k1{background:#ffb000;border:3px solid #1a1000;box-shadow:0 0 8px #ffb00080}.skin-phosphor .c.k3{background:#ffb0008c;border:3px solid #1a1000;box-shadow:0 0 6px #ffb0004d}.skin-phosphor .c.k2{background:0 0;border:3px solid #ffb000;box-shadow:inset 0 0 0 3px #1a1000,inset 0 0 0 6px #ffb00099,0 0 6px #ffb0004d}.skin-phosphor .c.act{z-index:1;background:#ffd56a;border-color:#1a1000;box-shadow:0 0 22px #ffb000e6,0 0 50px #ffb00066}.skin-phosphor .c.ghost{box-shadow:none;background:0 0;border:2px dotted #ffb00080}.skin-phosphor .m.k1{background:#ffb000}.skin-phosphor .m.k3{background:#ffb0008c}.skin-phosphor .m.k2{border:2px solid #ffb000}.skin-phosphor .next{border-color:#ffd56a;box-shadow:0 0 18px #ffb00080,inset 0 0 14px #ffb00026}.skin-phosphor .next .lbl{color:#ffd56a}.skin-phosphor .n.k1{background:#ffb000;border:2px solid #1a1000;box-shadow:0 0 8px #ffb00066}.skin-phosphor .n.k3{background:#ffb0008c;border:2px solid #1a1000}.skin-phosphor .n.k2{border:3px solid #ffb000;box-shadow:inset 0 0 0 2px #1a1000,inset 0 0 0 5px #ffb00099,0 0 8px #ffb00066}.skin-phosphor .pause{font-size:32px}.skin-phosphor .fx-2{background:repeating-linear-gradient(0deg,#00000059 0 2px,#0000 2px 4px);display:block}.skin-phosphor .fx-3{background:radial-gradient(#0000 50%,#000000b3 100%);display:block}.skin-phosphor.flash .grid{box-shadow:0 0 0 4px #ffd56a,0 0 40px #ffb000e6}.skin-toy{color:#1f2740;--curtain:#8a93ab;background:#eef1f7;font-family:Nunito,sans-serif}.skin-toy .hud{gap:36px}.skin-toy .col-left,.skin-toy .col-right{gap:16px;width:200px}.skin-toy .block{background:#fff;border-radius:20px;box-shadow:inset 0 1px #fff,0 10px 30px #28325a1a,0 1px 2px #28325a14}.skin-toy .lines{box-shadow:none;background:0 0;gap:10px}.skin-toy .board{background:#d9dfec;border-radius:22px;padding:10px;box-shadow:inset 0 3px 8px #28325a38,inset 0 -1px #fffc}.skin-toy .stats,.skin-toy .score,.skin-toy .next,.skin-toy .level{padding:20px}.skin-toy .lbl{letter-spacing:2px;color:#8a93ab;font-size:12px;font-weight:900}.skin-toy .val{letter-spacing:-.5px;font-size:26px;font-weight:900}.skin-toy .lines .val{font-size:30px}.skin-toy .score .lbl+.val+.lbl{margin-top:12px}.skin-toy .next{gap:14px}.skin-toy .n-grid{gap:2px;width:128px}.skin-toy .next{background:#f4eeff;box-shadow:inset 0 1px #fff,0 0 0 3px #a86bf5,0 10px 30px #a86bf540}.skin-toy .next .lbl{color:#a86bf5}.skin-toy .level{flex-direction:row;justify-content:space-between;align-items:center}.skin-toy .level .val{color:#fff;letter-spacing:0;background:#a86bf5;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex;box-shadow:inset 0 2px #ffffff80,inset 0 -4px #0000002e,0 4px 10px #a86bf573}.skin-toy .stat .num{color:#5b647d;font-size:16px;font-weight:900}.skin-toy .m-grid{gap:2px;width:52px}.skin-toy .m{border-radius:3px}.skin-toy .t-I{--p:#2bb3f0}.skin-toy .t-O{--p:#ffc63a}.skin-toy .t-T{--p:#a86bf5}.skin-toy .t-S{--p:#45d16b}.skin-toy .t-Z{--p:#f2555a}.skin-toy .t-J{--p:#3d6bf5}.skin-toy .t-L{--p:#ff8e3c}.skin-toy .c{background-clip:padding-box;border:2px solid #0000;border-radius:7px}.skin-toy .c.k1,.skin-toy .c.k2,.skin-toy .c.k3{background-color:var(--p,#a86bf5);box-shadow:inset 0 2px #ffffff8c,inset 0 -4px #0000002e,0 2px 3px #141e3c40}.skin-toy .c.act{z-index:1;transform:translateY(-3px);box-shadow:inset 0 2px #ffffffa6,inset 0 -4px #0000002e,0 8px 14px #141e3c59}.skin-toy .c.ghost{box-shadow:none;background:0 0;border:2px dashed #a86bf599}.skin-toy .m.k1,.skin-toy .m.k2,.skin-toy .m.k3{background:var(--p,#a86bf5)}.skin-toy .n{border-radius:7px}.skin-toy .n.k1,.skin-toy .n.k2,.skin-toy .n.k3{background:var(--p,#a86bf5);box-shadow:inset 0 2px #ffffff8c,inset 0 -3px #0000002e,0 2px 3px #141e3c40}.skin-toy .pause{color:#a86bf5;font-weight:900}.skin-toy.flash .grid{box-shadow:0 0 0 4px #ffc63a,0 0 30px #ffc63acc}.skin-holo{color:#e6faff;--curtain:#9be8ff73;background:#020b18;font-family:IBM Plex Mono,monospace}.skin-holo .fx-1{background:repeating-linear-gradient(0deg,#9be8ff0b 0 1px,#0000 1px 40px),repeating-linear-gradient(90deg,#9be8ff0b 0 1px,#0000 1px 40px);display:block}.skin-holo .block{border:1px solid #9be8ff59}.skin-holo .block:before,.skin-holo .block:after{content:"";border:1px solid #9be8ff;width:10px;height:10px;position:absolute}.skin-holo .block:before{border-bottom:none;border-right:none;top:-1px;left:-1px}.skin-holo .block:after{border-top:none;border-left:none;bottom:-1px;right:-1px}.skin-holo .lines{border:none}.skin-holo .lines:before,.skin-holo .lines:after{display:none}.skin-holo .board{background:#9be8ff05}.skin-holo .lbl{color:#9be8ff99;font-size:11px;font-weight:600}.skin-holo .val{letter-spacing:0;text-shadow:0 0 10px #9be8ff80;font-size:24px;font-weight:600}.skin-holo .lines .val:after{content:"// A-TYPE";letter-spacing:3px;color:#9be8ff99;text-shadow:none;margin-left:24px;font-size:11px}.skin-holo .level .val{font-size:32px}.skin-holo .stat .num{font-size:14px}.skin-holo .meter{display:flex}.skin-holo .meter .seg{background:#9be8ff33}.skin-holo .meter .seg.on{background:#9be8ff}.skin-holo .c.e:after{content:"";background:#9be8ff38;width:2px;height:2px;position:absolute;top:14px;left:14px}.skin-holo .c.k1,.skin-holo .c.k2,.skin-holo .c.k3{background:repeating-linear-gradient(135deg,#9be8ff29 0 1px,#9be8ff00 1px 6px);border:1px solid #9be8ffd9;box-shadow:inset 0 0 0 1px #020b18,inset 0 0 0 2px #9be8ff40}.skin-holo .c.act{z-index:1;background:#9be8ff73;border-color:#fff;box-shadow:0 0 18px #9be8ffcc,inset 0 0 0 1px #fff}.skin-holo .c.ghost{box-shadow:none;background:0 0;border:1px dashed #9be8ff8c}.skin-holo .m.k1,.skin-holo .m.k2,.skin-holo .m.k3{background:#9be8ff1f;border:1px solid #9be8ffd9}.skin-holo .next{background:#9be8ff0f;border-color:#9be8ff;box-shadow:0 0 22px #9be8ff4d}.skin-holo .next .lbl{color:#e6faff}.skin-holo .n.k1,.skin-holo .n.k2,.skin-holo .n.k3{background:repeating-linear-gradient(135deg,#9be8ff2e 0 1px,#9be8ff00 1px 5px);border:1px solid #9be8ffe6;box-shadow:0 0 10px #9be8ff59}.skin-holo .pause{color:#9be8ff;text-shadow:0 0 10px #9be8ff80;font-weight:600}.skin-holo.flash .grid{box-shadow:0 0 0 2px #9be8ff,0 0 40px #9be8ffcc}.skin-lcd{color:#0f380f;--curtain:#0f380f;background:#d9d5cc;font-family:Silkscreen,monospace}.skin-lcd .shell{background:#4a4a4a;border-radius:10px 10px 36px;inset:10px;box-shadow:inset 0 2px #ffffff1f,0 6px #2e2e2e,0 10px 24px #00000059}.skin-lcd .shell:before,.skin-lcd .shell:after{letter-spacing:2px;color:#b8b8b8;font-size:10px;line-height:12px;position:absolute;top:14px}.skin-lcd .shell:before{content:"DOT MATRIX WITH STEREO SOUND";left:34px}.skin-lcd .shell:after{content:"BATTERY";background:radial-gradient(circle at 4px 6px,#e3342f 0 4px,#e3342f80 4px 6px,#0000 6px);padding-left:16px;right:34px}.skin-lcd .screen{background:#9bbc0f;inset:38px 10px 10px;box-shadow:inset 0 0 0 2px #7f9a0c,inset 0 4px 12px #0f380f59}.skin-lcd .hud{gap:36px;padding:6px 20px}.skin-lcd .col-left,.skin-lcd .col-right{gap:16px;width:190px}.skin-lcd .col-mid{gap:4px}.skin-lcd .block{border:3px solid #0f380f}.skin-lcd .lines{border:none;gap:0}.skin-lcd .lines .lbl:after{content:"-"}.skin-lcd .board{padding:2px}.skin-lcd .lbl{letter-spacing:0;font-size:12px}.skin-lcd .val{letter-spacing:0;font-size:16px}.skin-lcd .lines .lbl,.skin-lcd .lines .val{letter-spacing:1px;font-size:14px}.skin-lcd .level .val{font-size:22px}.skin-lcd .stats{gap:10px;padding:14px 12px}.skin-lcd .stat .num{font-size:14px}.skin-lcd .m-grid{width:48px}.skin-lcd .score,.skin-lcd .next,.skin-lcd .level{gap:2px;padding:12px}.skin-lcd .score .lbl+.val+.lbl{margin-top:8px}.skin-lcd .next{gap:10px}.skin-lcd .n-grid{gap:0;width:120px}.skin-lcd .next{background:#0f380f14;border-width:5px}.skin-lcd .next .lbl{font-weight:700}.skin-lcd .c.e{box-shadow:inset 0 0 0 1px #0f380f12}.skin-lcd .c.k1{background:#0f380f;box-shadow:inset 0 0 0 3px #0f380f,inset 0 0 0 6px #9bbc0f,inset 0 0 0 30px #0f380f}.skin-lcd .c.k3{background:#306230;box-shadow:inset 0 0 0 3px #0f380f}.skin-lcd .c.k2{background:#9bbc0f;box-shadow:inset 0 0 0 3px #0f380f,inset 0 0 0 7px #9bbc0f,inset 0 0 0 30px #306230}.skin-lcd .c.act{box-shadow:inset 0 0 0 3px #0f380f,inset 0 0 0 6px #9bbc0f,inset 0 0 0 30px #0f380f,0 0 0 1px #0f380f59}.skin-lcd .c.ghost{background:0 0;box-shadow:inset 0 0 0 2px #0f380f59}.skin-lcd .m.k1{background:#0f380f}.skin-lcd .m.k3{background:#306230}.skin-lcd .m.k2{box-shadow:inset 0 0 0 2px #0f380f}.skin-lcd .n.k1{background:#0f380f;box-shadow:inset 0 0 0 3px #0f380f,inset 0 0 0 6px #9bbc0f,inset 0 0 0 30px #0f380f}.skin-lcd .n.k3{background:#306230;box-shadow:inset 0 0 0 3px #0f380f}.skin-lcd .n.k2{background:#9bbc0f;box-shadow:inset 0 0 0 3px #0f380f,inset 0 0 0 7px #9bbc0f,inset 0 0 0 30px #306230}.skin-lcd .pause{font-size:16px}.skin-lcd .fx-2{background:repeating-linear-gradient(0deg,#0f380f14 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#0f380f14 0 1px,#0000 1px 3px);display:block}.skin-lcd.flash .grid{box-shadow:0 0 0 3px #0f380f}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{color:#bbb;background:#000;margin:0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.app{flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100vh;display:flex}.stage{position:relative}.screen{position:relative;overflow:hidden}.cell{image-rendering:pixelated;background-repeat:no-repeat;background-size:100% 100%;position:absolute}.overlay{background:#0000008c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.menu{color:#fff;text-align:center;letter-spacing:.05em;background:#000;border:.25em solid #fff;padding:1em 1.5em;font-size:1em;line-height:1.6}.menu-title{color:#f8b800}.menu-level{font-size:1.5em}.menu-value{color:#f8b800}.menu-hint{color:#aaa;font-size:.75em}.help{color:#777;flex-wrap:wrap;justify-content:center;gap:16px;padding:0 16px 8px;font-size:12px;display:flex}.help button{color:#999;font:inherit;cursor:pointer;background:0 0;border:1px solid #555;padding:2px 8px}.zoom{transform-origin:0 0;position:absolute;top:0;left:0}.help label{color:#999}.help select{color:#999;font:inherit;background:#000;border:1px solid #555;padding:2px 4px}