:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{height:100%}body{background-color:#0d0a14;background-image:radial-gradient(1100px 700px at 50% 38%,#5e3aa029,#0000 65%),linear-gradient(#0d0a14 0%,#1a1326 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;margin:0}.sb-stage{--sb-chrome-w:376;--sb-chrome-h:240;box-sizing:border-box;min-height:100vh;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:safe center;align-items:center;gap:14px;min-height:100dvh;padding:12px;display:flex}.sb-shell{background:linear-gradient(160deg,#5d3994 0%,#482970 45%,#351d54 100%);border-radius:24px 24px 36px 36px;grid-template:"pad screen ab""pad meta ab"/108px auto 132px;place-items:center;gap:16px;padding:20px;display:grid;position:relative;box-shadow:0 24px 60px #0000008c,0 0 120px 16px #8050d42e,inset 0 1px #ffffff38,inset 0 -3px 8px #0a04188c,inset 2px 0 6px #ffffff0f,inset -2px 0 6px #0a041859}.sb-shell>*{z-index:2;position:relative}.sb-circuit{z-index:0;border-radius:inherit;opacity:.1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.sb-circuit svg{display:block}.sb-shell:after{content:"";z-index:1;border-radius:inherit;pointer-events:none;background:linear-gradient(160deg,#ffffff29 0%,#ffffff0d 22%,#fff0 46%,#14082829 86%,#00000042 100%);position:absolute;inset:0}.sb-ir{background:linear-gradient(#1c0f22,#3a1430);border-radius:3px;width:40px;height:6px;position:absolute;top:5px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 2px #000000e6,0 1px #ffffff1a}.sb-screw{background:radial-gradient(circle at 35% 30%,#6b6280,#2b2438 70%);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 1px 2px #000c,0 1px #ffffff14}.sb-screw:after{content:"";background:#080410d9;height:1px;margin-top:-.5px;position:absolute;top:50%;left:1.5px;right:1.5px;transform:rotate(38deg)}.sb-screw-tl{top:6px;left:6px}.sb-screw-tr{top:6px;right:6px}.sb-screw-bl{bottom:6px;left:6px}.sb-screw-br{bottom:6px;right:6px}.sb-speaker{gap:8px;display:flex;position:absolute;bottom:16px;right:20px;transform:rotate(-28deg)}.sb-speaker span{background:linear-gradient(#0b0712,#1a1126);border-radius:3px;width:5px;height:34px;box-shadow:inset 0 1px 3px #000000e6,0 1px #ffffff14}.sb-bezel{background:linear-gradient(170deg,#2e2838 0%,#17131f 55%,#221c2e 100%);border-radius:12px 12px 44px;grid-area:screen;padding:12px 16px 10px;box-shadow:inset 0 2px 6px #000000b3,inset 0 -1px #ffffff0d,0 1px #ffffff1a,0 4px 14px #00000073}.sb-bezel-top{grid-template-columns:1fr auto 1fr;align-items:center;min-height:20px;margin-bottom:8px;display:grid}.sb-led-block{justify-self:start;align-items:center;gap:5px;display:flex}.sb-led{background:#3c1626;border-radius:50%;width:10px;height:10px;transition:background .9s,box-shadow .9s;box-shadow:inset 0 1px 2px #000000b3}.sb-led.on{background:radial-gradient(circle at 38% 32%,#ffb3bd,#ee2747 55%,#97122b);animation:3.2s ease-in-out 1s infinite sb-led-breathe;box-shadow:0 0 9px 2px #ff2e5699,inset 0 1px 1px #ffffff80}@keyframes sb-led-breathe{0%,to{box-shadow:0 0 9px 2px #ff2e5699,inset 0 1px 1px #ffffff80}50%{box-shadow:0 0 5px 1px #ff2e5661,inset 0 1px 1px #ffffff80}}.sb-led-label{letter-spacing:.22em;color:#6c6184;font:700 7px/1 Verdana,Segoe UI,system-ui,sans-serif}.sb-wordmark{letter-spacing:.12em;color:#d8d1e8;text-shadow:0 1px #0009;white-space:nowrap;font:italic 800 12px/1 Verdana,Segoe UI,system-ui,sans-serif}.sb-color{margin-left:.55em}.sb-color span:first-child{color:#e8493e}.sb-color span:nth-child(2){color:#f0a73e}.sb-color span:nth-child(3){color:#58bf52}.sb-color span:nth-child(4){color:#4a90dd}.sb-color span:nth-child(5){color:#a35bd6}.sb-screen{border-radius:3px;width:-moz-fit-content;width:fit-content;margin:0 auto;line-height:0;position:relative;overflow:hidden;box-shadow:0 0 0 2px #07050c,0 0 0 3px #ffffff0a}.sb-screen canvas{image-rendering:pixelated;display:block}.sb-glass{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.sb-model{color:#c9a64f;justify-content:center;align-items:center;gap:10px;margin-top:8px;font:italic 700 10px/1.2 Verdana,Segoe UI,system-ui,sans-serif;display:flex}.sb-model span{letter-spacing:.5em;margin-right:-.5em}.sb-model:before,.sb-model:after{content:"";background:linear-gradient(90deg,#0000,#c9a64f73);width:34px;height:1px}.sb-model:after{background:linear-gradient(270deg,#0000,#c9a64f73)}.sb-shell button{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:0;margin:0;padding:0;font-family:Verdana,Segoe UI,system-ui,sans-serif;transition:transform 40ms linear,filter 40ms linear}.sb-shell button.is-down,.sb-shell button:active{filter:brightness(.78);transform:translateY(1px)}@media (hover:hover){.sb-shell button:hover:not(.is-down):not(:active){filter:brightness(1.1)}}.sb-shell button:focus-visible{outline-offset:3px;outline:2px solid #a98ce8}.sb-dpad{touch-action:none;filter:drop-shadow(0 3px 3px #08031080);grid-area:pad;width:102px;height:102px;position:relative}.sb-dpad-arm{background:linear-gradient(#38323f,#211c2a);width:34px;height:34px;position:absolute;box-shadow:0 2px #05020c99,inset 0 1px #ffffff24}.sb-dpad-up{border-radius:7px 7px 0 0;top:0;left:34px}.sb-dpad-down{border-radius:0 0 7px 7px;top:68px;left:34px}.sb-dpad-left{border-radius:7px 0 0 7px;top:34px;left:0}.sb-dpad-right{border-radius:0 7px 7px 0;top:34px;left:68px}.sb-dpad-arm:before{content:"";border:5px solid #0000;width:0;height:0;position:absolute}.sb-dpad-up:before{border-top:0;border-bottom:7px solid #0a061080;top:9px;left:50%;transform:translate(-50%)}.sb-dpad-down:before{border-top:7px solid #0a061080;border-bottom:0;bottom:9px;left:50%;transform:translate(-50%)}.sb-dpad-left:before{border-left:0;border-right:7px solid #0a061080;top:50%;left:9px;transform:translateY(-50%)}.sb-dpad-right:before{border-left:7px solid #0a061080;border-right:0;top:50%;right:9px;transform:translateY(-50%)}.sb-dpad-center{pointer-events:none;background:linear-gradient(#2f2a39,#262130);width:34px;height:34px;position:absolute;top:34px;left:34px}.sb-dpad-center:before{content:"";background:radial-gradient(circle at 50% 38%,#17131e 0%,#241f2d 55%,#353041 100%);border-radius:50%;position:absolute;inset:7px;box-shadow:inset 0 2px 3px #0000008c,0 1px #ffffff12}.sb-ab{touch-action:none;filter:drop-shadow(0 3px 4px #08031073);grid-area:ab;width:112px;height:82px;position:relative;transform:rotate(-24deg)}.sb-btn{color:#ffe6f2c7;text-shadow:0 -1px #00000073;background:radial-gradient(circle at 35% 30%,#c2517f 0%,#8e2b56 55%,#5f173a 100%);border-radius:50%;width:50px;height:50px;font-size:15px;font-weight:800;position:absolute;box-shadow:0 3px #28051acc,inset 0 2px 2px #ffffff47,inset 0 -3px 4px #14020e80}.sb-btn-a{top:0;right:0}.sb-btn-b{bottom:0;left:0}.sb-meta{touch-action:none;grid-area:meta;gap:26px;padding:6px 0;display:flex}.sb-pill-wrap{flex-direction:column;align-items:center;gap:5px;display:flex;transform:rotate(-24deg)}.sb-pill{background:linear-gradient(#453d52,#262031);border-radius:8px;width:54px;height:15px;box-shadow:0 2px #05020c99,inset 0 1px #ffffff29,inset 0 0 0 1px #00000059}.sb-pill-label{letter-spacing:.2em;color:#b3a7cc;text-shadow:0 1px #0a041899;font:700 8px/1 Verdana,Segoe UI,system-ui,sans-serif}.sb-hint{letter-spacing:.03em;color:#5a5172;text-align:center;margin:0;padding:0 12px;font:500 11px/1.5 ui-monospace,Cascadia Mono,Consolas,monospace}@media (orientation:portrait){.sb-stage{--sb-chrome-w:52;--sb-chrome-h:328;padding:12px 6px}.sb-shell{border-radius:22px 22px 30px 30px;grid-template:"screen screen""pad ab""meta meta"/1fr 1fr;gap:12px;padding:12px 10px 16px}.sb-bezel{border-radius:10px 10px 32px;padding:10px 9px 8px}.sb-dpad{justify-self:start;margin-left:4px}.sb-ab{justify-self:end;margin-right:8px}.sb-meta{padding:2px 0 6px}.sb-speaker{gap:7px;bottom:10px;right:14px}.sb-speaker span{height:28px}.sb-screw-tl{top:5px;left:5px}.sb-screw-tr{top:5px;right:5px}.sb-screw-bl{bottom:5px;left:5px}.sb-screw-br{bottom:5px;right:5px}}@media (prefers-reduced-motion:reduce){.sb-shell button,.sb-led{transition:none}.sb-led.on{animation:none}}