:root{--body:#e6dfcf;--body-hi:#f4efe2;--body-lo:#c9c0ab;--body-edge:#b3a98f;--bezel:#3b3d48;--bezel-hi:#4a4c59;--ink:#2a2c34;--label:#8c8fa1;--dpad:#2c2e36;--btn-a:#c9503d;--btn-b:#d39c34;--btn-x:#3b8b86;--btn-y:#775a98;--brand:#3a4a8c;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;background:radial-gradient(at 50% 30%,#262a35 0%,#14161c 70%);height:100%;margin:0;font-family:ui-rounded,SF Pro Rounded,Nunito,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}body{display:flex;flex-direction:column;justify-content:center;align-items: center}.console{position:relative;display:grid;background:linear-gradient(160deg,var(--body-hi)0%,var(--body)35%,var(--body)70%,var(--body-lo)100%);box-shadow:inset 0 2px 0 #fff9,inset 0 -4px 0 var(--body-edge),0 30px 60px #0000008c,0 4px 10px #0006}@media (orientation:portrait){.console{padding:calc(env(safe-area-inset-top) + 14px)16px calc(env(safe-area-inset-bottom) + 12px);grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"screen screen" "left right" "mid mid";border-radius:0;width:100vw;height:100dvh}.bezel{flex:none;padding:8px 14px 18px}.screen-wrap{aspect-ratio:3/2;flex:none;width:100%;max-height:52dvh}.hints{display:none}}@media (orientation:portrait) and (min-width:700px){.console{border-radius:22px 22px 70px;width:min(560px,100vw);height:min(100dvh,980px)}}@media (orientation:landscape){.console{padding:calc(env(safe-area-inset-top) + 16px)calc(env(safe-area-inset-right) + 18px)calc(env(safe-area-inset-bottom) + 16px)calc(env(safe-area-inset-left) + 18px);grid-template-columns:22% 1fr 22%;grid-template-rows:1fr auto;grid-template-areas:"left screen right" "left mid right";border-radius:48px;width:min(100vw,205dvh,1280px);height:min(100dvh,48.7805vw,625px)}.area-screen{height:100%;min-height:0}}@media (orientation:landscape) and (max-height:500px){.console{border-radius:0;width:100vw;height:100dvh}.hints,.brand{display:none}}.area-screen{grid-area:screen;display:flex;flex-direction:column;align-items:stretch;min-width:0;min-height:0}.area-left{grid-area:left;display:flex;justify-content:center;align-items: center}.area-right{grid-area:right;display:flex;justify-content:center;align-items: center}.area-mid{grid-area:mid;display:flex;justify-content:center;align-items: center;gap:26px;padding:6px 0 2px}.bezel{display:flex;background:linear-gradient(180deg,var(--bezel-hi),var(--bezel));border-radius:12px 12px 44px;flex-direction:column;flex:auto;min-height:0;padding:8px 26px 20px;box-shadow:inset 0 2px 6px #0000008c,0 1px #ffffff8c}.bezel-top{display:flex;align-items: center;gap:8px;height:16px;margin:0 -14px 6px}.bezel-label{letter-spacing:.12em;color:var(--label);white-space:nowrap;overflow:hidden;font-size:9px;font-weight:700}.bezel-top:before,.bezel-top:after{content:"";opacity:.9;background:linear-gradient(90deg,#8c3a5a 0 50%,#3a4a8c 50% 100%);flex:1;height:2px}.led{background:#ff4d4d;border-radius:50%;flex:none;order:-1;width:8px;height:8px;box-shadow:0 0 8px #ff4d4d,inset 0 0 2px #fff}.screen-wrap{position:relative;flex:auto;min-height:0}#screen{position:absolute;display:block;image-rendering:pixelated;background:#000;border-radius:2px;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #1d1e25}.brand{color:var(--brand);letter-spacing:.02em;margin:8px 0 0 6px;font-family:Trebuchet MS,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:19px;font-style:italic;font-weight:800}.brand-sub{letter-spacing:.25em;text-transform:uppercase;color:var(--label);margin-left:6px;font-size:11px;font-style:normal}.dpad{position:relative;aspect-ratio:1;touch-action:none;width:min(42vw,168px)}@media (orientation:landscape){.dpad{width:min(15vw,41.6dvh,168px)}}.dpad:before{content:"";position:absolute;background:radial-gradient(circle,#00000024,#0000000d 60%,#0000 70%);border-radius:50%;inset:4%}.arm,.hub{position:absolute;background:var(--dpad)}.arm{transition:transform 40ms;box-shadow:inset 0 2px #ffffff1f,0 3px #15161b,0 5px 8px #00000059}.arm-up,.arm-down{width:32%;height:36%;left:34%}.arm-left,.arm-right{width:36%;height:32%;top:34%}.arm-up{border-radius:6px 6px 0 0;top:2%}.arm-down{border-radius:0 0 6px 6px;bottom:2%}.arm-left{border-radius:6px 0 0 6px;left:2%}.arm-right{border-radius:0 6px 6px 0;right:2%}.hub{width:34%;height:34%;top:33%;left:33%;box-shadow:0 3px #15161b}.hub:after{content:"";position:absolute;background:radial-gradient(circle at 40% 35%,#3a3c46,#24252c);border-radius:50%;inset:28%}.arm:after{content:"";position:absolute;opacity:.25;border-radius:2px;inset:30%}.arm-up:after{border-bottom:7px solid #9aa;border-left:7px solid #0000;border-right:7px solid #0000;inset:26% auto auto calc(50% - 7px)}.arm-down:after{border-top:7px solid #9aa;border-left:7px solid #0000;border-right:7px solid #0000;inset:auto auto 26% calc(50% - 7px)}.arm-left:after{border-top:7px solid #0000;border-bottom:7px solid #0000;border-right:7px solid #9aa;inset:calc(50% - 7px) auto auto 26%}.arm-right:after{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:7px solid #9aa;inset:calc(50% - 7px) 26% auto auto}.arm.down{filter:brightness(.85);transform:translateY(2px);box-shadow:inset 0 2px #ffffff14,0 1px #15161b}.face{position:relative;aspect-ratio:1;touch-action:none;width:min(44vw,176px)}@media (orientation:landscape){.face{width:min(16vw,44.8dvh,176px)}}.face:before{content:"";position:absolute;background:#00000012;border-radius:50%;inset:2%;transform:rotate(0)}.fb{position:absolute;aspect-ratio:1;color:#ffffffd9;text-shadow:0 1px #00000059;cursor:pointer;pointer-events:none;border:none;border-radius:50%;width:34%;padding:0;transition:transform 40ms,box-shadow 40ms;font:800 clamp(12px,3.6vw,17px)/1 Trebuchet MS,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;box-shadow:inset 0 3px 2px #ffffff59,inset 0 -3px 3px #00000040,0 4px #00000059,0 6px 10px #0000004d}@media (orientation:landscape){.fb{font-size:clamp(12px,1.4vw,17px)}}.fb-x{background:var(--btn-x);top:0;left:33%}.fb-y{background:var(--btn-y);top:33%;left:0}.fb-a{background:var(--btn-a);top:33%;right:0}.fb-b{background:var(--btn-b);bottom:0;left:33%}.fb.down{filter:brightness(.9);transform:translateY(3px);box-shadow:inset 0 3px 2px #fff3,inset 0 -2px 3px #0000004d,0 1px #00000059}.pill-wrap{display:flex;flex-direction:column;align-items: center;gap:5px}.pill-wrap span{letter-spacing:.14em;color:var(--label);font-size:9px;font-weight:800}.pill{pointer-events:none;background:linear-gradient(#8e8a99,#6b6876);border:none;border-radius:8px;width:54px;height:13px;padding:0;transform:rotate(-24deg);box-shadow:inset 0 1px #ffffff4d,0 2px #00000059}.pill.down{filter:brightness(.8);transform:rotate(-24deg)translateY(1px);box-shadow:inset 0 1px #ffffff1a}.grill{position:absolute;right:22px;bottom:calc(env(safe-area-inset-bottom) + 18px);display:flex;pointer-events:none;gap:6px;transform:rotate(-30deg)}.grill i{display:block;background:#00000024;border-radius:3px;width:5px;height:38px;box-shadow:inset 0 1px 2px #00000040}@media (orientation:landscape){.grill{bottom:26px;right:34px}}@media (orientation:portrait) and (max-height:700px){.grill{display:none}}.hints{color:#7d8296;letter-spacing:.02em;text-align:center;margin-top:14px;padding:0 12px;font-size:12px}@media (orientation:landscape) and (max-height:760px){.hints{display:none}}