*{
    margin: 0;
}

html,
body,
.base {
    height: 100%;
}

#puzzle-gui {
    touch-action: none;
    position: fixed;
    height: 100%;
    width: 100%;
}

.battery {
    cursor: move;
    border-radius: 2px;
    fill: yellow;
    pointer-events: bounding-box;
}

.battery *{
    pointer-events:none;
}

.battery text{
    user-select: none;
    fill:white;
    font-weight:bold;
}

.space {
    fill:rgb(120, 120, 120);
}

#casing {
    fill:rgb(60, 60, 60);
}

#light {
    fill: url(#gradient1);
}

.light-on {
    opacity: 1;
}
.light-off{
    opacity: 0;
}

.glow {
    stroke: white;
    stroke-width: 5px;
}