:root {--Red: rgba(255, 0, 256, 0.6);}body {color: #555;}h1 {font-size: 34px;white-space: nowrap;}h4 {color: #68A;font-size: 20px;font-weight: 600;margin: 20px 0 0 0;}h5 {color: #69B;font-size: 18px;font-weight: 600;margin: 15px 0 0 0;}b {color: #a66464;font-size: 19px;font-weight: 500;margin: 0;}figure {overflow: hidden;margin: 4px;}figure p {margin: 0 4px 0 4px;}.Fig {position: relative;}.Fig img {position: absolute;}.Fig .VCHL img {position : relative;}div[style*="--XYWH"] {position: absolute; }div[style*="--XYLA"] {position: absolute; transform-origin: left; }.hugetxt {font-size:100pt;}.shadow {filter: drop-shadow(-4px 4px 2px black);}.Txt {}.Box {border: 4px solid var(--Red);border-radius: var(--R, 6%); }.Lin {height: 4px;background-color: var(--Red);}.Arw {height: 4px;background-color: var(--Red);}.Arw::after {content : ""; position: absolute;top : -6px; right : -18px;width : 0;height : 0;border-top : 8px solid transparent; border-bottom: 8px solid transparent; border-left : 16px solid var(--Red); border-right : 2px solid transparent; }.icon {width: 40px;height: 40px;margin: 8px;filter: drop-shadow(0 0 2px black);}.app {width : calc(416px / 3);height: calc(496px / 3);border-radius: 34px;border: 3px solid black;outline: 15px double gray;margin: 20px;}.OS_msg {background-color: black; display: flex; flex-direction: column; justify-content: center; align-items: center; }.OS_msg p {color: #FFF;font-size: 12px;font-weight: 600;text-align: center; width: 100%; }.OS_msg .narrow {margin: -8px 0 -8px 0;}.armFrame {width: 330px;padding: 10px;border-radius: 34px;border: 1px solid gray;margin: 10px 0 10px;background-color: #fff8e8;overflow: hidden;filter: drop-shadow(2px 2px 5px black);}.armDisp {width: calc(374px / 3);height: calc(446px / 3);border-radius: 40px;border: 1px solid black;outline: 9px double #CCC;margin: 10px 0 -50px 10px;}.armMove {position: relative;display: block;width: 300px;height: 160px;margin-bottom: -20px;}.armMove img {position: absolute;top: 0; left: 20px;width: 100%;height: 100%;}.armSpeaker {width: calc(544px / 5);height: calc(677px / 5);filter: drop-shadow(0 1px 3px black);margin-bottom: -60px;}.arm {animation: 2s linear 0s infinite anime-arm;}.flk {animation: 4s linear 0s infinite anime-flk;}.wch { --Y:-10px; animation: 2s linear 0s infinite anime-arm;}.wfk {--Y:-10px; animation: 4s linear 0s infinite anime-flk;}.dsp {animation: 4s linear 0s infinite anime-dsp;}@keyframes anime-arm {0% {transform: translate( 0px , 0px ) rotate( 0deg ) scale(1, 1 );}15% {transform: translate(var(--X,0px),var(--Y,0px)) rotate(var(--R,0deg)) scale(1,var(--S,1));}50% {transform: translate(var(--X,0px),var(--Y,0px)) rotate(var(--R,0deg)) scale(1,var(--S,1));}65% {transform: translate( 0px , 0px ) rotate( 0deg ) scale(1, 1 );}100%{transform: translate( 0px , 0px ) rotate( 0deg ) scale(1, 1 );}}@keyframes anime-flk {0% {transform: translateY( 0px ) scale(1, 1 );}2% {transform: translateY(var(--Y,0px)) scale(1,var(--S,1));}4% {transform: translateY(var(--Y,0px)) scale(1,var(--S,1));}6% {transform: translateY( 0px ) scale(1, 1 );}100%{transform: translateY( 0px ) scale(1, 1 );}}@keyframes anime-dsp {0% {opacity: 1;}10% {opacity: 1;}20% {opacity: 0;}50% {opacity: 0;}80% {opacity: 1;}100%{opacity: 1;}}.piyo {width: 120px;height: 60px;margin: 0 0 -20px 0;animation: 1s linear 0s infinite normal anime-piyo;}.piyoX {margin: 0 0 -20px 15px;animation: 1s linear 0s infinite normal anime-piyoX;}@keyframes anime-piyo {from {transform: translateY(100px) scale(0);}to {transform: none;opacity: 0;}}@keyframes anime-piyoX {from {transform: translateX(-80px) rotate(90deg) scale(0.1);}to {transform: rotate(90deg);opacity: 0;}}