html, body {
    margin: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #050008;
    font-family: Arial, sans-serif;
}

#scene {
    position: relative;
    width: 100vw;
    height: 100vh;
    cursor: pointer;
    overflow: hidden;
}

#sceneImage {
    position: absolute;
    inset: 0;
    background-image: url("../images/scene01-exterior.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 1;
    /*transition: opacity 1.2s ease, transform 1.2s ease, filter 0.75s ease;
    animation: slowDrift 20s ease-in-out infinite;*/
}

#sceneImage.zooming {
    animation: none;
    transform: scale(1.04);
}

#edgeBlur {
    position: absolute;
    inset: -20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    filter: blur(6px);
    opacity: 0;
    pointer-events: none;
    transform: scale(1.08);
    transition: opacity 0.25s ease;
    z-index: 3;
    mask-image: radial-gradient( circle at center, transparent 0%, transparent 30%, black 55%, black 100% );
    -webkit-mask-image: radial-gradient( circle at center, transparent 0%, transparent 30%, black 55%, black 100% );
}

#edgeBlur.active {
    opacity: 0.75;
}

@keyframes slowDrift {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.01);
    }

    100% {
        transform: scale(1);
    }
}

.crossfade-clone {
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 1;
    pointer-events: none;
    transition: opacity 0.75s ease, transform 1.2s ease;
    z-index: 2;
}

.crossfade-clone.zooming-out {
    transform: scale(1.04);
}

#towerSignalGlow {
    position: absolute;
    top: 22%;
    left: 70.5%;
    width: 0.9%;
    height: 11.7%;

    background: linear-gradient(
        to bottom,
        transparent 0%,
        rgba(190, 90, 255, 0.05) 25%,
        rgba(220, 150, 255, 0.45) 50%,
        rgba(190, 90, 255, 0.05) 75%,
        transparent 100%
    );

    filter: blur(clamp(2px, 0.65vw, 10px));
    opacity: 0;
    pointer-events: none;
    z-index: 4;

    animation: towerSignalSweep 7s infinite ease-in-out -3s;
    /*opacity: 0.8;
    animation: none;*/
}

@keyframes towerSignalSweep {
    0%, 55%, 100% {
        opacity: 0;
        transform: translateY(100px);
    }

    65% {
        opacity: 0.7;
    }

    78% {
        opacity: 0.9;
        transform: translateY(-45px);
    }

    90% {
        opacity: 0;
        transform: translateY(-100px);
    }
}

.windowGlow {
    position: absolute;
    background: rgba(190, 70, 255, 0.28);
    box-shadow:
        0 0 18px rgba(190, 70, 255, 0.55),
        0 0 42px rgba(190, 70, 255, 0.35);
    filter: blur(4px);
    opacity: 0.65;
    pointer-events: none;
    z-index: 3;
}

.windowGlow1 {
    top: 64.5%;
    left: 30.5%;
    width: 3.25%;
    height: 4.2%;
    animation: windowFlickerA 5.5s infinite;
}

.windowGlow2 {
    top: 64%;
    left: 38%;
    width: 7.8%;
    height: 4.6%;
    animation: windowFlickerB 7.25s infinite;
}

.windowGlow3 {
    top: 63.4%;
    left: 66.5%;
    width: 9.8%;
    height: 5.2%;
    animation: windowFlickerC 4.8s infinite;
}

@keyframes windowFlickerA {
    0%, 90%, 100% { opacity: 0.65; }
    92% { opacity: 0.35; }
    94% { opacity: 0.85; }
    96% { opacity: 0.45; }
}

@keyframes windowFlickerB {
    0%, 78%, 100% { opacity: 0.55; }
    80% { opacity: 0.25; }
    82% { opacity: 0.75; }
    85% { opacity: 0.4; }
}

@keyframes windowFlickerC {
    0%, 84%, 100% { opacity: 0.7; }
    86% { opacity: 0.3; }
    89% { opacity: 0.9; }
    92% { opacity: 0.5; }
}

#sceneEffects {
    position: absolute;
    aspect-ratio: 1539 / 1024;
    width: 100vw;
    height: auto;
    max-height: 100vh;
    max-width: calc(100vh * 1539 / 1024);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 4;
}

    #sceneEffects > * {
        position: absolute;
    }

#doorEffects {
    position: absolute;
    aspect-ratio: 1539 / 1024;
    width: 100vw;
    height: auto;
    max-height: 100vh;
    max-width: calc(100vh * 1539 / 1024);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 10;
}

#buzzerGlow {
    position: absolute;
    top: 55.6%;
    left: 13.5%;
    width: 1%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: rgba(120,255,120,.8);
    box-shadow: 0 0 8px rgba(120,255,120,.8), 0 0 20px rgba(120,255,120,.6), 0 0 40px rgba(120,255,120,.3);
    pointer-events: none;
    animation: buzzerPulse 2.5s ease-in-out infinite;
    /* debugging */
    /*border: 2px solid yellow;
    box-sizing: border-box;*/
}

#buzzerHitbox {
    position: absolute;
    top: 54.6%;
    left: 13.5%;
    width: 2.3%;
    aspect-ratio: 1;
    cursor: pointer;
    pointer-events: auto;
    z-index: 10;
    /* debugging */
    /*border: 1px solid red;*/
}

#buzzerGlow.hover {
    animation-duration: 0.8s;
    box-shadow: 0 0 12px rgba(120,255,120,.95), 0 0 30px rgba(120,255,120,.8), 0 0 60px rgba(120,255,120,.5);
}

#buzzerGlow.pressed {
    animation: none;
    opacity: 1;
    transform: scale(1.25);
    box-shadow: 0 0 18px rgba(120,255,120,1), 0 0 40px rgba(120,255,120,.9), 0 0 90px rgba(120,255,120,.65);
}


@keyframes buzzerPulse {

    0%,100% {
        opacity: .55;
        transform: scale(1);
    }

    50% {
        opacity: 1;
        transform: scale(1.15);
    }
}

#buzzerGlow,
#buzzerHitbox {
    display: none;
}

#scene.door-active #buzzerGlow,
#scene.door-active #buzzerHitbox {
    display: block;
}

#doorOpenOverlay {
    position: absolute;
    inset: 0;
    background-image: url("../images/scene04-secdoor.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    pointer-events: none;
    z-index: 6;
    transform-origin: 68% 50%;
    transform: perspective(1200px) rotateY(0deg);
    transition: opacity 0.2s ease, transform 1.25s ease-in-out, filter 1.25s ease-in-out;
}

#scene.door-active #doorOpenOverlay {
    opacity: 1;
}

#doorOpenOverlay.opening {
    opacity: 1;
    transform: perspective(1200px) rotateY(50deg);
    filter: brightness(0.55);
}

#towerSignalGlow,
.windowGlow,
#onAirGlow,
#radarGlow {
    display: none;
}

#scene.exterior-active #sceneEffects #towerSignalGlow,
#scene.exterior-active #sceneEffects .windowGlow {
    display: block;
}

/*#scene.controlroom-active #onAirGlow,
#scene.controlroom-active #radarGlow {
    display: block;
}*/

#consoleGlow,
#consoleHitbox {
    display: none;
    pointer-events: auto;
}

/*#scene.controlroom-active #consoleGlow,
#scene.controlroom-active #consoleHitbox {
    display: block;
}*/

#scene.controlroom-active #controlRoomEffects #onAirGlow,
#scene.controlroom-active #controlRoomEffects #radarGlow,
#scene.controlroom-active #controlRoomEffects #consoleGlow,
#scene.controlroom-active #controlRoomEffects #consoleHitbox {
    display: block;
}

#scene.door-prep #doorOpenOverlay {
    opacity: 1;
}

#scene.console-prep #consoleViewport {
    display: block;
}

#consoleGlow {
    position: absolute;
    top: 52.6%;
    left: 68%;
    width: 6%;
    height: 10%;
    clip-path: polygon( 20% 0%, 87% 7%, 71% 98%, 0% 85% );
    background: radial-gradient( ellipse at center, rgba(90, 255, 170, 0.45) 0%, rgba(40, 220, 160, 0.20) 45%, transparent 75% );
    filter: blur(clamp(3px, 0.7vw, 10px));
    opacity: 0.75;
    pointer-events: none;
    z-index: 4;
    animation: consoleBreath 3.5s ease-in-out infinite;
}

#consoleHitbox {
    position: absolute;
    top: 49%;
    left: 68%;
    width: 20%;
    height: 47%;
    cursor: pointer;
    z-index: 10;
}

#consoleGlow.hover {
    opacity: 0.8;
    animation-duration: 1.2s;
}

@keyframes consoleBreath {
    0%, 100% {
        opacity: 0.35;
        transform: scale(1);
    }

    50% {
        opacity: 0.65;
        transform: scale(1.03);
    }
}

#onAirGlow {
    position: absolute;
    top: 13%;
    left: 36%;
    width: 10%;
    height: 8%;
    background: radial-gradient( ellipse at center, rgba(255, 60, 40, 0.45) 0%, rgba(255, 40, 20, 0.20) 50%, transparent 80% );
    filter: blur(clamp(4px, 1vw, 18px));
    opacity: 0.7;
    pointer-events: none;
    z-index: 4;
    animation: onAirPulse 3.1s ease-in-out infinite;
}

@keyframes onAirPulse {
    0%,100% {
        opacity: 0.55;
    }

    50% {
        opacity: 0.9;
    }
}

#radarGlow {
    position: absolute;
    top: 32%;
    left: 30.5%;
    width: 6%;
    height: 8%;
    border-radius: 50%;
    background: radial-gradient( circle, rgba(60, 140, 255, 0.50) 0%, rgba(60, 140, 255, 0.25) 45%, transparent 75% );
    filter: blur(clamp(4px, 1vw, 16px));
    opacity: 0.65;
    pointer-events: none;
    z-index: 4;
    animation: radarPulse 5.7s ease-in-out infinite;
}

@keyframes radarPulse {
    0%,100% {
        opacity: 0.45;
        transform: scale(1);
    }

    50% {
        opacity: 0.85;
        transform: scale(1.08);
    }
}

#controlRoomEffects {
    position: absolute;
    aspect-ratio: 1539 / 1024;
    width: 100vw;
    height: auto;
    max-height: 100vh;
    max-width: calc(100vh * 1539 / 1024);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 10;
}

#consoleViewport {
    position: absolute;
    aspect-ratio: 1539 / 1024;
    width: 100vw;
    height: auto;
    max-height: 100vh;
    max-width: calc(100vh * 1539 / 1024);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    pointer-events: none;
    z-index: 8;
    display: none;
}

#scene.console-active #consoleViewport {
    display: block;
}

#consoleRig {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.consoleLayer {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    pointer-events: none;
}

.consoleBackground {
    z-index: 1;
}

.wheelSelector {
    z-index: 2;
}

.robotLowerArm {
    z-index: 3;
}

.robotUpperArm {
    z-index: 4;
}

.consolePanel {
    z-index: 5;
}

.robotLowerHand {
    z-index: 6;
}

.cartSelected {
    z-index: 7;
}

.robotUpperHand {
    z-index: 8;
}

.wheelSelector {
    transform-origin: 56.24% 31.6%;
    position: absolute;
    transform: rotate(0deg);
    transition: transform 0.8s ease-in-out;
}

@keyframes wheelTestSpin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

#robotArmRig {
    position: absolute;
    inset: 0;
    z-index: 99;
    pointer-events: none;
    transform-origin: 0.5% 35%;
    transform: translate(0%, 0%) rotate(0deg);
    transition: transform 1.2s ease-in-out;
}

#robotArmRig.arm-grab-advance {
    transform: translate(-1.5%, -9.5%) rotate(40deg);
}

#robotArmRig.arm-pull-left {
    transform: translate(-55%, -12%) rotate(35deg);
    transition: transform 1.1s ease-in-out;
}

.robotLowerArm,
.robotUpperArm,
.robotLowerHand,
.robotUpperHand {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}

#robotArmRig.arm-exit-screen {
    transform: translate(-25%, -5%) rotate(-55deg);
}

/* Reach Pose */
#robotArmRig.arm-reach {
    transform: translate(-3%, -10%) rotate(40deg);
}

.robotUpperArmWrapper.arm-reach {
    transform: rotate(-80deg);
}

.robotHandWrapper.arm-reach {
    transform: rotate(-40deg);
}

.robotUpperArmWrapper {
    position: absolute;
    inset: 0;
    z-index: 4;
    transform-origin: 3% 6%;
    transform: rotate(0deg);
    transition: transform 1.2s ease-in-out;
}

.robotUpperArm {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}

.robotHandWrapper {
    position: absolute;
    inset: 0;
    z-index: 6;
    transform-origin: 13% 19%;
    transform: rotate(0deg);
    transition: transform 0.8s ease-in-out;
}

.robotLowerHand,
.robotUpperHand {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    transform: none;
    transition: none;
}

.wheelFull {
    z-index: 2;
    opacity: 1;
}

.wheelPartial {
    z-index: 2;
    opacity: 0;
}

.cartSelected {
    z-index: 8;
    opacity: 0;
    transition: transform 1.1s ease-in-out, opacity 0.12s ease;
}

#consoleRig.cart-grabbed .cartSelected {
    opacity: 1;
}

.cartSelected.cart-pull-left {
    transform: translate(-55%, -8%);
}

#consoleRig.cart-grabbed .wheelFull {
    opacity: 0;
}

#consoleRig.cart-grabbed .wheelPartial {
    opacity: 1;
}

#consoleRig.cart-grabbed .cartSelected {
    opacity: 1;
}

.robotLowerHand,
.robotUpperHand {
    transform-origin: 13% 19%;
    transition: transform 0.18s ease-in-out;
}

.robotHandWrapper.hand-open .robotUpperHand {
    transform: rotate(-7deg);
}

.robotHandWrapper.hand-open .robotLowerHand {
    transform: rotate(7deg);
}

.robotHandWrapper.hand-closed .robotUpperHand,
.robotHandWrapper.hand-closed .robotLowerHand {
    transform: rotate(0deg);
}

.consoleButton {
    position: absolute;
    z-index: 1000;
    pointer-events: auto;
    cursor: pointer;
    border: 0;
    /*background: rgba(255, 0, 0, 0.18);*/ /* debug */
    /*outline: 2px solid red;*/ /* debug */
    background: transparent;
    padding: 0;
    transform: translateY(0);
    transition: transform 80ms ease, filter 80ms ease;
}

.consoleButton:active,
.consoleButton.is-pressed {
    transform: translateY(3px);
    filter: brightness(0.7);
}

.consoleButtonLabel {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #ff4a1c;
    font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
    font-size: clamp(10px, 1.7vw, 24px);
    font-weight: 400;
    letter-spacing: 0.08em;
    line-height: 1.25;
    position: relative;
    top: 2px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 0 4px rgba(255, 70, 20, 0.45), 0 0 10px rgba(255, 70, 20, 0.18);
}

.consoleButtonLabelLeftBottom {
    top: -5px;
}

.consoleButtonLabelRightBottom {
    top: -3px;
}

/* TEMP placement guesses — tune these */
.consoleButtonLoad {
    left: 66.5%;
    top: 53.7%;
    width: 10%;
    height: 8%;
}

.consoleButtonRetrieve {
    left: 79%;
    top: 54%;
    width: 11%;
    height: 8%;
}

.consoleButtonLeft {
    left: 66.5%;
    top: 64.9%;
    width: 10%;
    height: 8%;
}

.consoleButtonRight {
    left: 79%;
    top: 64.9%;
    width: 11%;
    height: 8%;
}

#monitorScreen {
    position: absolute;
    left: 26%;
    top: 41%;
    width: 34%;
    height: 34.5%;
    z-index: 6;
    overflow: hidden;
    border-radius: 8% / 12%;
    pointer-events: none;
}

#monitorGlow {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: radial-gradient( ellipse at center, rgba(55, 255, 145, 0.28) 0%, rgba(25, 190, 105, 0.16) 45%, rgba(0, 35, 20, 0.12) 100% );
    filter: blur(2px);
}

#monitorContent {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 4.5% 5%;
    display: grid;
    grid-template-columns: 48% 52%;
    gap: 4%;
    color: #7dff9f;
    font-family: "Courier New", monospace;
    text-shadow: 0 0 4px rgba(100, 255, 150, 0.55), 0 0 10px rgba(40, 255, 120, 0.25);
}

@media (max-width: 700px) {
    #monitorContent {
        display: block !important;
        padding: 4% !important;
    }

    #monitorArtPanel,
    #monitorAlbumArt,
    #monitorFlavorText {
        display: none !important;
    }

    #monitorInfoPanel {
        display: block !important;
        width: 100% !important;
        font-size: clamp(10px, 2.4vw, 14px) !important;
        line-height: 1.15 !important;
    }

    .monitorTitle {
        font-size: clamp(14px, 4vw, 22px) !important;
    }

    .monitorGenre {
        font-size: clamp(10px, 2.5vw, 14px) !important;
    }

    .monitorMeta {
        display: grid !important;
        grid-template-columns: 30% 70% !important;
        row-gap: 1px !important;
    }

        .monitorMeta dd {
            margin: 0;
            padding-left: 18px;
        }

    .monitorDjNote {
        display: none !important;
    }
}

#monitorArtPanel {
    padding-top: 40px;
    transform: translateX(-16px);
    display: flex;
    flex-direction: column;
    min-width: 0;
}

#monitorAlbumArt {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    filter: saturate(0.65) contrast(1.1) brightness(0.72);
    opacity: 0.9;
    border-radius: 8px;
    border: 1px solid rgba(125,255,159,.25);
    box-shadow: 0 0 4px rgba(125,255,159,.15), 0 0 12px rgba(125,255,159,.08);
}

#monitorFlavorText {
    margin-top: 4%;
    font-size: clamp(5px, 0.52vw, 9px);
    line-height: 1.1;
    opacity: 0.85;
}

#monitorInfoPanel {
    min-width: 0;
    font-size: clamp(6.5px, 0.75vw, 13px);
    line-height: 1.15;
}

.monitorTitle {
    font-size: clamp(12px, 1.35vw, 22px);
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.monitorGenre {
    margin-top: 2%;
    margin-bottom: 4%;
    font-size: clamp(7px, 0.85vw, 14px);
    opacity: 0.85;
    text-transform: uppercase;
}

.monitorMeta {
    margin: 0;
    display: grid;
    grid-template-columns: 34% 66%;
    row-gap: 2px;
}

    .monitorMeta dt {
        opacity: 0.65;
        text-transform: uppercase;
    }

    .monitorMeta dd {
        margin: 0;
    }

.monitorDjNote {
    margin-top: 4%;
    font-size: clamp(5px, 0.52vw, 9px);
    line-height: 1.15;
}

    .monitorDjNote span {
        text-transform: uppercase;
        opacity: 0.7;
    }

#monitorScreen::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 10;
    pointer-events: none;
    background: radial-gradient( ellipse at center, transparent 42%, rgba(0, 0, 0, 0.48) 100% );
}

#monitorScreen::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 11;
    pointer-events: none;
    background: repeating-linear-gradient( to bottom, rgba(120, 255, 170, 0.07) 0px, rgba(120, 255, 170, 0.07) 1px, transparent 2px, transparent 4px );
}

#monitorRefreshScan {
    position: absolute;
    left: 0;
    top: -25%;
    width: 100%;
    height: 18%;
    z-index: 9;
    pointer-events: none;
    background: linear-gradient( to bottom, transparent 0%, rgba(130, 255, 170, 0.03) 20%, rgba(130, 255, 170, 0.22) 50%, rgba(130, 255, 170, 0.03) 80%, transparent 100% );
    filter: blur(4px);
    animation: monitorRefreshSweep 7s ease-in-out infinite;
}

@keyframes monitorRefreshSweep {
    0% {
        transform: translateY(0);
        opacity: 0;
    }

    12% {
        opacity: 0.75;
    }

    45% {
        opacity: 0.35;
    }

    65% {
        transform: translateY(700%);
        opacity: 0;
    }

    100% {
        transform: translateY(700%);
        opacity: 0;
    }
}

/*.debug-position #towerSignalGlow,*/
/*.debug-position .windowGlow,*/
/*.debug-position #buzzerGlow,*/
/*.debug-position #buzzerHitbox,*/
/*.debug-position #consoleGlow,
.debug-position #consoleHitbox {
    outline: 2px solid red;
    opacity: 0.8 !important;
}*/

/* Clickable regions */

/*.debug-position #buzzerHitbox,*/
/*.debug-position #consoleHitbox {
    background: rgba(255, 0, 0, 0.2);
}*/

/* Glow regions */

/*.debug-position #buzzerGlow {
    outline: 2px solid lime;
    background: rgba(0, 255, 0, 0.2);
}*/

/*.debug-position #consoleGlow {
    outline: 2px solid orange;
    background: rgba(255, 165, 0, 0.35) !important;
    filter: none;
}*/

/*#wheelPivotDebug {
    position: absolute;
    left: 56.24%;
    top: 31.6%;
    width: 20px;
    height: 20px;
    border: 3px solid lime;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999;
}*/

/*#scene.console-active .wheelSelector {
    animation: wheelTestSpin 4s linear infinite;*/
/*animation: none;*/
/*}*/



/* ==========================================================
   DEBUG PIVOTS
   Uncomment these elements in index.html when tuning arm pivots

   #armPivotDebug
   #upperArmPivotDebug
   #wristPivotDebug
   ========================================================== */

/*
#armPivotDebug {
    position: absolute;
    left: 0.5%;
    top: 35%;
    width: 20px;
    height: 20px;
    border: 3px solid red;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
}

#upperArmPivotDebug {
    position: absolute;
    left: 3%;
    top: 6%;
    width: 24px;
    height: 24px;
    background: lime;
    border: 3px solid white;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
}

#wristPivotDebug {
    position: absolute;
    left: 13%;
    top: 19%;
    width: 24px;
    height: 24px;
    background: cyan;
    border: 3px solid white;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
}
*/

/*#robotArmRig.arm-shoulder-rotate {
    transform: rotate(-40deg);
}

.robotUpperArmWrapper.elbow-bend {
    transform: rotate(-25deg);
}

.robotHandWrapper.wrist-rotate {
    transform: rotate(-15deg);
}*/